@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Zen+Kaku+Gothic+Antique&family=Zen+Kaku+Gothic+New&display=swap);

.global-nav {
    margin-top: 10px;
}
.lang_switch {
    position: absolute;
    right: 30px;
    top: 20px;
}
.lang_switch .active {
    text-decoration: none;
    color:#51391F;
}
.lang_switch .inactive {
    text-decoration: none;
    color:#ddd;
}
.footTable {
    width: calc(100% - 80px);
    padding: 0px 40px 40px 40px;
    display: block;
    font-size: 15px;
    line-height: 22px;
}
    .footTable td {
        padding: 10px 20px;
        min-width: 150px;
        vertical-align: top;
        padding-left: 10px;
    }
    .footTable td a {
        text-decoration: none;
        display: inline-block;
    }
.footTable td a:hover {
    text-decoration: underline;
}
.footTD1 {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    width: 150px;
}
    .footTD1:after {
        content: "";
        position: absolute;
        top: 22px;
        right: 50px;
        height: 1px;
        width: 30%;
        background: #000;
    }
.table-scroll-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
}
.table-scroll-container .utopitable2 {
    border-collapse: collapse;
}
.utopitable2 th {
    background-color: #eac9a9;
    color: #fff;
    min-width: 150px;
    padding: 10px;
}
.utopitable th {
    background-color: #eac9a9;
    color: #fff;
    /*min-width: 150px;*/
    padding: 10px;
}
.shielink {
    
}
.shielink a {
    color:#800000;
    text-decoration:none;
}
    .shielink a:hover {
        color: #800000 !important;
        text-decoration: none !important;
    }


.selectProduct {
    width: 252px;
    float: left;
    margin: 20px 10px;
}

.selecPic {
}

.selecTitle {
    font-weight: bold;
    line-height: 25px !important;
    padding: 10px 0px;
}

.selectDetail {
    line-height: 22px !important;
    font-size: 15px !important;
}
.selecAdd {
}
.selecPrice {
    font-weight: bold;
}

