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

.nsans {
    font-family: 'Noto Sans', serif;
}

.nsansj {
    font-family: "Noto Sans Japanese", sans-serif;
}

.nserif {
    font-family: 'Noto Serif', serif;
}

.hannari {
    font-family: 'Hannari';
}

.marugo {
    font-family: "ヒラギノ丸ゴ Pro W4",
        "ヒラギノ丸ゴ Pro",
        "Hiragino Maru Gothic Pro",
        "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro",
        "HG丸ゴシックM-PRO",
        "HGMaruGothicMPRO";
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    /* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif; */
    /*font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
    /* font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif; */
    /*font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", "HGMaruGothicMPRO";*/
    line-height: 160%;
    color: #5b331b;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media all and (-ms-high-contrast:none) {

    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    form,
    input,
    button,
    p {
        font-family: "Noto Sans Japanese", 'Noto Sans', sans-serif;
    }
}

/*フォント系*/

[data-element-id] h1 {
    position: initial;
    text-indent: initial;
}

h1 {
    width: 100%;
    position: absolute;
    bottom: 200%;
    font-size: 12px;
    font-weight: normal;
}

h2 {
    font-size: 40px;
    font-weight: bold;
}

h3 {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 50px;
}

h4 {
    font-size: 24px;
    font-weight: bold;
}

h5 {
    font-size: 18px;
    font-weight: bold;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs22 {
    font-size: 22px;
}

.fs24 {
    font-size: 24px;
}

.fs26 {
    font-size: 26px;
}

.fs28 {
    font-size: 28px;
}

.fs30 {
    font-size: 30px;
}

.fs32 {
    font-size: 32px;
}

.fs34 {
    font-size: 34px;
}

.fs36 {
    font-size: 36px;
}

.fs38 {
    font-size: 38px;
}

.fs40 {
    font-size: 40px;
}

.fs42 {
    font-size: 42px;
}

.fs44 {
    font-size: 44px;
}

.fs46 {
    font-size: 46px;
}

.fs48 {
    font-size: 48px;
}

.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: block;
}

.clear {
    clear: both;
}

.map {
    position: relative;
    overflow: hidden;
}

.map:after {
    display: block;
    content: "";
    padding-top: 35%;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: initial;
    width: 100%;
    height: 100%;
}

iframe {
    max-width: 100%;
}

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

img:not([src*="."]) {
    display: none;
}

.scale {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.scale:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

[data-element-id] .filter:before,
[data-element-id] .filterT:before,
[data-element-id] .filterR:before,
[data-element-id] .filterB:before,
[data-element-id] .filterL:before,
[data-element-id] .filterRad:before {
    display: none;
}

.filter,
.filterT,
.filterR,
.filterB,
.filterL,
.filterRad {
    position: relative;
}

.filter:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(255, 255, 255, 0.6);
}

.filterT:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterR:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterB:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterL:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterRad:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
    background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
}

.lb-outerContainer {
    width: 80% !important;
    max-width: 400px !important;
    height: auto !important;
}

.lightbox .lb-image {
    width: 100% !important;
    height: auto !important;
    border: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: initial !important;
}

.pic {
    text-align: center;
    width: 100%;
}

.pic img {
    width: 100%;
}

.rp .pic {
    width: 35%;
}

.rp .tbox {
    width: 60%;
}

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

