@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "ShipporiMincho-Regular";
    src: url(/import/tenant_2/153.126.148.40/html/font/ShipporiMincho-Regular.woff) format('woff'),
    url(/import/tenant_2/153.126.148.40/html/font/ShipporiMincho-Regular.otf) format('opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "BEAUE";
    src: url(/import/tenant_2/153.126.148.40/html/font/BEAUE.eot);
    src: url(/import/tenant_2/153.126.148.40/html/font/BEAUE.eot) format('embedded-truetype'),
    url(/import/tenant_2/153.126.148.40/html/font/BEAUE.woff) format('woff'),
    url(/import/tenant_2/153.126.148.40/html/font/BEAUE.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "fontawesome-webfont";
    src: url(/import/tenant_2/153.126.148.40/html/font/fontawesome-webfont.eot);
    src: url(/import/tenant_2/153.126.148.40/html/font/fontawesome-webfont.eot) format('embedded-opentype'),
    url(/import/tenant_2/153.126.148.40/html/font/fontawesome-webfont.woff) format('woff'),
    url(/import/tenant_2/153.126.148.40/html/font/fontawesome-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}

.i {
    font-family: "fontawesome-webfont";
    font-weight: normal;
    font-style: normal;
}

/* resetcss */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: "ShipporiMincho-Regular", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    /*font-family:"メイリオ",Meiryo,"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,'ＭＳ Ｐゴシック',sans-serif;*/
    line-height: 160%;
    color: #333333;
}

/*フォント系*/

h2 {
    font-size: 45px;
}

h3 {
    font-size: 38px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}

.fs-34 {
    font-size: 34px;
}

.fs-36 {
    font-size: 36px;
}

.bold {
    font-weight: bold;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.white {
    color: #fff;
}

/*クリアフィックス*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:before {
    display: block;
    content: "";
    clear: both;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

iframe {
    max-width: 100%;
}

img {
    vertical-align: top;
    border: none;
    max-width: 100%;
    height: auto !important;
}

.bkimg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bkimg img {
    width: 100%;
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover {
    opacity: 0.6;
    color: inherit;
    text-decoration: none;
}

a[href*="tel"] {
    pointer-events: none;
}

a[data-href="#"] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
    content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

[data-collection-list-content]:hover:before {
    content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

ul,
li {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

dl,
dt,
dd {
    text-align: left;
    padding: 0;
    margin: 0;
}

/*トランスフォーム親*/

.tfm_p {
    position: relative;
}

/*左右中央寄せ*/

.tfm_x {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*上下中央寄せ*/

.tfm_y {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/*上下左右中央寄せ*/

.tfm_xy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*トリミング*/

.trimming {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming:after {
    display: block;
    content: "";
    padding-top: 100%;
    /*100%で正方形にカット。100%以下で横長、100%以上で縦長*/
}

.trimming.p25:after {
    padding-top: 25%;
}
.trimming.p29:after {
    padding-top: 29%;
}
.trimming.p50:after {
    padding-top: 50%;
}
.trimming.p58:after {
    padding-top: 58%;
}
.trimming.p62:after {
    padding-top: 62%;
}
.trimming.p67:after {
    padding-top: 67%;
}

.trimming.p71:after {
    padding-top: 71%;
}

.trimming.p74:after {
    padding-top: 74%;
}
.trimming.p76:after {
    padding-top: 76%;
}
.trimming.p77:after {
    padding-top: 77%;
}
.trimming.p80:after {
    padding-top: 79.4%;
}
.trimming.p81:after {
    padding-top: 81%;
}

.trimming.p83:after {
    padding-top: 83%;
}

.trimming.p93:after {
    padding-top: 93%;
}

.trimming.p100:after {
    padding-top: 100%;
}

.trimming.p103:after {
    padding-top: 103%;
}
.trimming.p117:after {
    padding-top: 117%;
}
.trimming.p121:after {
    padding-top: 121%;
}

.trimming.p123:after {
    padding-top: 123%;
}
.trimming.p124:after {
    padding-top: 124%;
}

.trimming.p126:after {
    padding-top: 126%;
}

.trimming.p150:after {
    padding-top: 150%;
}
.trimming.p161:after {
    padding-top: 161%;
}

/*フレックス*/

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*フレックスセンター*/

.flex_c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex > div[data-collection-list-content],
.flex_c > div[data-collection-list-content] {
    width: 100%;
}

.flex > div[data-recommend-collection-list-content],
.flex_c > div[data-recommend-collection-list-content] {
    width: 100%;
}

.flex .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}

.flex .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

@media only screen and (max-width: 1024px) {
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 28px;
    }
    a[href*="tel"] {
        pointer-events: initial !important;
    }
    .flex .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}

@media only screen and (max-width: 599px) {
    .flex .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}

.fead-mv {
    opacity: 0;
    transition: 1.5s;
}

.mv {
    opacity: 1;
}

#wrapper {
    max-width: 100%;
    overflow: hidden;
}

#header {
    max-width: 1000px;
    margin: 0 auto;
    width: 95%;
}

#header h1 {
    font-size: 1px;
    line-height: 1;
    height: 1px;
    margin-top: -1px;
    text-indent: -9999px;
}

#header .logo {
    padding: 25px 0 15px 0;
    float: left;
}

#header .right {
    float: right;
    padding: 25px 0 0 0;
    text-align: right;
}

#header dl {
    display: inline-block !important;
    padding: 0 18px 15px 0;
    vertical-align: middle;
}

#header .right p {
    display: inline-block !important;
    padding: 4px;
    vertical-align: middle;
    padding: 0 0 15px 0;
}

#header .right p a {
    display: block;
    width: 182px;
    border: 1px solid #fff;
    padding: 10px 0;
    background: #c05283;
    text-align: center;
    font-size: 14px;
    color: #fff;
    box-shadow: 0px 0px 0px 4px #c05283;
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, 'ＭＳ Ｐゴシック', sans-serif;
}

#header dt {
    color: #c0a253;
    font-size: 10px;
}

#header dd {
    font-size: 30px;
    color: #c0a253;
}

#header dd a {
    color: #c0a253;
}

#header dd img {
    vertical-align: middle;
    margin-right: 0.25em;
}

#gnav li strong {
    font-family: "BEAUE";
    display: block;
    text-align: center;
    font-size: 26px;
    color: #c0a253;
    font-weight: normal;
    line-height: 140%;
}

#gnav {
    border-top: 1px solid #c0a252;
    background: #fff;
    width: 100%;
}

#header.btm {
    margin-bottom: 77px;
}

#gnav.fixed {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
}

#gnav ul {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

#gnav li {
    display: inline-block !important;
    font-size: 10px;
    /*padding: 10px 17px 14px 17px;*/
    padding: 10px 1.5% 14px 1.5%;
}

#gnav p {
    display: none;
}

@media only screen and (max-width: 1020px) {
    #header.btm {
        margin-bottom: 0;
    }
    #gnav {
        position: fixed;
        top: 0;
        right: 0;
        width: 200px;
        height: 100%;
        background: none;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        -webkit-transition: ease .5s;
        transition: ease .5s;
        padding: 0;
        z-index: 101;
        border: none;
        padding-bottom: 0;

    }

    #gnav.fixed {
        top: 0;
        right: 0;
        left: auto;
        width: 200px;
        border: none;
        z-index: 101;
        padding-top: 0;
        padding-bottom: 0;
    }
    #gnav ul li {
        float: none;
        text-align: center;
        width: auto;
        display: block !important;
    }

    #gnav p {
        display: block;
        position: absolute;
        width: 38px;
        height: 38px;
        top: 0;
        left: -44px;
        border: 1px solid #fff;
        background: #796A54;
        cursor: pointer;
        opacity: 0.8;
        margin: 2px;
        box-shadow: 0px 0px 0px 2px #796A54;
        -moz-box-shadow: 0px 0px 0px 2px #796A54;
        -webkit-box-shadow: 0px 0px 0px 2px #796A54;
    }

    #gnav li {
        float: none;
        width: auto;
        border-bottom: 1px dotted #cacad9;
        padding: 0;
        margin-top: 0;
        display: block !important;
    }
    #gnav ul li a {
        height: auto;
        display: block !important;
        padding: 5px 0 5px 0;
    }



    #gnav.action {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    #gnav p span.n {
        display: block;
        background: #fff;
        height: 2px;
        width: 26px;
        text-indent: -9999px;
        padding: 0;
        top: 50%;
        left: 6px;
        margin-top: -1px;
        position: absolute;
    }
    #gnav p span.n:before {
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 26px;
        position: absolute;
        top: -8px;
        left: 0;
    }
    #gnav p span.n:after {
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 26px;
        position: absolute;
        top: 8px;
        left: 0;
    }
    #gnav.action p span.n {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: ease .10s;
        transition: ease .10s;
    }
    #gnav.action p span.n:after,
    #gnav.action p span.n:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }
    #gnav ul {
        width: auto;
        height: 100%;
        overflow-y: auto;
        background: #FFF;
        padding: 0;
    }

    .overlay:after,
    .overlay #header .inner:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.3;
        z-index: 99;
    }
    #gnav li a:hover::before,
    #gnav li.st a::before {
        bottom: auto;
        left: auto;
        right: 10px;
        top: 50%;
        margin-top: -3px;

    }
    #gnav li strong {
        font-size: 20px;
    }
}