.commentShie1 {
    padding: 20px 20px !important;
    margin-left: 146px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 15px;
    background: #EDE6DA;
    line-height: 21px;
}
    .commentShie1:before {
        content: "";
        display: block;
        width: 146px !important;
        height: 138px !important;
        background: url(img/fukidashi1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -146px !important;
    }
.commentShie2 {
    padding: 20px 20px !important;
    margin-left: 144px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 15px;
    background: #D8E8CF;
    line-height: 21px;
}
    .commentShie2:before {
        content: "";
        display: block;
        width: 144px !important;
        height: 140px !important;
        background: url(img/shie-e-fukidashi3.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -144px !important;
    }
.commentShie3 {
    padding: 20px 20px !important;
    margin-left: 117px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 15px;
    background: #E9EEF2;
    line-height: 21px;
}

    .commentShie3:before {
        content: "";
        display: block;
        width: 117px !important;
        height: 130px !important;
        background: url(img/illust-fukidashi1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -117px !important;
    }
.commentShie4 {
    padding: 20px 20px !important;
    margin-left: 145px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 15px;
    background: #EBEFF2;
    line-height: 21px;
}

    .commentShie4:before {
        content: "";
        display: block;
        width: 145px !important;
        height: 137px !important;
        background: url(img/hara-fukidashi1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -145px !important;
    }
.commentShie5 {
    padding: 20px 20px !important;
    margin-left: 147px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 15px;
    background: #F7E8DA;
    line-height: 21px;
}

    .commentShie5:before {
        content: "";
        display: block;
        width: 147px !important;
        height: 138px !important;
        background: url(img/mika-fukidashi1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -147px !important;
    }
.commentShie6 {
    padding: 57px 50px 50px 160px !important;
    border: solid 1px #7a966e;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 90px;
    color: #895a55;
    border-radius: 0px;
    font-size: 15px;
    background: #f2f2f2;
    line-height: 21px;
    background-image: url(img/shie-box1.png);
    background-repeat: no-repeat;
    background-position: 20px 30px;
}

    .commentShie6:before {
        content: "";
        display: block;
        width: 100px !important;
        height: 20px !important;
        background: url(img/star100.svg) no-repeat !important;
        background-size: 100px;
        position: absolute;
        top: 32px !important;
        left: 157px !important;
    }
.commentShie7 {
    padding: 150px 40px 100px 30px !important;
    position: relative;
    display: block;
    margin: 10px auto !important;
    clear: both;
    width: 430px;
    height: 308px;
    border-radius: 0px;
    background-image: url(img/reviewcomment-pc.png);
    background-repeat: no-repeat;
    background-size: 500px;
}
.commentShie8 {
    padding: 57px 130px 50px 50px !important;
    border: solid 1px #b1847d;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    /* color: #895a55; */
    border-radius: 0px;
    font-size: 15px;
    background: #f8f1e9;
    line-height: 21px;
    background-image: url(img/hara-review-mobile.png);
    background-repeat: no-repeat;
    background-position: right 20px top 30px;
}
.commentShie8:before {
    content: "";
    display: block;
    width: 100px !important;
    height: 20px !important;
    background: url(img/star100.svg) no-repeat !important;
    background-size: 100px;
    position: absolute;
    top: 31px !important;
    right: 140px !important;
}
.commentShie9 {
    padding: 50px 120px 50px 150px !important;
    position: relative;
    display: block;
    clear: both;
    min-height: 80px;
    border-radius: 25px;
    font-size: 15px;
    background: #E9EEF2;
    line-height: 21px;
    margin: 50px 50px 20px 50px;
    box-shadow: 0px 10px 10px -6px #ddd;
    background-image: url(img/corner-mika.png);
    background-repeat: no-repeat;
    background-position: right 0px bottom 0px;
}

    .commentShie9:before {
        content: "";
        display: block;
        width: 100px !important;
        height: 122px !important;
        background: url(img/mika-100.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: -31px !important;
        left: 30px !important;
    }
.block50 {
    width: calc(50% - 50px);
    float: left;
    margin: 25px;
    min-height: 360px;
    line-height: 28px;
}
.block50 img{
    margin-bottom:10px;
}
.syoujyo1 {
    width: calc(50% - 30px);
    float: left;
    height: 750px;
    margin: 15px;
}
.syoujyo2 {
    font-size: 16px;
    border-bottom: solid 1px #c8a88a;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #c8a88a;
    font-weight: bold;
}
.syoujyo3 {

}
.syoujyo4 {
    border-top: 1px dashed #d7cdb5;
    margin-top: 20px;
}
.syoujyo4 tr {
    border-bottom: 1px dashed #d7cdb5;
}
.syoujyo5 {
    line-height: 20px;
    font-size: 15px;
    padding: 10px 10px;
}
.syoujyo5 p {
    border-right: 1px solid #c8a88a;
    padding-right: 20px;
    font-weight: bold;
}
.syoujyo6 {
    line-height: 20px;
    font-size: 15px;
    padding: 10px 10px;
}
.syoujyo7 {
    width: 40px;
    margin-right: 10px;
}
.doctor-list a {
    text-decoration: none;
    color: #51391F;
}
.doctor-list2 a {
    text-decoration: none;
    color: #51391F;
}
.doctor-list a:hover {
    text-decoration: none;
    color: #51391F;
}

.doctor-list2 a:hover {
    text-decoration: none;
    color: #51391F;
}
.utopitable td {
    border: solid 1px #CAA585;
    padding: 10px 20px;
}
.utopitable thead td {
    background-color: #eac9a9;
    color: #fff;
}
.button-container {
    display: flex; /* Flexboxを有効にする */
    flex-wrap: wrap; /* 要素が多すぎたら折り返す */
    justify-content: center; /* 水平方向の中央揃え */
    gap: 20px; /* ボタン間の隙間 */
}
.originalButton {
    display: inline-block;
    padding: 10px 20px;
    font-family: 'Shippori Mincho';
    font-size: 16px;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #F5EBE0;
    border-radius: 0px;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    text-align: center;
    background-image: url(img/corner-left.png), url(img/corner-right.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat;
    background-size: 20px, 20px;
    width: calc(50% - 100px);
    box-shadow: 2px 2px 10px #eee;
    max-width: 325px;
}
    .originalButton a {
        text-decoration: none;
        color: #51391F;
    }
        .originalButton a:hover {
            text-decoration: none;
            color: #51391F;
        }
    .scroll1 li {
    list-style: none;
}
table.clinic th {
    padding: 20px;
}
table.clinic td {
    padding: 20px;
    border: none;
    border-bottom: dashed 1px #ddd;
}
table.clinic td p {
    padding: 0 20px;
    border-left: 1px solid #c9bc9c;
}
table.clinic {
    width: 100%;
    border-top: 1px solid #c9bc9c;
    line-height: 2.2;
    border-bottom: 1px solid #c9bc9c;
    border-left: none;
    border-right: none;
}
able.clinic td:nth-of-type(1) {
    text-align:center;
}
.snsArea {

}
.gototop {
    background-image: url(img/gotop72.svg);
    width: 72px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    height: 72px;
    z-index: 2;
}
.access-info {
    font-size: 15px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 2px;
    width: 280px;
}
.info-tel {
    font-family: 'Shippori Mincho';
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 7px;
}
.info-reception-note {
    font-family: 'Shippori Mincho';
    text-align: center;
    font-size: 10px;
}
.hours-table {
    font-family: 'Shippori Mincho';
}
.section-title2 {
    font-family: 'Shippori Mincho';
}
.feature-item-title {
    font-family: 'Shippori Mincho';
}
.section-description {
    font-family: 'Shippori Mincho';
}
.doctor-name {
    font-family: 'Shippori Mincho';
}
.doctor-name-en {
    font-family: 'Shippori Mincho';
}
.doctor-title {
    font-family: 'Shippori Mincho';
}
.zen-kaku-gothic-antique-regular {
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.zen-kaku-gothic-new-regular {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.global-nav a {
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    color: #51391F;
    text-decoration: none;
}
.bottomFooter__topBtn {
    margin-right: 15px;
    margin-bottom: 15px;
    opacity: .6;
    background: #fff;
    color: #51391F;
    border: 2px solid #51391F;
    text-align: center;
    padding: 17px 19px;
    text-decoration: none;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}
    .bottomFooter__topBtn:hover {
        color: #51391F;
    }
.dairyBox2 {
    width: 800px;
    margin-left: -10px;
}
.dairyBox2 .columTop {
    width: 164px;
}

.sub1 {
    padding: 20px;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
}
.sub2 {
    padding: 10px 5px 10px 5px;
    font-size: 11px;
    line-height: 20px;
    width: 220px;
    display: inline-block;
}
.background_3 .layout_centering {
    border-left: solid 0px #856367;
    border-right: solid 0px #856367;
}
.subSNS {
    float: right;
    margin-right: 25px;
}
.subHeader {
    color: #fff !important;
    float: right !important;
    margin-top: 8px;
}
.subHeader a{
    color: #fff !important;
}
.subHeader a.dropmenu {
    color: #000 !important;
    background-color: white !important;
}
.subHeader a.dropmenu:hover {
    color: #000 !important;
    background-color: #F7E9E9 !important;
    opacity:1!important;
}
#subMenuLeft {
    padding-bottom: 15px;
    width: 300px;
    float: left;
}
#subMenuLeft2 {

}
.columnSee {
    position: absolute;
    bottom: 0px;
    left: -200px;
}
.insideLeftBottom {
    line-height: 25px;
}
#footMenu {
    margin: 0px 0px 20px -8px;
}
.footInside {
    position: relative;
    padding: 40px;
}
.insideLeft {
    width:300px;
    float:left;
}
.insideRight {
    width: 620px;
    float: left;
}
.otherBox {
    width: 325px;
    text-align: center;
    float: left;
    padding: 20px 87px;
}
.otherLink {
    margin-top: 20px;
    margin-bottom: 20px;
}
.columnBox {

}
.picture1 img {
    margin: 0px;
    padding: 0px;
}
.profA1 {
    text-align: center;
    font-size: 20px;
    border-bottom: solid 1px #333;
    letter-spacing: 8px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: inline-block;
    margin: 0px auto;
    padding: 7px;
}
.profA2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
}
.profPanel {
    position:relative;
}
.profP {
    position:absolute;
}
.profP0 {
    top: -15px;
    right: 246px;
    width: 190px !important;
}
.profP1 {
    top: 140px;
    left: 30px;
    width: 407px !important;
}
.profP2 {
    top: 287px;
    right: 52px;
    width: 390px !important;
}
.profP3 {
    top: 500px;
    left: 131px;
    width: 310px !important;
}
.profP4 {
    top: 643px;
    right: 72px;
    width: 370px !important;
}
.profP5 {
    top: 850px;
    left: 35px;
    width: 400px !important;
}
.profP6 {
    top: 1060px;
    right: 29px;
    width: 400px !important;
}
.rightText {
    text-align: right;
    padding-right: 30px;
    margin-right: -30px;
}
.leftText {
    text-align: left;
    padding-left: 30px;
    margin-left: -30px;
}
.misa1 {
    padding-right: 125px;
    width: 190px;
}
.profP {
    width: 430px;
}
.prof1 {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    border-bottom: solid 1px #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.prof2 {
    text-align: left;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 18px;
}
.space1 {
    margin: 10px 0px;
}
.profPanel {
    text-align: center;
}
.moreAbout {
    text-align: left;
    color: white;
    margin: 10px 30px 10px 0px;
    float: right;
    width: 400px;
    font-size: 15px;
    line-height: 24px;
    position: relative;
    letter-spacing: 0px;
}
.moreAbout2 {
    margin-top: 10px;
    letter-spacing: 1px;
    line-height: 22px;
}
.moreAboutInside1 {
    margin-left: -75px;
    width: 380px;
}
.moreAboutInside2 {
    margin-left: 40px;
    width: 340px;
}
.voiceB {
    width: 272px;
    padding: 0px 20px;
    float: left;
}
.voiceB1 {
    text-align: center;
    padding: 5px 0px 10px 0px;
    color: #D0E75C;
    font-weight: normal;
    font-family: 'Shippori Mincho';
    font-size: 15px;
    letter-spacing: 5px;
}
.voiceB img {
    margin-bottom:10px;
}
.voiceB2 {
    text-align: center;
    color: #D0E75C;
    border-bottom: solid 1px #856367;
    font-size: 10px;
    letter-spacing: 0px;
    padding: 6px 0px;
    font-weight: bold;
}
.voiceB3 {
    text-align: center;
    font-size: 15px;
    margin: 20px 0px;
}
.voiceB4 {
    font-size: 11px;
    letter-spacing: 0px;
    margin-bottom: 20px;
    line-height: 17px;
}
.center {
    text-align: center;
}

.misaStyle3 {
    line-height: 21px !important;
    display: inline;
    background: linear-gradient(transparent 60%, #ffff 40%);
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 2px;
    padding-left: 20px;
    padding-right: 20px;
}
.misaStyle4 {
    line-height: 21px !important;
    display: inline;
    background: linear-gradient(transparent 60%, #F10B6F 40%);
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.midashiSquare {
    border: solid 1px #D0E75C;
    padding: 5px 40px;
    margin: 20px auto;
    display: inline-block;
    color: #D0E75C;
    font-weight: normal;
    font-family: 'Shippori Mincho';
    font-size: 25px;
    letter-spacing: 8px;
}
.midashiSquare2 {
    border: solid 1px #fff;
    padding: 5px 40px;
    margin: 40px auto;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    font-family: 'Shippori Mincho';
    font-size: 25px;
    letter-spacing: 8px;
}
#headMenuLeft {
    float: left;
    width: 365px;
    border-right: solid 1px #8F6F73;
    padding: 20px 10px;
}
h1.column {
    margin-bottom: 40px;
}
.mincho {
    font-family: 'Shippori Mincho', serif !important;
}
.underlineMark {
    padding-left: 35px;
    padding-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #51391F;
    background-image: url(../img/list3.jpg);
    background-position: 0px 7px;
    background-repeat: no-repeat;
}
.gyoukan1 {
    line-height: 20px !important;
    font-size: 15px !important;
    padding: 10px 20px !important;
}
.gyoukan2 {
    line-height: 24px !important;
    font-size: 15px !important;
}
.kensyu1 {
    position: relative;
    width: 550px;
    margin: auto;
}
.kensyu2 {
    border: solid 2px #000;
    border-radius: 10px;
    background-color: #000;
    color: #fff;
    display: inline;
    padding: 2px 10px;
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 0px;
    position: absolute;
    top: -18px;
    left: calc(50% - 80px);
}
.kensyu3 {
    border: solid 2px #000;
    border-radius: 10px;
    text-align: center;
    padding: 20px 10px;
    font-size: 18px;
}
.hearingouter {
    width: 791px;
    margin: auto;
}
.hearing {
    width: 370px;
    float: left;
    text-align: left;
}
.hearing1 {
    color: #51391F;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.hearing2 {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 15px;
}
.noto {
    font-family: 'Noto Sans Japanese', sans-serif;
}
#page_contents {

}

#display_edit_tool_box8 {
    display: none;
}
#smartHead {
    display: none;
}
#menubutton {
    display: none;
}
#bottomLink {
    display: none;
}
.other2 {
    line-height: 30px;
    font-weight: bold;
}
.other1 img {
    margin: 15px;
}
.sns img {
}
div.fea0 {
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 20px;
    width: 360px;
    padding: 50px;
    margin-bottom: 40px;
    float: left;
}

div.fea0::before {
    transform: skewY(-5deg);
    content: ""; /*ボックスを作る*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border: solid 1px #000;
}
.fea0 img {
    position: absolute;
    left: 20px;
    top: -20px;
}
.fea1 {
    color: #51391F;
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #000;
    margin-bottom: 20px;
    font-weight: bold;
}
.fea2 {
    line-height: 30px;
    text-align: left;
}
.red {
    color: #B13034;
}
.voice0 {
    background-image: url(img/voicehaikei.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 292px;
    padding: 50px 50px 50px 50px;
    font-size: 15px;
    letter-spacing: 0px;
    position: relative;
    margin-top: 140px;
    margin: 140px 10px 10px 10px;
}
.voice1 {
    position: absolute;
    top: -115px;
    left: -30px;
}
.bold {
    font-weight:bold;
}
.voice2 {
    position: absolute;
    top: 170px;
    left: 20px;
}
.voice3 {
    padding-top: 160px;
    text-align: center;
    font-size: 15px;
    background-image: url(img/kaiwa.png);
    background-position: center 170px;
    background-repeat: no-repeat;
    width: 315px;
    margin: 0px 0px 20px -8px;
    font-weight:bold;
}
.voice4 {
    line-height: 20px;
}
.voicePic {
    position: absolute;
    top: -120px;
    left: -30px;
}
.qanda2 {
    margin: 40px 0px;
    line-height: 35px;
    font-weight: bold;
}
.question0 {
    position:relative;
    border-bottom:solid 1px #000;
    margin-bottom:20px;
}
.question1 {
    position: absolute;
}
.question2 {
    position: absolute;
    color: #AB2A2A;
    left: 32px;
    font-size: 16px;
    font-weight: bold;
    top: -2px;
}
.question {
    margin-left: 70px;
    font-size: 15px;
    font-weight: bold;
}
.answer {
    margin: 20px 0px 30px 70px;
    font-size: 15px;
    line-height: 24px;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.center {
    text-align: center;
}
.about1 {
    margin: auto;
    background-image: url(img/about-logo33.svg), url(img/redline.png);
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    text-align: center;
    padding: 30px 0px 20px 0px;
    background-size: 30px, 40px;
    font-size: 26px;
    letter-spacing: 4px;
    color: #B13034;
    font-weight: bold;
}
.about2 {
    font-size: 30px;
    letter-spacing: 5px;
    color: #000;
}
.about3 {
    color: #B13034;
    font-size: 24px;
    line-height: 44px;
}
.about4 {
    font-size: 15px;
    line-height: 34px;
}

.about5 {
    font-size: 20px;
    margin: 60px 120px 40px 120px;
    font-weight: bold;
}
.head-border {
    display: flex;
    align-items: center;
}

    .head-border:before,
    .head-border:after {
        content: "";
        height: 1px;
        flex-grow: 1;
        background-color: #666;
    }

    .head-border:before {
        margin-right: 1rem;
    }

    .head-border:after {
        margin-left: 1rem;
    }
.about6 {
    margin: 40px 0px;
    font-size: 15px;
    line-height: 24px;
}
.about7 img {
    margin:10px 0px;

}
#headSmallMenu {
    position: absolute;
    right: 10px;
    top: 72px;
    width: 32px;
    height: 450px;
    text-align: center;
    z-index: 2;
    padding: 20px 10px 10px 10px;
}
    #headSmallMenu::before {
        transform: skewY(-5deg);
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        border: solid 1px #fff;
        background-color: #fff;
    }
#headSmallMenu p {
    writing-mode: vertical-rl;
    display: inline-block;
    color: #B13034;
    font-size:15px;
}
#headMenu {
    width: 594px;
    float: left;
    padding: 20px 0px 20px 20px;
    color: #50391F;
    line-height: 21px;
    font-size: 11px;
}
    #headMenu a {
        color: #50391F;
        text-decoration: none;
        margin-right: 7px;
        font-size: 11px;
        margin-left: 7px;
    }
    #footMenu a {
        color: #fff;
        text-decoration: none;
        margin-right: 7px;
        font-size: 11px;
        margin-left: 7px;
    }

div.dropshadow {
    position: relative;
    z-index: 1;
    margin: 20px;
    padding: 50px;
    margin-bottom: 40px;
}

    div.dropshadow::before {
        transform: skewY(-5deg);
        content: ""; /*ボックスを作る*/
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        border: solid 0px #000;
        background-image: url(img/pinkcust.png);
    }
.layout_rightbox2 {
    display: none;
}
.cke_editable {
    cursor: text;
}
.linoStyle1 {
    background: #FCCF00;
    color: #000;
    margin-left: 0px;
    display: table;
    padding: 5px 20px;
    box-shadow: 5px 5px 10px #ddd;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #FCCF00;
}
.mokuji {
    position: relative;
    display: inline-block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 28px;
    line-height: 28px !important;
    border: solid 1px #ddd;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    background-color: #F9F9FA;
    padding: 70px 40px 60px 40px;
    min-width: 550px;
}

    .mokuji:before {
        content: "目次";
        display: block;
        width: 80px !important;
        height: 30px !important;
        position: absolute;
        top: 30px !important;
        left: 20px !important;
        text-align: center;
        font-size: 21px;
        font-family: 'Shippori Mincho', serif;
    }

    .mokuji a {
        color: #534741;
        text-decoration: none;
    }
.questionQ {
    padding: 10px 10px 10px 60px;
    background-color: #EFDAC5;
    border-radius: 20px;
    /* font-weight: bold; */
    position: relative;
    line-height: 30px;
    font-family: 'Shippori Mincho';
    margin-bottom: 15px;
}
.questionQ:before {
    font-family: 'Shippori Mincho';
    content: "Q.";
    display: block;
    width: 31px !important;
    height: 31px !important;
    position: absolute;
    top: 10px !important;
    left: 25px !important;
    font-size: 25px;
}
.answerA {
    padding: 15px 10px 10px 60px;
    font-weight: normal;
    position: relative;
}

    .answerA:before {
        content: "";
        display: block;
        width: 28px !important;
        height: 33px !important;
        background: url(img/answer43.svg) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 15px !important;
        left: 15px !important;
        background-color: #EFDAC5;
        text-align: center;
        border-radius: 20px;
        padding: 5px;
        line-height: 30px;
        font-size: 25px;
    }
.comment1 {
    padding: 20px 20px !important;
    margin-left: 140px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 15px;
    background: #F7ECE1;
    line-height: 21px;
}

    .comment1:before {
        content: "";
        display: block;
        width: 146px !important;
        height: 139px !important;
        background: url(img/fukidashi-1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -146px !important;
    }

.comment_Nemoto {
    padding: 20px 20px !important;
    margin-right: 149px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 15px;
    background: #D8E8CF;
    line-height: 21px;
}

    .comment_Nemoto:before {
        content: "";
        display: block;
        width: 149px !important;
        height: 139px !important;
        background: url(img/nemotodr-fukidashi.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        right: -149px !important;
    }
.comment_Kyono {
    padding: 20px 20px !important;
    margin-left: 140px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 15px;
    background: #F8E8E3;
    line-height: 21px;
}

    .comment_Kyono:before {
        content: "";
        display: block;
        width: 146px !important;
        height: 140px !important;
        background: url(img/kyonodr-fukidasi.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -146px !important;
    }
.comment_Sowa {
    padding: 20px 20px !important;
    margin-left: 140px !important;
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 15px;
    background: #FFDDCF;
    line-height: 21px;
}

    .comment_Sowa:before {
        content: "";
        display: block;
        width: 146px !important;
        height: 138px !important;
        background: url(img/sowadr-fukidashi.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -146px !important;
    }

.commentNew1 {
    padding: 20px 20px 20px 150px !important;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 110px;
    border-radius: 10px;
    font-size: 15px;
    /* background: #EFDBC5; */
    line-height: 21px;
    border: solid 2px #F0DDC9;
}

    .commentNew1:before {
        content: "";
        display: block;
        width: 111px !important;
        height: 110px !important;
        background: url(img/face1pink.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 20px !important;
        left: 20px !important;
    }
.commentNew2 {
    padding: 20px 150px 20px 20px !important;
    /* margin-left: 140px !important; */
    /* border: solid 1px #50391F !important; */
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 110px;
    border-radius: 10px;
    font-size: 15px;
    /* background: #EFDBC5; */
    line-height: 21px;
    border: solid 2px #F0DDC9;
}

    .commentNew2:before {
        content: "";
        display: block;
        width: 99px !important;
        height: 109px !important;
        background: url(img/faceblue.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 20px !important;
        right: 20px !important;
    }
.comment2 {
    padding: 20px 20px !important;
    margin-right: 140px !important;
    background-color: #F6DFD4 !important;
    position: relative;
    /* border: solid 1px #ECF5BE; */
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 21px;
}

    .comment2:before {
        content: "";
        display: block;
        width: 149px !important;
        height: 140px !important;
        background: url(img/fukidashi2.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        right: -149px !important;
    }
    .comment2:after {
        content: "";
        display: block;
        width: 37px !important;
        height: 16px !important;
        background-image: url(img/fukidashi2-naname.png) !important;
        background-size: contain;
        position: absolute;
        top: 40px !important;
        right: -20px !important;
    }
.comment3 {
    padding: 30px 30px 30px 150px !important;
    position: relative;
    display: block;
    margin-top: 40px !important;
    margin-bottom: 30px !important;
    clear: both;
    min-height: 80px;
    border-top: 1px #50391F solid;
    border-bottom: 1px #50391F solid;
    background-image: url(img/staff3.png);
    background-repeat: no-repeat;
    background-position: 20px 20px;
}

.kaiwa {
    background-image: url(img/kaiwa2-left.png), url(img/kaiwa2-right.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    background-color: #F9F6F8;
    padding: 30px 50px;
}
.kaiwa2 {
    background-image: url(img/kaiwa2-left.png), url(img/kaiwa2-right.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    background-color: #d0e75c;
    padding: 30px 50px;
}
.mojiStyle1 {
    background: linear-gradient(transparent 50%, #FEF9F5 50%);
}
.mojiStyle2
{
    background: linear-gradient(transparent 50%, #F9F9D4 50%);
}
.mojiStyle3
{
    color: #ffffff;
    background-color: #B8BEA5;
}
.mojiStyle4
{
    color: #ffffff;
    background-color: #BEB19F;
}
.mojiStyle5
{
    color: #ffffff;
    background-color: #D0BCC8;
}
    .linoStyle1 a {
        color: #000;
        padding: 10px 50px;
        text-decoration: none;
    }

    .linoStyle1:hover {
        background-color: #F39800;
        background-image: none;
        color: #000;
        border: solid 1px #F39800;
    }

    .linoStyle1 a:hover {
        color: #000;
        text-decoration: none;
    }

.linoStyle2 {
    background: #fff;
    border: solid 1px #F39800;
    color: #F39800;
    margin-left: 0px;
    display: table;
    padding: 5px 20px;
    box-shadow: 5px 5px 10px #ddd;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

    .linoStyle2 a {
        color: #F39800;
        padding: 10px 50px;
        text-decoration: none;
    }

    .linoStyle2:hover {
        background-color: #F39800;
        background-image: none;
        color: #fff;
        border: solid 1px #F39800;
    }

    .linoStyle2 a:hover {
        color: #fff;
        text-decoration: none;
    }

.linoStyle3 {
    background: #30584F;
    border: solid 1px #30584F;
    color: #fff;
    margin-left: 0px;
    display: table;
    padding: 5px 20px;
    box-shadow: 5px 5px 10px #ddd;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

    .linoStyle3 a {
        color: #fff;
        padding: 10px 50px;
        text-decoration: none;
    }

    .linoStyle3:hover {
        background-color: #fff;
        background-image: none;
        color: #30584F;
        border: solid 1px #30584F;
    }

    .linoStyle3 a:hover {
        color: #30584F;
        text-decoration: none;
    }

.instaButton
{
        background: #fccf00;
    color: #000;
    padding: 10px 50px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
#txtHTML
{
 height:550px!important;
}
.columnCategoryList
{
height:92px;
}
.fukudashi1 {
    color: #ffa500;
    background-image: url(https://ayurveda-ganesha.jp/userPic/82.png);
    background-position: 0px 0px;
    background-color: #fff;
    background-repeat: no-repeat;
    padding: 0px;
    padding-left: 40px;
    padding-left: 110px;
    min-height: 110px;
    padding-top: 20px;
}
.fukudashi2 
{
    background-image: url(https://ayurveda-ganesha.jp/img/comment1.jpg);
    background-position: 0px 0px;
    background-color: #ffe8dc;
    background-repeat: no-repeat;
    padding: 0px 10px 20px 135px;
    /* padding-left: 40px; */
    /* padding-left: 130px; */
    min-height: 90px;
    padding-top: 20px;
}
.fukudashi3 {
    color: #fff;
    background-image: url(https://ayurveda-ganesha.jp/img/comment2.jpg);
    background-position:right top;
    background-color: #c6b194;
    background-repeat: no-repeat;
    padding: 0px 135px 20px 20px;
    /* padding-left: 40px; */
    /* padding-left: 130px; */
    min-height: 90px;
    padding-top: 20px;
}
.fukudashi4 {
    background-image: url(https://ayurveda-ganesha.jp/img/style-1.jpg);
    background-position: 0px 0px;
    /* background-color: #ffe8dc; */
    background-repeat: no-repeat;
    padding: 25px 20px 20px 190px;
    /* padding-left: 40px; */
    /* padding-left: 130px; */
    height: 211px;
    /* padding-top: 20px; */
    overflow: hidden;
}
.fukidashi5 {
    padding: 20px 30px !important;
    margin-left: 100px !important;
    background-color: #ffe8dc !important;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 100px;
    line-height: 28px !important;
    font-size: 15px !important;
}

    .fukidashi5:before {
        content: "";
        display: block;
        width: 115px !important;
        height: 100px !important;
        background: url(img/misasan-114.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -115px !important;
    }

    .fukidashi6 {
        padding: 20px 30px !important;
        margin-left: 100px !important;
        background-color: #FFE8DC !important;
        position: relative;
        display: block;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        clear: both;
        min-height: 100px;
        line-height: 28px !important;
        font-size: 15px !important;
    }
    
        .fukidashi6:before {
            content: "";
            display: block;
            width: 115px !important;
            height: 110px !important;
            background: url(img/miwasan114.png) no-repeat !important;
            background-size: contain;
            position: absolute;
            top: 0px !important;
            left: -115px !important;
        }

        .fukidashi7 {
            padding: 20px 30px !important;
            margin-left: 100px !important;
            background-color: #FCE5E3!important;
            position: relative;
            display: block;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
            clear: both;
            min-height: 100px;
            line-height: 28px !important;
            font-size: 15px !important;
        }
        
            .fukidashi7:before {
                content: "";
                display: block;
                width: 115px !important;
                height: 100px !important;
                background: url(img/erika114.png) no-repeat !important;
                background-size: contain;
                position: absolute;
                top: 0px !important;
                left: -115px !important;
            }
#column1
{
background-color: #30584f;
    color: white;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 20px;
    font-size: 15px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
#column2
{
background-color: #d2d1b8;
    color: #30584f;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 20px;
    font-size: 15px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
#column3
{
background-color: #f5ee9e;
    color: #30584f;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 0px;
    font-size: 15px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
#column4
{
background-color: #fccf00;
    color: white;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 20px;
    font-size: 15px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
#column5
{
background-color: #ba8922;
    color: white;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 20px;
    font-size: 15px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
#column6
{
background-color: #a5c69c;
    color: #30584f;
    text-decoration: none;
    padding: 3px 10px;
    float: left;
    margin-right: 0px;
    font-size: 15px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
}
.nopc
{
display:none;
}
.nopc2 {
    display: none;
}
.contact-hours td {
    padding: 10px 10px !important;
    font-size: 15px !important;
}
.contact-hours th {
    padding: 10px 10px !important;
    font-size: 15px !important;
}
#page_contents table {
}
#page_contents td {
    border: solid 1px #CAA585;
}
#page_contents th {
    border: solid 1px #CAA585;
}
    #page_contents td:nth-of-type(1) {

    }

table.saloninfo td:nth-of-type(1)
{
background: #F4E3D3;
text-align:center;
width:60px;
}
table.saloninfo td
{
 border:solid 1px #D0C4AA;
padding:10px 20px;
background: #FFFBF8;
text-align:left;
}
.tdright input[type="text"] {
    padding: 5px;
    width: 490px !important;
    border: solid 1px #ddd;
    height: 19px !important;
}
.tdright textarea {
    padding: 5px;
    width: 490px !important;
    height: 250px !important;
    border: solid 1px #ddd;
}
footer {

}

    #example li {
    list-style-type: none;
}
.voiceBox_text
{
margin-top:10px;
margin-left:5px;
}
img {
   /* ▼行全体の下端に揃える */
   vertical-align: bottom;
}
#display_edit_tool_box4,#display_edit_tool_box5,#display_edit_tool_box9
{
display:none;
}
img {
   /* ▼親要素のフォントの下端に揃える */
   vertical-align: text-bottom;
}
a.OpaOnMouse:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#editorModal
{
    z-index: 1200;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont
{
background-color:#ffffff!important;
}
.gallery  .camera_thumbs ul {
padding-left:0px;
margin-left:-8px!important;
}
.gallery  .camera_thumbs ul li {
background:none;
padding: 0px 0px 0px 8px!important;
}

br
{
display:block;
}
#headpic
{
width:1000px;
}
body {
    color: #51391F;
    background-color: #fff;
    font-size: 15px;
    background-image: url(img/top-line.png);
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    background-repeat: repeat-x;
}
/*フォントサイズはこちら div,p,#pnlForm,.layout_rightbox,td */
#page_contents_bg
{


padding-left:0px;
padding-top:0px;
}
#page_contents {
    font-size: 15px;
    line-height: 34px;
} 
#page_contents iframe
{
    max-width:100%!important;
}
.layout_centering {
    margin: 0px auto;
    width: 1000px;
    position: relative;
}
.layout_centering_sub {
    margin: 0px auto;
    width: 1000px;
    position: relative;
}
img {
   vertical-align:bottom
}

.camera_caption {
    color: #333333!important;
}

a {
    color: #50391F;
}
    a:hover {
        color: #50391F;
        text-decoration: none;
    }
p{
padding:0px;
margin:0px;
}
/*見出し*/
h1 {
    font-family: 'Shippori Mincho';
    background-image: url(img/midashi1.png);
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    margin-bottom: 10px;
    font-size: 25px;
    padding: 18px 0px 28px 0px;
    padding-left: 0px;
    font-weight: bold;
    letter-spacing: 1px;
}
h2 {
    font-family: 'Shippori Mincho';
    background-image: url(img/leaf.png);
    background-repeat: no-repeat;
    background-position: right 10px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    padding: 8px 0px 8px 0px;
    letter-spacing: 1px;
    /* font-weight: bold; */
    background-color: #EDE6DA;
    border-radius: 20px;
}
h3 {
    font-family: 'Shippori Mincho';
    background-repeat: no-repeat;
    background-position: center;
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    padding: 5px 20px 5px 50px;
    font-weight: normal;
    letter-spacing: 1px;
    /* background-color: #EFDAC5; */
    /* border-radius: 20px; */
    display: block;
    /* width: fit-content; */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-bottom: solid 1px #F3D4C6;
}

h4 {
    font-family: 'Shippori Mincho';
    background-repeat: no-repeat;
    background-position: center;
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    padding: 5px 20px 5px 50px;
    font-weight: normal;
    letter-spacing: 1px;
    /* background-color: #EFDAC5; */
    /* border-radius: 20px; */
    display: block;
    /* width: fit-content; */
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
    h4:before {
        content: "";
        display: block;
        width: 32px !important;
        height: 40px !important;
        background: url(img/leafmidashi3.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: 5px !important;
    }
h5 {
    font-family: 'Shippori Mincho';
    letter-spacing: 1px;
    clear: both;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 10px;
    display: inline-block;
    margin: 10px auto 10px auto;
    border: 0px;
    padding: 0px 10px 5px 10px;
    font-weight: normal;
    border-bottom: dotted 2px;
}

h6 {
    font-family: 'Shippori Mincho';
    letter-spacing: 1px;
    clear: both;
    font-size: 14px;
    /* line-height: 14px; */
    padding-bottom: 10px;
    display: inline;
    border: 0px;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
    background: linear-gradient(transparent 60%, #F8E7DF 40%);
}
.linoStyle4 {
    text-decoration: none;
    background-color: #fff;
    color: #D0E75C;
    border: solid 1px #D0E75C;
    margin-left: 0px;
    /* width: 250px; */
    display: inline-block;
    padding: 15px 50px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    cursor: pointer;
    display: table;
    padding: 0px 30px;
    transition: all 0.5s;
}

    .linoStyle4 a {
        color: #D0E75C;
        padding: 15px 0px;
        text-decoration: none;
    }

    .linoStyle4:hover {
        text-decoration: none;
        background-color: #D0E75C;
        color: #50391F;
        border: solid 1px #D0E75C;
    }

    .linoStyle4 a:hover {
        color: #50391F;
    }

.linoStyleM {
    background: #F4F0F0;
    color: #737272;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: solid 1px #F4F0F0;
    padding: 10px 10px;
    font-weight: normal;
    margin: 5px;
    width: calc(50% - 35px);
    text-align: center;
    line-height: 18px;
    font-size:15px;
}

    .linoStyleM a {
        color: #737272;
        text-decoration: none;
        width: 100%;
        display: block;
    }

    .linoStyleM:hover {
        background-color: #737272;
        background-image: none;
        color: #F4F0F0;
        border: solid 1px #737272;
    }
    .linoStyleM:hover a {
        color: #F4F0F0;
    }
        .linoStyleM a:hover {
        color: #F4F0F0;
        text-decoration: none;
    }


.linoStyle5 {
    background: #D0E75C;
    color: #50391F;
    margin-left: 0px;
    display: table;
    padding: 0px 30px;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #D0E75C;
    padding: 10px 50px;
    font-weight: bold;
    border-radius: 30px;
}

    .linoStyle5 a {
        color: #50391F;
        text-decoration: none;
    }

    .linoStyle5:hover {
        background-color: #fff;
        background-image: none;
        color: #50391F;
        border: solid 1px #D0E75C;
    }

    .linoStyle5 a:hover {
        color: #50391F;
        text-decoration: none;
    }

.linoStyle6 {
    text-decoration: none;
    background-color: #fff;
    color: #CAA585;
    border: solid 1px #CAA585;
    margin-left: 0px;
    /* width: 250px; */
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    cursor: pointer;
    display: table;
    padding: 0px 30px;
    transition: all 0.5s;
    padding: 10px 50px;
    font-weight: bold;
    border-radius: 30px;
}

    .linoStyle6 a {
        color: #CAA585;
        padding: 15px 0px;
        text-decoration: none;
    }

    .linoStyle6:hover {
        text-decoration: none;
        background-color: #CAA585;
        color: #fff;
        border: solid 1px #CAA585;
    }

    .linoStyle6 a:hover {
        color: #fff;
    }

.linoStyle7 {
    background: #CAA585;
    color: #fff;
    margin-left: 0px;
    display: table;
    padding: 0px 30px;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #CAA585;
    padding: 10px 50px;
    font-weight: bold;
    border-radius: 30px;
}

    .linoStyle7 a {
        color: #fff;
        text-decoration: none;
    }

    .linoStyle7:hover {
        background-color: #fff;
        background-image: none;
        color: #CAA585;
        border: solid 1px #CAA585;
    }

    .linoStyle7 a:hover {
        color: #CAA585;
        text-decoration: none;
    }
.layout_rightbox {
    float: left;
    width: 300px;
    margin-bottom: 40px;
    background-color: #EEDBC6;
}
.layout_rightbox2
{
}
.layout_leftbox {
    width: 820px;
    line-height: 25px;
    padding: 40px 40px;
    float: right;
    background: #fff;
}
.leftbox
{
margin-left:0px;
margin-bottom:0px;
margin-right:0px;

}
/* ------------一番上のバー------------ */
.background_1
{
background-color:#000000;
}
.background_1 a
{
 text-decoration:none;
}
.background_1 a:hover
{
 color:#ffffff;
 text-decoration:underline;
}
/* ------------一番下のバー フッター------------ */
.background_4 {
    background: url("img/footer_backimg.png");
    background-repeat: repeat-x;
    padding-top: 0px;
    height: 180px;
background-color: #fccf00;
border-top:solid 0px #8a94bd;
    width: 100%;
    color: #fff;
}
.kasouHeadzonne {
    background-image: url(img/kasou-head.jpg);
    height: 201px;
    background-position: center;
}
.background_4 b {
    color: #60bfec;
}
.background_4 a
{
 text-decoration:none;
color:#333333;
font-size:15px;
}
.background_4 a:hover
{
 text-decoration:underline;
color:#333333;
}
.foot_plus
{
height:500px;
width:1000px;
position: relative;
}
/* ------------バックグランド　コンテンツ1000px外側------------ */
.background_0{

    background: url("img/topobi.png");
background-repeat: no-repeat;
background-position:center top; 
}
.background_2{

}
/* ------------バックグランド　コンテンツ1000px外側------------ */
.background_3 {
/*    background: linear-gradient(to right, #EEDBC6 300px, white 300px);*/
}
/* ------------バックグランド　コンテンツ1000px内側------------ */
.background_3_2 {
    width: 1220px;
    margin: auto;
    background: linear-gradient(to right, #e5f7fa 300px, white 300px);
    display: table;
}
/* ------------#box_5:左バナー------------ */


#headerlink{
  width:150px;       
  height:37px;
  display:block;
  position:absolute;
  top:50px;
  left:650px;
   background:url(http://mind-plus.net/img/contactaccess.png) no-repeat;
}

#headerlink:hover{
background:url(http://mind-plus.net/img/contactaccessBG.png) no-repeat;
}
#headerlink_pagetop{
  width:83px;       
  height:83px;
  display:block;
   background:url(http://mind-plus.net/img/pagetop.png) no-repeat;
 margin-top:5px;
margin-left:160px;
}

#headerlink_pagetop:hover{
background:url(http://mind-plus.net/img/pagetopBG.png) no-repeat;
}
#haruakecolumn{
  width:230px;       
  height:31px;
  display:block;
  position:absolute;
  top:260px;
  left:220px;
   background:url(http://mind-plus.net/img/message.png) no-repeat;
}
#haruakecolumn:hover{
background:url(http://mind-plus.net/img/messageBG.png) no-repeat;
}
#headerlink2{
  width:151px;       
  height:37px;
  display:block;
  position:absolute;
  top:50px;
  left:800px;
   background:url(http://mind-plus.net/img/contactaccess.png) no-repeat;
background-position: -150px 0px;
}
#headerlink2:hover{
background:url(http://mind-plus.net/img//contactaccessBG.png) no-repeat;
background-position: -150px 0px;
}
.subtitle {
    text-align: center;
    font-size: 17px !important;
    font-weight: bold;
    font-family: 'Shippori Mincho', serif;
    margin-bottom: 10px;
    color: #c8a88a;
}
.registMust {
    padding-left: 10px;
    padding-right: 20px;
    font-weight: normal;
    display: block;
}

.sidelink {
    display:block;
    color:#333333;
    width:208px;
    height:26px;
    background-image:url(http://danro-salon.cohttp://mind-plus.net/img/leftmenu.png);
    text-decoration:none;
    padding-left:30px;
    padding-top:9px;
border-bottom:dotted 1px #613C33;
font-size:15px;
  }
  .sidelink:hover {
    color:#333333;
    background-image:url(.http://mind-plus.net/img/leftBG.png);
    text-decoration:underline;
  }

.salontable td
{
border-bottom:dotted 1px #b3b3b3;
vertical-align:top;
padding:3px;
}
.footlink
{
color:#81673e;padding-left:10px;padding-right:10px;
}
.footlink:hover
{
 text-decoration:none;
color:#81673e;
}

/*------------------------------------------------------------*/

/*画像*/

/*------------------------------------------------------------*/
.mediumPic
{
width:280px;
}
.largePic
{
width:600px;
}
.smallPic
{
width:173px;
}
.floatLeftPic
{
float:left;margin-right:20px;
}
.floatRightPic
{
float:right;margin-left:10px;
}  
table#salonMenu
{
 
}
table#salonMenu td
{
 border:solid 1px #613c33;
padding:10px;
text-align:center;
color:#613c33;
}
table#salonMenu td.noborder
{
 border:solid 0px #613c33;
}
.onlymobile
{
 display:none;
}

.regist_question
{
 font-weight:bold;
}
.course_table
{
 border:solid 2px #D0C4AA;
 margin-left:20px;
}
.course_table td
{
 padding:5px 10px 5px 10px;
 border:solid 1px #D0C4AA;
}
.first_course_table
{
 background-color:#EDEBEE;
}
.third_course_table
{
 color:#BF2D74;
}
.font_bold
{
 font-weight:bold;
}





/* ------------#side_button------------ */
.side_button
{
  height:49px;
  width:240px;       
  display:block;
  position:absolute;
  top:50px;
  left:0px;
}
.side_seminar
{
    background:url(http://mind-plus.net/img/seminarschool.png) no-repeat;
}
.side_seminar:hover{
    background:url(http://mind-plus.net/img/seminarschoolBG.png) no-repeat;
}
#side_seminar1
{
  top:0px;
  background-position: 0px 1px;
}
#side_seminar2
{
  top:49px;
  background-position: 0px -49px;
}
#side_seminar3
{
  top:98px;
  background-position: 0px -98px;
}
#side_seminar4
{
  top:147px;
  background-position: 0px -147px;
}
#side_seminar5
{
  top:196px;
    height:52px;
  background-position: 0px -196px;
}



.side_branding
{
    background:url(http://mind-plus.net/img/branding.png) no-repeat;
}
.side_branding:hover{
    background:url(http://mind-plus.net/img/brandingBG.png) no-repeat;
}
#side_branding1
{
  top:0px;
  background-position: 0px 1px;
}
#side_branding2
{
  top:49px;
  background-position: 0px -49px;
}
#side_branding3
{
  top:98px;
  background-position: 0px -98px;
}
#side_branding4
{
  top:147px;
  background-position: 0px -147px;
}
#side_branding5
{
  top:196px;
  background-position: 0px -196px;
}
#side_branding6
{
  top:245px;
  height:53px;
  background-position: 0px -245px;
}

.side_service
{
    background:url(http://mind-plus.net/img/service.png) no-repeat;
}
.side_service:hover{
    background:url(http://mind-plus.net/img/serviceBG.png) no-repeat;
}
#side_service1
{
  top:0px;
  background-position: 0px 1px;
}
#side_service2
{
  top:49px;
  background-position: 0px -49px;
}
#side_service3
{
  top:98px;
  background-position: 0px -98px;
}
#side_service4
{
  top:147px;
  background-position: 0px -147px;
}
#side_service5
{
  top:196px;
      height:52px;
  background-position: 0px -196px;
}

/* ------------#top_button------------ */
.hidden_menu
{
    display:none;
    position:absolute;
    z-index: 2;
    float:left;
}
.left { 
float: left;
margin: 0px 10px 10px 10px;
} 
.right { 
float: right;
}
/*------------------------------------------------------------*/
/*TOP PAGE CONTENTS from */
/*------------------------------------------------------------*/
 .news_voice
        {
            float:left;
            width:1000px;
            margin-top:40px;
        }
        .news
        {
            float:left;
            width:518px;
            border-left:solid 1px #d0d0d0;
            border-right:solid 1px #d0d0d0;
            border-top:solid 1px #d0d0d0;
        }
        .news_article
        {
            width:498px;
            float:left;
            padding:10px;
            border-bottom:solid 1px #d0d0d0;
        }
        .news_1
        {
            float:left;
            width:50px;
        }
        .news_1 img
        {
            max-width:50px;
            max-height:50px;
        }
        .news_2
        {
            float:left;
            width:84px;
            padding:10px 0px 0px 10px;
margin-top:5px;
            text-align:left;
        }
        .news_3
        {
            float:left;
            width:344px;
            padding:0px 5px 0px 5px;
margin-top:5px;
        }
        .voice
        {
            float:right;
            width:433px;
            border-left:solid 1px #d0d0d0;
            border-right:solid 1px #d0d0d0;
            border-top:solid 1px #d0d0d0;
        }
        .voice_article
        {
            width:180px;
            float:left;
            padding:10px;
            border-bottom:solid 0px #d0d0d0;
        }
        .voice_1
        {
            float:left;
            width:70px;
        }
        .voice_1 img
        {
            max-width:70px;
            max-height:70px;
        }
        .voice_2
        {
            float:left;
            width:180px;
            padding-left:0px;
            font-size:15px;
        }
        .voice_2 b
        {
         color:#f95dab;
        }
/*------------------------------------------------------------*/
/*TOP PAGE CONTENTS To*/
/*------------------------------------------------------------*/
.customerVoice
{
padding:20px;border:solid 1px #C6C6C6;
 margin-bottom:20px;
background-color:#f8f8f8;
font-size:15px;
}
.customerVoiceNoborder
{
padding:20px;
background-color:#f8f8f8;
margin-left:20px;
margin-right:20px;
}
.tensen
{
padding:20px;
border:dotted 2px #333333;
margin-left:20px;
margin-right:20px;
}

.frame2
{
padding:20px;border:solid 1px #C6C6C6;
 margin-bottom:20px;
background-color:#f8f8f8;

}

.frame3
{
padding:20px;border:solid 5px #f0f0f0;
 margin-bottom:20px;
background-color:#f8f8f8;
font-size:15px;
line-height:21px;
}

#comp_overview
{
background-color:#f8f8f8;
border-collapse: collapse;
}
#comp_overview td
{
padding:10px;border:solid 1px #C6C6C6;
}
#comp_overview a
{
 font-size:15px;
}
.hpexample
{
border-collapse: collapse;

}
.hpexample td
{
 padding-bottom:30px;
width:350px;
vertical-align: top;
font-size:15px;line-height:20px;
}
.hpexample_text
{
border-collapse: collapse;
width:331px;
margin-top:20px;
}
.hpexample_text td
{
 padding-bottom:0px;
vertical-align: top;
font-size:15px;
line-height:20px;
border-bottom:dotted 1px #dddddd;
padding:5px;
}
.hpexample_text_leftcol
{
width:30px;
}
/*------------------------------------------------------------*/
/*お問い合わせフォーム */
/*------------------------------------------------------------*/
.otoiawase_form
{
text-align:left; padding:0px 0px 0px 0px;border:solid 0px #C6C6C6;margin-bottom:50px;
}
.otoiawase_table {
    border-collapse: collapse;
    width: 100%;
    border: solid 1px #51391F;
}
.tdleft {
    border: solid 1px #51391F;
    padding: 20px 10px;
    color: #51391F;
    min-width: 280px;
}
.tdright {
    background-color: #ffffff;
    border: solid 1px #51391F;
    padding: 20px 10px;
}
.tdright input
{
padding:5px;
}

/*------------------------------------------------------------*/
/*links */
/*------------------------------------------------------------*/
.links
{
 float:right;
width:500px;
margin-top:-30px;
}
#facebook_like
{
float:right;
margin-right:0px;
}
#twitter
{
float:right;
margin-right:-30px;
}
#google_plusone
{
float:right;
}

.facebook
{
    float: left;
    top: 0;
}
.fixed {
    position: absolute;
margin-top:10px;
}
.access1
{
left: 20px;
top: -230px;
height: 0px;
position: relative;
width:290px;
}
.access2
{
left: 20px;
top: -200px;
height: 0px;
position: relative;
width:290px;
}

/*ボックス追加 from*/


.itemBox {
    float: left;
    letter-spacing: 0px;
    width: 280px;
    height: 300px;
    margin-right: 30px;
    margin-left: 0px;
    margin-bottom: 40px;
    position: relative;
    background-color: #fff;
    box-shadow: 5px 5px 10px #eee;
}

    .itemBox img {
        width: 280px;
        height: 210px;
        object-fit: cover;
    }

        .itemBox img:hover {
            transform: scale(1.1); /*画像の拡大率*/
            transition-duration: 1.3s; /*変化に掛かる時間*/
        }

.itemTitle {
    margin-top: 0px;
    font-weight: bold;
    width: 240px;
    max-height: 56px;
    overflow: hidden;
    padding: 10px 20px 0 20px;
    line-height: 28px;
}
.itemTitle a {
    color: #51391F!important;
    text-decoration:none;
}
.itemText {
    margin-top: 5px;
    width: 240px;
    padding: 10px 20px 0 20px;
    display: none;
}

.itemPicFrame {
    width: 280px;
    border: solid 0px #cccccc;
    text-align: center;
    height: 210px;
    overflow: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.selectedPage a {
    border: solid 1px #715648;
    background-color: #f6f6f6;
    color: #715648;
    margin-right: 10px;
    padding: 2px 8px;
    float: left;
    text-decoration: underline;
    font-size: 15px;
}

.unselectedPage a {
    border: solid 1px #715648;
    background-color: #ffffff;
    color: #715648;
    margin-right: 10px;
    padding: 2px 8px;
    float: left;
    font-size: 15px;
}

    .unselectedPage a:hover {
        border: solid 1px #715648;
        background-color: #715648;
        color: #ffffff;
    }

.columPage {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.columPage td
{
   float: left;
    margin-bottom: 20px;
}
/*上ボタンの設定*/
div#button1 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;
}
ul.button1istitem{
    list-style-type:none;
    float:left;
    width:1000px;				/*上ボタン全体の幅*/	
margin:0px 0px 0px 0px;
padding:0px;
height:82px;
}
ul.button1istitem li
{
    float:left;
}

/*上ボタンの設定*/
div#button1 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;
}
ul.button1istitem{
    list-style-type:none;
    float:left;
    width:1000px;				/*上ボタン全体の幅*/	
}
ul.button1istitem li
{
    float:left;
    width: 170px;
}
a.widelink1 {   
    display: block;			/*必須*/ 
    width: 154px;			/*必須*/	
text-align: center;
height:40px;
    font-size:15px;
    padding: 35px 0px 0px 0px;
    font-size:15px;
    color: #3F3D2B;
	background-image:url(img/topmenu_off.png);      
}
a.widelink1:hover 
{
    color: #DCDBDB;		  
	background-image:url(img/topmenu_off.png);      
}
/*中ボタンの設定*/
div#button2 
{
    float: left;
    padding: 0px 0px 0px 0px;		/*上右下左*/
    text-align: left;
}
ul.button2istitem{
    list-style-type:none;
    float:left;
    width: 261px;				/*レフトボタンの幅はこちら */	
    text-align: left;	
margin:0px;	
padding:0px;	
}
ul.button2istitem li
{
    float:left;
    width: 262px;
}
a.widelink2 
{
    background: url(img/side-mark.png) no-repeat;
    background-repeat: no-repeat;
background-position: 3px 11px; 
    list-style-type: none;
    text-decoration: none!important;
line-height: 20px;
    border-bottom: dotted 1px #9fa0a0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    display: block;
    color: #231815;
    width: 210px;
    margin: 5px 0px 5px 0px;
    vertical-align: middle;
    display: table-cell;
}
a.widelink2:hover 
{
    color: #666666;	
    text-decoration: none!important;
}
#display_edit_tool_box5,#display_edit_tool_box4
{
/*display:none!important;*/
}
.button1istitem
{
 height:50px;
}

/*yasuda add*/
#footer{
    text-align: center;
}

#page_contents ul {
padding-left:20px;
}
    #page_contents ul li {
        background: url(img/list1-22.svg) no-repeat 0px 5px;
        list-style-type: none;
        text-decoration: none;
        text-decoration-color: #dddddd;
        padding: 0px 0px 0px 25px !important;
        /* width: 420px; */
        background-size: 22px;
        line-height: 32px;
    }
#page_contents ol {
padding-left:20px;
}
    #page_contents ol li {
        background: url(img/list-21.svg) no-repeat 0px 7px;
        list-style-type: none;
        text-decoration: none;
        text-decoration-color: #dddddd;
        padding: 0px 0px 0px 25px !important;
        /* width: 420px; */
        background-size:21px;
        line-height: 32px;
    }
#footcontents a
{
 margin-left:20px;
padding-left:20px;
border-left:solid 0px #fff;
line-height: 40px;
}
#footcontents a:hover
{
color:#3C2A12;
}
.background_4 a {
    color: #000000;
    text-decoration: none;
    font-size: 15px;

}
hr
{
margin-left: auto;
margin-right: auto;
border-top: 1px solid #d5b084;
border-bottom: 0px dotted #684444;
background-color: #fff;
color: #fff;
}
/* ------------ナビバー設定------------ */

#headerMenu{
  margin:0;
  padding:0;
}
#headerMenu ul.menu{
  margin:0;
  padding:0;
  list-style: none;
}
#headerMenu ul.menu li{
  display:inline;
}
#headerMenu ul.menu li a{
  text-decoration:none;
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
  background:url("img/topmenu_off.png") no-repeat;
background-repeat: no-repeat;
}
#headerMenu ul.menu li a:hover{
  background:url("img/topmenu_on.png") no-repeat;
}

/* ------------ナビバー設定 サイズ・位置------------ */

#headerMenu{
  width:1000px;        /* メニュー全体の幅 */
margin-left:0px;
}
#headerMenu ul.menu li a{
  line-height:55px;   /* ボタンの高さ */
}
/* ------------ナビバー設定 背景------------ */

#headerMenu ul.menu li.menu1 a{ background-position: 0px 0px; width:98px; }
#headerMenu ul.menu li.menu1 a:hover{ background-position: 0px 0px; }

#headerMenu ul.menu li.menu2 a{ background-position: -98px 0px; width:185px; }
#headerMenu ul.menu li.menu2 a:hover{ background-position: -98px 0px; }

#headerMenu ul.menu li.menu3 a{ background-position: -283px 0px; width:118px; }
#headerMenu ul.menu li.menu3 a:hover{ background-position: -283px 0px;}

#headerMenu ul.menu li.menu4 a{ background-position: -401px 0px; width:118px; }
#headerMenu ul.menu li.menu4 a:hover{ background-position: -401px 0px; }

#headerMenu ul.menu li.menu5 a{ background-position: -519px 0px; width:118px; }
#headerMenu ul.menu li.menu5 a:hover{ background-position: -519px 0px; }

#headerMenu ul.menu li.menu6 a{ background-position: -637px 0px; width:118px; }
#headerMenu ul.menu li.menu6 a:hover{ background-position: -637px 0px; }

#headerMenu ul.menu li.menu7 a{ background-position: -755px 0px; width:118px; }
#headerMenu ul.menu li.menu7 a:hover{ background-position: -755px 0px; }

#headerMenu ul.menu li.menu8 a{ background-position: -873px 0px; width:127px; }
#headerMenu ul.menu li.menu8 a:hover{ background-position: -873px 0px; }


/* ------------ナビバー設定------------ */
.top_plus
{
 position:relative;
}
.menu4:hover #selectmenu
{
 display:block;   
}    
.menu3:hover #selectmenu2
{
 display:block;   
}
#selectmenu ul {
    padding: 0px;
    margin: 0px;
}
#selectmenu2 ul {
    padding: 0px;
    margin: 0px;
}
#selectmenu3 ul {
    padding: 0px;
    margin: 0px;
}
#selectmenu ul li {
    list-style: none;
}
#selectmenu2 ul li {
    list-style: none;
}
#selectmenu3 ul li {
    list-style: none;
}
.about_on {
    position:relative;
}
.about_on2 {
    position: relative;
}
.about_on3 {
    position: relative;
}
#selectmenu {
    position: absolute;
    top: 75px;
    left: 20px;
    width: 400px;
    z-index: 9999;
}
#selectmenu2 {
    position: absolute;
    top: 75px;
    left: 20px;
    width: 400px;
}
#selectmenu3 {
    position: absolute;
    top: 16px;
    left: 0px;
    width: 170px;
    height: 201px;
    z-index: 9999;
    display: none;
}
.dropmenu {
    font-size: 15px !important;
    background-color: #fff !important;
    /* color: #495267 !important; */
    text-decoration: none !important;
    width: 400px !important;
    height: 25px !important;
    line-height: 25px !important;
    padding: 3px !important;
    padding-left: 10px !important;
    display: block !important;
    text-align: left !important;
    text-decoration: none !important;
    text-indent: 0px !important;
    white-space: nowrap !important;
    word-break: break-all !important;
    background-image: none !important;
    opacity: 1;
    filter: alpha(opacity = 100);
    -ms-filter: "alpha( opacity=100 )";
    color: #50391f !important;
    font-weight: normal !important;
}
.dropmenu:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
.hidden_menu
{
    display:none;
    position:absolute;
    z-index: 99;
    float:left;
}

/*Column ボックス追加 from*/


/*Columボックス追加 to*/

.tableinfo
{
border-collapse: collapse;
width:100%;
border:solid 2px #C19D7C;
}
.tableinfo td
{
border: solid 1px #C19D7C;
background-color:#ffffff;
padding: 10px;
}
.tableinfo td:nth-child(1)
{
background-color:#EAE8E9;
width:120px;
}

.menuTable
{
border-collapse: collapse;
border:solid 0px #C19D7C;
float:left;
}
.menuTable td
{
border: solid 0px #C19D7C;
border-bottom: solid 1px #C19D7C;
background-color:#ffffff;
padding: 5px;
}
.menuTable td:nth-child(1)
{
background-color:#ffffff;
width:250px;
}
.menuTable td:nth-child(2)
{
background-color:#ffffff;
width:70px;
text-align:right;
}
.cl {  
    display: inline-block;  
}  
.cl:after {  
    content: "";  
    display: block;  
    clear: both;  
}  
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


#bottomLink {
    text-align: center;
    /* margin-right: 5px; */
    position: fixed;
    z-index: 500;
    bottom: 0px;
    right: 0px;
    height: 60px;
    background-color: rgba(255,255,255,0.7);
    width: calc(100%);
    padding-bottom: 10px;
}

.dairyBox {
    text-align: left;
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
    width: 1000px;
    margin-left: -10px;
}
.columTop {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 0px;
    text-decoration: none;
    display: inline-block;
    line-height: 23px;
    margin-bottom: 20px;
    text-align: center;
    width: 205px;
    font-size: 11px;
    color: #fff;
    border: solid 1px #CAA585;
    background-color: #CAA585;
}

    .columTop:hover {
        opacity: 0.9;
        color: initial;
    }

.otherMenu {
    padding-top: 60px;
}

.Top1 {
    
}

.Top2 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}

.Top3 {
    
}

.Top4 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}

.Top5 {
    
}

.Top6 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}
.Top8 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}
.columnList {
    width: 940px;
}
.themeBox {
    padding: 3px 0px 5px 0px;
    color: #ffffff;
    background-repeat: no-repeat;
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    line-height: 23px;
    /* margin-bottom: 20px; */
    text-align: center;
    /* border-radius: 10px; */
    width: 164px;
    font-size: 11px;
    color: #51391F;
    border: solid 1px #51391F;
    background-color: white;
    margin-left: 0px;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    border: solid 1px #CAA585;
    background-color: #CAA585;
}

.themeBox1 {
   
}

.themeBox2 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}

.themeBox3 {

}

.themeBox4 {
    color: #604534;
    border: solid 1px #D0E75C;
    background-color: #D0E75C;
}


.prevAndNext {
    text-align: center;
    margin-bottom: 60px;
}

.prevButton {
    margin-right: 50px;
}

.nextButton {
    margin-left: 50px;
}

.nextButton, .prevButton {
    display: inline-block;
}

    .nextButton a, .prevButton a {
        text-decoration: none;
        display: block;
        padding: 0px 10px;
        border: solid 1px #50391F;
        background-color: #ffffff;
        color: #50391F;
    }

        .nextButton a:hover, .prevButton a:hover {
            background-color: #50391F;
            border: solid 1px #50391F;
            color: #ffffff;
        }
.anchor {
    padding-top: 10px;
    margin-top: -10px;
}


/* AI----------------------------------------------------------------------------------------------------------------------------------------------- */

.inner {
    margin: 0px auto;
    width: 1000px;
    position: relative;
}
/* --- ヘッダー全体のレイアウト --- */
.site-header {
    background-color: #EDE6DA; /* 画像のベージュ色 */
    padding: 15px 0;
}

.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1000px;
}

/* 左側：ロゴエリア */
.header-logo img {
    display: block;
    width: 100px; /* ロゴのサイズ調整 */
    height: auto;
}

/* 右側：コンテンツエリア全体 */
.header-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* 右寄せ */
    gap: 15px; /* 上段と下段の間隔 */
    width: 100%;
    margin-left: 40px; /* ロゴとの距離 */
}

/* --- 右上段（ボタン・SNS・電話） --- */
.header-top-row {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* 小さな角丸ボタン (ENGLISH, アクセス) */
.btn-pill {
    display: inline-block;
    padding: 3px 20px;
    border: 1px solid #5a4e43;
    border-radius: 20px;
    font-size: 9px;
    letter-spacing: 1px;
    color: #5a4e43;
    text-decoration: none;
    transition: background 0.3s;
    font-weight: bold;
}

    .btn-pill:hover {
        background-color: #5a4e43;
        color: #fff;
    }

/* SNSアイコン */
.social-icons {
    display: flex;
    gap: 10px;
    margin: 0 10px;
}

    .social-icons img {
        width: 24px;
        height: 24px;
        opacity: 0.7;
    }

/* 電話番号ボタン */
.btn-phone {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 5px 29px;
    border: 1px solid #5a4e43;
    border-radius: 30px;
    color: #5a4e43;
    font-family: "Times New Roman", "YuMincho", serif;
    font-size: 16px;
    letter-spacing: 2px;
    text-decoration: none;
    min-width: 160px;
    margin-top: 50px;
}

.icon-phone {
    width: 15px;
    margin-right: 10px;
    filter: sepia(1) hue-rotate(-50deg) saturate(0.5); /* 茶色っぽく調整(必要であれば) */
}

/* --- 右下段（ナビゲーション・予約） --- */
.header-bottom-row {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
    justify-content: flex-end;
}

/* ナビゲーション */
.global-nav ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px;
}
.global-nav a {
    font-size: 15px;
    color: #5a4e4f;
    text-decoration: none;
    letter-spacing: 0px;
}

    .global-nav a:hover {
        color: #8c7b68;
        text-decoration: underline;
    }
.btn-fixed {
    position: fixed;
    right: 40px;
    z-index: 999;
}
    /* WEB予約ボタン */
.btn-reserve {
    background-color: #758067;
    color: #fff;
    padding: 0px 30px;
    border-radius: 30px;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    width: 160px;
    transition: opacity 0.3s;
    text-align: center;
    text-decoration: none;
    line-height: 32px;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 20px;
}

    .btn-reserve:hover {
        opacity: 0.8;
    }

    .btn-reserve .arrow-right {
        margin-left: auto;
        font-size: 18px;
        line-height: 1;
    }

/* --- レスポンシブ対応（スマホ時） --- */
@media screen and (max-width: 1024px) {
    /* PC向けメニューを隠してハンバーガーメニューにするなどの処理が必要ですが
       今回は簡易的に縦並びに崩れないよう調整のみ記載します */

    .header-flex {
        flex-direction: column;
        align-items: center;
    }

    .header-content {
        align-items: center;
        margin-left: 0;
        margin-top: 15px;
    }

    .header-top-row,
    .header-bottom-row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .global-nav ul {
        display: none; /* スマホでは一旦非表示（ハンバーガーメニュー推奨） */
    }
}
/* twomenu-section----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- 2つのメニューボタンセクション (脱Flexbox版) --- */
.twomenu-section {
    padding: 20px 0;
    margin-bottom: 0px;
    /* 親要素の高さが潰れないように念のためクリアフィックス */
    overflow: hidden;
}

.twomenu-container {
    text-align: center; /* ボタンを中央寄せにする */
    font-size: 0; /* inline-blockの隙間対策 */
}

/* ボタン共通設定 */
.btn-twomenu {
    display: inline-block; /* 横並びにする */
    vertical-align: middle; /* 上下位置を合わせる */
    width: 380px; /* PCでの幅固定 */
    max-width: 46%; /* 画面が狭い時の最大幅 */
    height: 50px;
    line-height: 50px;
    margin: 10px 15px; /* ボタン周りの余白 */
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.05em;
    position: relative; /* 中身の絶対配置の基準 */
    background-color: #ccc; /* 万が一の背景色 */
    box-sizing: border-box;
    transition: opacity 0.3s;
}

    .btn-twomenu:hover {
        opacity: 0.8;
    }

    /* テキスト部分 */
    .btn-twomenu .text-label {
        display: block;
        text-align: center;
        width: 100%;
        padding-right: 20px; /* 矢印と被らないように調整 */
        box-sizing: border-box;
    }

    /* 矢印 (絶対配置で右側に固定) */
    .btn-twomenu .arrow-icon {
        position: absolute;
        top: 0;
        right: 20px; /* 右端からの距離 */
        height: 60px;
        line-height: 56px; /* 微調整 */
        font-family: serif;
        font-size: 24px;
    }

/* 背景色設定 */
.btn-olive {
    background-color: #74806a; /* オリーブ色 */
}

.btn-salmon {
    background-color: #eeb496; /* サーモンピンク色 */
}

/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
    .btn-twomenu {
        display: block; /* 縦並びにする */
        width: 90%; /* 幅を広げる */
        max-width: none; /* 制限解除 */
        margin: 10px auto; /* 上下10px、左右中央 */
    }
}
/* schedule-section----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- スケジュールセクション全体 --- */
.schedule-section {
    margin: 40px auto 40px auto;
    text-align: center;
    /* 念のため親要素の横幅崩れ防止 */
    box-sizing: border-box;
}

.schedule-title {
    font-size: 20px;
    color: #5a4e43; /* 茶色系の文字色 */
    margin-bottom: 20px;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-family: 'Shippori Mincho';
}

/* --- 外枠（大きな角丸） --- */
.schedule-frame {
    border: 1px solid #74806a; /* オリーブ系の枠線 */
    border-radius: 160px; /* 大きな角丸 */
    padding: 20px 40px;
    max-width: 800px;
    margin: 0 auto 40px auto; /* 中央寄せと下の余白 */
    background: #fff; /* 背景白 */
    box-sizing: border-box;
}

/* --- リスト（グリッド部分） --- */
.schedule-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0; /* inline-blockの隙間（改行コード分）を消すテクニック */
    width: 100%;
}

/* 各セル（日時）の設定 */
.schedule-item {
    display: inline-block; /* 横並びにする */
    width: 220px; /* 3列にする */
    font-size: 15px; /* 文字サイズを戻す */
    color: #5a4e43;
    padding: 15px 10px;
    vertical-align: middle;
    box-sizing: border-box; /* paddingを含めて幅計算 */
    text-align: left; /* 文字は左寄せ */
    border-right: 1px solid #ccc; /* 右側の線 */
    border-bottom: 1px solid #ccc; /* 下側の線 */
    position: relative;
    font-weight: bold;
}

    /* ドットの色 */
    .schedule-item .dot {
        color: #8c7b68;
        margin-right: 8px;
        margin-left: 10px; /* 左の余白調整 */
    }

    /* --- 罫線の制御 (PC版: 3列) --- */

    /* 3つ目、6つ目、9つ目（各行の右端）の右線を消す */
    .schedule-item:nth-child(3n) {
        border-right: none;
    }

    /* 最後の3つ（最下段）の下線を消す */
    .schedule-item:nth-last-child(-n+3) {
        border-bottom: none;
    }


/* --- ボタンエリア --- */
.schedule-buttons {
    text-align: center;
    font-size: 0; /* 隙間対策 */
}

/* ボタン共通スタイル */
.btn-schedule {
    display: inline-block;
    vertical-align: middle;
    width: 280px;
    padding: 10px 0;
    margin: 0 10px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 15px;
    /* font-weight: bold; */
    letter-spacing: 0.05em;
    position: relative;
    box-sizing: border-box;
    transition: opacity 0.3s;
}

    .btn-schedule:hover {
        opacity: 0.8;
    }

    .btn-schedule .arrow {
        position: absolute;
        right: 20px;
        font-family: serif;
        font-size: 18px;
        top: 50%;
        transform: translateY(-50%); /* 上下中央配置 */
        margin-top: -2px; /* 微調整 */
    }

/* 緑色のボタン（オンライン予約） */
.btn-green {
    background-color: #74806a;
    color: #fff;
    border: 1px solid #74806a;
}

/* 白色のボタン（電話） */
.btn-white {
    background-color: #fff;
    color: #5a4e43;
    border: 1px solid #5a4e43;
}

/* --- スマホ対応（768px以下） --- */
@media screen and (max-width: 768px) {
    .schedule-frame {
        padding: 20px;
        border-radius: 30px;
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }

    .schedule-item {
        display: block; /* 縦並びにする */
        width: 100%; /* 幅いっぱい */
        border-right: none; /* 縦線は不要 */
        border-bottom: 1px solid #ccc; /* 下線はつける */
        padding-left: 20px; /* スマホでの見栄え調整 */
    }

        /* 最後だけ下線を消す */
        .schedule-item:last-child {
            border-bottom: none;
        }

        /* 3列用の打ち消し設定をリセット（全行に下線をつけるため） */
        .schedule-item:nth-last-child(-n+3) {
            border-bottom: 1px solid #ccc;
        }
        /* 本当の最後だけ消す */
        .schedule-item:last-child {
            border-bottom: none;
        }

    .btn-schedule {
        display: block;
        width: 100%;
        max-width: 300px;
        margin: 10px auto; /* 縦並びにして中央配置 */
    }
}
/* problems-sectionn----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- お悩みセクション全体 --- */
.problems-section {
    margin-bottom: 0px;
    padding: 40px 20px;
}

/* コンテナ */
.problems-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/* --- 上段エリア --- */
.problems-top-area {
    font-size: 0;
    text-align: left;
    margin-bottom: 0px;
}

/* 左カラム */
.problems-main-col {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    font-size: 16px;
}

/* 右カラム */
.problems-side-col {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    font-size: 16px;
    text-align: center;
    position: relative;
}

/* --- 各アイテム --- */
.problem-item {
    margin-bottom: 50px;
}

/* 左画像 */
.problem-img {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    margin-right: 30px;
    text-align: center;
}

    .problem-img img {
        border-radius: 50%;
        width: 100%;
        height: auto;
        box-shadow: 0 0 15px rgba(0,0,0,0.05);
    }

/* 右コンテンツ */
.problem-content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 220px);
    box-sizing: border-box;
}