.bkimg img {
    width: 100%;
    min-width: 1200px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

[data-element-id] .fead-mv {
    opacity: 1;
}

.fead-mv {
    /* opacity: 0;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -ms-transition: 0.6s; */
    opacity: 0;
    -webkit-transition: .8s;
    transition: .8s;
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
}

.mv {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

a {
    text-decoration: none;
    color: #5b331b;
}

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%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    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%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tel a[data-href]:hover:before {
    content: "電話番号のリンクは自動的に設定されるので、リンク設定不要です。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    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: absolute;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
    width: 100%;
}

[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: absolute;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
    width: 100%;
}

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

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

p {
    text-align: left;
}

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

.tfmp {
    position: relative;
}

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

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

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

/*トリミング*/

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

/*フレックス*/

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

.flexc {
    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;
}

.flexs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.columnreverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.rowreverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* margin */
.up-mt-30{
  margin-top: 30px;
}

/*align-item*/

.itemstart {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.itemcenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.itemend {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/*align-content*/

.contentstart {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.contentcenter {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.contentend {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

/*align-self*/

.selfstart {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.selfcenter {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.selfend {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

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

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

.flex>div[data-collection-filtered-content],
.flexc>div[data-collection-filtered-content],
.flexs>div[data-collection-filtered-content],
.flexb>div[data-collection-filtered-content] {
    width: 100%;
}

.flex>div[data-collection-archive-content],
.flexc>div[data-collection-archive-content],
.flexs>div[data-collection-archive-content],
.flexb>div[data-collection-archive-content] {
    width: 100%;
}

.flex>div[data-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc>div[data-collection-list-content] {
    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;
}

.flexs>div[data-collection-list-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexb>div[data-collection-list-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex>div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc>div[data-recommend-collection-list-content] {
    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;
}

.flexs>div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexb>div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex>div[data-collection-filtered-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc>div[data-collection-filtered-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -webkit-flex;
    display: -ms-flexbox;
    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;
}

.flexs>div[data-collection-filtered-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexb>div[data-collection-filtered-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex>div[data-collection-archive-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc>div[data-collection-archive-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -webkit-flex;
    display: -ms-flexbox;
    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;
}

.flexs>div[data-collection-archive-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexb>div[data-collection-archive-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*カスタムコンテンツ用*/

.cc221 {
    width: 47%;
    margin-bottom: 4%;
}

.cc332 {
    width: 30%;
    margin-bottom: 4%;
}

.cc432 {
    width: 22%;
    margin-bottom: 4%;
}

.cc533 {
    width: 17%;
    margin-bottom: 4%;
}

/*横並び用*/

.gr211 {
    width: 47%;
    margin-bottom: 4%;
}

.gr321 {
    width: 30%;
    margin-bottom: 4%;
}

.gr422 {
    width: 22%;
    margin-bottom: 4%;
}

.gr532 {
    width: 17%;
    margin-bottom: 4%;
}

[data-element-id] #wrapper {
    opacity: 1;
}

#wrapper {
    overflow: hidden;
}

.inner {
    width: 92%;
    max-width: 980px;
    margin: auto;
    padding: 50px 0;
}

.subtit {
    position: relative;
    overflow: hidden;
}

.subtit h2 {
    text-align: center;
    width: 100%;
}

.subtit img {
    width: 100%;
}

.more {
    text-align: center;
    margin: 30px auto;
    width: 80%;
    max-width: 200px;
}

.more a {
    display: block;
    color: #fff;
    padding: 10px 20px;
}

.mainimg {
    position: relative;
    overflow: hidden;
}

.mainimg img {
    width: 100%;
}

.mainimg .uk-slidenav-position {
    position: relative;
    overflow: hidden;
}

.mainimg .uk-slidenav-position:after {
    padding-top: 45%;
    content: '';
    display: block;
}

.mainimg .uk-slideshow {
    position: absolute;
    top: 0;
}

@media only screen and (max-width: 1024px) {
    .bkimg {
        position: relative;
    }

    .bkimg img {
        min-width: initial !important;
    }

    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    h4 {
        font-size: 20px;
    }

    .fs20 {
        font-size: 18px;
    }

    .fs22 {
        font-size: 20px;
    }

    .fs24 {
        font-size: 20px;
    }

    .fs26 {
        font-size: 22px;
    }

    .fs28 {
        font-size: 22px;
    }

    .fs30 {
        font-size: 24px;
    }

    .fs32 {
        font-size: 24px;
    }

    .fs34 {
        font-size: 26px;
    }

    .fs36 {
        font-size: 26px;
    }

    .fs38 {
        font-size: 28px;
    }

    .fs40 {
        font-size: 28px;
    }

    .fs42 {
        font-size: 30px;
    }

    .fs44 {
        font-size: 30px;
    }

    .fs46 {
        font-size: 32px;
    }

    .fs48 {
        font-size: 32px;
    }

    a[href*="tel"] {
        pointer-events: initial !important;
    }

    .flex {
        max-width: 768px;
        margin: auto;
    }

    .flexc {
        max-width: 768px;
        margin: auto;
    }

    .flexs {
        max-width: 768px;
        margin: auto;
    }

    .flexb {
        max-width: 768px;
        margin: auto;
    }

    /*カスタムコンテンツ用*/
    .cc221 {
        width: 47%;
    }

    .cc332 {
        width: 30%;
    }

    .cc432 {
        width: 30%;
    }

    .cc533 {
        width: 30%;
    }

    /*横並び用*/
    .gr211 {
        width: 97%;
    }

    .gr321 {
        width: 47%;
    }

    .gr422 {
        width: 47%;
    }

    .gr532 {
        width: 30%;
    }

    .inner {
        width: 93%;
        max-width: 768px;
        padding: 40px 0;
    }

    #gnav p {
        display: block !important;
        position: fixed;
        width: 42px;
        height: 42px;
        top: 0px;
        right: 0px;
        background: #170302;
        cursor: pointer;
        opacity: 0.8;
        z-index: 251;
    }

    #gnav p span.n {
        display: block;
        background: #fff;
        height: 2px;
        width: 28px;
        text-indent: 9999px;
        padding: 0;
        top: 50%;
        left: 7px;
        margin-top: -1px;
        position: absolute;
        -webkit-transition: ease .40s;
        transition: ease .40s;
    }

    #gnav p span.n:before {
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 28px;
        position: absolute;
        top: -10px;
        left: 0;
    }

    #gnav p span.n:after {
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 28px;
        position: absolute;
        top: 10px;
        left: 0;
    }

    #gnav.action p span.n {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #gnav.action p span.n:after,
    #gnav.action p span.n:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }

    #gnav .accordion-body {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* opacity: 0;
        -webkit-transition: height ease .1s, opacity ease .4s;
        transition: height ease .1s, opacity ease .4s; */
        padding: 0;
        border: none;
        padding-bottom: 0;
        /* background: rgba(255, 255, 255, 0.8); */
        background: #fff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        /* z-index: -10; */
        z-index: 250;
    }

    #gnav.action .accordion-body {
        /* height: 100vh;
        opacity: 1; */
        z-index: 250;
    }

    #gnav .accordion-inner {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 80px;
    }

    #gnav li {
        display: block !important;
        width: 100%;
        text-align: center;
        float: none;
        border: none !important;
        border-bottom: 1px dotted #cacad9 !important;
        padding: 0 !important;
        margin-top: 0;
    }

    #gnav li:hover:before {
        display: none;
    }

    #gnav ul li a {
        height: auto;
        display: block;
        text-align: left;
        padding: 10px 15px;
        border: none !important;
    }

    .overlay:after {
        content: "";
        width: 100%;
        height: 100vh;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.3;
        z-index: 150;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
}

@media only screen and (max-width: 599px) {
    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 22px;
        margin-bottom: 30px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    .fs18 {
        font-size: 16px;
    }

    .fs20 {
        font-size: 18px;
    }

    .fs22 {
        font-size: 18px;
    }

    .fs24 {
        font-size: 20px;
    }

    .fs26 {
        font-size: 20px;
    }

    .fs28 {
        font-size: 22px;
    }

    .fs30 {
        font-size: 22px;
    }

    .fs32 {
        font-size: 24px;
    }

    .fs34 {
        font-size: 24px;
    }

    .fs36 {
        font-size: 26px;
    }

    .fs38 {
        font-size: 26px;
    }

    .fs40 {
        font-size: 28px;
    }

    .fs42 {
        font-size: 28px;
    }

    .fs44 {
        font-size: 30px;
    }

    .fs46 {
        font-size: 32px;
    }

    .fs48 {
        font-size: 32px;
    }

    .flex {
        max-width: 450px;
        margin: auto;
    }

    .flexc {
        max-width: 450px;
        margin: auto;
    }

    .flexs {
        max-width: 450px;
        margin: auto;
    }

    .flexb {
        max-width: 450px;
        margin: auto;
    }

    /*カスタムコンテンツ用*/
    .cc221 {
        width: 97%;
    }

    .cc332 {
        width: 47%;
    }

    .cc432 {
        width: 47%;
    }

    .cc533 {
        width: 30%;
    }

    /*横並び用*/
    .gr211 {
        width: 97%;
    }

    .gr321 {
        width: 97%;
    }

    .gr422 {
        width: 47%;
    }

    .gr532 {
        width: 47%;
    }

    .rp {
        max-width: 450px;
        margin: auto;
    }

    .rp .pic {
        float: none !important;
        width: 90% !important;
        margin: 20px auto;
    }

    .rp .tbox {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .inner {
        width: 94%;
        max-width: 450px;
        padding: 30px 0;
    }
}

/* header */

#header {
    background: #fcf5e7;
}

.head-contents.inner {
    padding: 20px 0;
}

#header .logo-box {
    width: 31%;
}

.logo-box .logo {
    margin-bottom: 20px;
}

.logo-box .add {
    color: #000;
    margin-bottom: 6px;
}

.logo-box .station {
    font-weight: bold;
    padding-left: 20px;
}

.logo-box .station:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_train.png) no-repeat left center;
    background-size: 100% auto;
    width: 14px;
    height: 20px;
}

#header .contact-box {
    width: 30%;
    margin: 0 2%;
}

.contact-box .msg {
    background: #6a4028;
    color: #fff;
    font-weight: bold;
    width: 50%;
    text-align: center;
    padding: 2px 0;
}

.contact-box .tel {
    font-weight: bold;
    padding-left: 30px;
}

.contact-box .tel a {
    color: #5b331b;
}

.contact-box .tel:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_tel01.png) no-repeat left center;
    background-size: 100% auto;
    width: 26px;
    height: 34px;
}

.contact-box .reserve {
    background: #12ac53;
    text-align: center;
    font-weight: bold;
}

.contact-box .reserve:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu07.png) no-repeat left center;
    background-size: 100% auto;
    width: 38px;
    height: 30px;
    left: 5%;
}

.contact-box .reserve.i-arrowR:after {
    color: #12ac53;
    background: #fff;
    border-radius: 50%;
    display: block;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
}

.contact-box .reserve a {
    color: #fff;
    padding: 6px 0;
    display: block;
}

#header .table-box {
    width: 33%;
}

.shop-table {
    width: 100%;
    border-collapse: collapse;
}

.shop-table tr:first-child {
    background: #f6c781;
}

.shop-table tr:first-child td {
    border-left: 1px solid #fff;
}

.shop-table tr td {
    text-align: center;
    font-family: 'Font Awesome 5 Free';
}

.shop-table tr td.bwh {
    background: #fff;
}

.shop-table tr th:first-child {
    width: 33%;
}

.shop-table tr:not(:first-child) th {
    background: #fff;
}

.shop-table tr:not(:first-child) {
    border-bottom: 1px solid #efcfcd;
}