#footer {
    border-top: 1px #ab9048 solid;
}

#footer .foot1 .inner {
    max-width: 1000px;
    margin: 0 auto;
    width: 95%;
}

#footer .foot1 ul {
    float: left;
}

#footer .foot1 li {
    float: left;
    padding: 15px 0;
}

#footer .foot1 li:first-child:before {
    content: "|";
    display: inline-block !important;
    color: #9d8340;
}

#footer .foot1 li:after {
    content: "|";
    display: inline-block !important;
    color: #9d8340;
}

#footer .foot1 .totop {
    float: right;
    padding: 15px 0;
}

#footer .foot1 .totop a {
    color: #977e3d;
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, 'ＭＳ Ｐゴシック', sans-serif;
}

#footer .foot1 .totop img {
    vertical-align: middle;
    margin-left: 1em;
    margin-top: -3px;
}

#footer .footnav {
    background: #fafafa;
}

#footer .footnav .inner {
    max-width: 1000px;
    margin: 0 auto;
    width: 95%;
    padding: 16px 0 45px 0;
}

#footer .foot1 li a {
    color: #9d8340;
    display: inline-block !important;

    padding: 0 1em;
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, 'ＭＳ Ｐゴシック', sans-serif;
}

#footer .footnav h4 {
    font-size: 14px;
    color: #c0a252;
    padding: 0 0 10px 0;
}

#footer .footnav li {
    padding: 0 0 5px 1em;
    background: url(/import/tenant_2/153.126.148.40/html/images/sitemap_icon.png) 0 5px no-repeat;
}

#footer .footnav ul {
    width: 20%;
}

#footer .copy {
    text-align: center;
    font-size: 10px;
    color: #907a53;
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, 'ＭＳ Ｐゴシック', sans-serif;
    padding: 10px 0;
    background: #c8ac64;
    background: -moz-linear-gradient(left, #c8ac64 0%, #f2e4c7 39%, #f2e4c7 60%, #c8ac64 100%);
    background: -webkit-linear-gradient(left, #c8ac64 0%, #f2e4c7 39%, #f2e4c7 60%, #c8ac64 100%);
    background: linear-gradient(to right, #c8ac64 0%, #f2e4c7 39%, #f2e4c7 60%, #c8ac64 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8ac64', endColorstr='#c8ac64', GradientType=1);
}

@media only screen and (max-width: 1020px) {
    #footer .footnav ul {
        width: 33.33%;
    }
}

@media only screen and (max-width: 599px) {
    #footer .foot1 ul {
        float: none;
        text-align: center;
        width: auto;
        padding-top: 15px;
    }
    #footer .foot1 li {
        float: none;
        display: inline-block !important;
        padding-top: 0;
    }
    #footer .footnav ul {
        width: 50%;
    }
    #header{
      width:100%;
      position: relative;
    }
    #header .logo {
        float: none;
    }
    #header .right {
        float: none;
        width: auto;
        padding-top: 17%;
    }
    #header dl {
        display: block !important;
        padding-right: 0;
    }
    #header dl dt {
        text-align: center;
    }
    #header dd {
        text-align: center;
    }
    #header .right p {
        display: block !important;
        text-align: center;
        padding: 1%;
      position: fixed;
      bottom: 0;
      top: auto;
      left: 0;
      z-index: 100;
      width: 100%;
      box-sizing: border-box;
    }
    #header .right p a {
        display: inline-block !important;
        width: 100%;
    box-sizing: border-box;
    }
    #header .logo{
    float: none;
    width: 100%;
    padding: 10px 0 3% 10px;
    position: fixed;
    z-index: 100;
    background: rgba(255,255,255,0.8);
  }
  #header .logo img{
    width:40%;
  }
  #footer .copy{
    margin-bottom: 55px;
  }
}




.subtit h2 strong {
    font-size: 48px;
    color: #c0a253;
    font-family: "BEAUE";
    display: block;
    font-weight: normal;

}

.subtit h2 {
    text-align: center;
    font-weight: normal;
    font-size: 24px;
}

.subtit {
    max-width: 1000px;
    margin: 0 auto;
    border-top: 1px solid #c0a252;
    padding: 35px 0;
    width: 95%;
}

.w10 {
    max-width: 1000px;
    margin: 0 auto;
    width: 95%
}

@media only screen and (max-width: 1020px) {
    .subtit h2 strong {
        font-size: 30px;
    }
    .subtit h2 {
        font-size: 16px;
    }
}

/*menu*/

.menuwrap {
    background-image: url(/import/tenant_2/153.126.148.40/html/images/menu/lace_top.jpg), url(/import/tenant_2/153.126.148.40/html/images/menu/lace_bottom.jpg);
    background-repeat: repeat-x;
    background-position: 0 0, 0 bottom;
    padding: 214px 0 234px 0;
}

.menuwrap .tbox {
    float: left;
    width: 57%;
}

.menuwrap .pic {
    float: right;
    width: 39.7%;
    position: relative;
    margin-bottom: 20px;
}

.menuwrap .pic .w {
    display: inline-block !important;
    position: absolute;
    width: 61.96%;
    top: 51.8%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
}

.menuwrap .pic .w:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    border: 2px solid #ead9b4;
    border-radius: 50%;
    z-index: 1;
}

.menuwrap .tbox dt {
    float: left;
    font-size: 16px;
}

.menuwrap .tbox dt + dd {
    text-align: right;
    font-size: 16px;
}

.menuwrap .tbox dd + dd {
    clear: both;
    font-size: 10px;
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, 'ＭＳ Ｐゴシック', sans-serif;
}

.menuwrap .tbox dl {
    padding: 5px 0 15px 0;
}

@media only screen and (max-width: 599px) {
    .menuwrap .pic {
        float: none;
        width: auto;
        max-width: 397px;
        margin-left: auto;
        margin-right: auto;
    }
    .menuwrap .tbox {
        float: none;
        width: auto;
    }
}

/*staff*/

.stafflist dd a {
    position: relative;
    display: inline-block !important;
}

.stafflist dl {
    width: 29.9%;
    padding: 0 5.15% 45px 0;
}

.stafflist dd .w {
    display: inline-block !important;
    position: absolute;
    width: 61.96%;
    top: 51.8%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
}

.stafflist dd .w:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 2px solid #ead9b4;
    border-radius: 50%;
    z-index: 1;
}

.stafflist dl:nth-child(3n+3) {
    padding-right: 0;
}

.stafflist dt {
    text-align: center;
    font-size: 16px;
    padding: 14px 0 0 0;
}

.stafflist {
    padding-bottom: 50px;
}

@media only screen and (max-width: 1020px) {
    .stafflist dt {
        font-size: 14px;
    }
}

@media only screen and (max-width: 599px) {
    .stafflist dl {
        width: 49%;
        padding-left: 0.5%;
        padding-right: 0.5% !important;
    }
}

.staff1 .pic {
    float: left;
    width: 42.68%;
    max-width: 414px;
    position: relative;
    margin-bottom: 20px;
}

.staff1 .wrap {
    box-sizing: border-box;
    border: 2px solid #e6ebef;
    padding: 16px 1.6% 0 1%;
    margin-bottom: 60px;
}

.staff1 .pic .w {
    display: inline-block !important;
    position: absolute;
    width: 61.96%;
    top: 51.8%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
}

.staff1 .pic .w:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 2px solid #ead9b4;
    border-radius: 50%;
    z-index: 1;
}

.staff1 .tbox {
    float: right;
    width: 52.78%;
    background: url(/import/tenant_2/153.126.148.40/html/images/bt_icon_gray.png) right 0 no-repeat;
}

.staff1 .tbox h3 .p {
    display: block;
    font-size: 11px;
    line-height: 120%;
}

.staff1 .tbox h3 {
    padding-bottom: 8px;
    font-size: 18px;
}

.staff1 .tbox .table dl {
    border-top: 1px solid #eee;
    padding: 18px 0 8px 0;
}

.staff1 .tbox .table {
    max-width: 455px;
}

.staff1 .tbox .table dt {
    float: left;
    x
}

.staff1 .tbox .table dt .g {
    color: #999;
}

.staff1 .tbox .table dd {
    padding: 0 0 0 198px;
}

.back a {
    display: inline-block !important;
    border: 1px solid #d7e4ed;
    width: 174px;
    padding: 20px 0 15px 0;
    text-align: center;
    box-sizing: border-box;
    font-size: 23px;
    color: #c0a252;
    position: relative;

}