/* タイトル (divに変更) */
.problem-title {
    font-size: 20px;
    color: #8c7b68; /* 茶色系 */
    margin: 10px 0 15px 0;
    padding-left: 15px;
    border-left: 1px solid #5a4e43; /* 左線 */
    font-weight: normal;
    line-height: 1.4;
    display: block; /* divなのでブロック要素 */
    font-family: 'Shippori Mincho';
}

/* リスト */
.problem-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 15px;
    color: #5a4e43;
    line-height: 1.8;
}

    .problem-list li {
        position: relative;
        padding-left: 1em;
        margin-bottom: 5px;
    }

        .problem-list li::before {
            content: "・";
            position: absolute;
            left: 0;
            top: 0;
        }

/* ボタン */
.btn-problem {
    display: inline-block;
    background-color: #74806a;
    color: #fff;
    padding: 10px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 15px;
    /* font-weight: bold; */
    letter-spacing: 0.05em;
    min-width: 200px;
    text-align: center;
    position: relative;
    transition: opacity 0.3s;
}

    .btn-problem:hover {
        opacity: 0.8;
    }

    .btn-problem .arrow {
        position: absolute;
        right: 15px;
        font-family: serif;
    }

/* --- 右サイドバー --- */
.vertical-text {
    text-align: right;
    margin-bottom: 40px;
    padding-right: 20px;
}

    .vertical-text img {
        width: 40px;
        height: auto;
    }