.shop-table tr:not(:first-child) th {
    border-left: 1px solid #efcfcd;
    border-right: 1px solid #efcfcd;
}

.shop-table tr:not(:first-child) td {
    border-right: 1px solid #efcfcd;
}

@media only screen and (max-width: 1024px) {
    #header .logo-box {
        width: 100%;
        margin-bottom: 20px;
    }

    #header .contact-box {
        width: 47%;
        padding: 0;
        margin: 0 auto 0 0;
    }

    #header .table-box {
        width: 47%;
        margin: 0 0 0 auto;
    }
    #header .contact-box p {
      margin-bottom: 7px;
    }
}

@media only screen and (max-width: 599px) {
    .logo-box .logo {
        width: 85%;
    }

    #header .contact-box,
    #header .table-box {
        width: 100%;
    }

    #header .contact-box {
        margin-bottom: 6%;
    }

    .contact-box .tel:before {
        width: 16px;
        height: 22px;
    }

    .contact-box .tel {
        padding-left: 22px;
    }
}

/* footer */
#footer {
    background: #f9ecdd;
}

.foot-logo-box {
    width: 30%;
}

.foot-logo-box .pic {
    margin-bottom: 30px;
}

.foot-cont-box {
    width: 36%;
    margin: 0 3%;
}

.foot-menu-box {
    width: 28%;
}

#footer .table-box {
    margin-bottom: 60px;
}

#footer .contact-box .msg {
    background: #f39800;
}

#footer .contact-box .tel:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_tel02.png) no-repeat left center;
    background-size: 100% auto;
    width: 31px;
    height: 40px;
}

.foot-menu-box ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.foot-menu-box ul li:before {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #f4a13d;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

.copyright {
    background: #f39800;
    padding: 2px 0;
}

.copyright p {
    color: #fff;
    text-align: center;
}

.totop {
    position: fixed;
    right: 10px;
    bottom: 80px;
    z-index: 8;
    width: 88px;
}

.totop span {
    display: block;
    text-align: center;
}

.totop a {
    display: block;
}

@media only screen and (max-width: 1024px) {
    .foot-logo-box {
        width: 60%;
        margin: 0 auto 30px;
        text-align: center;
    }

    .foot-cont-box {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #footer .table-box,
    #footer .contact-box {
        width: 48%;
    }

    #footer .contact-box .msg {
        margin-bottom: 10px;
    }

    #footer .contact-box .tel:before {
        width: 18px;
        height: 24px;
    }

    #footer .contact-box .tel {
        padding-left: 20px;
    }

    .contact-box .reserve:before {
        left: 1%;
    }

    .foot-menu-box {
        width: 100%;
    }

    .foot-menu-box ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .foot-menu-box ul li {
        width: 30%;
    }

    .foot-menu-box ul li:before {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

}
@media (max-width:1024px) {

    .copyright {
      padding-top: 10px;
        padding-bottom: 80px;
    }
}

@media (max-width: 599px) {

    .foot-menu-box ul li {
        width: 45%;
    }

    .totop {
        width: 58px;
    }

    .copyright {
        padding-bottom: 70px;
    }
}

/* common */

.itCentB,
.itCentA {
    position: relative;
}

.itCentB:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.itCentA:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.shadow {
    -webkit-box-shadow: 0px 0px 4px 1px #ad9173;
    box-shadow: 0px 0px 4px 1px #ad9173;
}

.shadowB {
    -webkit-box-shadow: 0px 0px 4px 1px #626262;
    box-shadow: 0px 0px 4px 1px #626262;
}

.tshadow {
    text-shadow: #fff 1px 1px 5px,
        #fff -1px 1px 5px,
        #fff 1px -1px 5px,
        #fff -1px -1px 5px;
}

.tshadowB {
    text-shadow: #626262 0 0 5px;
}

.tshadowPlus {
    text-shadow: #ffffff 1px 1px 0px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px;
}

.tshadowCatch {
    text-shadow: #ffffff 1px 1px 1px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px;
}

.colRed {
    color: #e83828;
    font-weight: bold;
}

.fwb {
    font-weight: bold;
}

.icon-box {
    background: #fbb037;
    padding: 0 0.5%;
}

.icon-box img {
    vertical-align: middle;
}

.heading-box {
    background: #f9ecdd;
    margin-bottom: 30px;
}

.heading-title {
    font-weight: normal;
    margin: 0 auto;
}

.bLine {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fbb037));
    background: -webkit-linear-gradient(transparent 60%, #fbb037 60%);
    background: linear-gradient(transparent 60%, #fbb037 60%);
}

/* 2カラム幅 */
.two-colum-main {
    width: 67%;
}

.two-colum-side {
    width: 30%;
}

/* bkimg用 */
.posi {
    position: relative;
    overflow: hidden;
}

.posi-in {
    position: relative;
    z-index: 5;
}

/* アイコン */

.i-arrowR:after {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    font-weight: bold;
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.i-arrowRb:before {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    font-weight: bold;
}

.i-arrow_otR:after {
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: bold;
}

.i-arrow_otL:before {
    font-family: "Font Awesome 5 Free";
    content: '\f0d9';
    font-weight: bold;
}

.i-link:before {
    font-family: "Font Awesome 5 Free";
    content: '\f24d';
    display: inline-block;
    padding-right: 5px;
}

/* angle-down */
.page-link-box a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f107';
    font-weight: bold;
    display: block;
}

/* Gnav */
#gnav {
    display: none;
}

/* #gnav {
    background: #f1a22c;
}

#gnav.fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
}

#gnav .accordion-inner {
    max-width: 980px;
    margin: 0 auto;
}

#gnav .accordion-body li {
    display: none;
}

#gnav .accordion-body li:first-child,
#gnav .accordion-body li.grn {
    display: block;
    border-right: 1px solid #fff;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#gnav .accordion-body li:first-child {
    border-left: 1px solid #fff;
}

#gnav .accordion-body li a {
    color: #fff;
    position: relative;
    display: block;
    text-align: center;
    padding: 55px 0 10px;
}

#gnav .accordion-body li a::before {
    content: "";
    display: block;
    width: 65px;
    height: 43px;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#gnav .accordion-body li:first-child a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu01.png) no-repeat center;
    background-size: 100% auto;
}

#gnav .accordion-body li.about a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu02.png) no-repeat center;
    background-size: 100% auto;
}

#gnav .accordion-body li.accident a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu04.png) no-repeat center;
    background-size: 100% auto;
}

#gnav .accordion-body li.faq a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu05.png) no-repeat center;
    background-size: 100% auto;
}

#gnav .accordion-body li.column a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu03.png) no-repeat center;
    background-size: 100% auto;
}

#gnav .accordion-body li.news a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu06.png) no-repeat center;
    background-size: 100% auto;
}

#gnav .accordion-body li.contact a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu07.png) no-repeat center;
    background-size: 100% auto;
} */

/* サイド */
.side .side-cont {
    margin-bottom: 35px;
}

.side .side-beginer {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/pattern_stripe_green.gif) repeat left top;
    border: 2px solid #12ac53;
    overflow: hidden;
    position: relative;
}

.side .side-beginer .fs28 {
    color: #fff;
    font-weight: bold;
    position: relative;
    padding: 10px 0 0 80px;
}

.side .side-beginer .fs28:before {
    content: "";
    display: block;
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_side.png) no-repeat left top;
    background-size: 100% auto;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.side .side-beginer .bgin {
    background: #fff;
    padding: 40px 10px 10px;
    margin-top: 5px;
}

.side .side-beginer .bgin .btn {
    background: #12ac53;
    width: 45%;
    margin: 0 0 0 auto;
}