.back a:before {
    content: url(/import/tenant_2/153.126.148.40/html/images/bt_icon_gold.png);
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.back a .e {
    display: block;
    font-family: "BEAUE";

}

.staff1 .back {
    text-align: center;
}

.staff1 {
    padding-bottom: 70px;
}

@media only screen and (max-width: 599px) {
    .staff1 .pic {
        float: none;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .staff1 .tbox {
        float: none;
        width: auto;
    }
    .staff1 .tbox .table dt {
        float: none;
    }
    .staff1 .tbox .table dd {
        padding-left: 0;
        padding-left: 1em;
    }
    .back a{
      width: 70%;
      padding: 15px 0 15px 0;
    }
    .back a .e{
      padding-top: 5px;
    }
}

/*salon*/

.salon .subtit {
    padding-top: 1px;
}

.salon .pic {
    padding-bottom: 35px;
}

.salon .pic li {
    width: 24.8%;
}

.salon .pic li:nth-child(2) {
    width: 50.3%;
}

.salon1 h3 {
    font-size: 24px;
    padding: 0 0 25px 0;
}

.salon1 .tbox {
    float: left;
    width: 57%;
    margin-bottom: 20px;
}

.salon1 .pic {
    float: right;
    width: 35.6%;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.salon1 dt {
    float: left;
    padding-top: 17px;
}

.salon1 dd {
    padding: 17px 0 0 148px;
}

.salon1 dt .w {
    min-width: 98px;
    display: block;
    padding-bottom: 12px;
    border-bottom: 1px solid #e7e4e0;
}

.salon1 dd .w {
    display: block;
    border-bottom: 1px solid #e7e4e0;
    padding-bottom: 12px;
}

.salon1 .wrap {
    padding-bottom: 65px;
}

.salon1 {
    padding-bottom: 63px;
}
@media only screen and (max-width: 1024px) {
  .salon1 .tbox{
    width: 58%;
  }
}
@media only screen and (max-width: 599px) {
    .salon1 .pic {
        float: none;
        width: auto;
        text-align: center;
    }
    .salon1 dt .w {
        border: none;
    }
    .salon1 dd .w {
        border: none;
        padding-top: 0;
    }
    .salon1 .tbox {
        float: none;
        width: auto;
    }
    .salon1 dl {
        border-bottom: 1px solid #e7e4e0;
    }
    .salon1 dt {
        float: none;
        padding-bottom: 0;
    }
    .salon1 dd {
        padding-left: 0;
        padding-top: 0;
    }
    .salon1 h3{
      font-size: 21px;
    }

}

/*concept*/

.concept .wrap {
    border: 2px solid #bfa252;
    margin-bottom: 2px;
    padding: 9px;


}

.concept .wrap .inn {
    border: 1px solid #bfa350;
    background-image: url(/import/tenant_2/153.126.148.40/html/images/concept/wktl.gif), url(/import/tenant_2/153.126.148.40/html/images/concept/wktr.gif), url(/import/tenant_2/153.126.148.40/html/images/concept/wkbl.gif), url(/import/tenant_2/153.126.148.40/html/images/concept/wkbr.gif), url(/import/tenant_2/153.126.148.40/html/images/concept/wkt.gif), url(/import/tenant_2/153.126.148.40/html/images/concept/wkb.gif);
    background-position: 0 0, right 0, 0 bottom, right bottom, center top, center bottom;
    background-repeat: no-repeat;
    padding: 110px 0 90px 0;
}

.concept .wrap .concept1 {
    padding-bottom: 25px;
}

.concept .wrap .concept1 p {
    margin: 0 0 20px 0;
    padding-bottom: 0;
}

.concept .wrap .concept1 h3 {
    font-size: 16px;
    padding: 0 0 20px 0;
}

.wraps {
    border: 2px solid #bfa252;
    margin-bottom: 2px;
    padding: 9px;
}

.wraps .inn {
    border: 1px solid #bfa350;
    background-image: url(/import/tenant_2/153.126.148.40/html/images/concept/wktl.gif), url(/import/tenant_2/153.126.148.40/html/images/concept/wktr.gif), url(/import/tenant_2/153.126.148.40/html/images/concept/wkbl.gif), url(/import/tenant_2/153.126.148.40/html/images/concept/wkbr.gif), url(/import/tenant_2/153.126.148.40/html/images/concept/wkt.gif), url(/import/tenant_2/153.126.148.40/html/images/concept/wkb.gif);
    background-position: 0 0, right 0, 0 bottom, right bottom, center top, center bottom;
    background-repeat: no-repeat;
    padding: 110px 0 90px 0;
}

.bloglist dl {
    width: 31.4%;
    padding: 0 2.9% 50px 0;
}

.bloglist dl:nth-child(3n+3) {
    padding-right: 0;
}

.bloglist dd {
    padding-bottom: 10px;
}

.bloglist dt {
    position: relative;
    padding: 0 0 0 79px;
    min-height: 63px;

}

.bloglist dt .w {
    font-size: 21px !important;
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #c99a27;
    width: 63px;
    height: 63px;
    text-align: center;
    line-height: 30px;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}

.bloglist dt .w .y {
    display: block;
    font-size: 12px;
}

.bloglist dt .w .m {
    display: block;
    font-size: 14px;
}

.bloglist dt .w .d {
    font-size: 16px;
}

.bloglist dt .w .d strong {
    font-size: 24px;
}

.bloglist dt .t {
    padding-top: 25px;
    font-size: 16px;
    display: inline-block !important;
}
.blog .wraps .h3s{
  padding: 35px 0;
}
@media only screen and (max-width: 1020px) {
    .bloglist dt .t {
        font-size: 14px;
    }
}

@media only screen and (max-width: 599px) {
    .bloglist dl {
        width: 49%;
        padding-left: 0.5%;
        padding-right: 0.5%;
    }
    .bloglist dt .w {
        position: relative;
        display: block;
    }
    .bloglist dt {
        padding-left: 0;
    }
    .bloglist dt .w{
      font-size: 12px !important;
      width: 80%;
      height:auto;
      line-height: 27px;
    margin: 0 auto;
    }
    .bloglist dt .t{
      padding-top: 15px;
    }
}

.pagenav {
    background: #ececec;
    padding: 10px 0;
}

.pagenav li {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0.5em;
}

.bloglist {
    padding-bottom: 20px;
}

.blog .pagenav {
    margin-bottom: 100px;
}

#side dl {
    width: 35.6%;
    float: left;
    padding-bottom: 30px;
}

#side dl.clearfix {
    width: 61%;
    float: right;
}

#side dt {
    background: #d3b580;
    color: #fff;
    font-size: 18px;
    padding: 7px 18px;
    margin-bottom: 25px;
}

#side dd {
    font-size: 16px;
    padding: 0 0 10px 18px;
}

#side dl.clearfix dd {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding-left: 18px;
}

@media only screen and (max-width: 1020px) {
    #side dl {
        width: 100% !important;
    }
    #side dd {
        font-size: 14px;
    }
}

@media only screen and (max-width: 599px) {
    #side dl.clearfix dd {
        width: 50%;
    }
}

.single .date {
    position: relative;
    font-size: 30px;
    margin-bottom: 35px;
}

.single .date:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #555;
    position: absolute;
    top: 50%;
    left: 0;
}

.single .date .w {
    background: #fff;
    position: relative;
    z-index: 1;
}

.single .txt {
    max-width: 792px;
    float: right;
    padding-bottom: 150px;
}

.single .txt p {
    font-size: 16px;
    padding: 0 0 20px 0;
}