.side-message-circle {
    background-color: #fff;
    padding: 20px;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    display: table;
    box-shadow: 0 0 20px rgba(255,255,255,0.8);
}

    .side-message-circle p {
        display: table-cell;
        vertical-align: middle;
        font-size: 15px;
        color: #5a4e43;
        line-height: 2;
        font-weight: 500;
    }

/* --- スタッフメッセージ --- */
.staff-message-area {
    padding: 0;
    font-size: 0;
    text-align: center;
    margin-top: -90px;
}

.message-text-box {
    display: inline-block;
    vertical-align: bottom;
    width: 706px;
    font-size: 15px;
    line-height: 2;
    /* color: #8c7b68; */
    text-align: center;
    padding: 15px 20px;
    box-sizing: border-box;
    background-color: #fff;
}

.staff-photo-box {
    display: inline-block;
    vertical-align: middle;
    width: 293px;
    text-align: right;
}

    .staff-photo-box img {
        max-width: 100%;
        vertical-align: bottom;
    }

/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
    .problems-main-col,
    .problems-side-col {
        display: block;
        width: 100%;
        text-align: center;
    }

    .problems-side-col {
        margin-bottom: 40px;
    }

    .vertical-text {
        text-align: center;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .problem-item {
        text-align: center;
    }

    .problem-img {
        display: block;
        margin: 0 auto 20px auto;
    }

    .problem-content {
        display: block;
        width: 100%;
    }

    .problem-title {
        border-left: none;
        border-bottom: 1px solid #5a4e43;
        display: inline-block;
        padding: 0 0 5px 0;
    }

    .problem-list {
        text-align: left;
        display: inline-block;
    }

    .message-text-box,
    .staff-photo-box {
        display: block;
        width: 100%;
        text-align: center;
    }

    .staff-photo-box {
        margin-top: 20px;
    }
}
/* life cycle-sectionn----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- ライフサイクルセクション --- */
.lifecycle-section {
    padding: 40px 0;
    margin-bottom: 0px;
    text-align: center;
}