.side .side-beginer .bgin .btn a {
    color: #fff;
}

.side .btn {
    position: relative;
}

.side .btn a {
    display: block;
    padding: 5px 0 5px 8%;
}

.side .btn .i-arrowR:after {
    background: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
}

.side .side-beginer .bgin .btn a.i-arrowR:after {
    color: #12ac53
}

.side .side-beginer .pic {
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 80%;
}

.side .side-beginer p.fs28,
.side .side-beginer p.btn {
    position: relative;
    z-index: 5;
}

.side-jiko {
    border: 2px solid #e83828;
    padding: 12% 2% 2%;
}

.side-jiko .title span.box {
    background: #e83828;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    font-weight: bold;
    line-height: 100%;
    width: 20%;
    padding: 8px 0 4px;
    text-align: center;
}

.side-jiko .title span.fs32 {
    color: #fff;
    font-weight: bold;
    width: 56%;
    text-align: center;
    padding-top: 10px;
}

.side .side-jiko .btn {
    background: #e83828;
    width: 45%;
    margin: 0 0 0 auto;
}

.side .side-jiko .btn a {
    color: #fff;
}

.side .side-jiko .btn a.i-arrowR:after {
    color: #e83828;
}

.side .side-jiko .bkimg img {
    min-width: 390px;
}

/* サイドのメニュー */
.side-menu {
    background: #f4a13d;
    padding: 1px;
}

.side-menu p.fs30 {
    color: #fff;
    text-align: center;
}

.clon-menu-side {
    background: #fff;
    padding: 20px 15px 40px;
}

.clon-menu-side ul li {
    border-bottom: 1px dashed #c9caca;
    padding: 10px 0;
    position: relative;
    padding-left: 30px;
}

.clon-menu-side ul li:before {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0.8em;
    /* -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); */
    background: #f4a13d;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

.side-line {
    background: #2cbf13;
    padding: 2% 5% 5%;
}

.side-line .msg {
    color: #fee623;
    font-weight: bold;
    text-align: center;
}

.side-line .submsg {
    text-align: center;
    color: #fff;
    border-bottom: 4px solid #fee623;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.side-line .name {
    width: 65%;
    color: #fff;
    text-align: center;
}

.side-line .name span.fs24 {
    margin-bottom: 5px;
    display: block;
}

.side-line .qr {
    width: 30%;
    background: #006934;
    border-radius: 5px;
    text-align: center;
}

.side-line .qr a {
    color: #fff;
    display: block;
    padding: 12% 15% 1%;
}

.side-insta {
    border: 2px solid #a77c4b;
    background: #fff;
    padding: 4%;
}

.side-insta .fs24 {
    font-weight: bold;
    color: #01356d;
    margin-bottom: 5px
}

.side-insta .pic {
    width: 25%;
}

.side-insta .right {
    width: 70%;
    margin: 0 0 0 auto;
    text-align: right;
}

.side-insta .right .fs28 {
    font-weight: bold;
    color: #01356d;
    margin-bottom: 8px;
    display: block;
}

.side-insta .right .btn {
    background: #01356d;
    border-radius: 8px;
    display: block;
    width: 50%;
    margin: 0 0 0 auto;
    text-align: left;
}

.side-insta .right .btn a {
    color: #fff;
    display: block;
    position: relative;
    padding: 3px 0 0 20%;
}

.side-insta .right .btn a.i-arrow_otR:after {
    font-size: 30px;
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.side-facebook {
    border: 10px solid #344d92;
}

.side-facebook .fb {
    width: 100%;
}

/* パンくず */
.breadcrumbs {
    margin-bottom: 40px;
}

.breadcrumbs li p {
    color: #f1a42d;
    font-weight: bold;
}

.breadcrumbs li:not(:first-child) {
    padding-left: 15px;
}

.breadcrumbs li:not(:last-child):after {
    content: ">";
    display: inline-block;
    padding-left: 15px;
}

/* 下層h3 */
.second .head3 {
    background: #f4a13d;
    color: #fff;
    text-align: center;
    padding: 10px 2%;
}

/* ページリンクボタン */

.page-link-box {
    margin-bottom: 30px;
}

.page-link-box .btn {
    width: 24%;
    background: #f4a13d;
    font-weight: bold;
    text-align: center;
    margin: 0 0.5%;
}

.page-link-box .btn a {
    color: #fff;
    display: block;
    line-height: 100%;
    padding: 15px 0 10px;
}

/* 共通の横並び */
.common-fle {
    padding: 2%;
}

.w70 {
    width: 70%;
}

.w26 {
    width: 26%;
}

/* 表 */
.common-table {
    position: relative;
    padding-top: 10%;
}

.table-head {
    background: #f4a13d;
    color: #fff;
    padding: 20px 0 20px 150px;
    margin-bottom: 0;
}

.table-icon {
    position: absolute;
    left: 5px;
    bottom: 0;
}

.list-table-box {
    padding: 4% 2%;
    counter-reset: number;
    border-left: 2px solid #f4a13d;
    border-right: 2px solid #f4a13d;
    border-bottom: 2px solid #f4a13d;
}

.list-table-box li {
    font-weight: bold;
    position: relative;
    padding: 15px 0 15px 40px;
    border-bottom: 1px dashed #c9c9c9;
}

.list-table-box li span {
    color: #e83828;
}

.list-num {
    counter-reset: number;
    padding: 2% 4%;
}

.list-num h4 {
    position: relative;
    padding: 15px 0 15px 40px;
    border-bottom: 1px dashed #c9c9c9;
    margin-bottom: 20px;
}

.list-table-box li:before,
.list-num h4:before {
    border-radius: 50%;
    counter-increment: number;
    content: counter(number);
    color: #fff;
    display: block;
    font-size: 18px;
    background-color: #e83828;
    width: 30px;
    height: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.list-bg h4 {
    background: #f7f5f1;
    padding: 4px 0 2px 5px;
}

.list-bg h4 span {
    border-left: 5px solid #5b331b;
    padding-left: 5px;
}

@media only screen and (max-width: 1024px) {
    #gnav {
        display: block;
    }

    .two-colum-main {
        width: 100%;
        margin-bottom: 10%;
    }

    .two-colum-side {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .side .side-beginer,
    .side .side-jiko {
        width: 47%;
    }

    .side-jiko {
        padding: 2%;
    }

    .side .side-jiko .bkimg {
        position: absolute;
        height: 100%;
    }

    .side .side-jiko .bkimg img {
        min-height: 100% !important;
    }

    .side .side-beginer .bgin {
        padding-top: 6%;
    }

    .side .side-jiko .title {
        margin-bottom: 5px;
    }

    .side .side-beginer .bgin .btn,
    .side .side-jiko .btn {
        width: 60%;
    }

    .side-menu {
        width: 100%;
    }

    .clon-menu-side ul {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .clon-menu-side ul li {
        width: 47%;
    }

    .side-line,
    .side-insta {
        width: 47%;
    }

    .side-line {
        padding: 1% 2% 2%;
    }

    .side-insta .fs24 {
        margin-bottom: 20px;
    }

    .side-facebook {
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
    }

    .page-link-box .btn {
        width: 47%;
        margin: 0 1.5% 4%;
    }

    .list-num {
        padding: 2% 0;
    }

    #gnav .accordion-body li:first-child a:before,
    #gnav .accordion-body li.accident a:before,
    #gnav .accordion-body li.faq a:before,
    #gnav .accordion-body li.about a:before,
    #gnav .accordion-body li.column a:before,
    #gnav .accordion-body li.news a:before,
    #gnav .accordion-body li.contact a:before {
        display: none;
    }

    #gnav .accordion-body li a {
        padding: 10px 5%;
        text-align: left;
    }

    #gnav .accordion-body {
        display: none;
    }
}

@media only screen and (max-width: 599px) {
    .icon-box {
        width: 10%;
    }

    .heading-title {
        width: 80%;
    }

    .side .side-beginer,
    .side .side-jiko,
    .side-line,
    .side-insta {
        width: 100%;
    }

    .page-link-box .btn {
        width: 100%;
        margin: 0 0 4%;
    }

    .table-icon {
        width: 30%;
    }

    .table-head {
        padding-left: 90px;
    }

    .w70 {
        width: 100%;
        margin-bottom: 4%;
    }

    .w26 {
        width: 80%;
        margin: 0 auto;
    }

    .breadcrumbs {
        margin-bottom: 20px;
    }
}

/* index */
.key {
    position: relative;
}

.catch .space {
    background: url(/import/tenant_1/153.126.205.99/html/images/index/bg_catch.png) no-repeat left top;
    background-size: 100% auto;
    font-weight: bold;
    width: 45%;
    max-width: 444px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    margin: 0 auto 3%;
}

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

.catch .main-catch {
    text-align: center;
    margin-bottom: 3%;
}

.catch .main-catch span.col {
    color: #ec6711;
}

.catch .msg {
    text-align: center;
    width: 65%;
    margin: 0 auto;
    line-height: 200%;
    font-weight: bold;
}

.key .btarrow {
    position: absolute;
    left: 50%;
    bottom: 5%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.top-nayami-section {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/pattern_stripe.gif) repeat left top;
}

.top-nayami-section .heading-box {
    width: 80%;
    margin: 0 auto 30px;
}

.top-nayami-section ul li.gr321 {
    border: 1px solid #a77c4b;
    position: relative;
    padding: 1%;
}

.top-nayami-section h4 {
    font-weight: normal;
    line-height: 120%;
    margin-bottom: 15px;
    text-align: center;
}

.top-nayami-section .posi-in {
    position: relative;
    height: 100%;
}

.top-nayami-section .posi-in ul {
    margin-bottom: 40px;
}

.top-nayami-section .posi-in ul li {
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 35px;
}

.top-nayami-section .posi-in ul li:before {
    content: "";
    display: block;
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_check.png) no-repeat left top;
    background-size: 100% auto;
    width: 23px;
    height: 27px;
    margin-right: 4px;
    position: absolute;
    left: 0;
    top: -4px;
}