.back2 a {
    display: inline-block !important;
    background: #ececec;
    width: 200px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.blog .back2 {
    text-align: center;
    padding: 0 0 130px 0;
}

@media only screen and (max-width: 1020px) {
    .single .txt p {
        font-size: 14px;
    }
    .single .date {
        font-size: 24px;
    }
}

.newslist {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

.newslist .box {
    padding-bottom: 10px;
    padding-top: 25px;
}

.newslist .box + .box {
    border-top: 2px solid #aba89d;
}

.newslist .box .pic {
    width: 27.05%;
    float: left;
    margin: 0 0 20px 0;
}

.newslist .box .tbox {
    width: 50%;
    float: right;
    width: 64.1%;
}

.newslist .box h3 {
    font-size: 18px;
    padding: 0 0 25px 0;
}

.newslist .box .tbox div {
    padding: 0 0 20px 0;
    height: 95px;
    overflow: hidden;
}

.newslist .box .tbox .more {
    text-align: right;
    padding-top: 20px
}

.newslist .box .date {
    padding-bottom: 5px;
}

.newslist {
    padding-bottom: 45px;
}

@media only screen and (max-width: 599px) {
    .newslist .box .pic {
        float: none;
        width: auto;
        text-align: center;
    }
    .newslist .box .tbox {
        float: none;
        width: auto;
    }
    .single .txt{
      padding-bottom: 50px;
    }
}

/*voice*/

.voicelist .vstaff .left {
    float: left;
    width: 328px;
    box-sizing: border-box;
    border: 2px solid #e6ebef;
}

.voicelist .vstaff .left dt {
    font-size: 14px;
    color: #c0a253;
    text-align: center;
    padding: 10px 2.5% 0 2.5%;
    display: inline-flex;
    width: 100%;
    box-sizing: border-box;
}
.voicelist .vstaff .left dt .ne{
  margin:auto 0;
}

.voicelist .vstaff .left dt img {
    vertical-align: middle;
    border-radius: 50%;
    margin: 0 10px;
    width: 16%;
    height: 58px !IMPORTANT;
    display: block;
    overflow: hidden;
    object-fit: cover;
}

.voicelist .vstaff .left dt .p {
    font-size: 24px;
    font-family: "BEAUE";
}

.voicelist .vstaff .left dd {
    text-align: right;
    padding: 0 2.5% 10px 2.5%;
}

.voicelist .vstaff .left dt .trimming {
    width: 16%;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
}

.voicelist .vstaff .right {
    float: left;
    /*width: 24%;*/
    width: 35%;
    padding: 0 0 0 7%;
}

.voicelist .vstaff .right dt {
    color: #c0a253;
    font-size: 14px;
}

.voicelist .vstaff .right dd {
    color: #c0a253;
}

.voicelist .vstaff .right dd {
    font-size: 10px;
    height: 80px;
    overflow: auto;
}

/*----------------------スクロールバー--------------------*/

.voicelist .vstaff .right dd::-webkit-scrollbar {
    width: 6px;
}

.voicelist .vstaff .right dd::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 2px #777;
}

.voicelist .vstaff .right dd::-webkit-scrollbar-thumb {
    background: #c0a253;
    border-radius: 10px;
    box-shadow: none;
}


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

.voicelist .cmvoicew .pic {
    float: left;
    width: 23%;
    background: #e6ebef;
    text-align: center;
    padding: 23px 2.5%;
    box-sizing: border-box;


}

.voicelist .vstaff {
    padding-bottom: 50px;
}

.voicelist .cmvoicew .tbox {
    width: 73%;
    float: right;
    box-sizing: border-box;
    border: 2px solid #e6ebef;
    padding: 35px 3% 10px 3%;
}

.voicelist .cmvoicew .tbox h3 .t {
    display: block;
    font-size: 11px;
}

.voicelist .cmvoicew .tbox h3 {
    font-size: 16px;
    padding-bottom: 20px;
}

.voicelist .cmvoicew .tbox p {
    padding: 0 0 20px 0;
    font-size: 10px;
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, 'ＭＳ Ｐゴシック', sans-serif;
}

.voicelist .cmvoicew {
    padding-bottom: 64px;
}

.voicelist .wrap + .wrap {
    border-top: 1px solid #f2f1e5;
    padding-top: 60px;
}

.voicelist {
    padding-bottom: 30px;
}

.voicelist .vstaff .left dd a {
    color: #c0a253;
}

@media only screen and (max-width: 599px) {
    .voicelist .cmvoicew .pic {
        float: none;
        width: auto;
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        padding: 23px 5.5%;
    }
    .voicelist .cmvoicew .tbox {
        float: none;
        width: auto;
    }
    .voicelist .vstaff .left {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
    .voicelist .vstaff .left dt {
        font-size: 12px;
    }
    .voicelist .vstaff .right {
        float: none;
        width: auto;
        padding-left: 0;
    }
}

/*coupon*/

.couponlist dl {
    width: 45.4%;
    background: url(/import/tenant_2/153.126.148.40/html/images/coupon/coupon_01.png) center top no-repeat;
    background-size: cover;
    margin: 0 2.3% 35px 2.3%;
}

.couponlist dl:nth-child(2n+2) {
    background-image: url(/import/tenant_2/153.126.148.40/html/images/coupon/coupon_02.png);
}

.couponlist dt {
    text-align: center;
    font-size: 24px;
    color: #fff;
    padding: 60px 0 10px 0;
}

.couponlist dd {
    background: #fff;
    margin: 0 10%;
    text-align: center;
    font-size: 31px;
}

.couponlist dl:before {
    width: 1px;
    height: 0;
    padding-bottom: 58.37%;
    content: "";
    float: left;
}

.couponlist {
    padding-bottom: 80px;
}

@media only screen and (max-width: 1020px) {
    .couponlist dt {
        font-size: 16px;
    }
    .couponlist dd {
        font-size: 24px;
    }
}

@media only screen and (max-width: 599px) {
    .couponlist dl {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
}

.faqlist {
    max-width: 845px;
    margin: 0 auto 50px auto;
}

.faqlist .pic {
    float: left;
    width: 28.99%;
    margin: 0 0 20px 0;
}

.faqlist .tbox {
    box-sizing: border-box;
    float: right;
    width: 59.17%;
    background-image: url(/import/tenant_2/153.126.148.40/html/images/faq/object_l_t.png), url(/import/tenant_2/153.126.148.40/html/images/faq/object_r_t.png), url(/import/tenant_2/153.126.148.40/html/images/faq/object_l_b.png), url(/import/tenant_2/153.126.148.40/html/images/faq/object_r_b.png);
    background-repeat: no-repeat;
    background-position: 0 0, right 0, 0 bottom, right bottom;
    padding: 39px 18px;
    margin-bottom: 20px;
}

.faqlist .tbox h4,
.faqlist .tbox .c {
    border-bottom: 2px dotted #adadad;
    padding: 10px 0;
}

.faqlist .tbox .nam {
    padding: 10px 0 25px 0;
}

.faqlist .tbox p {
    padding: 0 0 20px 0;
}

.faqlist .box {
    padding-bottom: 35px;
}

.faqnav {
    text-align: right;
    letter-spacing: -5px;
    padding-bottom: 55px;

}

.faqnav li {
    display: inline-block !important;
    letter-spacing: 0;
    padding: 0 15px 15px 0;
    font-size: 24px;
}

.faqnav li a {
    background: #c0a252;
    color: #fff;
    line-height: 36px;
    width: 36px;
    display: block;
    text-align: center;
}

@media only screen and (max-width: 1020px) {
    .faqnav li a {
        font-size: 14px;
        width: 25px;
        line-height: 25px;
    }
    .faqnav li {
        padding-right: 5px;
    }
}

@media only screen and (max-width: 599px) {
    .faqlist .pic {
        float: none;
    width: 60%;
    text-align: center;
    margin: 20px auto;
    }
    .faqlist .tbox {
        float: none;
        width: auto;
    }
}

.shaving1 h3 {
    text-align: center;
    font-size: 14px;
    padding: 0 0 10px 0;
}

.shaving1 p {
    text-align: center;
    padding: 0 0 20px 0;
}

.shaving1 .pic {
    margin-bottom: 35px;
    padding-bottom: 0;
}

.shaving1 li {
    width: 45%;
    float: left;
    padding: 0 10% 20px 0;
}

.shaving1 li:nth-child(2n+2) {
    padding-right: 0;
}

.shaving1 ul {
    padding-top: 20px;
    padding-bottom: 10px;
}

.shaving2 {
    position: relative;
    overflow: hidden;
    border-top: 2px solid #d4d4d5;
    border-left: 2px solid #d4d4d5;
    padding-bottom: 10px;
}

.shaving2 .bkimg {
    width: 100%;
    height: 100%;
}

.shaving2 .inner {
    position: relative;
    z-index: 1;
}

.shaving2 .box1 {
    width: 50%;
    height: auto;
    background: #c0a252;
    padding-bottom: 10px;
    box-sizing: border-box;
    padding-rihgt: 2.5%;
}

.shaving2 .box1 dt {
    padding: 20px 0 20px 25px;
    font-size: 16px;
    color: #fff;
}

.shaving2 .box1 dd {
    padding: 0 0 5px 50px;
    color: #fff;
    font-size: 14px;
}

.shaving2 .box2 {
    float: right;
    width: 71.5%;
    margin: 10px;
    box-sizing: border-box;
    border: 1px solid #c0a252;
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.3);
    padding: 15px 2% 0 2%;
    margin-top: -90px;
}

.shaving2 .box2 h4 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

.shaving2 .box2 h4:after {
    content: "";
    width: 50px;
    height: 4px;
    background: #a37e30;
    margin: 0 auto;
    display: block;
}

.shaving2 .box2 dt {
    color: #fff;
    font-size: 14px;
    padding: 0 0 5px 0;
}

.shaving2 .box2 dd {
    font-weight: bold;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    font-size: 14px;
    text-indent: -1em;
    padding-left: 1em;
}

.shaving2 .box2 dl {
    padding-bottom: 25px;
}

@media only screen and (max-width: 1020px) {
    .shaving2 .box2 {
        margin-top: 0px;
    }
    .shaving2 .bkimg img {
        height: 100% !important;
        max-width: none !important;
        width: auto !important;
    }
    .shaving2 .box1 {
        width: 90%;
        max-width: 502px;
        padding-right: 2.5%;
    }
    .shaving2 .bkimg .trimming.p83:after{
      padding-top: 126%;
    }
}

@media only screen and (max-width: 599px) {
    .shaving2 .box2 {
        width: 90%;
    }
    .shaving2 .bkimg .trimming.p83:after{
      padding-top: 320%;
    }
    .shaving2 .bkimg .trimming img{
      object-fit: cover;
    }
    .shaving2 .box1 dt{
      padding: 20px 0 5px 25px;
    }
    .shaving2 .box2 dl{
      padding-bottom: 15px;
    }
}

/*bridal*/

.bridal1 {
    background: #dcdcdc;
    margin-bottom: 60px;
}

.bridal1 .pic {
    float: right;
    width: 50.3%;
    content: "";
    position: relative;
}

.bridal1 .tbox {
    float: left;
    width: 49.7%;
    text-align: center;
    padding: 25px 2.5% 0 2.5%;
    box-sizing: border-box;
}

.bridal1 .tbox p {
    font-size: 16px;
    padding: 0 0 20px 0;
}

.bridal1 .pic:before {
    content: "";
    width: 100px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(220, 220, 220, 1) 0%, rgba(220, 220, 220, 0.01) 100%);
    background: -webkit-linear-gradient(left, rgba(220, 220, 220, 1) 0%, rgba(220, 220, 220, 0.01) 100%);
    background: linear-gradient(to right, rgba(220, 220, 220, 1) 0%, rgba(220, 220, 220, 0.01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#03dcdcdc', GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.bridal2 h3 {
    text-align: center;
    font-size: 14px;
    padding: 0 0 26px 0;
}

.bridal2 p {
    text-align: center;
    padding: 0 0 20px 0;
}

.bridal2 {
    padding-bottom: 80px;
}

.bridal3 {
    background: url(/import/tenant_2/153.126.148.40/html/images/bridal/bridal_frame_top.png) center 0 no-repeat;
    padding: 65px 0 35px 0;
}

.bridal3 h3 {
    text-align: center;
    font-size: 14px;
    padding: 0 0 20px 0;
}

.bridal3 h3 + p {
    text-align: center;
    font-size: 14px;
    padding: 0 0 50px 0;
}

.bridal3 dl {
    width: 30%;
    padding: 0 2.5% 45px 2.5%;
}

.bridal3 dl:nth-child(3n+1) {
    padding-left: 0;
}

.bridal3 dl:nth-child(3n+3) {
    padding-right: 0;
}

.bridal3 dt {
    text-align: center;
    font-size: 24px;
    padding: 0 0 20px 0;
}

.bridal3 dt + dd img {
    border-radius: 50%;
}

.bridal3 dd + dd {
    font-size: 12px;
    padding: 20px 0 0 0;
}

.bridal3 dd .trimming {
    border-radius: 50%;
}

.bridal3 .flex_c {
    padding-bottom: 108px;
    background: url(/import/tenant_2/153.126.148.40/html/images/bridal/bridal_frame_bottom.png) center bottom no-repeat;
    margin-bottom: 60px;
}

.bridal3:after {
    content: "";
    display: block;
    width: 230px;
    height: 5px;
    background: #c0a252;
    margin: 0 auto;
}

@media only screen and (max-width: 1020px) {
    .bridal3 dt {
        font-size: 18px;
    }
    .bridal1 .pic.trimming.p67:after{
      padding-top: 98%;
    }
    .bridal2{
      padding-bottom: 50px;
    }
}

@media only screen and (max-width: 599px) {
    .bridal1 .pic {
        width: auto;
        float: none;
    }
    .bridal1 .tbox {
        width: auto;
        float: none;
        clear: both;
    }
    .bridal1 .tbox p {
        font-size: 14px;
    }
    .bridal3 dl {
        width: 48%;
        padding-left: 1% !important;
        padding-right: 1% !important;
    }
    
}

.bridal4 {
    background: #dfd0a8;
    padding: 15px 0 40px 0;
}

.bridal4 dl {
    width: 22.7%;
    background: #fff;
    box-sizing: border-box;
    border: 2px solid #e6ebef;
    margin: 0 0.4% 20px 0.4%;
    padding: 8px;
}

.bridal4 h3 {
    font-size: 14px;
    text-align: center;
    padding-bottom: 20px;

}

.bridal4 .w10:after {
    content: "";
    display: block;
    width: 230px;
    height: 5px;
    background: #c0a252;
    margin: 0 auto;
}

.bridal4 dt {
    text-align: center;
    background: url(/import/tenant_2/153.126.148.40/html/images/bt_icon_gray.png) right 0 no-repeat;
    padding: 0 0 20px 0;
}

.bridal4 dt strong {
    display: block;
    font-size: 36px;
    padding: 30px 0 15px 0;
}

.bridal4 dt + dd {
    text-align: center;
    padding: 0 0 30px 0;
}

.bridal4 dd + dd {
    padding: 0 15px 20px 15px;
    font-size: 12px;
}

.bridal5 {
    padding: 17px 0 100px 0;
    background: center bottom url(/import/tenant_2/153.126.148.40/html/images/bridal/bridal_frame_bottom.png) no-repeat;
    margin-bottom: 45px;
}

.bridal5 h3 {
    background: url(/import/tenant_2/153.126.148.40/html/images/bridal/bridal_frame_top.png) center top no-repeat;
    text-align: center;
    font-size: 14px;
    padding: 80px 0 30px 0;
}

.bridal5 dl {
    width: 25%;
    padding: 0 3.5% 30px 3.5%;
}

.bridal5 dt {
    text-align: center;
    font-size: 14px;
    padding: 20px 0 10px 0;
}

.bridal5 dd {
    text-align: center;
}

.bridal5 dd a {
    display: inline-block !important;
    background: #c0a252;
    color: #fff;
    padding: 5px 1.5em;
    font-size: 14px;
}

@media only screen and (max-width: 1020px) {
    .bridal4 dl {
        width: 48%;
        margin-left: 1% !important;
        margin-right: 1% !important;
    }
}

@media only screen and (max-width: 599px) {
    .bridal5 dl {
        width: 48%;
        padding-left: 1% !important;
        padding-right: 1% !important;
    }
    .bridal4 dd + dd{
      padding: 0 0 20px 0;
    }
}

/*course*/

.coursenav li {
    width: 25%;
    padding: 0 3% 20px 3%;
    font-size: 14px;

}

.coursenav li strong {
    display: block;
    background: #c0a252;
    text-align: center;
    color: #fff;
    padding: 10px 2.5%;
}

.coursenav li .h {
    display: block;
    border: 1px solid #dcdcdc;
    padding: 5px 2.5%;
    text-align: center;
}

.coursenav {
    padding-bottom: 120px;
}

.course .courselist #co01,
.course .courselist #co02,
.course .courselist #co03 {
    margin-top: -80px;
    padding-top: 80px;
}

.course .wrap h3 {
    text-align: center;
    font-size: 14px;
    background: #c0a252;
    padding: 10px 2.5%;
    color: #fff;
    margin-bottom: 20px;
}

.course .wrap h3 + p {
    text-align: center;
    font-size: 14px;
    line-height: 204%;
    padding: 0 0 25px 0;
}

.course .wrap h3 + p .t {
    border: 1px solid #dcdcdc;
    display: inline-block !important;
    padding: 0 5px;
    margin-left: 10px;
}

.course .wrap .box ul {
    width: 40%;
    padding: 0 0 20px 0;
}

.course .wrap .box li {
    float: left;
    width: 50%;
}

.course .wrap .box dl {
    width: 21%;
    padding: 30px 3.5% 20px 3.5%;
}

.course .wrap .box dt {
    font-size: 14px;
    padding: 0 0 20px 0;
}

.course .wrap .box dd {
    font-size: 10px;
}

.course .wrap .box p {
    width: 199px;
    padding-top: 50px;
    padding-bottom: 20px;

}

.course .wrap .box p .w {
    display: block;
    background-image: url(/import/tenant_2/153.126.148.40/html/images/course/course_object_top.png), url(/import/tenant_2/153.126.148.40/html/images/course/course_object_bottom.png);
    background-position: center 0, center bottom;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 24px;
    padding: 65px 0;
}

.course .wrap .box {
    padding-bottom: 30px;
}

.course .wrap .box2 h4 {
    float: left;
    width: 20.6%;
}

.course .wrap .box2 .tbox {
    float: right;
    width: 72%;
}

.course .wrap .box2 .t {
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 14px 0;
    margin-bottom: 16px;
}

.course .wrap .box2 .t dt {
    float: left;
    width: 24.02%;
    background: #c0a252;
    font-size: 11px;
    color: #fff;
    text-align: center;
    padding: 3px 2.5%;
    box-sizing: border-box;
}

.course .wrap .box2 .t dd {
    width: 73.61%;
    float: right;
    font-size: 14px;
}

.course .wrap .box2 .b dl {
    width: 44.05%;
    float: left;
}

.course .wrap .box2 .b dt,
.course .wrap .box2 .b dd {
    text-align: right;
}

.course .wrap .box2 .b p {
    float: right;
    width: 48.33%;
}

.course .wrap .box2 .b p a {
    display: block;
    margin: 7px;
    border: 1px solid #fff;
    padding: 14px 0;
    background: #c05283;
    text-align: center;
    font-size: 14px;
    color: #fff;
    box-shadow: 0px 0px 0px 7px #c05283;
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, 'ＭＳ Ｐゴシック', sans-serif;
}

.course .wrap .box2 .b dt {
    font-size: 13px;
    color: #907a53;
}

.course .wrap .box2 .b dt + dd {
    font-size: 35px;
    color: #907a53;
    line-height: 120%;
}

.course .wrap .box2 .b dt + dd img {
    vertical-align: middle;
    margin-right: 10px;
}

.course .wrap .box2 .b dt + dd a {
    color: #907a53;
}

.course .wrap .box2 .b dd + dd {
    font-size: 12px;
    line-height: 120%;
    margin-top: 5px;
}

.course .wrap .box2 {
    padding-bottom: 90px;
}

.ac {
    height: 1px;
    font-size: 1px;
    margin-top: -1px;
    position: relative;
}

.ac a {
    position: absolute;
    top: -77px;
}

@media only screen and (max-width: 1020px) {
    .course .wrap .box dl {
        width: 50%;
        padding-top: 0;
    }
    .course .wrap .box p {
        padding-top: 20px;
    }
    .course .wrap .box2 .b dl {
        width: 100%;
        padding-bottom: 20px;
    }
    .course .wrap .box2 .b p {
        width: 100%;
        max-width: 300px;
    }
    .course .wrap .box2 h4{
      float: none;
    width: 100%;
    margin-bottom: 20px;
    }
    .course .wrap .box2 .tbox{
    float: none;
    width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .coursenav li {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .course .wrap .box2 h4 {
        float: none;
        width: auto;
        text-align: center;
    }
    .course .wrap .box2 .tbox {
        width: auto;
    }
    .course .wrap .box2 .b dt + dd {
        font-size: 24px;
    }
    .course .wrap .box ul {
        width: 100%;
    }
    .course .wrap .box dl {
        width: 100%;
    }
    .course .wrap .box2 .t dt{
      font-size: 10px;
    }
    .course .wrap .box2 .b dt, .course .wrap .box2 .b dd{
      text-align: center;
    }
    .course .wrap .box2 .b p{
      width: 100%;
      margin: 0 9%;
    }
}

/*product*/

.product .pagenav {
    margin-bottom: 95px;
}

.product .box h3 {
    font-size: 23px;
    color: #c0a252;
    text-align: center;
    padding: 86px 0 18px 0;
    background-image: url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_object.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_l_t.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_l_b.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_r_t.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_r_b.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_line.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_line.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x;
    background-position: center 0, 0 72px, 0 bottom, right 72px, right bottom, 0 72px, 0 bottom;
    margin-bottom: 45px;
}

.product .box {
    max-width: 880px;
    margin: 0 auto 0 auto;
    padding-bottom: 25px;
}

.product .box .pic {
    width: 34.09%;
    float: left;
    margin: 0 0 20px 0;
}

.product .box .tbox {
    width: 59.09%;
    float: right;
}

.product .box .tbox h4 {
    font-size: 18px;
    padding: 0 0 20px 0;
}

.product .box .tbox p {
    padding: 0 0 20px 0;
}

.productlist {
    padding-bottom: 50px;
}

@media only screen and (max-width: 1020px) {
    .product .box h3 {
        font-size: 16px;
        padding: 95px 2.5% 20px 2.5%;
    }
}

@media only screen and (max-width: 599px) {
    .product .box .pic {
        float: none;
        width: 70%;
        text-align: center;
        margin: 0 auto 20px auto;
    }
    .product .box .tbox {
        width: auto;
    }
}

/*first*/

.firstlist h3 {
    position: relative;
    padding: 15px 0 66px 180px;
    font-size: 18px;
}

.firstlist h3 .n {
    position: absolute;
    top: 0;
    left: 0;
    width: 149px;
    height: auto;
    background-image: url(/import/tenant_2/153.126.148.40/html/images/first/first_object_top.png), url(/import/tenant_2/153.126.148.40/html/images/first/first_object_bottom.png);
    background-position: center 0, center bottom;
    background-repeat: no-repeat;
    padding: 44px 0;
    text-align: center;
    font-size: 24px;
}

.firstlist h3 strong {
    display: block;
    border-top: #aba89d 2px solid;
    border-bottom: #aba89d 2px solid;
    padding: 24px 0;
}

.firstlist .pic {
    float: left;
    width: 38.1%;
    margin: 0 0 20px 0;
    padding: 0;
}

.firstlist .tbox {
    width: 55.6%;
    float: right;
}

.firstlist p {
    padding: 0 0 20px 0;
}

.firstlist .box {
    padding-bottom: 45px;
}

.firstlist .box .flex dl {
    width: 30%;
    padding: 0 5% 20px 0;
}

.firstlist .box .flex dl:nth-child(3n+3) {
    padding-right: 0;
}

.firstlist .box .flex dt {
    padding: 0 0 15px 0;
}

@media only screen and (max-width: 599px) {
    .firstlist .box .flex dl {
        width: 48%;
        padding-left: 1%;
        padding-right: 1%;
    }
    .firstlist h3 .n {
        position: relative;
        display: block;
        margin: 0 auto 20px auto;
    }
    .firstlist h3 {
        padding-left: 0;
        padding-bottom: 30px;
    }
    .firstlist .pic {
        float: none;
        width: auto;
        text-align: center;
    }
    .firstlist .tbox {
        float: none;
        width: auto;
    }
}

/*bafter*/

.bf1 {
    background: #dfd0a8;
}

.bf1 .w10 {
    background: url(/upload/tenant_2/bec88341f6f1dfd3d277d3b67b1f84dd.png) center 53px no-repeat;
    padding: 105px 0 105px 0;
}

.bf1:before {
    content: "";
    display: block;
    width: 230px;
    height: 5px;
    background: #c0a252;
    margin: 0 auto;
}

.bf1:after {
    content: "";
    display: block;
    width: 230px;
    height: 5px;
    background: #c0a252;
    margin: 0 auto;
}

.bf1 h3 {
    text-align: center;
    font-size: 23px;
    color: #5b4d29;
    padding: 0 0 20px 0;
}

.bf1 p {
    padding: 0 0 20px 0;
    font-size: 14px;
    text-align: center;
}

.bflist .box {
    max-width: 830px;
    margin: 0 auto;
    width: 95%;
}

.bflist h3 {
    font-size: 23px;
    color: #c0a252;
    text-align: center;
    padding: 86px 0 18px 0;
    background-image: url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_object.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_l_t.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_l_b.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_r_t.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_r_b.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_line.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_line.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x;
    background-position: center 0, 0 72px, 0 bottom, right 72px, right bottom, 0 72px, 0 bottom;
    margin-bottom: 45px;
}

.bflist {
    padding: 40px 0 50px 0;
}

.bflist .wrap {
    padding-bottom: 45px;
}

.bflist dl {
    float: left;
    width: 64.69%;
}

.bflist .wrap .tbox {
    width: 31.32%;
    float: right;
}

.bflist .wrap .tbox h4 {
    font-size: 18px;
    padding: 0 0 20px 0;
}

.bflist .wrap .tbox p {
    padding: 0 0 20px 0;
}

.bflist .wrap dt {
    float: left;
    position: relative;
    margin-bottom: 20px;
    max-width: 45%;
    width: 42%;
}

.bflist .wrap dt + dd {
    float: right;
    position: relative;
    margin-bottom: 20px;
    max-width: 45%;
    width: 42%;
}

.bflist .wrap dt strong {
    position: absolute;
    bottom: 0;
    left: -1.5em;
    font-size: 23px;
    color: #c0a252;
}

.bflist .wrap dt + dd strong {
    position: absolute;
    bottom: 0;
    left: -1.5em;
    font-size: 23px;
    color: #c0a252;
}

.bflist .wrap dt + dd:before {
    content: url(/import/tenant_2/153.126.148.40/html/images/bafter/bafter_02.png);
    top: 50%;
    left: -50px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.bafter .pagenav {
    margin-bottom: 110px;
}

@media only screen and (max-width: 1020px) {
    .bflist h3 {
        font-size: 16px;
        padding: 95px 2.5% 20px 2.5%;
    }
    .bflist .wrap .tbox {
        float: none;
        width: auto;
    }
    .bflist .wrap dl {
        float: none;
        width: auto;
        max-width: 537px;
        margin-left: auto;
        margin-right: auto;
    }
    .bflist .wrap dt strong {
        font-size: 18px;
        left: -0.5em;
    }
    .bflist .wrap dt + dd strong {
        font-size: 18px;
        left: -0.5em;
    }
    .bflist .wrap dt + dd:before {
        left: -15%;
    }
}
@media only screen and (max-width: 599px) {
  .bf1 .w10{
    padding: 50px 0 50px 0;
  }
  .bf1 h3{
    font-size: 20px;
  }
}

/*company*/

.company2 li {
    width: 33.33%;
}

.company2 {
    padding: 0 0 3px 0;
}

.company1 {
    margin-bottom: 90px;
}

.company1 .table {
    max-width: 580px;
    margin: 0 auto;
    width: 95%;
}

.company1 dt {
    float: left;
    font-size: 14px;
}

.company1 dd {
    font-size: 14px;
    padding: 0 0 0 102px;
}

.company1 dl {
    padding: 14px 0 14px 0;
    border-bottom: 1px dashed #000;
}

@media only screen and (max-width: 599px) {
    .company1 dt {
        float: none;
        width: auto;
        font-weight: bold;
    }
    .company1 dd {
        padding-left: 0;
    }
    .company1{
      margin-bottom: 50px;
    }
}

/*recruit*/

.rec1 h3 {
    text-align: center;
    font-size: 24px;
    color: #c0a253;
    padding: 0 0 20px 0;
}

.rec1 p {
    text-align: center;
    padding: 0 0 20px 0;
}

.rec1 dl {
    padding: 10px 0 30px 0;
}

.rec1 dt {
    text-align: center;
}

.rec1 dd {
    font-size: 24px;
    text-align: center;
}

.rec1 li {
    width: 175px;
    height: auto;
    margin: 0 2% 20px 2%;
    text-align: center;
    border: 1px solid #c0a252;
}

.rec1 li a {
    display: block;
    border: 2px solid #fff;
    background: #c0a252;
    color: #fff;
    padding: 10px 2.5%;
}

.rec1 {
    padding-bottom: 75px;
}

.rec2 {
    background: #f1ead7;
    padding: 37px 0 20px 0;
}

.rec2 .inner {
    max-width: 566px;
    margin: 0 auto;
    width: 95%;
}

.rec2 .inner p {
    margin: 0 0 20px 0;
    text-align: center;
}

.rec2 .inner h3 {
    font-size: 16px;
    text-align: center;
    padding: 0 0 20px 0;
}

.h3s {
    text-align: center;
    font-weight: normal;
    font-size: 24px;
}

.h3s strong {
    font-size: 48px;
    color: #c0a253;
    font-family: "BEAUE";
    display: block;
    font-weight: normal;
}

@media only screen and (max-width: 1020px) {
    /*.h3s strong {
        font-size: 30px;
    }*/
    .h3s {
        font-size: 16px;
    }
}

.rec3 h3 {
    padding: 35px 0;
}

.rec3 .wrap {
    background: #dcdcdc;
    padding: 50px 0;
}

.rec3 .pic {
    width: 34.3%;
    border: 1px dotted #c0c0c0;
    max-height: 414px;
    display: inline-block !important;
}

.rec3 .tbox {
    width: 60.3%;
    margin: 10px 0 10px 3.8%;
    box-sizing: border-box;
    border: #c0a252 1px solid;
    background: #ededed;
    box-shadow: 0px 0px 0px 10px #ededed;
    padding: 35px 3% 0 3%;

}

.rec3 .tbox h4 {
    font-size: 24px;
    color: #c0a252;
    padding: 0 0 20px 0;
}

.rec3 .tbox p {
    padding: 0 0 20px 0;
}

.rec3 .tbox p.sign {
    text-align: right;
    font-size: 14px;
}

.rec3 .tbox h5 {
    font-size: 14px;
    padding: 0 0 20px 0;
}

.rec4 h3 {
    padding: 35px 0;
}

.rec4 .pic {
    text-align: center;
}

.rec4 .staff1 .pic .w {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-top: 50px;
    -ms-transform: none;
}

.rec4 .staff1 .pic .w:before {
    display: none;
}

.rec4 .staff1 .tbox .table dl {
    border: none;
}

.rec4 .staff1 .tbox h3 {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.rec4 .staff1 .tbox .txt {
    max-width: 448px;
}

.rec4 .staff1 .tbox .txt p {
    padding: 0 0 20px 0;
}

.rec4 .staff1 .tbox .table dt {
    float: none;
}

.rec4 .staff1 .tbox .table dd {
    padding-left: 1em;
}

.rec4 .staff1 .wrap {
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.rec5 .table {
    width: 43%;
    padding: 0 3.5%;
}

.rec5 h3 {
    padding-bottom: 35px;
}

.rec5 .wrap {
    border-top: 2px solid #313131;
    padding: 3px 0;
    border-bottom: 2px solid #313131;
}

.rec5 .inner {
    border-top: 1px dotted #bfbfbf;
    background: #eeeeee;
    border-bottom: 1px dotted #bfbfbf;
}

.rec5 {
    padding-bottom: 75px;
}

.rec5 dt {
    float: left;
}

.rec5 dd {
    padding: 0 0 0 95px;
}

.rec5 dl + dl {
    border-top: #bdbdbd 1px solid;
}

.rec5 dl {
    padding: 25px 0;
}
.rec5#bosyu{
  margin-top: -80px;
  padding-top: 80px;
}
@media only screen and (max-width: 1024px) {
  .rec3 .pic.trimming.p121:after{
    padding-top: 166%;
  }
}
@media only screen and (max-width: 599px) {
    .rec5 .table {
        width: 98%;
        padding-left: 2%;
        padding-right: 2%;
    }
    .rec3 .pic{
      width: 50%;
    margin: 0 auto;
    height: auto;
    margin-bottom: 10px;
    }
    .rec3 .tbox{
      width: 95%;
    margin: 10px auto;
    }
}

/*home*/

.home-main img {
    width: 100%;
    height: auto;
}
/*---------------------スライドショー----------------------*/
.home-main .uk-slideshow .uk-flex{
  width: 100%;
  height:630px;
}
.bkh {
    background: url(/import/tenant_2/153.126.148.40/html/images/top/bk.gif) 0 0 repeat;
    padding-top: 30px;
    padding-bottom: 1px;
}

.home-concept {
    position: relative;
    max-width: 882px;
    width: 95%;
    margin: 76px auto 75px auto;
    padding: 56px 2.5% 10px 2.5%;
    background-image: url(/import/tenant_2/153.126.148.40/html/images/top/frame/corner_left_top.png), url(/import/tenant_2/153.126.148.40/html/images/top/frame/corner_left_bottom.png), url(/import/tenant_2/153.126.148.40/html/images/top/frame/corner_right_top.png), url(/import/tenant_2/153.126.148.40/html/images/top/frame/corner_right_bottom.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_line.png), url(/import/tenant_2/153.126.148.40/html/images/product/product_frame_line.png), url(/import/tenant_2/153.126.148.40/html/images/top/frame/framtate.png), url(/import/tenant_2/153.126.148.40/html/images/top/frame/framtate.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y;
    background-position: 0 0, 0 bottom, right 0, right bottom, 0 0, 0 bottom, 0 0, right 0;
}

.home-concept:before {
    content: url(/import/tenant_2/153.126.148.40/html/images/top/frame/top_object.png);
    top: -76px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}

.home-concept h3 {
    text-align: center;
    font-size: 18px;
    padding: 0 0 20px 0;

}

.home-concept h3 strong {
    display: block;
    font-size: 60px;
    font-family: "BEAUE";
    font-weight: normal;
    color: #c0a253;
}

.home-concept h3 strong:after {
    content: url(/import/tenant_2/153.126.148.40/html/images/top/frame/center_object.png);
    display: block;
    text-align: center;
    padding: 20px 0 10px 0;
}

.home-concept p {
    text-align: center;
    font-size: 18px;
    line-height: 240%;
    padding: 0 0 20px 0;
}

.hmore a {
    display: inline-block !important;
    max-width: 305px;
    box-sizing: border-box;
    border: 1px solid #c0a252;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #c0a253;
    width: 95%;
    line-height: 240%;
    text-align: center;
}

.hmore a img {
    vertical-align: middle;
    margin-left: 2em;
}

.home-plan .pic {
    float: right;
    width: 50%;

}

.home-plan dl {
    width: 50%;
    background: url(/import/tenant_2/153.126.148.40/html/images/top/bk1.png) 0 0 no-repeat;
    min-height: 250px;
    float: left;
    box-sizing: border-box;
    padding: 0 2.5%;
}

.home-plan dt {
    font-size: 28px;
    text-align: center;
    padding: 70px 0 18px 0;
    color: #fff;
}

.home-plan dt + dd {
    background: #fff;
    margin: 0 10%;
    text-align: center;
    font-size: 31px;
    margin-bottom: 20px;
}

.home-plan dd + dd {
    color: #fff;
    padding: 0 0 25px 0;
}

.home-plan .box {
    margin-bottom: 70px;
}

.home-plan .box:nth-child(2n+2) .pic {
    float: left;
}

.home-plan .box:nth-child(2n+2) dl {
    float: right;
    background-image: url(/import/tenant_2/153.126.148.40/html/images/top/bk2.png);
}

@media only screen and (max-width: 1020px) {
    .home-plan dt {
        font-size: 20px;
    }
    .home-plan dt + dd {
        font-size: 18px;
    }
    .home-main .uk-slideshow .uk-flex{
      height:350px;
    }
    .home-plan .pic.trimming.p50:after{
      padding-top: 68.5%;
    }
}

@media only screen and (max-width: 599px) {
    .home-plan .pic {
        float: none;
        width: auto;
        text-align: center;
    }
    .home-plan dl {
        width: 100%;
        float: none;
        background-size: cover;
    }
    .home-main .uk-slideshow .uk-flex{
      height:185px;
    }
    .home-concept h3 strong:after{
      padding: 13px 0 10px 0;
    }
    .home-concept p{
      font-size: 14px;
    line-height: 200%;
    }
    .home-plan .box:nth-child(2n+2) .pic{
      float: none;
    }
}


.home-news {
    background-color: #fdeaeb;
    background-image: url(/import/tenant_2/153.126.148.40/html/images/top/flour_right.jpg), url(/import/tenant_2/153.126.148.40/html/images/top/flour_left.jpg);
    background-repeat: no-repeat;
    background-position: right 0, 0 bottom;
}

.home-news .inner {
    max-width: 690px;
    margin: 0 auto;
    width: 95%;
    padding: 60px 0 0 0;
}

.home-news h3 {
    font-size: 18px;
    padding: 0 0 50px 0;
}

.home-news h3 strong {
    font-size: 60px;
    color: #9f3d56;
    font-family: "BEAUE";
    font-weight: normal;
    padding-right: 10px;
}

.home-news dt {
    float: left;
    font-size: 16px;
}

.home-news dd {
    padding: 0 0 0 170px;
    font-size: 16px;
}

.home-news dl {
    padding: 0 0 15px 0;
}

.home-news .table {
    padding: 0 0 15px 0;
}

.home-news .hmore {
    text-align: center;
    padding: 0 0 47px 0;
}

.home-news .hmore a {
    color: #9f3d56;
    border-color: #9f3d56;
}

.home-beginers {
    background: url(/import/tenant_2/153.126.148.40/html/images/top/bk2.gif) 0 0 repeat;
    padding: 100px 0 0 0;
}

.home-beginers h3 strong {
    padding-bottom: 15px;
}

.home-beginers h3 {
    font-size: 15px;
    padding: 0 0 40px 0;
}

.home-beginers dl {
    width: 23.2%;
    padding: 0 2.4% 0 0;
}

.home-beginers dl:nth-child(4n+4) {
    padding-right: 0;
}

.home-beginers dd {
    border: 8px solid #9abedc;
    position: relative;
}

.home-beginers dl dd:before {
    content: url(/import/tenant_2/153.126.148.40/html/images/top/t_first_ar_01.png);
    position: absolute;
    top: 50%;
    right: -23px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.home-beginers dl:last-child dd:before {
    display: none;
}

.home-beginers dt {
    padding: 25px 0 20px 0;
    text-align: center;
}

.home-beginers .flex {
    padding-bottom: 20px;
}

.home-beginers .hmore {
    text-align: center;
    padding: 0 0 70px 0;
}

@media only screen and (max-width: 599px) {
    .home-news dt {
        float: none;
        width: auto;
    }
    .home-news dd {
        padding-left: 0;
    }
    .home-beginers dl {
        width: 45%;
        padding-right: 5%;
    }
    .home-news .inner{
      background-color: rgba(255,255,255,0.6);
      width: 100%;
    }
    .home-news h3{
      width: 95%;
    margin: 0 auto;
    }
    .home-news .table{
      width: 95%;
    margin: 0 auto;
    }
    .home-beginers{
      padding: 50px 0 0 0;
    }
}

.home-reason {
    background: url(/import/tenant_2/153.126.148.40/html/images/top/bk3.gif) 0 0 repeat;

}

.home-reason .tit {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}

.home-reason .tit .bk img {
    width: 100%;
    height: auto;
}

.home-reason .tit h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.6);
    max-width: 400px;
    width: 95%;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #c0a252;
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.6);
    font-size: 14px;
    padding: 5% 0;
    z-index: 10;
}

.home-reason .tit h3 strong {
    font-size: 62px;
    color: #c0a252;
    display: block;
    font-family: "BEAUE";
    font-weight: normal;
    padding-bottom: 20px;
}

.home-reason dl {
    width: 31.2%;
    background: #fff;
    margin: 0 3.2% 35px 0;
    box-sizing: border-box;
    padding: 0 3.7% 26px 3.7%;
}

.home-reason dl:nth-child(3n+3) {
    margin-right: 0;
}

.home-reason dt {
    /*text-align: center;*/
    font-size: 14px;
    padding: 0 0 15px 0;
}

.home-reason dt .n {
    color: #bfa778;
    font-size: 38px;
    display: block;
    text-align: center;
    font-family: "BEAUE";
    font-weight: normal;
    padding: 30px 0 20px 0;
}

.home-reason dt strong {
    font-weight: normal;
    font-size: 65px;
    display: block;
}

.home-reason dt + dd {
    padding: 0 0 20px 0;
}

.home-reason dd + dd a {
    display: inline-block !important;
    background: #c0a252;
    color: #fff;
    text-align: center;
    width: 100%;
    height: auto;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 2.5%;
    box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
    .home-reason dl {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .home-reason .tit .bk .trimming.p25:after{
      padding-top: 45%;
    }
    .home-reason .tit h3 strong{
      font-size: 58px;
      padding-bottom: 10px;
    }
}

.home-menu {
    padding: 35px 0 20px 0;
}

.home-menu li {
    width: 45.7%;
    padding: 0 2% 20px 2%;
}

.home-menu li a {
    display: block;
    border: 2px solid #c0a252;
    text-align: center;
    font-size: 23px;
    color: #c0a252;
    padding: 20px 0;
    position: relative;
}

.home-menu li a .e {
    display: block;
    font-family: "BEAUE";
    font-size: 20px;
}

.home-menu li a:before {
    content: url(/import/tenant_2/153.126.148.40/html/images/bt_icon_gold.png);
    position: absolute;
    bottom: 3px;
    right: 3px;
    line-height: 1;
    font-size: 1px;
}

.home-voice h3 {
    font-size: 13px;
    padding-bottom: 30px;
}

.home-voice h3 strong {
    padding-bottom: 10px;
}

.home-voice .box {
    width: 48.5%;
    float: left;
    padding-bottom: 20px;
}

.home-voice .box + .box {
    float: right;
}

.home-voice .pic {
    float: left;
    background: #e6ebef;
    text-align: center;
    width: 47.42%;
    padding: 20px 4.5%;
    box-sizing: border-box;
}

.home-voice .tbox {
    width: 47.42%;
    border: 2px solid #e6ebef;
    float: right;
    box-sizing: border-box;
    padding: 20px 18px 15px 18px;
    position: relative;
}

.home-voice .tbox h4 {
    font-size: 16px;
    padding: 0 0 10px 0;
}

.home-voice .tbox h4 .t {
    display: block;
    font-size: 11px;
    height: 24px;
    overflow: hidden;
}

.home-voice .tbox p {
    font-size: 10px;
    height: 128px;
    overflow: auto;
}

.home-voice .tbox:before {
    content: url(/import/tenant_2/153.126.148.40/html/images/bt_icon_gray.png);
    position: absolute;
    top: 7px;
    right: 7px;
}

.home-voice {
    padding: 0 0 30px 0;
}

.home-contact h3 {
    text-align: center;
    color: #c0a252;
    font-size: 24px;
    padding: 0 0 30px 0;
}
/*----------------------スクロールバー--------------------*/

.home-voice .tbox p::-webkit-scrollbar {
    width: 6px;
}

.home-voice .tbox p::-webkit-scrollbar-track {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 2px #777;
}

.home-voice .tbox p::-webkit-scrollbar-thumb {
    background: #c0a253;
    border-radius: 10px;
    box-shadow: none;
}


/*--------------------------------------------------------*/
@media only screen and (max-width: 1020px) {
    .home-voice .box {
        float: none;
        width:100%;
    }
    .home-voice .pic {
        /*float: none;
        width: auto;*/
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .home-voice .tbox {
        /*float: none;*/
        width: 65%;
    }
    .home-voice .tbox p{
      height: 106px;
    }
}

.home-rec {
    background: #f3f1ee;
}

.home-rec .pic {
    float: right;
    width: 50.8%;
}

.home-rec .tbox {
    float: left;
    width: 45%;
    padding: 30px 0 0 0;
}

.home-rec .tbox h3 {
    padding-bottom: 10px;
}

.home-rec .tbox p {
    font-size: 14px;
    padding: 0 0 20px 0;
}

.home-rec .w10 {
    position: relative;
}

.home-rec .w10 .more {
    position: absolute;
    max-width: 240px;
    box-sizing: border-box;
    width: 95%;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.home-rec .w10 .more a {
    border: 2px solid #000;
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
}

@media only screen and (max-width: 1020px) {
    .home-rec .tbox {
        float: none;
        width: auto;
        padding-bottom: 20px;
    }
    .home-rec .pic {
        float: none;
        width: auto;
        text-align: right;
    }
    .home-rec .w10 .more {
        position: relative;
    }
}

.home-sns h3 {
    text-align: center;
    font-family: "BEAUE";
    font-weight: normal;
    font-size: 60px;
    color: #c0a253;
    padding: 35px 0;
}

.home-sns .home-youtube {
    width: 43.9%;
    float: left;
    padding-bottom: 20px;
}

.home-sns .home-insta {
    width: 49.9%;
    float: right;
    padding-bottom: 20px;
}

.home-sns h4 {
    text-align: center;
    color: #c0a253;
    padding: 0 0 30px 0;
}

.home-sns h4 .e {
    padding-top: 5px;
    display: block;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.home-sns .home-insta li {
    width: 24.44%;
    padding: 0 0.74% 2px 0;
}

.home-sns .home-insta li:nth-child(4n+4) {
    padding-right: 0;
}

.home-sns {
    padding-bottom: 80px;
}

@media only screen and (max-width: 599px) {
    .home-sns .home-insta {
        float: none;
        width: auto;
        max-width: 499px;
        margin-left: auto;
        margin-right: auto;
    }
    .home-sns .home-youtube {
        float: none;
        width: auto;
        max-width: 439px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }
    .home-menu li a{
      font-size: 20px;
      padding: 15px 0;
    }
    .home-voice .tbox{
      width: 55%;
    }
    .home-voice .pic{
      width: 43.42%;
    }
    .home-voice .tbox p{
      height: 65px;
    }
    .home-sns h3{
      padding: 35px 0 0 0;
    }
}

/*-------------------------カスタム切り取り-----------------------*/

[data-element-id].flex > div[data-collection-list-content],
.flex_c > div[data-collection-list-content] {
    overflow: hidden;
    height: 329px;
}
/*------------------------ブログ署名-----------------------------*/
/*PC css*/
.single .txt dl {
    font-size: 14px;
    line-height: 24px;
    padding:20px 20px 0;
    margin-top:40px;
    border-top:2px dashed #ddd;
}
.single .txt dl p {
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
}
.single .txt dl dt {
    float:left;
}
.single .txt dl dd {
    margin:0 0 10px 120px;
}