.lifecycle-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/* 見出し */
.lifecycle-title {
    font-size: 20px;
    color: #8c7b68;
    margin-bottom: 25px;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-family: 'Shippori Mincho';
    margin-top: 20px;
}

/* 説明文 */
.lifecycle-desc {
    font-size: 15px;
    color: #5a4e43;
    line-height: 30px;
    margin-bottom: 0px;
}

/* 画像エリア */
.lifecycle-img-box {
    margin-bottom: 50px;
}

    .lifecycle-img-box img {
        max-width: 100%;
        height: auto;
        display: inline-block; /* 中央寄せのため */
    }

/* ボタンエリア */
.lifecycle-btn-area {
    margin-top: 20px;
}

/* ボタンデザイン */
.btn-lifecycle {
    display: inline-block;
    background-color: #74806a;
    color: #fff;
    padding: 10px 40px;
    border-radius: 35px;
    text-decoration: none;
    font-size: 15px;
    /* font-weight: bold; */
    letter-spacing: 0.05em;
    min-width: 260px;
    position: relative;
    transition: opacity 0.3s;
}

    .btn-lifecycle:hover {
        opacity: 0.8;
    }

    .btn-lifecycle .arrow {
        position: absolute;
        right: 25px;
        font-family: serif;
        font-size: 18px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -2px;
    }