.top-nayami-section .posi-in .btn {
    position: relative;
    background: #fbb037;
    width: 55%;
    margin: 0 0 0 auto;
    text-align: center;
}

.top-nayami-section .posi-in .btn a {
    color: #fff;
    padding: 4px 0;
    display: block;
}

.top-nayami-section .posi-in .btn a.i-arrowR:after {
    color: #fbb037;
    background: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
}

.top-nayami-section .bkimg img {
    min-width: 400px;
}

.top-voice-section ul {
    width: 90%;
    margin: 0 auto;
}

.top-voice-section ul li {
    background: #f7f5f1;
    padding: 2%;
    margin-bottom: 30px;
}

.top-voice-section ul li .pic {
    width: 30%;
}

.top-voice-section ul li dl {
    width: 67%;
}

.top-voice-section ul li dl dt {
    margin-bottom: 15px;
}

.top-voice-section ul li dl dt .name {
    width: 30%;
}

.top-voice-section ul li dl dt .age {
    width: 20%;
}

.top-voice-section ul li dl dt .job {
    width: 50%;
}

.top-mckenzie-section .pic,
.top-message-section .pic {
    margin-bottom: 6%;
}

.top-mckenzie-section .btn,
.top-message-section .btn {
    background: #f4a13d;
    width: 90%;
    margin: 0 0 0 auto;
    font-weight: bold;
}

.top-mckenzie-section .btn a,
.top-message-section .btn a {
    position: relative;
    color: #fff;
    display: block;
    padding: 5px 0;
    text-align: center;
}

.top-mckenzie-section .btn a.i-arrowR:after,
.top-message-section .btn a.i-arrowR:after {
    background: #fff;
    color: #f4a13d;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
}

.top-message-section .pic {
    text-align: right;
}

.top-message-section .pic img {
    width: 80%;
}