/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
    .lifecycle-title {
        font-size: 20px;
        line-height: 1.4;
        padding: 0 10px;
    }

    .lifecycle-desc {
        text-align: left; /* スマホでは読みやすく左寄せにする場合 */
        padding: 0 15px;
        font-size: 15px;
    }

    .btn-lifecycle {
        width: 80%;
        padding: 15px 20px;
        min-width: auto;
    }
}
/* reson-sectionn----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- 土壌づくりセクション (修正版) --- */
.reasons-section {
    background-color: #f3f0e9; /* 背景色 */
    padding: 60px 0;
    margin-bottom: 0;
}

/* テーブルレイアウト化 */
.soil-table {
    width: 100%;
}

/* --- 左カラム：テキスト --- */
.soil-cell-text {
    display: table-cell;
    vertical-align: top; /* 上下中央揃え */
    padding-right: 40px; /* 画像との間の余白 */
    box-sizing: border-box;
}

.soil-title {
    font-size: 24px;
    color: #8c7b68;
    margin-bottom: 30px;
    line-height: 1.5;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-family: 'Shippori Mincho';
}

.soil-desc {
    font-size: 15px;
    color: #5a4e43;
    line-height: 2;
    margin-bottom: 40px;
    text-align: justify;
}

/* ボタン */
.btn-soil {
    display:block;
    background-color: #74806a;
    color: #fff;
    padding: 10px 30px;
    border-radius: 35px;
    text-decoration: none;
    /* font-weight: bold; */
    font-size: 15px;
    letter-spacing: 0.05em;
    text-align: center;
    position: relative;
    transition: opacity 0.3s;
    min-width: 260px;
}
.thera1 {
    width: 340px;
    margin-top:-30px;
}