.top-campaign-banner {
    background: rgb(232, 198, 91);
    background: -webkit-linear-gradient(left, rgba(232, 198, 91, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(232, 198, 91, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(232, 198, 91, 1)), color-stop(40%, rgba(255, 255, 255, 1)), to(rgba(232, 198, 91, 1)));
    background: linear-gradient(to right, rgba(232, 198, 91, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(232, 198, 91, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c65b', endColorstr='#e8c65b', GradientType=1);
    border: 1px solid #a77c4b;
    position: relative;
    overflow: hidden
}

.top-campaign-banner:before {
    content: "";
    display: block;
    background: url(/import/tenant_1/153.126.205.99/html/images/common/bg_pat03.png) repeat left top;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.top-campaign-banner .circle-mask {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.top-campaign-banner .ovhid {
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    opacity: .8;
}

.top-campaign-banner .ovhid img {
    min-width: 400px;
    position: relative;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-15%, 50%);
    -ms-transform: translate(-15%, 50%);
    transform: translate(-15%, 50%);
}

.top-campaign-banner .flexb {
    position: relative;
    z-index: 6;
    padding: 2%;
}

.top-campaign-banner .heading .fs20 {
    font-weight: bold;
    width: 63%;
    margin-bottom: 15px;
}

.top-campaign-banner .heading .fs20:after {
    content: "";
    display: block;
    background: #cc9434;
    height: 6px;
    -webkit-box-shadow: #fff 1px 1px 5px,
        #fff -1px 1px 5px,
        #fff 1px -1px 5px,
        #fff -1px -1px 5px;
    box-shadow: #fff 1px 1px 5px,
        #fff -1px 1px 5px,
        #fff 1px -1px 5px,
        #fff -1px -1px 5px;
}

.top-campaign-banner .heading .fs40 {
    color: #ea5514;
    font-weight: bold;
    line-height: 100%;
}

.top-campaign-banner .right .txt {
    color: #ea5514;
    font-weight: bold;
    margin-bottom: 15px;
}

.top-campaign-banner .right .btn {
    position: relative;
    border: 1px solid #a77c4b;
    background: #fff;
    font-weight: bold;
    text-align: center;
    padding: 2% 0;
}

.top-campaign-banner .right .btn.i-arrowR:after {
    background: #cc9434;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.top-campaign-banner .heading {
    width: 54%;
}

.top-campaign-banner .right {
    width: 45%;
}

.top-post-section {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/pattern_stripe.gif) repeat left top;
}

.top-post-section .heading-title .fs18 {
  padding-left: 10px;
}

.top-post-section .news-area,
.top-post-section .blog-area {
    border: 1px solid #a77c4b;
    padding: 2%;
}

.top-post-section dl {
    border-bottom: 1px dashed #c9caca;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

.top-post-section .btn {
    background: #f4a13d;
    width: 30%;
    margin: 0 0 0 auto;
}

.top-post-section .btn a {
    color: #fff;
    display: block;
    position: relative;
    padding: 4px 0 4px 10px;
}

.top-post-section .btn a.i-arrowR:after {
    background: #fff;
    color: #f4a13d;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

@media only screen and (max-width: 1024px) {
    .catch .space {
        width: 65%;
        margin-bottom: 1%;
        font-size: 20px;
        height: 46px;
        line-height: 46px;

    }

    .catch .main-catch {
        margin-bottom: 1%;
        font-size: 26px;
    }

    .catch .msg {
        width: 97%;
        line-height: 160%;
        font-size: 16px;
    }

    .key .btarrow {
        bottom: 1%;
    }

    .key .btarrow img {
        width: 45%;
    }

    .top-nayami-section .posi .bkimg {
        position: absolute;
    }

    .top-nayami-section .bkimg img {
        min-width: 340px !important;
    }

    .top-nayami-section .posi-in ul {
        margin-bottom: 20px;
    }

    .top-nayami-section .posi-in .btn {
        width: 80%;
        margin: 0 auto;
    }

    .top-post-section .gr211 {
        margin: 0 auto 40px;
    }

    .top-post-section .btn {
        width: 40%;
        text-align: center;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 599px) {
    .catch .space {
        font-size: 14px;
        line-height: 27px;
        height: 27px;
    }

    .catch .main-catch {
        font-size: 17px;
    }

    .catch .msg {
        font-size: 10px;
    }

    .key .btarrow {
        display: none;
    }

    .top-nayami-section .heading-box {
        width: 100%;
    }

    .top-nayami-section ul li.gr321 {
        padding: 5%;
    }

    .top-voice-section ul li .pic {
        width: 90%;
        margin: 0 auto 6%;
    }

    .top-voice-section ul li dl {
        width: 97%;
        margin: 0 auto;
    }

    .top-voice-section ul li dl dt .name {
        width: 45%;
    }

    .top-voice-section ul li dl dt .age {
        width: 55%;
    }

    .top-voice-section ul li dl dt .job {
        width: 100%;
    }

    .top-mckenzie-section .btn,
    .top-message-section .btn {
        margin: 0 auto;
    }

    .top-message-section .pic {
        text-align: center;
        width: 100%;
    }

    .top-voice-section,
    .top-child-section,
    .top-mckenzie-section,
    .top-message-section,
    .top-campaign-banner {
        margin-bottom: 10%;
    }

    .top-campaign-banner .heading,
    .top-campaign-banner .right {
        width: 100%;
    }

    .top-campaign-banner .ovhid {
        height: 300px;
    }

    .top-post-section .btn {
        width: 80%;
    }

    .map:after {
        padding-top: 55%;
    }

    .foot-logo-box {
        width: 100%;
    }

    #footer .table-box,
    #footer .contact-box {
        width: 100%;
        margin-bottom: 6%;
    }

}

/* accident */

.plink-msg {
    margin-bottom: 20px;
}

.accident-point-section .point-top {
    margin-bottom: 10%;
}

.accident-point-section .point-list h3 {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/* flow */
.flow-merit-section ul {
    padding: 0 2%;
}

.flow-merit-section ul li {
    margin-bottom: 6%;
}

.flow-merit-section ul li h4 {
    margin-bottom: 15px;
}

.flow-point-section {
    margin-bottom: 6%
}

.flow-choice-section h3 {
    margin-bottom: 0;
}

.flow-case-section ul {
    counter-reset: number;
}

.flow-case-section ul li .title {
    position: relative;
    color: #fff;
    line-height: 30px;
    width: 100%;
    margin-bottom: 15px;
}

.flow-case-section ul li .title span {
    background-color: #f4a13d;
    display: inline-block;
    margin-left: 11%;
    width: 82%;
    font-weight: bold;
    padding-left: 2%;
}

.flow-case-section ul li .title:before {
    counter-increment: number;
    content: counter(number);
    color: #fff;
    display: block;
    font-size: 18px;
    background-color: #f4a13d;
    width: 25px;
    height: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 10%;
}

.flow-case-section ul li .title:after {
    content: "";
    display: block;
    background:
        -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #f4a13d)) no-repeat top left/100% 50%,
        -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #f4a13d)) no-repeat bottom right/100% 50%;
    background:
        -webkit-linear-gradient(top right, rgba(255, 255, 255, 0) 50%, #f4a13d 50.5%) no-repeat top left/100% 50%,
        -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0) 50%, #f4a13d 50.5%) no-repeat bottom right/100% 50%;
    background:
        linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #f4a13d 50.5%) no-repeat top left/100% 50%,
        linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #f4a13d 50.5%) no-repeat bottom right/100% 50%;
    height: 30px;
    width: 5%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.flow-case-section ul li .pic {
    margin-bottom: 15px;
}

@media only screen and (max-width: 1024px) {
    .flow-case-section ul li .title:after {
        display: none;
    }

    .flow-case-section ul li .title span {
        width: 87%;
    }
}

@media only screen and (max-width: 599px) {}

/* method */
.method-kchiryo-section {
  margin-bottom: 6%;
}


@media only screen and (max-width: 1024px) {
    .method-kchiryo-section .w70 {
        width: 100%;
        margin-bottom: 4%;
    }

    .method-kchiryo-section .w26 {
        width: 50%;
        margin: 0 auto 10%;
    }
}

@media only screen and (max-width: 599px) {
    .method-kchiryo-section .w26 {
        width: 80%;
    }
}

/* symptom */
.symptom-kcase-section .txt-box dl {
    margin-bottom: 20px;
}

.symptom-kcase-section .txt-box dt {
    color: #fbb037;
    font-weight: bold;
    margin-bottom: 5px;
}

.symptom-case-list {
    padding: 2%;
    margin: 0 2%;
    background: #f7f5f1;
}

.symptom-case-list dl dt {
    font-weight: bold;
    margin-bottom: 5px;
}

.symptom-case-list dl {
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.symptom-kcase-section .end-msg {
    margin: 0 2%;
}

.symptom-kcase-section {
    margin-bottom: 10%;
}

.symptom-khoken-section .txt-box dl {
    margin-bottom: 20px;
}

.symptom-khoken-section .txt-box dt {
    color: #fbb037;
    font-weight: bold;
    margin-bottom: 5px;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/* example */
.example-list li {
    background: #f7f5f1;
    padding: 3%;
    margin-bottom: 6%;
}

.example-list .name-box {
    border-left: 5px solid #5b331b;
    margin-bottom: 20px;
}

.example-list .name {
    width: 15%;
    padding-left: 2%;
}

.example-list .sex {
    width: 10%;
}

.example-list .age {
    width: 10%;
}

.example-list .txt-box dt {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .example-list .w70 {
        width: 100%;
        margin-bottom: 4%;
    }

    .example-list .w26 {
        width: 50%;
        margin: 0 auto 4%;
    }

    .example-list .name {
        width: 20%;
    }

    .example-list .sex,
    .example-list .age {
        width: 15%;
    }

}

@media only screen and (max-width: 599px) {
    .example-list .w26 {
        width: 80%;
    }

    .example-list .name {
        width: 100%;
        margin-bottom: 5px;
    }

    .example-list .sex,
    .example-list .age {
        width: 40%;
    }

    .example-list .sex {
        padding-left: 2%;
    }
}

/* mckenzie */

.mckenzie-kchiryo-section ul li dl {
    margin-bottom: 15px;
}

.mckenzie-kchiryo-section ul li dl dt {
    color: #fbb037;
    margin-bottom: 5px;
    font-weight: bold;
}

.mckenzie-mckfow-section h3 {
    margin-bottom: 0;
}

.mckenzie-mckfow-section .caution dt {
    border-left: 5px solid #5b331b;
    line-height: 100%;
    margin-bottom: 10px;
    padding-left: 5px;
}

/* faq */
.faq-list dl {
    margin-bottom: 4%;
}

.faq-list dt {
    background: #f4a13d;
    font-weight: bold;
    color: #fff;
    padding: 10px 0;
    margin-bottom: 15px;
}

.faq-list dt,
.faq-list dd {
    position: relative;
    padding-left: 40px;
}

.faq-list dt:before,
.faq-list dd:before {
    display: block;
    position: absolute;
    left: 1%;
    top: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

.faq-list dt:before {
    content: "Q";
    background: #fff;
    color: #f4a13d;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.faq-list dd:before {
    content: "A";
    color: #fff;
    background: #f4a13d;

}

/* about */
.about-gaiyou-section .about-table {
    padding: 0 2%;
    margin-bottom: 30px;
}

.about-gaiyou-section .about-table dt {
    background: #f6c781;
    color: #fff;
    width: 30%;
    padding: 15px 0 15px 2%;
    border-bottom: 1px dotted #fff;
}

.about-gaiyou-section .about-table dd {
    padding: 15px 0 15px 2%;
}

.about-gaiyou-section .clone-table {
    padding: 0 2%;
}

.about-gaiyou-section .shop-table {
    margin-bottom: 15px;
}

.about-gaiyou-section .shop-table tr th {
    width: 16%;
    font-weight: normal;
}

.about-gaiyou-section .shop-table tr:not(:first-child) th {
    padding: 5px 0;
}

.about-gaiyou-section .shop-table tr td {
    width: 12%;
}

.about-gaiyou-section,
.about-incho-section {
    margin-bottom: 6%;
}

@media only screen and (max-width: 1024px) {

    .about-gaiyou-section .about-table dt,
    .about-gaiyou-section .about-table dd {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .about-gaiyou-section .about-table {
        padding: 0;
    }

    .about-gaiyou-section .about-table dt,
    .about-gaiyou-section .about-table dd {
        padding: 10px 0 10px 2%;
    }
}

/* blog news */

.post-list-box li {
    margin-bottom: 6%;
}

.post-list-box .pic {
    border: 4px solid #f4a13d;
}

.post-list-box .data {
    margin-bottom: 15px;
}

.post-list-box .day {
    width: fit-content;
    min-width: 100px;
}

.column .post-list-box .day {
  width: 30%;
}

.post-list-box .cat {
    background: #f4a13d;
    color: #fff;
    font-weight: bold;
    padding: 0 5px;
}

.post-list-box .title {
    font-weight: bold;
}

.post-side-box .fs18 {
    background: #f4a13d;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    margin-bottom: 10px;
}

.post-side-box ul li {
    border-bottom: 1px dotted #d3d3d3;
    position: relative;
    padding: 0 0 0 30px;
}

.post-side-box ul li:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/blog/arrow_arc.png) no-repeat left center;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
}

.post-side-box ul li a {
    display: block;
    padding: 8px 0;
}

.post-side-box {
    margin-bottom: 40px;
}

/* pagenav */
.pagenav {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 0 0;
}

.pagenav ul {
    text-align: center;
}

.pagenav li {
    display: inline-block;
    margin: 0 5px;
    border-bottom: none;
    padding-bottom: 0;
    border-left: none;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

.pagenav li a {
    display: block;
    background: #fcecd8;
    color: #f4a13d;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.pagenav .prev,
.pagenav .next {
    font-size: 0;
    position: relative;
}

.pagenav .prev .i-arrow_otL:before,
.pagenav .next .i-arrow_otR:after {
    font-size: 14px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
}

.pagenav .prev .i-arrow_otL:before {
    left: 0;
}

.pagenav .next .i-arrow_otR:after {
    right: 0;
}

.pagenav li.st a,
.pagenav li a:hover {
    background: #f4a13d;
    color: #fff;
}

.post-single-box .data {
    margin-bottom: 15px;
}

.post-single-box .day {
    width: 20%;
}

.post-single-box .cat {
    background: #f4a13d;
    color: #fff;
    font-weight: bold;
    padding: 0 5px;
}

.post-single-box .title {
    font-weight: bold;
    margin-bottom: 30px;
}

.post-single-box .post-cont img {
    margin: 0 auto;
    display: block;
}

.post-single-box .post-cont {
    margin-bottom: 6%;
}

.post-single-box .btn {
    background: #f4a13d;
    width: 30%;
    font-weight: bold;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.post-single-box .btn:before {
    content: "";
    display: block;
    background: url(/import/tenant_1/153.126.205.99/html/images/blog/arrow_wh.png) no-repeat left center;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

}

.post-single-box .btn a {
    display: block;
    color: #fff;
    padding: 10px 0;
}

.recommend-area {
    background: #ffe8cd;
}

.recommend-area h3 {
    text-align: center;
}

.recommend-area .pic {
    margin-bottom: 10px;
    border: 2px solid #fff;
}

.recommend-area dt {
    margin-bottom: 10px;
}

.recommend-area dt .day {
    width: 35%;
    min-width: 100px;
}

.recommend-area dt .cat {
    background: #f4a13d;
    color: #fff;
    font-weight: bold;
    padding: 0 5px;
}

.recommend-area dd {
    font-weight: bold;
    margin-bottom: 30px;
}

.news-post {
    border-bottom: 1px dashed #c9c9c9;
    margin-bottom: 10px;
    padding: 10px 0;
}

@media only screen and (max-width: 1024px) {

    .post-list-box,
    .post-single-box {
        width: 100%;
        margin-bottom: 10%;
    }

    .post-side {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .post-side-box {
        width: 47%;
    }

    .post-single-box .btn {
        width: 60%;
    }
    .post-list-box li {
      -webkit-box-align: start;
        -webkit-align-items: start;
            -ms-flex-align: start;
                align-items: start;
    }
}

@media only screen and (max-width: 599px) {
    .post-list-box .pic {
        margin-bottom: 4%;
        width: 100%;
    }

    .post-list-box .day {
        width: 100%;
    }

    .pagenav li {
        margin: 0 3px;
    }

    .post-side-box {
        width: 100%;
    }

    .arc-box ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .arc-box ul li {
        width: 47%;
    }

    .post-single-box .btn {
        width: 80%;
    }

    .recommend-area dt .day,
    .post-single-box .day {
        width: 100%;
    }
    
    .column .post-list-box .day {
      width: 100%;
    }
}

/* contact */
/* form初期スタイルリセット */
input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.conform button {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

.form dd input[type=text] {
    background-color: #fff;
    border: 1px solid #1f1f1f;
    width: 100%;
    border-radius: 3px;
}

.form dd textarea {
    width: 100%;
    background-color: #fff;
    border: 1px solid #1f1f1f;
    height: 20em;
    border-radius: 3px;
}

.contact-area {
    padding: 0 2%;
}

.contact-area .form-table {
    width: 100%;
}

.contact-area .form-table dl {
    border-bottom: 1px dotted #d0d0d0;
}

.contact-area .form-table dt {
    width: 25%;
    background: #f1a12b;
    color: #fff;
    font-weight: bold;
    padding: 20px 2%;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.contact-area .form-table dd {
    width: 75%;
    padding: 20px 2%;
}

.contact-area .form-table dt .esse {
    background: #fff;
    color: #e83828;
    padding: 0 6px;
}

.contact-area .form dd input[type=text] {
    border: 1px solid #c9c9c9;
    border-radius: 0px;
    width: 70%;
    padding: 5px;
    color: #5b331b;
}

.contact-area dl.area dd span {
    display: block;
}

.contact-area dl.area dd span:not(:last-child) {
    margin-bottom: 10px;
}

.contact-area dl.area dd .yubin input {
    width: 30%;
}

.contact-area dl.area dd input {
    margin-left: 10px;
}

.contact-area dl dd select {
    padding: 5px 0;
}

.contact-area dl.sex dd label {
  margin-right: 10px;
  padding-left: 5px;
  color: #5b331b;
}

.form dd textarea {
    border: 1px solid #c9c9c9;
    border-radius: 0px;
    height: 10em;
    font-size: 16px;
    padding: 5px;
    color: #5b331b;
}

.form .btn-wrap{
  display: flex;
  justify-content: center;
  gap: 50px;
}

.form .btn {
    background: #f4a13d;
    font-weight: bold;
    width: 25%;
    min-width: 200px;
    position: relative;
    margin: 0;
}

.form .btn:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/blog/arrow_wh.png) no-repeat left center;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
    left: 30%;
}

.form button {
    display: block;
    color: #fff;
    width: 100%;
    padding: 10px 0;
}

.form .form-table {
    margin-bottom: 4%;
}

.contact-area dl.area dd span div {
  display: inline;
}

.form .btn.back {
  background: rgba(0,0,0,0.5);
}

.contact-end-msg {
  text-align: center;
}

@media only screen and (max-width: 1024px) {
    .contact-area {
        padding: 0;
    }

    .contact-area .form-table dt,
    .contact-area .form-table dd {
        width: 100%;
        padding: 15px 2%;
    }

    .contact-area .form-table dl {
        margin-bottom: 15px;
    }

    .contact-area .form dd input[type=text] {
        width: 100%;
    }

    .form .btn {
        width: 60%;
    }
    .form .btn.back {
      width: 45%;
    }
}

@media only screen and (max-width: 599px) {
    .contact-area dl.area dd span.add02 input {
        margin-left: 0;
    }

    .form .btn {
        width: 80%;
    }
    .form .btn.back {
      width: 55%;
    }
    .form .btn:before {
    left: 20%;
    }
}

/* グローバルメニュー */
.grorvalnav {
    background: #f1a22c;
}

.grorvalnav.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.grorvalnav .grorvalnav-list {
    width: 1050px;
    margin: 0 auto;
}

.grorvalnav .grorvalnav-list li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.grorvalnav .grorvalnav-list li a {
    color: #fff;
    position: relative;
    display: block;
    text-align: center;
    padding: 55px 0 10px;
}

.grorvalnav .grorvalnav-list li a::before {
    content: "";
    display: block;
    width: 65px;
    height: 43px;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.grorvalnav .grorvalnav-list li.home a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu01.png) no-repeat center;
    background-size: 100% auto;
}

.grorvalnav .grorvalnav-list li.official a:before {
    background: url(/upload/tenant_1/dab0a09f716256254fe144ff32ffc461.png) no-repeat center;
    background-size: 100% auto;
}

.grorvalnav .grorvalnav-list li.about a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu02.png) no-repeat center;
    background-size: 100% auto;
}

.grorvalnav .grorvalnav-list li.accident a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu04.png) no-repeat center;
    background-size: 100% auto;
}

.grorvalnav .grorvalnav-list li.faq a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu05.png) no-repeat center;
    background-size: 100% auto;
}

.grorvalnav .grorvalnav-list li.column a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu03.png) no-repeat center;
    background-size: 100% auto;
}

.grorvalnav .grorvalnav-list li.news a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu06.png) no-repeat center;
    background-size: 100% auto;
}

.grorvalnav .grorvalnav-list li.contact a:before {
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu07.png) no-repeat center;
    background-size: 100% auto;
}

.grorvalnav .grorvalnav-list li {
    display: block;
    border-right: 1px solid #fff;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 12%;
}

.grorvalnav .grorvalnav-list li:first-child {
    border-left: 1px solid #fff;
}

@media only screen and (max-width: 1024px) {
    .grorvalnav {
        display: none;
    }
}

/* 編集画面 */
#gnav[data-element-id] {
  display: block;
}

#gnav[data-element-id] .accordion-body {
  position: relative;
}