.btn-soil:hover {
    opacity: 0.8;
}

    .btn-soil .arrow {
        position: absolute;
        right: 25px;
        font-family: serif;
        font-size: 18px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -2px;
    }


/* --- 右カラム：画像エリア --- */
.soil-cell-img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.soil-figure img {
    height: auto;
    vertical-align: bottom;
}

.soil-caption {
    margin-top: 25px;
    color: #8c7b68;
    font-weight: bold;
    line-height: 1.8;
    font-size: 16px;
}


/* --- スマホ対応 (768px以下) --- */
@media screen and (max-width: 768px) {
    /* テーブル構造を解除して縦積みにする */
    .soil-table,
    .soil-cell-text,
    .soil-cell-img {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .soil-cell-text {
        margin-bottom: 50px;
        text-align: center; /* スマホでは中央揃え */
    }

    .soil-desc {
        text-align: left; /* 本文は左揃えのまま */
    }

    .btn-soil {
        width: 100%;
        box-sizing: border-box;
    }
}
/* special and trial info-sectionn----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- 1. 選ばれる理由セクション (画像版) --- */
.special-section {
    padding: 60px 0px 20px 0px;
    margin-bottom: 0px;
    text-align: center;
}

.special-container {
    display: table; /* 横並びレイアウト */
    width: 100%;
    table-layout: fixed;
    margin-bottom: 40px;
}

/* 左側：3つの円エリア (画像) */
.special-circles-area {
    display: table-cell;
    vertical-align: middle; /* 上下中央揃え */
    width: 90%;
    text-align: center;
    padding-right: 20px; /* 右の縦書きとの余白 */
    box-sizing: border-box;
}

    .special-circles-area img {
        width: 100%; /* 横幅いっぱいに表示 */
        height: auto;
        max-width: 800px; /* 画像が大きくなりすぎないよう制限 */
    }

/* 右側：縦書きテキスト */
.special-vertical-area {
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    text-align: center;
}

.vertical-msg {
    writing-mode: vertical-rl; /* 縦書き */
    font-size: 18px;
    color: #5a4e43;
    letter-spacing: 0.2em;
    line-height: 1.5;
    display: inline-block;
    font-family: 'Shippori Mincho';
}

/* ボタン */
.special-btn-area {
    text-align: center;
}

.btn-special {
    display: inline-block;
    background-color: #74806a;
    color: #fff;
    padding: 10px 40px;
    border-radius: 35px;
    text-decoration: none;
    /* font-weight: bold; */
    font-size: 15px;
    letter-spacing: 0.05em;
    text-align: center;
    position: relative;
    transition: opacity 0.3s;
    min-width: 350px;
    position: relative;
    transition: opacity 0.3s;
}

    .btn-special:hover {
        opacity: 0.8;
    }

    .btn-special .arrow {
        position: absolute;
        right: 20px;
        font-family: serif;
        font-size: 18px;
        top: 50%;
        transform: translateY(-50%);
    }

/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
    .special-container {
        display: block; /* テーブル解除 */
    }

    .special-circles-area,
    .special-vertical-area {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .special-circles-area {
        margin-bottom: 30px;
    }

    .special-vertical-area {
        margin-bottom: 30px;
    }

    .vertical-msg {
        writing-mode: horizontal-tb; /* スマホでは横書きに戻す */
        font-size: 16px;
    }

    .btn-special {
        width: 90%;
        min-width: auto;
        box-sizing: border-box;
    }
}
/* --- 2. 初回体験セクション (修正版: カプセル型・帯なし) --- */
.trial-info-section {
    padding: 50px 0 50px 0;
    text-align: center;
}

.trial-intro-title {
    font-size: 20px;
    color: #8c7b68;
    margin-bottom: 20px;
    font-weight: normal;
    font-family: 'Shippori Mincho';
}

.trial-intro-desc {
    font-size: 15px;
    color: #5a4e43;
    margin-bottom: 40px;
    line-height: 30px;
}

/* --- バナーエリア全体 --- */
.trial-banner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    background: url(img/trial-haikei.png);
    background-size: contain;
    background-position: initial;
    border-radius: 100px;
    padding: 30px 50px;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
    position: relative;
    background-repeat: no-repeat;
}

/* --- タイトル（帯なし・白文字） --- */
.trial-banner-title {
    font-size: 20px;
    color: #fff;
    text-align: center; /* タイトルは中央寄せ */
    margin-top: 0;
    margin-bottom: 0px;
    font-weight: normal;
    letter-spacing: 0.1em;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3); /* 読みやすく影をつける */
    font-family: 'Shippori Mincho';
}

/* --- リスト（テーブル構造） --- */
.trial-table {
    display: table;
    width: 730px;
    border-collapse: separate; /* セル間の隙間を有効にする */
    border-spacing: 0 15px; /* 上下の隙間 */
    margin: 0 auto; /* テーブル自体を中央に寄せる */
    max-width: 900px; /* コンテンツ幅の制限 */
}

.trial-row {
    display: table-row;
}

/* 左側のラベルセル */
.trial-label-cell {
    display: table-cell;
    width: 180px; /* ラベルエリアの幅固定 */
    vertical-align: middle;
    padding-right: 20px; /* テキストとの距離 */
    white-space: nowrap; /* 折り返し禁止 */
}

/* ラベルの見た目（サーモンピンクの箱） */
.label-box {
    display: block;
    background-color: #eeb496;
    color: #fff;
    text-align: center;
    padding: 3px 0;
    /* font-weight: bold; */
    font-size: 15px;
    letter-spacing: 0.05em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* 右側のテキストセル */
.trial-text-cell {
    display: table-cell;
    vertical-align: middle;
    color: #fff; /* 文字色白 */
    font-size: 15px;
    line-height: 1.6;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5); /* 読みやすく影 */
}

/* --- 右下のリンク --- */
.trial-link-area {
    text-align: right; /* 右寄せ */
    margin-top: 20px;
    padding-right: 20px;
}

.trial-link {
    display: inline-block;
    color: #eeb496;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    letter-spacing: 0.05em;
    transition: opacity 0.3s;
    margin-right: 60px;
}

    .trial-link:hover {
        opacity: 0.8;
    }

/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
    .trial-banner {
        padding: 40px 20px;
        border-radius: 40px; /* スマホでは角丸を少し小さく */
    }

    .trial-banner-title {
        font-size: 20px;
        margin-bottom: 30px;
    }

    /* テーブル解除して縦積みに */
    .trial-table, .trial-row, .trial-label-cell, .trial-text-cell {
        display: block;
        width: 100%;
    }

    .trial-label-cell {
        margin-bottom: 10px;
        padding-right: 0;
        width: 100%; /* 幅リセット */
    }

    .label-box {
        display: block;
        width: 100%;
    }

    .trial-text-cell {
        margin-bottom: 25px;
        padding-left: 5px;
    }

    .trial-link-area {
        text-align: center;
        margin-top: 10px;
    }
}
/* casestudy -sectionn----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- Case Study セクション --- */
.casestudy-section {
    padding: 20px 0 0px 0;
    margin-bottom: 0px;
    text-align: center;
}

/* ヘッダー部分 */
.casestudy-header {
    margin-bottom: 50px;
}

.cs-title-area {
    margin-bottom: 20px;
}

.cs-title-ja {
    font-size: 20px;
    color: #8c7b68;
    font-weight: normal;
    margin-right: 10px;
    vertical-align: middle;
    font-family: 'Shippori Mincho';
    margin-left: 50px;
}

.cs-title-img {
    vertical-align: middle;
    /* 画像のサイズに合わせて調整 */
    height: 40px;
    width: auto;
}

.cs-desc {
    font-size: 15px;
    color: #5a4e43;
    line-height: 30px;
}

/* --- グリッドレイアウト (Flexbox不使用) --- */
.case-grid {
    font-size: 0; /* inline-blockの隙間対策 */
    text-align: center;
    /* 横並び位置の調整 */
    width: 100%;
}

/* 各カラム */
.case-col {
    display: inline-block;
    width: 32%; /* 3等分より少し隙間をもたせる */
    margin: 0 0.6%;
    vertical-align: top;
    font-size: 15px; /* フォントサイズ復帰 */
    box-sizing: border-box;
}

/* カラム上部（番号とタイトル） */
.case-top {
    position: relative;
    margin-bottom: 0;
    height: 75px; /* 高さ確保 */
}

.case-num-img-box {
    position: relative;
    background-color: #EDE6DA;
    border-radius: 10px 10px 0 0;
    height: 25px;
}
.case-num-img-box img {
    position: absolute;
    top: -15px;
    left: 15px;
    right: 0;
    z-index: 2;
}
.case-title {
    font-size: 20px;
    color: #8c7b68;
    padding-top: 10px; /* 番号画像の下あたりに来るように */
    font-weight: bold;
    position: relative;
    z-index: 1;
    font-family: 'Shippori Mincho';
}


/* コンテンツボックス（ベージュ背景） */
.case-box {
    background-color: #EDE6DA; /* 薄いベージュ */
    padding: 30px 20px;
    border-radius: 0px 0px 10px 10px;
    text-align: left;
    height: 100%; /* 高さ揃え用（中身による） */
    box-sizing: border-box;
}