#gnav[data-element-id] .accordion-body:before {
  content: "モバイル・スマホ表示メニュー→";
  display: block;
  position: absolute;
  left: 2%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    background: #4c4c4c;
    font-size: 20px;
    padding: 10px 0;
    width: 10%;
}

#gnav .accordion-body .accordion-inner[data-element-id] {
  max-width: 980px;
  margin: 0 0 0 15%;
  width: 85%;
}

#gnav .accordion-body[data-element-id] li {
  width: 25%;
  -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 10px;
}

.side-menu[data-element-id] .clon-menu-side,
.foot-menu-box[data-element-id] ul,
.foot-logo-box[data-element-id] .logo-box,
.foot-cont-box[data-element-id] .table-box,
.foot-cont-box[data-element-id] .contact-box,
.clone-table[data-element-id] .shop-table {
  position: relative;
}

.side-menu[data-element-id] .clon-menu-side:before,
.foot-menu-box[data-element-id] ul:before,
.foot-logo-box[data-element-id] .logo-box:before,
.foot-cont-box[data-element-id] .table-box:before,
.foot-cont-box[data-element-id] .contact-box:before,
.clone-table[data-element-id] .shop-table:before {
  content: "モバイル・スマホ表示メニューの内容が反映されます。";
  display: block;
  background: rgba(0,0,0,.6);
  background-size: cover;
  width: 100%;
  height:100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  color: #fff;
}