.case-intro {
    text-align: center;
    font-size: 16px;
    color: #5a4e43;
    margin-bottom: 15px;
    line-height: 1.6;
    font-family: 'Shippori Mincho';
    height: 77px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

.case-profile {
    text-align: center;
    font-size: 15px;
    color: #5a4e43;
    margin-bottom: 25px;
    font-weight: bold;
}

/* 各項目（お悩み、目安、アプローチ） */
.case-row {
    margin-bottom: 25px;
}

.case-label {
    background-color: #E8AE94; /* サーモンピンク */
    color: #fff;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
    margin-bottom: 10px;
    border-radius: 2px;
}

.case-text {
    font-size: 14px;
    line-height: 1.8;
    color: #5a4e43;
    text-align: justify; /* 両端揃え */
}

/* ボタン */
.case-btn-area {
    text-align: center;
    margin-top: 20px;
}

.btn-case {
    display: inline-block;
    background-color: #74806a; /* オリーブグリーン */
    color: #fff;
    padding: 15px 20px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0.05em;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    transition: opacity 0.3s;
}

    .btn-case:hover {
        opacity: 0.8;
    }

    .btn-case .arrow {
        position: absolute;
        right: 15px;
        font-family: serif;
    }

/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
    .case-col {
        display: block;
        width: 100%;
        margin: 0 0 40px 0;
    }

    .cs-title-ja {
        display: block;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .case-box {
        padding: 20px;
    }
}
/* voice-section----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- お客様の声セクション --- */
.voice-section {
}

/* テーブルレイアウト用のコンテナ */
.voice-container {
    display: table;
    width: 100%;
    table-layout: fixed; /* 幅を安定させる */
    border-spacing: 0;
}

/* --- 左カラム：画像 --- */
.voice-img-col {
    display: table-cell;
    vertical-align: top; /* 画像を上下中央に配置 */
    padding-right: 40px; /* テキストとの間隔 */
    box-sizing: border-box;
}

    .voice-img-col img {
        height: auto;
        display: block;
        /* 画像に少し角丸などをつけたい場合はここに追加 */
        /* border-radius: 10px; */
    }

/* --- 右カラム：テキスト --- */
.voice-text-col {
    display: table-cell;
    width: 50%;
    vertical-align: middle; /* テキストを上下中央に配置 */
    text-align: left;
    padding-left: 20px;
    box-sizing: border-box;
}

/* タイトル (div) */
.voice-title {
    font-size: 22px;
    color: #8c7b68;
    line-height: 1.6;
    margin-bottom: 20px;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-family: 'Shippori Mincho';
}

/* 声のリスト */
.voice-content {
    margin-bottom: 40px;
}

.voice-item {
    font-size: 15px;
    color: #5a4e43;
    line-height: 30px;
}
    /* 最後の項目の下線は消す */
    .voice-item:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

/* ボタン */
.voice-btn-area {
    text-align: left; /* 左寄せ */
}

.btn-voice {
    display: inline-block;
    background-color: #74806a; /* オリーブグリーン */
    color: #fff;
    padding: 15px 40px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0.05em;
    min-width: 250px;
    text-align: center;
    position: relative;
    transition: opacity 0.3s;
}

    .btn-voice:hover {
        opacity: 0.8;
    }

    .btn-voice .arrow {
        position: absolute;
        right: 20px;
        font-family: serif;
        font-size: 18px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -2px;
    }

/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
    .voice-container {
        display: block; /* テーブル解除 */
    }

    .voice-img-col,
    .voice-text-col {
        display: block;
        width: 100%;
        padding: 0;
    }

    .voice-img-col {
        margin-bottom: 30px;
    }

    .voice-title {
        font-size: 20px;
        text-align: center; /* スマホでは中央寄せにする場合 */
    }

    .voice-btn-area {
        text-align: center;
    }
}
/* voice-section----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- チームセラキュア（スタッフ）セクション --- */
.team-section {
    background-color: #eeeae1; /* 画像のような少し濃いベージュ */
    padding: 60px 0;
    margin-bottom: 0px;
    text-align: center;
}

/* --- 上部エリア：テーブルレイアウト --- */
.team-top-area {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 0px;
}

/* 左側：画像エリア */
.team-img-box {
    display: table-cell;
    width: 800px; /* 画像エリアの幅 */
    vertical-align: top;
    font-size: 0; /* 画像間の隙間を消す */
    text-align: left; /* 画像を左寄せ */
    padding-right: 20px;
}

.team-photo {
    width: 46%; /* 2枚並べるので半分弱 */
    height: auto;
    display: inline-block;
    margin-right: 2%; /* 画像間の隙間 */
    vertical-align: top;
}

    .team-photo:last-child {
        margin-right: 0;
    }

/* 右側：縦書きテキストエリア */
.team-copy-box {
    display: table-cell;
    width: 200px; /* テキストエリアの幅 */
    vertical-align: top;
    text-align: center;
}

.vertical-lines {
    writing-mode: vertical-rl;
    display: inline-block;
    text-align: left;
    font-size: 18px;
    color: #5a4e43;
    line-height: 2.4;
}

/* 背景なしの行 */
.v-line-plain {
    margin: 0 10px;
    font-family: 'Shippori Mincho';
}

/* 背景ありの行（サーモンピンク） */
.v-line-bg {
    margin: 0 10px;
    font-family: 'Shippori Mincho';
}

    .v-line-bg span {
        background-color: #eeb496; /* サーモンピンク */
        color: #fff;
        padding: 5px 2px; /* 文字周りの余白 */
    }
/* --- 下部エリア：メッセージ --- */
.team-message-area {
    max-width: 800px;
    margin: 0 auto 40px auto;
    color: #8c7b68; /* 茶色系 */
}
.team-lead-text {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.8;
    margin-top: 15px;
    text-align: center;
}
/* 区切り線 */
.team-divider {
    height: 1px;
    background-color: #8c7b68;
    width: 94%;
    margin: 10px 0;
    opacity: 0.5;
}

.team-sub-text {
    font-size: 15px;
    line-height: 2;
    text-align: center;
}
/* --- ボタン --- */
.team-btn-area {
    text-align: center;
}

.btn-team {
    display: inline-block;
    background-color: #74806a; /* オリーブグリーン */
    color: #fff;
    padding: 16px 40px;
    border-radius: 35px;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0.05em;
    min-width: 300px;
    position: relative;
    transition: opacity 0.3s;
}

    .btn-team:hover {
        opacity: 0.8;
    }

    .btn-team .arrow {
        position: absolute;
        right: 20px;
        font-family: serif;
        font-size: 18px;
        top: 50%;
        transform: translateY(-50%);
    }


/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
    .team-top-area {
        display: block; /* テーブル解除 */
    }

    /* 画像エリア */
    .team-img-box {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
        padding-right: 0;
    }

    .team-photo {
        width: 48%; /* スマホでも2枚横並び維持 */
    }

    /* 縦書きエリア */
    .team-copy-box {
        display: block;
        width: 100%;
        margin-bottom: 40px;
        font-family: 'Shippori Mincho';
    }

    .vertical-lines {
        writing-mode: horizontal-tb; /* スマホでは横書きに戻して読みやすくする */
        text-align: center;
        line-height: 2;
    }

    .v-line-plain, .v-line-bg {
        display: block; /* 行ごとにブロック化 */
        margin: 10px 0;
    }

    .team-lead-text {
        font-size: 15px;
        padding: 0 15px;
    }

    .team-sub-text {
        text-align: left; /* 長文は左寄せ */
        padding: 0 15px;
    }
}
/* partner-section----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- アクセスセクション --- */
.access-section {
    padding: 40px 0 0px 0;
    margin-bottom: 0; /* 下のセクションとくっつける場合 */
}

.access-container {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 40px;
}

/* 左側：情報カラム */
.access-info-col {
    display: table-cell;
    width: 45%;
    vertical-align: top;
    padding-right: 40px;
    box-sizing: border-box;
    text-align: left;
}

.access-postal {
    font-size: 15px;
    color: #5a4e43;
    margin-bottom: 5px;
    font-weight: bold;
}

.access-address {
    font-size: 15px;
    color: #5a4e43;
    margin-bottom: 20px;
    font-weight: bold;
}

.access-phone-box {
    margin-bottom: 20px;
    color: #8c7b68; /* 茶色系 */
}

.phone-icon-large {
    width: 20px; /* アイコンサイズ */
    height: auto;
    vertical-align: middle;
    margin-right: 10px;
    /* 画像の色を変える必要がある場合はfilterを使用、または茶色の画像を用意 */
}

.phone-number {
    font-family: "Times New Roman", "YuMincho", serif; /* 明朝体系 */
    font-size: 32px;
    letter-spacing: 0.05em;
    vertical-align: middle;
    line-height: 1;
}

.access-time {
    font-size: 15px;
    color: #5a4e43;
    line-height: 1.8;
    margin-bottom: 30px;
    font-weight: 500;
}

/* ボタン */
.btn-access {
    display: inline-block;
    background-color: #74806a; /* オリーブグリーン */
    color: #fff;
    padding: 15px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 15px;
    width: 100%;
    max-width: 350px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    transition: opacity 0.3s;
}

    .btn-access:hover {
        opacity: 0.8;
    }

    .btn-access .arrow {
        position: absolute;
        right: 20px;
        font-family: serif;
    }


/* 右側：マップカラム */
.access-map-col {
    display: table-cell;
    width: 55%;
    vertical-align: top;
}

.map-placeholder {
    width: 100%;
    height: 300px; /* マップの高さ */
    background-color: #ccc; /* グレーの背景 */
    display: flex; /* 中の文字を中央にするためだけに使用(可)またはline-height等で代用 */
    /* Flexbox禁止縛りのためline-height代用案 */
    display: block;
    line-height: 300px;
    text-align: center;
    color: #5a4e43;
    font-size: 15px;
}


/* --- 提携クリニックセクション --- */
.partner-section {
    margin-bottom: 60px;
}

.partner-box {
    background-color: #faebe5; /* 薄いピンクベージュ */
    padding: 30px 20px;
    /* innerの幅いっぱいに広げる */
}

.partner-title {
    font-size: 16px;
    color: #5a4e43;
    font-weight: bold;
    margin-bottom: 25px;
}

/* リスト用テーブルレイアウト */
.partner-list-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.partner-col {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding-right: 20px;
    box-sizing: border-box;
}

.partner-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .partner-list li {
        font-size: 15px;
        color: #5a4e43;
        margin-bottom: 10px;
        position: relative;
        padding-left: 1.2em;
        line-height: 1.6;
    }

        /* リストマーカー（●）を茶色で自作 */
        .partner-list li::before {
            content: "●";
            color: #8c7b68; /* マーカーの色 */
            position: absolute;
            left: 0;
            top: 0;
            font-size: 10px; /* マーカーサイズ調整 */
            line-height: 2; /* 位置微調整 */
        }

/* 右下のリンク */
.partner-link-area {
    text-align: right;
    margin-top: 20px;
}

.partner-link {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    letter-spacing: 0.05em;
}

    .partner-link .arrows {
        margin-left: 5px;
        font-family: serif;
    }


/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
    /* アクセス情報 */
    .access-container {
        display: block;
    }

    .access-info-col,
    .access-map-col {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .access-info-col {
        margin-bottom: 30px;
    }

    .map-placeholder {
        height: 250px;
        line-height: 250px;
    }

    /* 提携クリニック */
    .partner-box {
        padding: 30px 20px;
    }

    .partner-list-table {
        display: block;
    }

    .partner-col {
        display: block;
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
}

/* footer-section----------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- フッターエリア (Flexbox不使用版) --- */
.site-footer {
    background-color: #eeeae1; /* 画像の薄いベージュ色 */
    padding: 50px 0 30px 0;
    position: relative; /* pagetopボタンの基準 */
    font-size: 15px;
}

/* コンテナ設定 */
.footer-container {
    position: relative; /* pagetopボタンの基準位置用 */
    width: 100%;
    max-width: 1100px; /* 幅を少し広めに確保 */
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* トップへ戻るボタン (右上に配置) */
.pagetop-btn {
    position: absolute;
    top: -80px; /* フッターより少し上に浮かす */
    right: 0;
    z-index: 10;
}

    .pagetop-btn img {
        width: 62px;
        height: auto;
        transition: opacity 0.3s;
    }

    .pagetop-btn a:hover img {
        opacity: 0.8;
    }

/* --- レイアウト用テーブル --- */
.footer-table {
    display: table;
    width: 100%;
    margin-bottom: 40px;
}

/* 左カラム：ロゴ */
.footer-logo-col {
    display: table-cell;
    width: 150px; /* ロゴエリアの幅 */
    vertical-align: top;
    padding-right: 30px;
}

.footer-logo-img {
    width: 100%;
    max-width: 120px; /* 画像サイズ調整 */
    height: auto;
}

/* 右カラム：情報エリア */
.footer-info-col {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

/* ナビゲーションリスト */
.footer-nav-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
    font-size: 0; /* inline-blockの隙間対策 */
}

    .footer-nav-list li {
        display: inline-block;
        font-size: 15px;
        margin-right: 20px;
        margin-bottom: 10px;
    }

        .footer-nav-list li a {
            color: #5a4e43;
            text-decoration: none;
            font-weight: 500;
            letter-spacing: 0.05em;
        }

            .footer-nav-list li a:hover {
                opacity: 0.7;
            }

/* ボタンとSNSの行 */
.footer-action-row {
    /* 要素を横並びにする */
}

/* 丸角アウトラインボタン */
.btn-footer-outline {
    display: inline-block;
    border: 1px solid #5a4e43;
    color: #5a4e43;
    background-color: transparent;
    padding: 6px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0.1em;
    margin-right: 15px;
    vertical-align: middle;
    transition: background-color 0.3s, color 0.3s;
}

    .btn-footer-outline:hover {
        background-color: #5a4e43;
        color: #fff;
    }

/* SNSアイコンエリア */
.footer-social-icons {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

    .footer-social-icons a {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
    }

    .footer-social-icons img {
        width: 24px; /* アイコンサイズ */
        height: auto;
        vertical-align: middle;
        opacity: 0.8;
        transition: opacity 0.3s;
    }

    .footer-social-icons a:hover img {
        opacity: 1;
    }


/* --- コピーライト --- */
.copyright {
    text-align: center;
    font-size: 11px;
    color: #8c7b68;
    letter-spacing: 0.05em;
    margin-top: 20px;
}


/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
    .pagetop-btn {
        top: -40px; /* スマホでの位置調整 */
        right: 10px;
    }

    .footer-table {
        display: block; /* テーブル解除 */
    }

    .footer-logo-col {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        padding-right: 0;
    }

    .footer-logo-img {
        max-width: 100px;
        margin: 0 auto;
    }

    .footer-info-col {
        display: block;
        text-align: center;
    }

    .footer-nav-list li {
        display: block; /* スマホでは縦並びにするか、inline-blockのままで折り返すか */
        margin-right: 0;
        margin-bottom: 15px;
        font-size: 15px;
    }

    .footer-action-row {
        margin-top: 20px;
    }

    .btn-footer-outline {
        margin-bottom: 15px;
    }
}