.foot-logo-box[data-element-id] .logo-box:before,
.foot-cont-box[data-element-id] .table-box:before,
.foot-cont-box[data-element-id] .contact-box:before,
.clone-table[data-element-id] .shop-table:before {
  content:"上部（ヘッダー）の情報が反映されます。";
}

.mar10 {
  margin-bottom: 10%;
}

@media only screen and (max-width: 599px) {
.mckenzie .mar10 {
  margin-bottom: 20%;
}
}

.fix-bottom{
  position: fixed;
  bottom: 20px;
  right: 10px;
  display: flex;
  column-gap: 10px;
  max-width: 500px;
  width: 100%;
  z-index: 10;
}

.fix-bottom >*{
  width: calc((100% - 10px) / 2);
}

.fix-bottom .btn a {
    background-color: #fff;
    border: 2px solid;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 15%);box-sizing: border-box;
    font-weight: bold;
}

.fix-bottom .btn.-contact a{
  background-color:#12ac53;
  border-color: #12ac53;
  color: #fff;
}

.fix-bottom .btn.-contact.type-b a{
  background-color:#063852;
  border-color: #063852;
}

.fix-bottom .btn.tel a{
  font-size: 20px;
  padding-top: 2px;
}

.fix-bottom .btn.tel a:before {
  content: "";
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_tel01.png) no-repeat left center;
    background-size: contain;
    aspect-ratio: 26/34;
        width: 16px;
    margin-right: 5px;
}

.fix-bottom .btn.-contact a:before {
  content: "";
    background: url(/import/tenant_1/153.126.205.99/html/images/common/icon_menu07.png) no-repeat left center;
    background-size: contain;
    aspect-ratio: 65/43;
    width: 38px;
}

@media(max-width:599px){
  .fix-bottom{
    bottom: 10px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    max-width: unset;
    width: calc(100% - 20px);
  }
  
  .fix-bottom .btn.-contact a{
    font-size: 14px;
  }
  
  .fix-bottom .btn.tel a{
      font-size: 16px;
      padding-top: 2px;
    }
  
  .fix-bottom .btn.-contact a:before {
    width: 30px;
    margin-right: -3px;
  }
}

[data-element-id] .fix-bottom {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 0 auto;
    padding: 50px 0 0;
}