@charset "utf-8";

@font-face {
    font-family: themify;
    src: url(../font/themify/themify.eot7-fvbane);
    src: url(../font/themify/themify.eot7#iefix-fvbane) format('embedded-opentype'), url(../font/themify/themify.woff7-fvbane) format('woff'), url(../font/themify/themify.ttf7-fvbane) format('truetype'), url(../font/themify/themify.svg7-fvbane#themify) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" ti-"],
[class^=ti-] {
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ti-wand:before {
    content: "\e600"
}

.ti-volume:before {
    content: "\e601"
}

.ti-user:before {
    content: "\e602"
}

.ti-unlock:before {
    content: "\e603"
}

.ti-unlink:before {
    content: "\e604"
}

.ti-trash:before {
    content: "\e605"
}

.ti-thought:before {
    content: "\e606"
}

.ti-target:before {
    content: "\e607"
}

.ti-tag:before {
    content: "\e608"
}

.ti-tablet:before {
    content: "\e609"
}

.ti-star:before {
    content: "\e60a"
}

.ti-spray:before {
    content: "\e60b"
}

.ti-signal:before {
    content: "\e60c"
}

.ti-shopping-cart:before {
    content: "\e60d"
}

.ti-shopping-cart-full:before {
    content: "\e60e"
}

.ti-settings:before {
    content: "\e60f"
}

.ti-search:before {
    content: "\e610"
}

.ti-zoom-in:before {
    content: "\e611"
}

.ti-zoom-out:before {
    content: "\e612"
}

.ti-cut:before {
    content: "\e613"
}

.ti-ruler:before {
    content: "\e614"
}

.ti-ruler-pencil:before {
    content: "\e615"
}

.ti-ruler-alt:before {
    content: "\e616"
}

.ti-bookmark:before {
    content: "\e617"
}

.ti-bookmark-alt:before {
    content: "\e618"
}

.ti-reload:before {
    content: "\e619"
}

.ti-plus:before {
    content: "\e61a"
}

.ti-pin:before {
    content: "\e61b"
}

.ti-pencil:before {
    content: "\e61c"
}

.ti-pencil-alt:before {
    content: "\e61d"
}

.ti-paint-roller:before {
    content: "\e61e"
}

.ti-paint-bucket:before {
    content: "\e61f"
}

.ti-na:before {
    content: "\e620"
}

.ti-mobile:before {
    content: "\e621"
}

.ti-minus:before {
    content: "\e622"
}

.ti-medall:before {
    content: "\e623"
}

.ti-medall-alt:before {
    content: "\e624"
}

.ti-marker:before {
    content: "\e625"
}

.ti-marker-alt:before {
    content: "\e626"
}

.ti-arrow-up:before {
    content: "\e627"
}

.ti-arrow-right:before {
    content: "\e628"
}

.ti-arrow-left:before {
    content: "\e629"
}

.ti-arrow-down:before {
    content: "\e62a"
}

.ti-lock:before {
    content: "\e62b"
}

.ti-location-arrow:before {
    content: "\e62c"
}

.ti-link:before {
    content: "\e62d"
}

.ti-layout:before {
    content: "\e62e"
}

.ti-layers:before {
    content: "\e62f"
}

.ti-layers-alt:before {
    content: "\e630"
}

.ti-key:before {
    content: "\e631"
}

.ti-import:before {
    content: "\e632"
}

.ti-image:before {
    content: "\e633"
}

.ti-heart:before {
    content: "\e634"
}

.ti-heart-broken:before {
    content: "\e635"
}

.ti-hand-stop:before {
    content: "\e636"
}

.ti-hand-open:before {
    content: "\e637"
}

.ti-hand-drag:before {
    content: "\e638"
}

.ti-folder:before {
    content: "\e639"
}

.ti-flag:before {
    content: "\e63a"
}

.ti-flag-alt:before {
    content: "\e63b"
}

.ti-flag-alt-2:before {
    content: "\e63c"
}

.ti-eye:before {
    content: "\e63d"
}

.ti-export:before {
    content: "\e63e"
}

.ti-exchange-vertical:before {
    content: "\e63f"
}

.ti-desktop:before {
    content: "\e640"
}

.ti-cup:before {
    content: "\e641"
}

.ti-crown:before {
    content: "\e642"
}

.ti-comments:before {
    content: "\e643"
}

.ti-comment:before {
    content: "\e644"
}

.ti-comment-alt:before {
    content: "\e645"
}

.ti-close:before {
    content: "\e646"
}

.ti-clip:before {
    content: "\e647"
}

.ti-angle-up:before {
    content: "\e648"
}

.ti-angle-right:before {
    content: "\e649"
}

.ti-angle-left:before {
    content: "\e64a"
}

.ti-angle-down:before {
    content: "\e64b"
}

.ti-check:before {
    content: "\e64c"
}

.ti-check-box:before {
    content: "\e64d"
}

.ti-camera:before {
    content: "\e64e"
}

.ti-announcement:before {
    content: "\e64f"
}

.ti-brush:before {
    content: "\e650"
}

.ti-briefcase:before {
    content: "\e651"
}

.ti-bolt:before {
    content: "\e652"
}

.ti-bolt-alt:before {
    content: "\e653"
}

.ti-blackboard:before {
    content: "\e654"
}

.ti-bag:before {
    content: "\e655"
}

.ti-move:before {
    content: "\e656"
}

.ti-arrows-vertical:before {
    content: "\e657"
}

.ti-arrows-horizontal:before {
    content: "\e658"
}

.ti-fullscreen:before {
    content: "\e659"
}

.ti-arrow-top-right:before {
    content: "\e65a"
}

.ti-arrow-top-left:before {
    content: "\e65b"
}

.ti-arrow-circle-up:before {
    content: "\e65c"
}

.ti-arrow-circle-right:before {
    content: "\e65d"
}

.ti-arrow-circle-left:before {
    content: "\e65e"
}

.ti-arrow-circle-down:before {
    content: "\e65f"
}

.ti-angle-double-up:before {
    content: "\e660"
}

.ti-angle-double-right:before {
    content: "\e661"
}

.ti-angle-double-left:before {
    content: "\e662"
}

.ti-angle-double-down:before {
    content: "\e663"
}

.ti-zip:before {
    content: "\e664"
}

.ti-world:before {
    content: "\e665"
}

.ti-wheelchair:before {
    content: "\e666"
}

.ti-view-list:before {
    content: "\e667"
}

.ti-view-list-alt:before {
    content: "\e668"
}

.ti-view-grid:before {
    content: "\e669"
}

.ti-uppercase:before {
    content: "\e66a"
}

.ti-upload:before {
    content: "\e66b"
}

.ti-underline:before {
    content: "\e66c"
}

.ti-truck:before {
    content: "\e66d"
}

.ti-timer:before {
    content: "\e66e"
}

.ti-ticket:before {
    content: "\e66f"
}

.ti-thumb-up:before {
    content: "\e670"
}

.ti-thumb-down:before {
    content: "\e671"
}

.ti-text:before {
    content: "\e672"
}

.ti-stats-up:before {
    content: "\e673"
}

.ti-stats-down:before {
    content: "\e674"
}

.ti-split-v:before {
    content: "\e675"
}

.ti-split-h:before {
    content: "\e676"
}

.ti-smallcap:before {
    content: "\e677"
}

.ti-shine:before {
    content: "\e678"
}

.ti-shift-right:before {
    content: "\e679"
}

.ti-shift-left:before {
    content: "\e67a"
}

.ti-shield:before {
    content: "\e67b"
}

.ti-notepad:before {
    content: "\e67c"
}

.ti-server:before {
    content: "\e67d"
}

.ti-quote-right:before {
    content: "\e67e"
}

.ti-quote-left:before {
    content: "\e67f"
}

.ti-pulse:before {
    content: "\e680"
}

.ti-printer:before {
    content: "\e681"
}

.ti-power-off:before {
    content: "\e682"
}

.ti-plug:before {
    content: "\e683"
}

.ti-pie-chart:before {
    content: "\e684"
}

.ti-paragraph:before {
    content: "\e685"
}

.ti-panel:before {
    content: "\e686"
}

.ti-package:before {
    content: "\e687"
}

.ti-music:before {
    content: "\e688"
}

.ti-music-alt:before {
    content: "\e689"
}

.ti-mouse:before {
    content: "\e68a"
}

.ti-mouse-alt:before {
    content: "\e68b"
}

.ti-money:before {
    content: "\e68c"
}

.ti-microphone:before {
    content: "\e68d"
}

.ti-menu:before {
    content: "\e68e"
}

.ti-menu-alt:before {
    content: "\e68f"
}

.ti-map:before {
    content: "\e690"
}

.ti-map-alt:before {
    content: "\e691"
}

.ti-loop:before {
    content: "\e692"
}

.ti-location-pin:before {
    content: "\e693"
}

.ti-list:before {
    content: "\e694"
}

.ti-light-bulb:before {
    content: "\e695"
}

.ti-Italic:before {
    content: "\e696"
}

.ti-info:before {
    content: "\e697"
}

.ti-infinite:before {
    content: "\e698"
}

.ti-id-badge:before {
    content: "\e699"
}

.ti-hummer:before {
    content: "\e69a"
}

.ti-home:before {
    content: "\e69b"
}

.ti-help:before {
    content: "\e69c"
}

.ti-headphone:before {
    content: "\e69d"
}

.ti-harddrives:before {
    content: "\e69e"
}

.ti-harddrive:before {
    content: "\e69f"
}

.ti-gift:before {
    content: "\e6a0"
}

.ti-game:before {
    content: "\e6a1"
}

.ti-filter:before {
    content: "\e6a2"
}

.ti-files:before {
    content: "\e6a3"
}

.ti-file:before {
    content: "\e6a4"
}

.ti-eraser:before {
    content: "\e6a5"
}

.ti-envelope:before {
    content: "\e6a6"
}

.ti-download:before {
    content: "\e6a7"
}

.ti-direction:before {
    content: "\e6a8"
}

.ti-direction-alt:before {
    content: "\e6a9"
}

.ti-dashboard:before {
    content: "\e6aa"
}

.ti-control-stop:before {
    content: "\e6ab"
}

.ti-control-shuffle:before {
    content: "\e6ac"
}

.ti-control-play:before {
    content: "\e6ad"
}

.ti-control-pause:before {
    content: "\e6ae"
}

.ti-control-forward:before {
    content: "\e6af"
}

.ti-control-backward:before {
    content: "\e6b0"
}

.ti-cloud:before {
    content: "\e6b1"
}

.ti-cloud-up:before {
    content: "\e6b2"
}

.ti-cloud-down:before {
    content: "\e6b3"
}

.ti-clipboard:before {
    content: "\e6b4"
}

.ti-car:before {
    content: "\e6b5"
}

.ti-calendar:before {
    content: "\e6b6"
}

.ti-book:before {
    content: "\e6b7"
}

.ti-bell:before {
    content: "\e6b8"
}

.ti-basketball:before {
    content: "\e6b9"
}

.ti-bar-chart:before {
    content: "\e6ba"
}

.ti-bar-chart-alt:before {
    content: "\e6bb"
}

.ti-back-right:before {
    content: "\e6bc"
}

.ti-back-left:before {
    content: "\e6bd"
}

.ti-arrows-corner:before {
    content: "\e6be"
}

.ti-archive:before {
    content: "\e6bf"
}

.ti-anchor:before {
    content: "\e6c0"
}

.ti-align-right:before {
    content: "\e6c1"
}

.ti-align-left:before {
    content: "\e6c2"
}

.ti-align-justify:before {
    content: "\e6c3"
}

.ti-align-center:before {
    content: "\e6c4"
}

.ti-alert:before {
    content: "\e6c5"
}

.ti-alarm-clock:before {
    content: "\e6c6"
}

.ti-agenda:before {
    content: "\e6c7"
}

.ti-write:before {
    content: "\e6c8"
}

.ti-window:before {
    content: "\e6c9"
}

.ti-widgetized:before {
    content: "\e6ca"
}

.ti-widget:before {
    content: "\e6cb"
}

.ti-widget-alt:before {
    content: "\e6cc"
}

.ti-wallet:before {
    content: "\e6cd"
}

.ti-video-clapper:before {
    content: "\e6ce"
}

.ti-video-camera:before {
    content: "\e6cf"
}

.ti-vector:before {
    content: "\e6d0"
}

.ti-themify-logo:before {
    content: "\e6d1"
}

.ti-themify-favicon:before {
    content: "\e6d2"
}

.ti-themify-favicon-alt:before {
    content: "\e6d3"
}

.ti-support:before {
    content: "\e6d4"
}

.ti-stamp:before {
    content: "\e6d5"
}

.ti-split-v-alt:before {
    content: "\e6d6"
}

.ti-slice:before {
    content: "\e6d7"
}

.ti-shortcode:before {
    content: "\e6d8"
}

.ti-shift-right-alt:before {
    content: "\e6d9"
}

.ti-shift-left-alt:before {
    content: "\e6da"
}

.ti-ruler-alt-2:before {
    content: "\e6db"
}

.ti-receipt:before {
    content: "\e6dc"
}

.ti-pin2:before {
    content: "\e6dd"
}

.ti-pin-alt:before {
    content: "\e6de"
}

.ti-pencil-alt2:before {
    content: "\e6df"
}

.ti-palette:before {
    content: "\e6e0"
}

.ti-more:before {
    content: "\e6e1"
}

.ti-more-alt:before {
    content: "\e6e2"
}

.ti-microphone-alt:before {
    content: "\e6e3"
}

.ti-magnet:before {
    content: "\e6e4"
}

.ti-line-double:before {
    content: "\e6e5"
}

.ti-line-dotted:before {
    content: "\e6e6"
}

.ti-line-dashed:before {
    content: "\e6e7"
}

.ti-layout-width-full:before {
    content: "\e6e8"
}

.ti-layout-width-default:before {
    content: "\e6e9"
}

.ti-layout-width-default-alt:before {
    content: "\e6ea"
}

.ti-layout-tab:before {
    content: "\e6eb"
}

.ti-layout-tab-window:before {
    content: "\e6ec"
}

.ti-layout-tab-v:before {
    content: "\e6ed"
}

.ti-layout-tab-min:before {
    content: "\e6ee"
}

.ti-layout-slider:before {
    content: "\e6ef"
}

.ti-layout-slider-alt:before {
    content: "\e6f0"
}

.ti-layout-sidebar-right:before {
    content: "\e6f1"
}

.ti-layout-sidebar-none:before {
    content: "\e6f2"
}

.ti-layout-sidebar-left:before {
    content: "\e6f3"
}

.ti-layout-placeholder:before {
    content: "\e6f4"
}

.ti-layout-menu:before {
    content: "\e6f5"
}

.ti-layout-menu-v:before {
    content: "\e6f6"
}

.ti-layout-menu-separated:before {
    content: "\e6f7"
}

.ti-layout-menu-full:before {
    content: "\e6f8"
}

.ti-layout-media-right-alt:before {
    content: "\e6f9"
}

.ti-layout-media-right:before {
    content: "\e6fa"
}

.ti-layout-media-overlay:before {
    content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.ti-layout-media-left-alt:before {
    content: "\e6fe"
}

.ti-layout-media-left:before {
    content: "\e6ff"
}

.ti-layout-media-center-alt:before {
    content: "\e700"
}

.ti-layout-media-center:before {
    content: "\e701"
}

.ti-layout-list-thumb:before {
    content: "\e702"
}

.ti-layout-list-thumb-alt:before {
    content: "\e703"
}

.ti-layout-list-post:before {
    content: "\e704"
}

.ti-layout-list-large-image:before {
    content: "\e705"
}

.ti-layout-line-solid:before {
    content: "\e706"
}

.ti-layout-grid4:before {
    content: "\e707"
}

.ti-layout-grid3:before {
    content: "\e708"
}

.ti-layout-grid2:before {
    content: "\e709"
}

.ti-layout-grid2-thumb:before {
    content: "\e70a"
}

.ti-layout-cta-right:before {
    content: "\e70b"
}

.ti-layout-cta-left:before {
    content: "\e70c"
}

.ti-layout-cta-center:before {
    content: "\e70d"
}

.ti-layout-cta-btn-right:before {
    content: "\e70e"
}

.ti-layout-cta-btn-left:before {
    content: "\e70f"
}

.ti-layout-column4:before {
    content: "\e710"
}

.ti-layout-column3:before {
    content: "\e711"
}

.ti-layout-column2:before {
    content: "\e712"
}

.ti-layout-accordion-separated:before {
    content: "\e713"
}

.ti-layout-accordion-merged:before {
    content: "\e714"
}

.ti-layout-accordion-list:before {
    content: "\e715"
}

.ti-ink-pen:before {
    content: "\e716"
}

.ti-info-alt:before {
    content: "\e717"
}

.ti-help-alt:before {
    content: "\e718"
}

.ti-headphone-alt:before {
    content: "\e719"
}

.ti-hand-point-up:before {
    content: "\e71a"
}

.ti-hand-point-right:before {
    content: "\e71b"
}

.ti-hand-point-left:before {
    content: "\e71c"
}

.ti-hand-point-down:before {
    content: "\e71d"
}

.ti-gallery:before {
    content: "\e71e"
}

.ti-face-smile:before {
    content: "\e71f"
}

.ti-face-sad:before {
    content: "\e720"
}

.ti-credit-card:before {
    content: "\e721"
}

.ti-control-skip-forward:before {
    content: "\e722"
}

.ti-control-skip-backward:before {
    content: "\e723"
}

.ti-control-record:before {
    content: "\e724"
}

.ti-control-eject:before {
    content: "\e725"
}

.ti-comments-smiley:before {
    content: "\e726"
}

.ti-brush-alt:before {
    content: "\e727"
}

.ti-youtube:before {
    content: "\e728"
}

.ti-vimeo:before {
    content: "\e729"
}

.ti-twitter:before {
    content: "\e72a"
}

.ti-time:before {
    content: "\e72b"
}

.ti-tumblr:before {
    content: "\e72c"
}

.ti-skype:before {
    content: "\e72d"
}

.ti-share:before {
    content: "\e72e"
}

.ti-share-alt:before {
    content: "\e72f"
}

.ti-rocket:before {
    content: "\e730"
}

.ti-pinterest:before {
    content: "\e731"
}

.ti-new-window:before {
    content: "\e732"
}

.ti-microsoft:before {
    content: "\e733"
}

.ti-list-ol:before {
    content: "\e734"
}

.ti-linkedin:before {
    content: "\e735"
}

.ti-layout-sidebar-2:before {
    content: "\e736"
}

.ti-layout-grid4-alt:before {
    content: "\e737"
}

.ti-layout-grid3-alt:before {
    content: "\e738"
}

.ti-layout-grid2-alt:before {
    content: "\e739"
}

.ti-layout-column4-alt:before {
    content: "\e73a"
}

.ti-layout-column3-alt:before {
    content: "\e73b"
}

.ti-layout-column2-alt:before {
    content: "\e73c"
}

.ti-instagram:before {
    content: "\e73d"
}

.ti-google:before {
    content: "\e73e"
}

.ti-github:before {
    content: "\e73f"
}

.ti-flickr:before {
    content: "\e740"
}

.ti-facebook:before {
    content: "\e741"
}

.ti-dropbox:before {
    content: "\e742"
}

.ti-dribbble:before {
    content: "\e743"
}

.ti-apple:before {
    content: "\e744"
}

.ti-android:before {
    content: "\e745"
}

.ti-save:before {
    content: "\e746"
}

.ti-save-alt:before {
    content: "\e747"
}

.ti-yahoo:before {
    content: "\e748"
}

.ti-wordpress:before {
    content: "\e749"
}

.ti-vimeo-alt:before {
    content: "\e74a"
}

.ti-twitter-alt:before {
    content: "\e74b"
}

.ti-tumblr-alt:before {
    content: "\e74c"
}

.ti-trello:before {
    content: "\e74d"
}

.ti-stack-overflow:before {
    content: "\e74e"
}

.ti-soundcloud:before {
    content: "\e74f"
}

.ti-sharethis:before {
    content: "\e750"
}

.ti-sharethis-alt:before {
    content: "\e751"
}

.ti-reddit:before {
    content: "\e752"
}

.ti-pinterest-alt:before {
    content: "\e753"
}

.ti-microsoft-alt:before {
    content: "\e754"
}

.ti-linux:before {
    content: "\e755"
}

.ti-jsfiddle:before {
    content: "\e756"
}

.ti-joomla:before {
    content: "\e757"
}

.ti-html5:before {
    content: "\e758"
}

.ti-flickr-alt:before {
    content: "\e759"
}

.ti-email:before {
    content: "\e75a"
}

.ti-drupal:before {
    content: "\e75b"
}

.ti-dropbox-alt:before {
    content: "\e75c"
}

.ti-css3:before {
    content: "\e75d"
}

.ti-rss:before {
    content: "\e75e"
}

.ti-rss-alt:before {
    content: "\e75f"
}

[class*=" ti-"],
[class^=ti-] {
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-size: large;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
    content: "\e600"
}

.ti-volume:before {
    content: "\e601"
}

.ti-user:before {
    content: "\e602"
}

.ti-unlock:before {
    content: "\e603"
}

.ti-unlink:before {
    content: "\e604"
}

.ti-trash:before {
    content: "\e605"
}

.ti-thought:before {
    content: "\e606"
}

.ti-target:before {
    content: "\e607"
}

.ti-tag:before {
    content: "\e608"
}

.ti-tablet:before {
    content: "\e609"
}

.ti-star:before {
    content: "\e60a"
}

.ti-spray:before {
    content: "\e60b"
}

.ti-signal:before {
    content: "\e60c"
}

.ti-shopping-cart:before {
    content: "\e60d"
}

.ti-shopping-cart-full:before {
    content: "\e60e"
}

.ti-settings:before {
    content: "\e60f"
}

.ti-search:before {
    content: "\e610"
}

.ti-zoom-in:before {
    content: "\e611"
}

.ti-zoom-out:before {
    content: "\e612"
}

.ti-cut:before {
    content: "\e613"
}

.ti-ruler:before {
    content: "\e614"
}

.ti-ruler-pencil:before {
    content: "\e615"
}

.ti-ruler-alt:before {
    content: "\e616"
}

.ti-bookmark:before {
    content: "\e617"
}

.ti-bookmark-alt:before {
    content: "\e618"
}

.ti-reload:before {
    content: "\e619"
}

.ti-plus:before {
    content: "\e61a"
}

.ti-pin:before {
    content: "\e61b"
}

.ti-paint-roller:before {
    content: "\e61e"
}

.ti-paint-bucket:before {
    content: "\e61f"
}

.ti-na:before {
    content: "\e620"
}

.ti-mobile:before {
    content: "\e621"
}

.ti-minus:before {
    content: "\e622"
}

.ti-medall:before {
    content: "\e623"
}

.ti-medall-alt:before {
    content: "\e624"
}

.ti-marker:before {
    content: "\e625"
}

.ti-marker-alt:before {
    content: "\e626"
}

.ti-arrow-up:before {
    content: "\e627"
}

.ti-arrow-right:before {
    content: "\e628"
}

.ti-arrow-left:before {
    content: "\e629"
}

.ti-arrow-down:before {
    content: "\e62a"
}

.ti-lock:before {
    content: "\e62b"
}

.ti-location-arrow:before {
    content: "\e62c"
}

.ti-link:before {
    content: "\e62d"
}

.ti-layout:before {
    content: "\e62e"
}

.ti-layers:before {
    content: "\e62f"
}

.ti-layers-alt:before {
    content: "\e630"
}

.ti-key:before {
    content: "\e631"
}

.ti-import:before {
    content: "\e632"
}

.ti-image:before {
    content: "\e633"
}

.ti-heart:before {
    content: "\e634"
}

.ti-heart-broken:before {
    content: "\e635"
}

.ti-hand-stop:before {
    content: "\e636"
}

.ti-hand-open:before {
    content: "\e637"
}

.ti-hand-drag:before {
    content: "\e638"
}

.ti-folder:before {
    content: "\e639"
}

.ti-flag:before {
    content: "\e63a"
}

.ti-flag-alt:before {
    content: "\e63b"
}

.ti-flag-alt-2:before {
    content: "\e63c"
}

.ti-eye:before {
    content: "\e63d"
}

.ti-export:before {
    content: "\e63e"
}

.ti-exchange-vertical:before {
    content: "\e63f"
}

.ti-desktop:before {
    content: "\e640"
}

.ti-cup:before {
    content: "\e641"
}

.ti-crown:before {
    content: "\e642"
}

.ti-comments:before {
    content: "\e643"
}

.ti-comment:before {
    content: "\e644"
}

.ti-comment-alt:before {
    content: "\e645"
}

.ti-close:before {
    content: "\e646"
}

.ti-clip:before {
    content: "\e647"
}

.ti-angle-up:before {
    content: "\e648"
}

.ti-angle-right:before {
    content: "\f105"
}

.ti-angle-left:before {
    content: "\e64a"
}

.ti-angle-down:before {
    content: "\e64b"
}

.ti-check:before {
    content: "\e64c"
}

.ti-check-box:before {
    content: "\e64d"
}

.ti-camera:before {
    content: "\e64e"
}

.ti-announcement:before {
    content: "\e64f"
}

.ti-brush:before {
    content: "\e650"
}

.ti-briefcase:before {
    content: "\e651"
}

.ti-bolt:before {
    content: "\e652"
}

.ti-bolt-alt:before {
    content: "\e653"
}

.ti-blackboard:before {
    content: "\e654"
}

.ti-bag:before {
    content: "\e655"
}

.ti-move:before {
    content: "\e656"
}

.ti-arrows-vertical:before {
    content: "\e657"
}

.ti-arrows-horizontal:before {
    content: "\e658"
}

.ti-fullscreen:before {
    content: "\e659"
}

.ti-arrow-top-right:before {
    content: "\e65a"
}

.ti-arrow-top-left:before {
    content: "\e65b"
}

.ti-arrow-circle-up:before {
    content: "\e65c"
}

.ti-arrow-circle-right:before {
    content: "\e65d"
}

.ti-arrow-circle-left:before {
    content: "\e65e"
}

.ti-arrow-circle-down:before {
    content: "\e65f"
}

.ti-angle-double-up:before {
    content: "\e660"
}

.ti-angle-double-right:before {
    content: "\e661"
}

.ti-angle-double-left:before {
    content: "\e662"
}

.ti-angle-double-down:before {
    content: "\e663"
}

.ti-zip:before {
    content: "\e664"
}

.ti-world:before {
    content: "\e665"
}

.ti-wheelchair:before {
    content: "\e666"
}

.ti-view-list:before {
    content: "\e667"
}

.ti-view-list-alt:before {
    content: "\e668"
}

.ti-view-grid:before {
    content: "\e669"
}

.ti-uppercase:before {
    content: "\e66a"
}

.ti-upload:before {
    content: "\e66b"
}

.ti-underline:before {
    content: "\e66c"
}

.ti-truck:before {
    content: "\e66d"
}

.ti-timer:before {
    content: "\e66e"
}

.ti-ticket:before {
    content: "\e66f"
}

.ti-thumb-up:before {
    content: "\e670"
}

.ti-thumb-down:before {
    content: "\e671"
}

.ti-text:before {
    content: "\e672"
}

.ti-stats-up:before {
    content: "\e673"
}

.ti-stats-down:before {
    content: "\e674"
}

.ti-split-v:before {
    content: "\e675"
}

.ti-split-h:before {
    content: "\e676"
}

.ti-smallcap:before {
    content: "\e677"
}

.ti-shine:before {
    content: "\e678"
}

.ti-shift-right:before {
    content: "\e679"
}

.ti-shift-left:before {
    content: "\e67a"
}

.ti-shield:before {
    content: "\e67b"
}

.ti-notepad:before {
    content: "\e67c"
}

.ti-server:before {
    content: "\e67d"
}

.ti-quote-right:before {
    content: "\e67e"
}

.ti-quote-left:before {
    content: "\e67f"
}

.ti-pulse:before {
    content: "\e680"
}

.ti-printer:before {
    content: "\e681"
}

.ti-power-off:before {
    content: "\e682"
}

.ti-plug:before {
    content: "\e683"
}

.ti-pie-chart:before {
    content: "\e684"
}

.ti-paragraph:before {
    content: "\e685"
}

.ti-panel:before {
    content: "\e686"
}

.ti-package:before {
    content: "\e687"
}

.ti-music:before {
    content: "\e688"
}

.ti-music-alt:before {
    content: "\e689"
}

.ti-mouse:before {
    content: "\e68a"
}

.ti-mouse-alt:before {
    content: "\e68b"
}

.ti-money:before {
    content: "\e68c"
}

.ti-microphone:before {
    content: "\e68d"
}

.ti-menu:before {
    content: "\e68e"
}

.ti-menu-alt:before {
    content: "\e68f"
}

.ti-map:before {
    content: "\e690"
}

.ti-map-alt:before {
    content: "\e691"
}

.ti-loop:before {
    content: "\e692"
}

.ti-location-pin:before {
    content: "\e693"
}

.ti-list:before {
    content: "\e694"
}

.ti-light-bulb:before {
    content: "\e695"
}

.ti-Italic:before {
    content: "\e696"
}

.ti-info:before {
    content: "\e697"
}

.ti-infinite:before {
    content: "\e698"
}

.ti-id-badge:before {
    content: "\e699"
}

.ti-hummer:before {
    content: "\e69a"
}

.ti-home:before {
    content: "\e69b"
}

.ti-help:before {
    content: "\e69c"
}

.ti-headphone:before {
    content: "\e69d"
}

.ti-harddrives:before {
    content: "\e69e"
}

.ti-harddrive:before {
    content: "\e69f"
}

.ti-gift:before {
    content: "\e6a0"
}

.ti-game:before {
    content: "\e6a1"
}

.ti-filter:before {
    content: "\e6a2"
}

.ti-files:before {
    content: "\e6a3"
}

.ti-file:before {
    content: "\e6a4"
}

.ti-eraser:before {
    content: "\e6a5"
}

.ti-envelope:before {
    content: "\e6a6"
}

.ti-download:before {
    content: "\e6a7"
}

.ti-direction:before {
    content: "\e6a8"
}

.ti-direction-alt:before {
    content: "\e6a9"
}

.ti-dashboard:before {
    content: "\e6aa"
}

.ti-control-stop:before {
    content: "\e6ab"
}

.ti-control-shuffle:before {
    content: "\e6ac"
}

.ti-control-play:before {
    content: "\e6ad"
}

.ti-control-pause:before {
    content: "\e6ae"
}

.ti-control-forward:before {
    content: "\e6af"
}

.ti-control-backward:before {
    content: "\e6b0"
}

.ti-cloud:before {
    content: "\e6b1"
}

.ti-cloud-up:before {
    content: "\e6b2"
}

.ti-cloud-down:before {
    content: "\e6b3"
}

.ti-clipboard:before {
    content: "\e6b4"
}

.ti-car:before {
    content: "\e6b5"
}

.ti-calendar:before {
    content: "\e6b6"
}

.ti-book:before {
    content: "\e6b7"
}

.ti-bell:before {
    content: "\e6b8"
}

.ti-basketball:before {
    content: "\e6b9"
}

.ti-bar-chart:before {
    content: "\e6ba"
}

.ti-bar-chart-alt:before {
    content: "\e6bb"
}

.ti-back-right:before {
    content: "\e6bc"
}

.ti-back-left:before {
    content: "\e6bd"
}

.ti-arrows-corner:before {
    content: "\e6be"
}

.ti-archive:before {
    content: "\e6bf"
}

.ti-anchor:before {
    content: "\e6c0"
}

.ti-align-right:before {
    content: "\e6c1"
}

.ti-align-left:before {
    content: "\e6c2"
}

.ti-align-justify:before {
    content: "\e6c3"
}

.ti-align-center:before {
    content: "\e6c4"
}

.ti-alert:before {
    content: "\e6c5"
}

.ti-alarm-clock:before {
    content: "\e6c6"
}

.ti-agenda:before {
    content: "\e6c7"
}

.ti-write:before {
    content: "\e6c8"
}

.ti-window:before {
    content: "\e6c9"
}

.ti-widgetized:before {
    content: "\e6ca"
}

.ti-widget:before {
    content: "\e6cb"
}

.ti-widget-alt:before {
    content: "\e6cc"
}

.ti-wallet:before {
    content: "\e6cd"
}

.ti-video-clapper:before {
    content: "\e6ce"
}

.ti-video-camera:before {
    content: "\e6cf"
}

.ti-vector:before {
    content: "\e6d0"
}

.ti-themify-logo:before {
    content: "\e6d1"
}

.ti-themify-favicon:before {
    content: "\e6d2"
}

.ti-themify-favicon-alt:before {
    content: "\e6d3"
}

.ti-support:before {
    content: "\e6d4"
}

.ti-stamp:before {
    content: "\e6d5"
}

.ti-split-v-alt:before {
    content: "\e6d6"
}

.ti-slice:before {
    content: "\e6d7"
}

.ti-shortcode:before {
    content: "\e6d8"
}

.ti-shift-right-alt:before {
    content: "\e6d9"
}

.ti-shift-left-alt:before {
    content: "\e6da"
}

.ti-ruler-alt-2:before {
    content: "\e6db"
}

.ti-receipt:before {
    content: "\e6dc"
}

.ti-pin2:before {
    content: "\e6dd"
}

.ti-pin-alt:before {
    content: "\e6de"
}

.ti-pencil-alt2:before {
    content: "\e6df"
}

.ti-palette:before {
    content: "\e6e0"
}

.ti-more:before {
    content: "\e6e1"
}

.ti-more-alt:before {
    content: "\e6e2"
}

.ti-microphone-alt:before {
    content: "\e6e3"
}

.ti-magnet:before {
    content: "\e6e4"
}

.ti-line-double:before {
    content: "\e6e5"
}

.ti-line-dotted:before {
    content: "\e6e6"
}

.ti-line-dashed:before {
    content: "\e6e7"
}

.ti-layout-width-full:before {
    content: "\e6e8"
}

.ti-layout-width-default:before {
    content: "\e6e9"
}

.ti-layout-width-default-alt:before {
    content: "\e6ea"
}

.ti-layout-tab:before {
    content: "\e6eb"
}

.ti-layout-tab-window:before {
    content: "\e6ec"
}

.ti-layout-tab-v:before {
    content: "\e6ed"
}

.ti-layout-tab-min:before {
    content: "\e6ee"
}

.ti-layout-slider:before {
    content: "\e6ef"
}

.ti-layout-slider-alt:before {
    content: "\e6f0"
}

.ti-layout-sidebar-right:before {
    content: "\e6f1"
}

.ti-layout-sidebar-none:before {
    content: "\e6f2"
}

.ti-layout-sidebar-left:before {
    content: "\e6f3"
}

.ti-layout-placeholder:before {
    content: "\e6f4"
}

.ti-layout-menu:before {
    content: "\e6f5"
}

.ti-layout-menu-v:before {
    content: "\e6f6"
}

.ti-layout-menu-separated:before {
    content: "\e6f7"
}

.ti-layout-menu-full:before {
    content: "\e6f8"
}

.ti-layout-media-right-alt:before {
    content: "\e6f9"
}

.ti-layout-media-right:before {
    content: "\e6fa"
}

.ti-layout-media-overlay:before {
    content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.ti-layout-media-left-alt:before {
    content: "\e6fe"
}

.ti-layout-media-left:before {
    content: "\e6ff"
}

.ti-layout-media-center-alt:before {
    content: "\e700"
}

.ti-layout-media-center:before {
    content: "\e701"
}

.ti-layout-list-thumb:before {
    content: "\e702"
}

.ti-layout-list-thumb-alt:before {
    content: "\e703"
}

.ti-layout-list-post:before {
    content: "\e704"
}

.ti-layout-list-large-image:before {
    content: "\e705"
}

.ti-layout-line-solid:before {
    content: "\e706"
}

.ti-layout-grid4:before {
    content: "\e707"
}

.ti-layout-grid3:before {
    content: "\e708"
}

.ti-layout-grid2:before {
    content: "\e709"
}

.ti-layout-grid2-thumb:before {
    content: "\e70a"
}

.ti-layout-cta-right:before {
    content: "\e70b"
}

.ti-layout-cta-left:before {
    content: "\e70c"
}

.ti-layout-cta-center:before {
    content: "\e70d"
}

.ti-layout-cta-btn-right:before {
    content: "\e70e"
}

.ti-layout-cta-btn-left:before {
    content: "\e70f"
}

.ti-layout-column4:before {
    content: "\e710"
}

.ti-layout-column3:before {
    content: "\e711"
}

.ti-layout-column2:before {
    content: "\e712"
}

.ti-layout-accordion-separated:before {
    content: "\e713"
}

.ti-layout-accordion-merged:before {
    content: "\e714"
}

.ti-layout-accordion-list:before {
    content: "\e715"
}

.ti-ink-pen:before {
    content: "\e716"
}

.ti-info-alt:before {
    content: "\e717"
}

.ti-help-alt:before {
    content: "\e718"
}

.ti-headphone-alt:before {
    content: "\e719"
}

.ti-hand-point-up:before {
    content: "\e71a"
}

.ti-hand-point-right:before {
    content: "\e71b"
}

.ti-hand-point-left:before {
    content: "\e71c"
}

.ti-hand-point-down:before {
    content: "\e71d"
}

.ti-gallery:before {
    content: "\e71e"
}

.ti-face-smile:before {
    content: "\e71f"
}

.ti-face-sad:before {
    content: "\e720"
}

.ti-credit-card:before {
    content: "\e721"
}

.ti-control-skip-forward:before {
    content: "\e722"
}

.ti-control-skip-backward:before {
    content: "\e723"
}

.ti-control-record:before {
    content: "\e724"
}

.ti-control-eject:before {
    content: "\e725"
}

.ti-comments-smiley:before {
    content: "\e726"
}

.ti-brush-alt:before {
    content: "\e727"
}

.ti-youtube:before {
    content: "\e728"
}

.ti-vimeo:before {
    content: "\e729"
}

.ti-twitter:before {
    content: "\e72a"
}

.ti-time:before {
    content: "\e72b"
}

.ti-tumblr:before {
    content: "\e72c"
}

.ti-skype:before {
    content: "\e72d"
}

.ti-share:before {
    content: "\e72e"
}

.ti-share-alt:before {
    content: "\e72f"
}

.ti-rocket:before {
    content: "\e730"
}

.ti-pinterest:before {
    content: "\e731"
}

.ti-new-window:before {
    content: "\e732"
}

.ti-microsoft:before {
    content: "\e733"
}

.ti-list-ol:before {
    content: "\e734"
}

.ti-linkedin:before {
    content: "\e735"
}

.ti-layout-sidebar-2:before {
    content: "\e736"
}

.ti-layout-grid4-alt:before {
    content: "\e737"
}

.ti-layout-grid3-alt:before {
    content: "\e738"
}

.ti-layout-grid2-alt:before {
    content: "\e739"
}

.ti-layout-column4-alt:before {
    content: "\e73a"
}

.ti-layout-column3-alt:before {
    content: "\e73b"
}

.ti-layout-column2-alt:before {
    content: "\e73c"
}

.ti-instagram:before {
    content: "\f16d";
    /* content: url(../images/icon_insta.svg); */
    font-weight: normal;
    /*color: #056d70;*/
}

.ti-blog:before {
    content: "\f219";
    /* content: url(../images/icon_blog.svg); */
    font-weight: normal;
    /*color: #056d70;*/
}

.ti-twitter:before {
    content: "\f099";
    /* content: url(../images/icon_blog.svg); */
    font-weight: normal;
    /*color: #056d70;*/
}

.ti-access:before {
    content: "\e693";
    font-family: 'themify';
    /* content: url(../images/icon_blog.svg); */
    font-weight: 800;
    /*color: #d00e00;*/
    position: absolute;
    top: 10px;
    left: 15px;
}





.ti-google:before {
    content: "\e73e"
}

.ti-github:before {
    content: "\e73f"
}

.ti-flickr:before {
    content: "\e740"
}

.ti-facebook:before {
    content: "\f09a";
    /* content: url(../images/icon_fb.svg); */
    /*color: #056d70;*/
}

/* English */
.ti-lang-en:before {
    content: url(../images/icon_language.svg)
}

.ti-lang-en-alt:before {
    content: url(../images/icon_language.svg)
}

.ti-dropbox:before {
    content: "\e742"
}

.ti-dribbble:before {
    content: "\e743"
}

.ti-apple:before {
    content: "\e744"
}

.ti-android:before {
    content: "\e745"
}

.ti-save:before {
    content: "\e746"
}

.ti-save-alt:before {
    content: "\e747"
}

.ti-yahoo:before {
    content: "\e748"
}

.ti-wordpress:before {
    content: "\e749"
}

.ti-vimeo-alt:before {
    content: "\e74a"
}

.ti-twitter-alt:before {
    content: "\e74b"
}

.ti-tumblr-alt:before {
    content: "\e74c"
}

.ti-trello:before {
    content: "\e74d"
}

.ti-stack-overflow:before {
    content: "\e74e"
}

.ti-soundcloud:before {
    content: "\e74f"
}

.ti-sharethis:before {
    content: "\e750"
}

.ti-sharethis-alt:before {
    content: "\e751"
}

.ti-reddit:before {
    content: "\e752"
}

.ti-pinterest-alt:before {
    content: "\e753"
}

.ti-microsoft-alt:before {
    content: "\e754"
}

.ti-linux:before {
    content: "\e755"
}

.ti-jsfiddle:before {
    content: "\e756"
}

.ti-joomla:before {
    content: "\e757"
}

.ti-html5:before {
    content: "\e758"
}

.ti-flickr-alt:before {
    content: "\e759"
}

.ti-email:before {
    content: "\e75a"
}

.ti-drupal:before {
    content: "\e75b"
}

.ti-dropbox-alt:before {
    content: "\e75c"
}

.ti-css3:before {
    content: "\e75d"
}

.ti-rss:before {
    content: "\e75e"
}

.ti-rss-alt:before {
    content: "\e75f"
}





/* ************************************************************************************************

normalize.css

************************************************************************************************ */

img,
legend {
    border: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body,
figure {
    margin: 0
}

a:focus {
    outline: dotted thin
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/* ************************************************************************************************

Base

************************************************************************************************ */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* remember: box-sizing is not supported by IE7 :( */
    outline: none;
    vertical-align: top;
}

html {
    width: 100%;
}

html,
body.top,
body.room {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #031d1e;
    background: #031d1e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    /* color: #ffffff; */
    background: #031d1e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    font-weight: 500;
}

p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

a {
    color: inherit;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:focus {
    outline: none;
}

button {
    text-decoration: none;
    border: none;
}

/* ----- *::selection ----- */
*::-moz-selection {
    background: #111;
    color: #fefefe;
}

*::selection {
    background: #d5d5e5;
    color: #fefefe;
}

/* ----- h1,h2,h3,h4,h5 ----- */
h1,
h2,
h3,
h4,
h5 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* ----- .cf ----- */
/* For modern browsers */
.cf:before,
.cf:after {
    content: "";
    display: block;
    overflow: hidden;
}

.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1;
}

/* ----- .transition03 ----- */
.transition03 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.transition05 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* ----- img----- */
img {
    width: 100%;
}

/* ----- a ----- */
a {
    color: inherit;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus,
*:focus {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    outline: none;
}

/* ----- p ----- */
p {
    margin: 0;
    /* padding: 0; */
    /* font-size: 14px; */
    /* font-weight: 500; */
    /* line-height: 2.2; */
    /* letter-spacing: 1px; */
}

p a {
    /* border-bottom: #aaa 1px dashed; */
    /* color: #111; */
    padding: 5px 10px;
}

p a:hover {
    background: #fff;
    color: #016c6e;
    border-bottom: #016c6e 1px dashed;
}


@media only screen and (max-width: 800px) {
    p {
        /* font-size: 13px; */
        /* line-height: 2; */
    }

    p a:hover {
        background: #fff;
        color: #000;
        border-bottom: #aaa 1px dashed;
    }
}

@media only screen and (max-width: 738px) {
    p {
        /* font-size: 12px; */
        /* line-height: 2; */
    }
}

ol,
ul {
    list-style: none;
}

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
}

/* .lazyload,.lazyloading */
.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 750ms;
}


/* .if_br sp 改行 */
.if_br {
    display: none;
}

@media only screen and (max-width: 768px) {
    .if_br {
        display: block;
    }
}



/* .if_br2 Pc 改行 */
.if_br2 {
    display: block;
}

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



/* Read more */
.read-more {
    margin: 15px 3px;
    display: inline-block;
    width: 180px;
    max-width: 100%;
    color: #111;
    border: #111 1px solid;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.read-more:after {
    font-family: 'themify';
    content: "\e649";
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0px;
    right: 7px;
    z-index: 1;
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    transition: right 0.3s ease;
}

.read-more:hover {
    color: #fff;
    border: #9E9E9E 1px solid;
    background: #111;
}

.read-more:hover:after {
    right: 5px;
}

@media only screen and (max-width: 800px) {
    .read-more {
        margin-top: 15px;
        font-size: 13px;
    }

    * .read-more:after {
        right: 10px;
    }

    .read-more:hover {
        color: #fff;
        border: #111 1px solid;
        background: #111;
    }
}

@media only screen and (max-width: 738px) {
    .read-more {
        margin-top: 10px;
        width: 200px;
        font-size: 12px;
        line-height: 30px;
        border: none;
        border: #111 1px solid;
        font-size: 12px;
        line-height: 30px;
        text-align: center;
        letter-spacing: 1px;
        position: relative;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 20px;
    }

    .read-more:after,
    .read-more:hover:after {
        right: 10px;
    }
}



.line_a {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
}






/* ************************************************************************************************

Page

/* Read more1 */
.read-more1 {
    margin: 15px 3px;
    display: inline-block;
    max-width: 100%;
    padding: 5px 30px;
    color: #fff;
    border: #ff7776 1px solid;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #ff7776;
}

/*.read-more1:after { font-family: 'themify'; content: "\e649"; font-size: 10px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 0px; z-index: 1; -webkit-transition: right 0.3s ease; -moz-transition:right 0.3s ease; transition: right 0.3s ease; }*/
.read-more1:hover {
    color: #fff;
    background: #fe8887;
}

.read-more1:hover:after {
    right: 10px;
}

@media only screen and (max-width: 800px) {
    .read-more1 {
        margin-top: 15px;
        font-size: 13px;
    }

    .read-more1:after {
        right: 10px;
    }

    .read-more1:hover {
        color: #fff;
        border: #ffc6c5 1px solid;
        border-bottom: none;
    }
}

@media only screen and (max-width: 738px) {
    .read-more1 {
        margin-top: 10px;
        width: 100%;
        font-size: 12px;
        line-height: 30px;
        border: none;
        /* border:#111 1px solid; */
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        letter-spacing: 1px;
        position: relative;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 15px;
    }

    .read-more1:after,
    .read-more1:hover:after {
        right: 10px;
    }
}


.font_set_mincho {
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;

}

.i_mail {
    width: 50%;
    display: inline;
}

.i_mail:before {
    padding-right: 10px;
    font-size: 15px;
    text-align: left;
    font-family: 'FontAwesome';
    content: "\f003";
    font-weight: normal;
    color: #016c6e;
    width: 50%;
    display: inline;
}

.i_phone {
    width: 50%;
    display: inline;
}

.i_phone:before {

    padding-right: 10px;
    font-size: 15px;
    text-align: left;
    font-family: 'FontAwesome';
    content: "\f095";
    font-weight: normal;
    color: #FF9800;
}



************************************************************************************************ */

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

#page

----------------------------------------------------------- */
#page {
    height: 100%;
    background: #fefefe;
    position: relative;
    z-index: 4;
}




/* ======== #menu .btnClose ======== */
#menu .btnClose {
    position: absolute;
    top: 7px;
    left: 0;
    width: 60px;
    height: 50px;
    color: #fff;
    overflow: hidden;
    text-indent: -999px;
    z-index: 100;
}

#menu .btnClose:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-family: 'themify';
    content: "\e646";
    font-size: 14px;
    line-height: 52px;
    text-align: center;
    text-indent: 0;
    z-index: 1;
}

#menu .btnClose:after {
    position: absolute;
    top: 7px;
    left: 12px;
    right: 12px;
    bottom: 7px;
    content: "";
    /* border:#111 1px solid; webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%; */
}



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

jQuery.mmenu CSS

----------------------------------------------------------- */
#my-menu:not(.mm-menu) {
    display: none;
}

#menu:not(.mm-menu) {
    display: none;
}

/* jQuery.mmenu oncanvas CSS */
.mm-hidden {
    display: none !important;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu,
.mm-panels,
.mm-panels>.mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    letter-spacing: 1px;
}

.mm-panels>.mm-panel {
    margin-top: 50px;
    border-top: #ddd 1px solid;
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0;
}

.mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}

.mm-panel.mm-highest {
    z-index: 1;
}

.mm-panels,
.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
}

.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
    background: #031d1e;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: -80px;
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 40px;
}

.mm-panels>.mm-panel:before,
.mm-panels>.mm-panel:after {
    content: '';
    display: block;
    height: 20px;
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}

.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent;
}

.mm-vertical li.mm-opened>.mm-panel,
li.mm-vertical.mm-opened>.mm-panel {
    display: block;
}

/* .mm-listview ul */
.mm-listview ul {
    background: #fefefe;
}

.mm-listview,
.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.mm-listview {
    font: inherit;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
}

.mm-listview a,
.mm-listview a:hover {
    text-decoration: none;
}

.mm-listview>li {
    position: relative;
    /* background: #786250; */
}

.mm-listview>li,
.mm-listview>li:after,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before {
    border-color: inherit;
    border-color: #f1e0e0;
}

.mm-listview>li>a,
.mm-listview>li>span.block {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    /* padding: 0 10px 0 45px; */
    margin: 0;
    font-size: 25px;
    line-height: 55px;
    font-weight: 600;
}

.mm-listview>li>a.en {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2.5px;
}

.mm-listview>li>a.home {
    position: relative;
    z-index: 1;
    /* padding: 0 10px 0 44px; */
}

/* .mm-listview > li > a.home:before {position:absolute;top:0;left: 20px;bottom:0;width:30px;font-size: 20px;text-align:left;font-family: 'FontAwesome';content: "\f0f8";/* content: url(../images/icon_home.svg); */
font-weight:normal;
line-height:45px;
color: #dfdede;
}

*/ .mm-listview>li>a.calendarArea,
.mm-listview>li>a.contact,
.mm-listview>li>a.tel {
    position: relative;
    z-index: 1;
    padding: 0 10px 0 75px;
    font-size: 12px;
    letter-spacing: 2px;
}

.mm-listview>li>a.calendarArea span.calendar {
    position: absolute;
    top: 8px;
    left: 30px;
    bottom: 8px;
    width: 35px;
    border: #333 1px dotted;
    border-top: #333 double;
    z-index: 2;
    text-align: center;
}

/* .calendarArea p */
.mm-listview>li>a.calendarArea span.calendar p {
    color: #111;
    font-family: 'Catamaran', sans-serif;
    font-weight: 800;
    line-height: 0;
}

.mm-listview>li>a.calendarArea span.calendar p.month {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 20px;
    font-size: 9px;
    text-transform: none;
}

.mm-listview>li>a.calendarArea span.calendar p.day {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    line-height: 20px;
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.mm-listview>li>a.contact:before {
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    width: 35px;
    font-size: 20px;
    text-align: center;
    font-family: 'FontAwesome';
    content: "\f003";
    font-weight: normal;
}

/*.mm-listview > li > a.tel:before{ position:absolute; top:0; left:30px; bottom:0; width:35px; content: ""; background:url(../images/telIconSp.png) center center no-repeat; background-size:20px 20px;}*/
.mm-listview>li>a.tel:before {
    /* position: absolute; */
    top: 0;
    left: 40px;
    bottom: 0;
    width: 35px;
    font-size: 25px;
    text-align: center;
    font-family: 'FontAwesome';
    content: "\f0e0";
    font-weight: normal;
}

.mm-listview>li>span.block {
    font-size: 13px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 600;
    letter-spacing: 2.5px;
}

.mm-listview>li>span.block b {
    font-family: 'Open Sans';
    font-size: 0.9em;
    font-weight: 500;
    vertical-align: 0;
}

/* .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } */
.mm-listview>li:not(.mm-divider):after {
    left: 20px;
    left: 0;
}

/* .bgGray */
.mm-listview>li>.bgGray {
    background: #fafafa;
}

/* .mm-next */
.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.mm-listview .mm-next+a,
.mm-listview .mm-next+span {
    margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen+a,
.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0;
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 30px -20px;
}

.mm-panels>.mm-panel>.mm-listview:first-child,
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: 40px;
    margin-bottom: 60px;
    background: url(../images/footer_bg-sp.jpg) no-repeat center;
    min-height: 100vh;
    padding-top: 60px;
}

/* .mm-inset */
.mm-listview .mm-inset {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mm-listview .mm-inset>li {
    padding: 0;
    position: relative;
    z-index: 1;
}

.mm-listview .mm-inset>li:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    content: "";
    border-top: #ededed 1px dashed;
    z-index: -1;
}

.mm-listview .mm-inset>li>a {
    display: block;
    padding: 0 10px 0 50px;
    font-size: 12px;
    line-height: 45px;
    letter-spacing: 2px;
    position: relative;
}

.mm-listview .mm-inset>li>a:before {
    position: absolute;
    top: 40%;
    left: 30px;
    width: 7px;
    height: 0;
    content: "";
    border-top: #d7d6d6 7px solid;
}

/* .SNS */
.mm-listview .mm-inset>li.youtubeIcon>a,
.mm-listview .mm-inset>li.facebookIcon>a,
.mm-listview .mm-inset>li.pinterestIcon>a,
.mm-listview .mm-inset>li.instagramIcon>a,
.mm-listview .mm-inset>li.blogIcon>a {
    font-size: 12px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    background: #fafafa;
    line-height: 40px;
}

.mm-listview .mm-inset>li.youtubeIcon>a:before,
.mm-listview .mm-inset>li.facebookIcon>a:before,
.mm-listview .mm-inset>li.pinterestIcon>a:before,
.mm-listview .mm-inset>li.instagramIcon>a:before,
.mm-listview .mm-inset>li.blogIcon>a:before {
    position: static;
    font-size: 18px;
    width: 20px;
    height: auto;
    margin-right: 5px;
    display: inline-block;
    border-top: none;
    font-family: 'FontAwesome';
    font-weight: normal;
    text-align: center;
}

.mm-listview .mm-inset>li.youtubeIcon>a:before {
    font-size: 15px;
    content: "\f167 "
}

.mm-listview .mm-inset>li.facebookIcon>a:before {
    content: "\f09a"
}

.mm-listview .mm-inset>li.pinterestIcon>a:before {
    content: "\f231 "
}

.mm-listview .mm-inset>li.instagramIcon>a:before {
    content: "\f16d"
}

.mm-listview .mm-inset>li.blogIcon>a:before {
    font-size: 16px;
    content: "\f219"
}

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: none;
    text-indent: 20px;
    line-height: 25px;
}

.mm-listview .mm-spacer {
    padding-top: 40px;
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px;
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px;
}

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
    content: '';
    border: 1px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 23px;
}

.mm-next:after,
.mm-arrow:after {
    border-top: none;
    border-left: none;
    right: 23px;
}

/* .mm-menu */
.mm-menu {
    background: #2f1404;
    border-color: #eee;
    color: #111;
    border-right: #ededed 1px solid;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-navbar>*,
.mm-menu .mm-navbar a {
    color: rgba(0, 0, 0, 0.3);
    color: #b09d7c;
    font-size: 13px;
    letter-spacing: 2px;
}

.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, 0.1);
    /* border-top: #9E9E9E; */
}

.mm-menu .mm-listview>li .mm-next:after,
.mm-menu .mm-listview>li .mm-arrow:after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview>li a:not(.mm-next) {
    color: #fff;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
    tap-highlight-color: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, 0.5);
}

.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(0, 0, 0, 0.05);
}

.mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05);
}

/* jQuery.mmenu offcanvas addon CSS */
.mm-page {
    box-sizing: border-box;
    position: relative;
    /* background: #f6f1eb; */
}

.mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-opened {
    overflow-x: hidden;
    position: relative;
}

html.mm-blocking {
    overflow: hidden;
}

html.mm-blocking body {
    overflow: hidden;
}

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

html.mm-blocking #mm-blocker {
    display: block;
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
}

.mm-menu.mm-current {
    display: block;
}

.mm-menu {
    width: 100%;
    min-width: 140px;
    max-width: 440px;
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    transform: translate(80%, 0);
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0);
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -moz-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        -o-transform: translate(440px, 0);
        transform: translate(440px, 0);
    }
}

/* jQuery.mmenu autoHeight addon CSS */
.mm-menu.mm-autoheight {
    max-height: 80%;
}

.mm-menu.mm-autoheight.mm-fullscreen {
    max-height: 100%;
}

.mm-menu.mm-measureheight>.mm-panels>.mm-panel {
    bottom: auto !important;
    height: auto !important;
}

/* jQuery.mmenu counters addon CSS */
em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%;
}

em.mm-counter {
    font-size: 12px;
    letter-spacing: 0;
}

em.mm-counter+a.mm-next {
    width: 90px;
}

em.mm-counter+a.mm-next+a,
em.mm-counter+a.mm-next+span {
    margin-right: 90px;
}

em.mm-counter+a.mm-fullsubopen {
    padding-left: 0;
}

.mm-vertical>.mm-counter {
    top: 12px;
    margin-top: 0;
}

.mm-vertical.mm-spacer>.mm-counter {
    margin-top: 40px;
}

.mm-nosubresults>.mm-counter {
    display: none;
}

.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
    color: #111;
}

/* jQuery.mmenu dividers addon CSS */
.mm-divider>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px;
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none;
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-fixeddivider:after {
    content: none !important;
    display: none !important;
}

.mm-hasdividers .mm-fixeddivider {
    display: block;
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, 0.05);
}

/*
jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/*
jQuery.mmenu iconpanels addon CSS
*/
.mm-iconpanel .mm-panel {
    -webkit-transition-property: -webkit-transform, left;
    -moz-transition-property: -moz-transform, left;
    -ms-transition-property: -ms-transform, left;
    -o-transition-property: -o-transform, left;
    transition-property: transform, left;
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit;
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px;
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.mm-subopened .mm-subblocker {
    opacity: 0.6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3;
}

/*
jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview>li:after,
.mm-listview.mm-border-none>li:after {
    content: none;
}

.mm-menu.mm-border-full .mm-listview>li:after,
.mm-listview.mm-border-full>li:after {
    left: 0 !important;
}

.mm-menu.mm-border-offset .mm-listview>li:after,
.mm-listview.mm-border-offset>li:after {
    right: 20px;
}

/*
jQuery.mmenu multiline extension CSS
*/
.mm-menu.mm-multiline .mm-listview>li>a,
.mm-menu.mm-multiline .mm-listview>li>span,
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span {
    text-overflow: clip;
    white-space: normal;
}

/*
jQuery.mmenu pagedim extension CSS
*/
html.mm-pagedim #mm-blocker,
html.mm-pagedim-white #mm-blocker,
html.mm-pagedim-black #mm-blocker {
    opacity: 0;
}

html.mm-pagedim.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim-black.mm-opening #mm-blocker {
    opacity: 0.3;
    transition: opacity 0.4s ease 0.4s;
}

html.mm-pagedim #mm-blocker {
    background: inherit;
}

html.mm-pagedim-white #mm-blocker {
    background: #fff;
}

html.mm-pagedim-black #mm-blocker {
    background: #000;
}

/*
jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.mm-menu.mm-right {
    left: auto;
    right: 0;
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0;
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -o-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -moz-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        -o-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
    }
}

/*
jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    z-index: 0 !important;
}

.mm-menu.mm-front {
    z-index: 1;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-height: calc(100% - 90px);
}



/* .news  */
.news {
    display: inline-block;
    width: 275px;
    max-width: 100%;
    padding: 0;
    margin: 0 10px;
    color: #fefefe;
    background: #eee;
    border: #111 1px solid;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


@media only screen and (max-width: 738px) {
    .news {
        display: inline-block;
        width: 80%;
    }
}

.news:after {
    font-family: 'themify';
    content: "\f105";
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:
        grayscale;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    line-height: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.news:hover {
    color: #fefefe;
    background: #ddd;
    border: #999 1px solid;
}

.news:hover:after {
    right: 10px;
}


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

.linkArea

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

.linkArea {
    text-align: center;
    padding: 10px 0 30px;
}

.linkArea2 {
    text-align: center;
    margin-top: 40px;
    width: 100%;
    max-width: 300px;
    margin: 30px auto;
}

.linkArea3 {
    text-align: center;
    padding: 10px;
}

/* .btn  */
.btn1 {
    display: inline-block;
    width: 275px;
    max-width: 100%;
    padding: 1rem 10px;
    margin: 20px 0 10px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    /* line-height: 55px; */
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 1px;
    background: #EC6D4E;
    color: #fff;
    border: #c54323 1px solid;
}

.btn1:after {
    font-family: 'FontAwesome';
    content: "\e649";
    /* content: "\f16d"; */
    content: "\f105";
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    line-height: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* .btn:after { font-family: 'FontAwesome'; 
content: "\f16d"; 
font-size: 10px; 
font-style: normal; 
font-weight: normal; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
position: absolute; top: 0; right: 15px; z-index: 1; 
line-height: 55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } */

.btn1:hover {
    color: #fff;
    background: #999;
    border: #999 1px solid;
}

.btn1:hover:after {
    right: 10px;
}



/* .btnBorder */
.btnBorder {
    color: #fff;
    background: #153e40;
    border: #fff 1px solid;
    /* padding: 0 10px; */
    width: 330px;
}

.btnBorder:hover {
    color: #fff;
    background: #016c6e;
    border: #fff 1px solid;
}

/* .btnSmall */
.btnSmall {
    font-size: 13px;
    line-height: 30px;
    width: 170px;
    max-width: 100%;
    /* border: #999 2px solid; */
    /* border-bottom: #016c6e 2px solid; */
    padding: 0;
}

.btnSmall:after {
    line-height: 30px;
}

.btnSmall:hover {
    border: #c54323 1px solid;
    background: linear-gradient(to right, #FFDD68, #EC6D4E, #E861A7);
    color: #fff;
    opacity: .9;
}

/* .btnSmall */
.btnSmall2 {
    font-size: 13px;
    line-height: 30px;
    width: 150px;
    max-width: 100%;
    /* border: #999 2px solid; */
    /* border-bottom: #016c6e 2px solid; */
}

.btnSmall2:after {
    line-height: 30px;
}

.btnSmall2:hover {
    border: #999 0px solid;
}




/* .btnSmall */
.btnSmallBorder {
    font-size: 13px;
    line-height: 40px;
    width: 200px;
    max-width: 100%;
    color: #111;
    background: none;
    border: #111 1px solid;
}

.btnSmallBorder:after {
    line-height: 40px;
}

.btnSmallBorder:hover {
    color: #999;
    background: #f0fafe;
    background: none;
    border: #999 1px solid;
}

/* .btnBlue */
.btnBlue:hover {
    color: #fefefe;
    background: #999;
    border: #999 1px solid;
}

/* .btnBlueBorder */
.btnBlueBorder:hover {
    color: #999;
    background: #999;
    background: none;
    border: #999 1px solid;
}


/* ===css修正-UP前=== *

.btn1 {display: inline-block;width:275px;max-width:100%;padding: 0;margin:0 10px;color: #fff;font-size: 14px;text-decoration: none;text-align:center;font-weight:500;line-height: 55px;letter-spacing: 1px;position: relative;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 1px;background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(40%, #cd9797),
to(#9f7867)
);
background-image: -webkit-linear-gradient(left, #cd9797 30%, #9f7867 100%);
background-image: linear-gradient(90deg, #cd9797 30%, #9f7867 100%);
border: solid 1px #fff}
.btn1:after {font-family: 'FontAwesome';content: "\f105";font-size: 10px;font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 0;right: 15px;z-index: 1;line-height: 55px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.btn1:hover {color:#fff;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#cd9797),
color-stop(#9f7867),
to(#b38072)
);
background-image: -webkit-linear-gradient(left, #cd9797, #9f7867, #b38072);
background-image: linear-gradient(90deg, #c38a8a, #a9665b, #ab7065);}
.btn1:hover:after { right: 10px; }

/* ===ここまで差し替え=== */

@media only screen and (max-width: 800px) {
    .linkArea {
        margin-top: 30px;
    }

    /* .btn  */
    .btn {
        margin: 10px auto;
        font-size: 16px;
        line-height: 30px;
        width: 275px;
        max-width: 100%;
    }

    .btn:after {
        line-height: 30px;
        right: 10px;
    }

    .btn:hover {
        color: #fefefe;
        /* background: #8c6d5a; */
        /* border: #fefefe 1px solid; */
    }

    /* .btnBorder */
    .btnBorder:hover {
        color: #fff;
        background: none;
        border: #fff 1px solid;
    }

    /* .btnSmall */
    .btnSmall {
        line-height: 30px;
        width: 220px;
        max-width: 100%;
    }

    .btnSmall:after {
        line-height: 30px;
    }

    .btnSmall:hover {
        border: #000 1px solid;
    }
}

@media only screen and (max-width: 738px) {
    .linkArea {
        margin-top: 25px;
    }

    /* .btn  */
    .btn1 {
        /* font-size: 13px; */
        /* line-height: 30px; */
        /* width:250px; */
        /* max-width:100%; */
        /* line-height: 55px; */
    }

    .btn1:after {
        line-height: 50px;
    }

    .btnSmall {
        line-height: 30px;
        width: 180px;
        max-width: 100%;
    }

    .btnSmall:after {
        line-height: 30px;
    }
}

@media only screen and (max-width: 414px) {
    .btn1 {
        font-size: 16px;
        margin: 20px 0 10px;
    }
}

@media only screen and (max-width: 500px) {
    .btnBorder {
        width: 280px;
    }
}


/* 横配置
-------------------------------------------------------------*/

.c-lacing {
    text-align: center;
}

.l-lacing {
    text-align: left;
}

.r-lacing {
    text-align: right;
}


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

#w-coupon

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

.w-coupon {
    background: #016c6e;
    padding: 10px;
    height: 250px;
    width: 250px;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    color: #fff;
}

.w-coupon p {
    color: #fff;
    font-size: 18px;
    padding: 20px;
}

.w-coupon p span {
    color: #fff;
    font-size: 15px;
    padding: 20px;
}

.w-coupon h2 {
    color: #fff;
    font-size: 25px;
    line-height: 2.0;
    border-top: 1px dotted #fff;
    border-bottom: 1px dotted #fff;
}

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

#preloader

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

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: #fefefe;
    z-index: 99998;
}

/* .spinner */
.spinner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 70px;
    height: 70px;
    margin: auto;
    text-indent: -9999px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spin .5s linear infinite;
    -moz-animation: spin .5s linear infinite;
    -ms-animation: spin .5s linear infinite;
    -o-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0)
    }

    100% {
        -o-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media screen and (max-width:812px) {
    .spinner {
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width:414px) {
    .spinner {
        width: 40px;
        height: 40px
    }
}





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

.central

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

.central {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

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

#breadcrumb

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

#breadcrumb {
    padding: 30px 12%;
    position: relative;
    top: 90px;
    z-index: 1;
    /* border-top: #ededed 1px solid; */
    /* border-bottom: #f5f5f5 1px solid; */
    /* margin-bottom: 30px; */
    /* right: 0; */
    text-align: right;
    /* color: #fff; */
}

#breadcrumb:before {
    position: absolute;
    top: -1px;
    left: 5%;
    right: 5%;
    height: 0;
    content: "";
    /* border-top:#ededed 1px solid; */
    z-index: 2;
}

#breadcrumb ol {
    font-size: 0;
    margin: 0;
    padding: 0;
    line-height: 1.8;
    line-height: 1;
}

#breadcrumb li {
    display: inline-block;
    /* display: inline; */
    zoom: 1;
    list-style: none;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    height: 20px;
    line-height: 20px;
}

/*#breadcrumb li:after { font-size: 6px; font-family: 'themify'; content: "\e649"; font-weight: normal; margin: 0 10px; height:20px; line-height:20px; }*/
#breadcrumb li:after {
    font-size: 10px;
    font-family: 'FontAwesome';
    content: "\f105";
    font-weight: normal;
    margin: 0 10px;
    height: 20px;
    line-height: 20px;
}


#breadcrumb li:last-child:after {
    display: none;
}

#breadcrumb li i {
    font-size: 16px;
    padding-right: 5px;
    font-weight: normal;
    line-height: 1.3;
}

#breadcrumb li a {
    /* border-bottom: #999 1px solid; */
    position: relative;
    z-index: 1;
    height: 20px;
    line-height: 20px;
}

#breadcrumb li:first-child a:before {
    padding-right: 5px;
    font-size: 11px;
    font-family: 'themify';
    content: "\e69b";
}

#breadcrumb li:first-child a:before {
    padding-right: 5px;
    font-size: 1.2rem;
    font-family: 'FontAwesome';
    content: "\f0f8";
    padding-right: 10px;
    font-size: 15px;
    text-align: left;
    font-family: 'FontAwesome';
    /* content: "\f003"; */
    /* content: url(../images/icon_home.svg); */
    font-weight: normal;
    /* color: #fff; */
}

#breadcrumb li a:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    content: "";
    background: transparent;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#breadcrumb li a:hover:after {
    width: 100%;
    background: #ffffffa1;
    color: #000;
}

#breadcrumb li a:hover {
    color: #000;
    border-bottom: #ffffff 1px solid;
}

@media only screen and (max-width: 800px) {
    #breadcrumb {
        padding: 20px 5%;
        border-top: none;
        top: 40px;
    }

    #breadcrumb:before {
        display: none;
    }

    #breadcrumb li a {
        /* border-bottom: #aaa 1px solid; */
        font-size: 12px;
        /* color: #fff; */
    }

    #breadcrumb li a:hover:after {
        display: none;
    }

    #breadcrumb li a:hover {
        color: #000;
        border-bottom: #999 1px solid;
    }
}

@media only screen and (max-width: 414px) {
    #breadcrumb ol {
        font-size: 0;
        margin: -10px auto 0;
        padding: 0;
        display: block;
        text-align: left;
    }

    #breadcrumb li {
        font-size: 14px;
        margin: 10px 0 0;
        padding: 0;
        letter-spacing: 1px;
    }

    #breadcrumb li:after {
        margin: 0 5px;
    }

    #breadcrumb li:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 10em;
    }

    #breadcrumb li:first-child a {
        font-size: 0;
        width: auto;
        padding-bottom: 7px;
    }

    #breadcrumb li:first-child a:before {
        padding-right: 0;
        font-size: 18px;
    }
}

@media only screen and (max-width: 320px) {
    #breadcrumb li:last-child {
        width: 6em;
    }
}



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

#headline

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

#headline {
    margin: 0 5% 0;
    height: 200px;
    position: relative;
    z-index: 1;
    max-width: 1500px;
    /* background: #181615; */
    margin: 0 auto;
    top: 90px;
    color: #fff;
}

#headline:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #fff;
    opacity: 0.2;
    z-index: 2;
}

#headline:before {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    content: "";
    border: #ffffff 1px dotted;
    /* border-bottom:none; */
    z-index: 3;
    opacity: 0.4;
    /* margin: 1%; */
}

#headline .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 100%;
    display: inline-block;
    color: #fff;
    text-align: left;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4;
}

#headline h2.en {
    font-size: 20px;
    font-family: 'Catamaran', sans-serif;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    /* font-weight: 500; */
    line-height: 1;
    letter-spacing: 3px;
    position: relative;
    z-index: 3;
}

#headline h2.jp {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1;
    margin-top: 20px;
    position: relative;
    z-index: 3;
    font-family: "Poiret One", sans-serif;
}

@media only screen and (max-width: 1024px) {
    #headline {
        height: 200px;
    }

    #headline .inner {
        position: absolute;
        top: 50%;
    }

    #headline h2.en {
        font-size: 20px;
        letter-spacing: normal;
    }

}

@media only screen and (max-width: 812px) {
    #headline {
        height: 150px;
        top: 30px;
    }

    #headline .inner {
        top: 50%;
    }

    #headline h2.en {
        font-size: 26px;
        letter-spacing: 4px;
        position: relative;
        z-index: 3;
    }

    #headline h2.jp {
        font-size: 20px;
        /* font-weight: bold; */
        letter-spacing: 3px;
        line-height: 1;
        margin-top: 15px;
        position: relative;
        z-index: 3;
    }
}

@media only screen and (max-width: 738px) {
    #headline {
        margin: 0;
        /* height:100px; */
    }

    #headline:before {
        top: 10px;
        left: 10px;
        right: 10px;
        display: none;
    }

    #headline:after {
        opacity: 0.3;
    }

    #headline h2.en {
        font-size: 20px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }
}

@media only screen and (max-width: 414px) {
    #headline {
        height: 150px;
    }

    #headline .inner {
        /* top: 10%; */
    }

    #headline h2.en {
        font-size: 16px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }

    #headline h2.jp {
        font-size: 16px;
        /* font-weight: bold; */
        letter-spacing: 2px;
        line-height: 1;
        margin-top: 10px;
        position: relative;
        z-index: 3;
    }
}






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

#headline_room

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

#headline_room {
    margin: 0 5% 0;
    height: 150px;
    position: relative;
    z-index: 1;
    max-width: 1500px;
    background: #472b14;
    margin: 0 auto;
    top: 90px;
    color: #fff;
}

#headline_room:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    /* background: #fff; */
    opacity: 0.2;
    z-index: 2;
}

#headline_room:before {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    content: "";
    border: #ffffff 1px dotted;
    /* border-bottom:none; */
    z-index: 3;
    opacity: 0.4;
    /* margin: 1%; */
}

#headline_room .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 100%;
    display: inline-block;
    color: #fff;
    text-align: left;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4;
}

#headline_room h2.en {
    font-size: 35px;
    font-family: 'Catamaran', sans-serif;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 5px;
    position: relative;
    z-index: 3;
}

#headline_room h2.jp {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 1;
    margin-top: 20px;
    position: relative;
    z-index: 3;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
}

@media only screen and (max-width: 1024px) {
    #headline_room {
        height: 200px;
    }

    #headline_room .inner {
        position: absolute;
        top: 30%;
    }
}

@media only screen and (max-width: 812px) {
    #headline_room {
        height: 150px;
        top: 30px;
    }

    #headline_room .inner {
        top: 50%;
    }

    #headline_room h2.en {
        font-size: 35px;
        letter-spacing: 4px;
        position: relative;
        z-index: 3;
    }

    #headline_room h2.jp {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 4px;
        line-height: 1;
        margin-top: 15px;
        position: relative;
        z-index: 3;
    }
}

@media only screen and (max-width: 738px) {
    #headline_room {
        margin: 0;
        /* height:100px; */
    }

    #headline_room:before {
        top: 10px;
        left: 10px;
        right: 10px;
        display: none;
    }

    #headline_room:after {
        opacity: 0.3;
    }

    #headline_room h2.en {
        font-size: 30px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }
}

@media only screen and (max-width: 414px) {
    #headline_room {
        height: 150px;
    }

    #headline_room .inner {
        top: 40%;
    }

    #headline_room h2.en {
        font-size: 23px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }

    #headline_room h2.jp {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 3px;
        line-height: 1;
        margin-top: 10px;
        position: relative;
        z-index: 3;
    }
}




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

.headlineImg

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

/* room */
.headlineImgAbout {
    background: url(../room/images/headline.jpg) bottom right no-repeat;
    background-size: cover;
    /* background: #fff; */
}




/* photography */
.headlineImgPhotography {
    background: url(../images/photography/headline_photography.jpg) center center no-repeat;
    background-size: cover;
}

/* location */
.headlineImgPhotography_location {
    background: url(../images/photography/headline_location.jpg) bottom center no-repeat;
    background-size: cover;
}

.headlineImgPhotography_location_dress {
    background: url(../images/photography/headline_location_dress.jpg) top center no-repeat;
    background-size: cover;
}

.headlineImgPhotography_location_kimono {
    background: url(../images/photography/headline_location_kimono.jpg) bottom center no-repeat;
    background-size: cover;
}

.headlineImgPhotography_location_dress_kimono {
    background: url(../images/photography/headline_location_dress_kimono.jpg) bottom center no-repeat;
    background-size: cover;
}

.headlineImgPhotography_location_engagement {
    background: url(../images/photography/headline_location_engage.jpg) bottom right no-repeat;
    background-size: cover;
}

/* family */
.headlineImgPhotography_family {
    background: url(../images/photography/headline_family.jpg) center right no-repeat;
    background-size: cover;
}

/* wedding */
.headlineImgPhotography_wedding {
    background: url(../images/photography/headline_wedding.jpg) top center no-repeat;
    background-size: cover;
}

/* photogallery */
.headlineImgPhotogallery {
    background: url(../images/photogallery/headline.jpg) top center no-repeat;
    background-size: cover;
}

.headlineImgPhotogallery_wedding {
    background: url(../images/photogallery/weddingday/headline.jpg) center center no-repeat;
    background-size: cover;
}

.headlineImgPhotogallery_family {
    background: url(../images/photogallery/family/headline.jpg) top left no-repeat;
    background-size: cover;
}


/* work */
.headlineImgWork {
    background: url(../images/work/headline.jpg) top center no-repeat;
    background-size: cover;
}

.headlineImgWork_glass {
    background: url(../images/work/glass/headline.jpg) center center no-repeat;
    background-size: cover;
}

.headlineImgWork_jpainting {
    background: url(../images/work/jpainting/headline.jpg) top left no-repeat;
    background-size: cover;
}



/* flow */
.headlineImgFlow {
    background: url(../images/photography/flow/headline.jpg) bottom right no-repeat;
    background-size: cover;
}

/* about 
.headlineImgAbout {background: url(../profile/images/header_profile.jpg) bottom right no-repeat;background-size:cover;}
.headlineImgAbout_award { background: url(../images/about/award/headline.jpg) bottom right no-repeat; background-size:cover; }
.headlineImgAbout_company { background: url(../images/about/company/headline.jpg) bottom center no-repeat; background-size:cover; }

*/
/* story */
.headlineImgStory {
    background: url(../images/about/headline_story.jpg) top right no-repeat;
    background-size: cover;
}

/* volunteer */
.headlineImgVolunteer {
    background: url(../images/about/headline_volunteer.jpg) top right no-repeat;
    background-size: cover;
}




/* staff */
.headlineImgStaff {
    background: url(../images/staff/headline.jpg) center center no-repeat;
    background-size: cover;
}

.headlineImgStaff_recruit {
    background: url(../images/staff/recruit/headline.jpg) center center no-repeat;
    background-size: cover;
}

/* contact */
.headlineImgContact {
    background: url(../images/contact/headline.jpg) bottom center no-repeat;
    background-size: cover;
}

/* calendar */
.headlineImgCalendar {
    background: url(../images/calendar/headline.jpg) bottom left no-repeat;
    background-size: cover;
}


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

    /* photography */
    .headlineImgPhotography {
        background: url(../images/photography/headline_photographySp.jpg) center center no-repeat;
        background-size: cover;
    }

    /* location */
    .headlineImgPhotography_location {
        background: url(../images/photography/headline_locationSp.jpg) bottom center no-repeat;
        background-size: cover;
    }

    .headlineImgPhotography_location_dress {
        background: url(../images/photography/headline_location_dressSp.jpg) center left no-repeat;
        background-size: cover;
    }

    .headlineImgPhotography_location_kimono {
        background: url(../images/photography/headline_location_kimonoSp.jpg) bottom center no-repeat;
        background-size: cover;
    }

    .headlineImgPhotography_location_dress_kimono {
        background: url(../images/photography/headline_location_dress_kimonoSp.jpg) bottom center no-repeat;
        background-size: cover;
    }

    .headlineImgPhotography_location_engagement {
        background: url(../images/photography/headline_location_engagementSp.jpg) bottom right no-repeat;
        background-size: cover;
    }

    /* family */
    .headlineImgPhotography_family {
        background: url(../images/photography/headline_familySp.jpg) center right no-repeat;
        background-size: cover;
    }

    /* wedding */
    .headlineImgPhotography_wedding {
        background: url(../images/photography/headline_weddingSp.jpg) top center no-repeat;
        background-size: cover;
    }

    /* photogallery */
    .headlineImgPhotogallery {
        background: url(../images/photogallery/headlineSp.jpg) top center no-repeat;
        background-size: cover;
    }

    .headlineImgPhotogallery_wedding {
        background: url(../images/photogallery/weddingday/headlineSp.jpg) center center no-repeat;
        background-size: cover;
    }

    .headlineImgPhotogallery_family {
        background: url(../images/photogallery/family/headlineSp.jpg) top left no-repeat;
        background-size: cover;
    }


    /* work */
    .headlineImgWork {
        background: url(../images/works/headlineSp.jpg) top center no-repeat;
        background-size: cover;
    }

    .headlineImgWork_glass {
        background: url(../images/works/glass/headlineSp.jpg) center center no-repeat;
        background-size: cover;
    }

    .headlineImgWork_jpainting {
        background: url(../images/works/jpainting/headlineSp.jpg) top left no-repeat;
        background-size: cover;
    }





    /* flow */
    .headlineImgFlow {
        background: url(../images/photography/flow/headlineSp.jpg) bottom right no-repeat;
        background-size: cover;
    }

    /* about */
    .headlineImgAbout {
        background: url(../room/images/headline.jpg) bottom center no-repeat;
        background-size: cover;
    }

    .headlineImgAbout_award {
        background: url(../guide/images/headline.jpg) bottom right no-repeat;
        background-size: cover;
    }

    .headlineImgAbout_company {
        background: url(.../guide/images/headline.jpg) center center no-repeat;
        background-size: cover;
    }

    /* story */
    .headlineImgStory {
        background: url(../images/about/headline_storySp.jpg) top right no-repeat;
        background-size: cover;
    }

    /* volunteer */
    .headlineImgVolunteer {
        background: url(../images/about/headline_volunteerSp.jpg) top right no-repeat;
        background-size: cover;
    }




    /* staff */
    .headlineImgStaff {
        background: url(../images/staff/headlineSp.jpg) center center no-repeat;
        background-size: cover;
    }

    .headlineImgStaff_recruit {
        background: url(../images/staff/recruit/headlineSp.jpg) center center no-repeat;
        background-size: cover;
    }

    /* contact */
    .headlineImgContact {
        background: url(../images/contact/headlineSp.jpg) bottom center no-repeat;
        background-size: cover;
    }

    /* calendar */
    .headlineImgCalendar {
        background: url(../images/calendar/headlineSp.jpg) bottom left no-repeat;
        background-size: cover;
    }
}


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

#w_headline

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

#w_headline {
    margin: 0 5% 90px;
    text-align: center;
}

#w_headline .headlinePlan {}

#w_headline .headlinePlan h3.no {
    display: block;
    width: 80px;
    height: 80px;
    margin: -40px auto 0;
    background: #fefefe;
    font-size: 18px;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: 1px;
    position: relative;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_headline .headlinePlan h3.no:after {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    content: "";
    border: #fefefe 1px solid;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_headline .headlinePlan h2.jp_plan {
    margin-top: 10px;
    font-size: 30px;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.8;
    text-align: center;
}

/* --- .descriptionArea --- */
#w_headline .descriptionArea {
    position: relative;
    z-index: 1;
    margin: 20px auto 0;
}

#w_headline .descriptionArea p {
    font-size: 14px;
    line-height: 2.4;
    letter-spacing: 2px;
    margin-top: 1em;
}

@media only screen and (max-width: 800px) {
    #w_headline {
        margin: 0 5% 80px;
    }

    #w_headline .headlinePlan h3.no {
        width: 70px;
        height: 70px;
        margin: -35px auto 0;
        font-size: 18px;
        line-height: 70px;
    }

    #w_headline .headlinePlan h2.jp_plan {
        /*margin-top:10px; */
        font-size: 25px;
    }
}

@media only screen and (max-width: 738px) {
    #w_headline {
        margin: 0 5% 70px;
    }

    #w_headline .headlinePlan h3.no {
        width: 60px;
        height: 60px;
        margin: -30px auto 0;
        font-size: 16px;
        line-height: 60px;
    }

    #w_headline .headlinePlan h2.jp_plan {
        /*margin-top:10px; */
        font-size: 20px;
        letter-spacing: 2px;
    }

    /* --- .conceptArea --- */
    #w_headline .descriptionArea {
        margin: 20px auto 0;
        padding: 0 2.5%;
        text-align: left;
    }

    #w_headline .descriptionArea p {
        font-size: 13px;
        line-height: 2;
        letter-spacing: 1px;
        margin-top: 1em;
    }

    #w_headline .descriptionArea p br {
        display: none;
    }
}

@media only screen and (max-width: 414px) {
    #w_headline {
        margin: 0 5% 60px;
    }

    #w_headline .headlinePlan h2.jp_plan {
        margin-top: 5px;
        letter-spacing: 2px;
    }

    #w_headline .descriptionArea p {
        font-size: 12px;
    }
}





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

.headline

----------------------------------------------------------- */
.headline {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 45px;
    /* overflow: auto; */
}

.headline h3.en {
    font-size: 35px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 5px;
    position: relative;
    z-index: 3;
    /* text-align: center; */
}

.headline h3.jp {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 1;
    margin-top: 20px;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width: 800px) {
    .headline {
        margin-bottom: 40px;
    }

    .headline h3.en {
        font-size: 30px;
        letter-spacing: 4px;
    }

    .headline h3.jp {
        font-size: 14px;
        letter-spacing: 4px;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 738px) {
    .headline {
        margin-bottom: 35px;
    }

    .headline h3.en {
        font-size: 25px;
        letter-spacing: 3px;
    }

    .headline h3.jp {
        font-size: 13px;
        letter-spacing: 3px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .headline {
        margin-bottom: 10px;
        margin-top: 20px;
    }

}



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

#w_photography_otherplan

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

#w_otherplan {
    padding: 90px 5%;
    position: relative;
    z-index: 1;
    border-top: #a3d9e0 1px solid;
    background: url(../images/noise.png) repeat #fefefe;
}

#w_otherplan:before {
    position: absolute;
    top: -1px;
    left: 5%;
    right: 5%;
    height: 0;
    content: "";
    border-top: #ededed 1px solid;
    z-index: 2;
}

/* --- .planArea --- */
#w_otherplan .planArea {
    margin: -60px -1.5% 0;
    font-size: 0;
    text-align: left;
}

/* .photographyBox */
#w_otherplan .planBox {
    display: inline-block;
    margin: 80px 1.5% 0;
    width: 30.333%;
    position: relative;
    z-index: 2;
    background: #fefefe;
}

#w_otherplan .planBox:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border: #ededed 1px solid;
    z-index: -1;
}

/* .inner */
#w_otherplan .planBox .inner {
    padding: 35px 5% 50px;
    text-align: center;
}

/* .imgArea */
#w_otherplan .planBox .imgArea {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#w_otherplan .planBox .imgArea img {
    width: 100%;
    height: auto;
}

/* h5 */
#w_otherplan .planBox h5 {
    display: block;
    width: 50px;
    height: 50px;
    margin: -25px auto 0;
    background: #fefefe;
    font-size: 14px;
    ont-family: 'Catamaran', sans-serif;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 1px;
    position: relative;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_otherplan .planBox h5:after {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    content: "";
    border: #fefefe 1px solid;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

/* .txtArea */
#w_otherplan .planBox .txtArea {
    margin-top: -5px;
}

/* h3 */
#w_otherplan .planBox h3 {
    font-size: 12px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.8;
    position: relative;
    z-index: 4;
}

/* h4 */
#w_otherplan .planBox h4 {
    font-size: 17px;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 2;
    margin-bottom: 5px;
}

/* p.price */
#w_otherplan .planBox .txtArea p {
    font-size: 13px;
}

/* .linkArea */
#w_otherplan .planBox .linkArea {
    margin-top: 20px;
}



@media only screen and (max-width: 1024px) {
    #w_otherplan .planArea {
        margin: -60px -1% 0;
    }

    #w_otherplan .planBox {
        margin: 80px 1% 0;
        width: 31.333%;
    }

    #w_otherplan .planBox h4 {
        font-size: 16px;
        letter-spacing: 1.5px;
    }

    #w_otherplan .planBox .linkArea a {
        width: 180px;
    }
}


@media only screen and (max-width: 800px) {
    #w_otherplan {
        padding: 80px 5%;
    }

    #w_otherplan .planArea {
        margin: -40px -1.5% 0;
    }

    #w_otherplan .planBox {
        display: inline-block;
        margin: 60px 1.5% 0;
        width: 97%;
    }
}

@media only screen and (max-width: 738px) {
    #w_otherplan {
        padding: 70px 5%;
    }

    #w_otherplan .planArea {
        margin: -40px -1.5% 0;
    }

    #w_otherplan .planBox {
        margin: 50px 1.5% 0;
    }

    #w_otherplan .planBox .inner {
        padding: 30px 5% 45px;
    }

    #w_otherplan .planBox .linkArea {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 414px) {
    #w_otherplan {
        padding: 60px 5%;
    }

    #w_otherplan .planArea {
        margin: -40px -1.5% 0;
    }

    #w_otherplan .planBox {
        margin: 40px 1.5% 0;
    }
}

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


#w_other_link

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

#w_other_link {
    padding: 90px 5%;
    position: relative;
    z-index: 1;
    border-top: #ededed 1px solid;
    /*background: url(../images/noise.png) repeat;*/
}

#w_other_link:before {
    position: absolute;
    top: -1px;
    left: 5%;
    right: 5%;
    height: 0;
    content: "";
    border-top: #ededed 1px solid;
    z-index: 2;
}

/* .inner */
#w_other_link .inner {
    margin: 0;
}

/* ul */
#w_other_link .inner ul {
    font-size: 0;
    margin: 0 -1.5%;
    text-align: center;
}

#w_other_link .inner ul li {
    display: inline-block;
    margin: 0 1.5%;
    width: 47%;
    position: relative;
    z-index: 1;
    border: #ededed 1px solid;
    overflow: hidden;
}

#w_other_link .inner ul li a {
    display: block;
    color: #fefefe;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* .imgArea */
#w_other_link .inner .imgArea {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

#w_other_link .inner li:hover .imgArea {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/* .txtArea */
#w_other_link .inner .txtArea {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 300px;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    z-index: 3;
}

/* h3 */
#w_other_link .inner h3.en {
    font-size: 15px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 800;
    letter-spacing: 3px;
    line-height: 1;
}

#w_other_link .inner h3.jp {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2.5px;
    line-height: 1;
    margin-top: 10px;
}

/* a:before */
#w_other_link .inner ul li a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #111;
    opacity: 0.4;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#w_other_link .inner ul li a:hover:before {
    background: #e4f5fd;
    opacity: 0.8;
}

/* a:after */
#w_other_link .inner ul li a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: #fefefe 10px solid;
    opacity: 1;
    z-index: 2;
}

/* transition */
#w_other_link .inner ul li .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    color: #fefefe;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_other_link .inner ul li .arrow i {
    font-size: 12px;
    line-height: 40px;
}

#w_other_link .inner ul li .arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border: #fefefe 1px solid;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_other_link .inner ul li:hover .arrow {
    color: #111;
}

#w_other_link .inner ul li:hover .arrow:after {
    border: transparent 1px solid;
    background: #fefefe;
}

/* .arrow */
#w_other_link .inner ul li a:before,
#w_other_link .inner ul li .arrow,
#w_other_link .inner ul li .arrow:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



#w_other_link .inner2 {
    margin: 0;
}

/* ul */
#w_other_link .inner2 ul {
    font-size: 0;
    margin: 0 -1.5%;
    text-align: center;
}

#w_other_link .inner2 ul li {
    display: inline-block;
    margin: 0 1%;
    width: 22.5%;
    position: relative;
    z-index: 1;
    border: #ededed 1px solid;
    overflow: hidden;
}

#w_other_link .inner2 ul li a {
    display: block;
    color: #fefefe;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* .imgArea */
#w_other_link .inner2 .imgArea {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

#w_other_link .inner2 li:hover .imgArea {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/* .txtArea */
#w_other_link .inner2 .txtArea {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 300px;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    z-index: 3;
}

/* h3 */
#w_other_link .inner2 h3.en {
    font-size: 10px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 800;
    letter-spacing: 3px;
    line-height: 1;
}

#w_other_link .inner2 h3.jp {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 2.5px;
    line-height: 1;
    margin-top: 10px;
}

/* a:before */
#w_other_link .inner2 ul li a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #111;
    opacity: 0.4;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#w_other_link .inner2 ul li a:hover:before {
    background: #e4f5fd;
    opacity: 0.8;
}

/* a:after */
#w_other_link .inner2 ul li a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: #fefefe 10px solid;
    opacity: 1;
    z-index: 2;
}

/* transition */
#w_other_link .inner2 ul li .arrow {
    position: absolute;
    top: 45%;
    right: 20px;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    color: #fefefe;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_other_link .inner2 ul li .arrow i {
    font-size: 16px;
    line-height: 20px;
}

#w_other_link .inner2 ul li .arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border: #fefefe 1px solid;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_other_link .inner2 ul li:hover .arrow {
    color: #111;
}

#w_other_link .inner2 ul li:hover .arrow:after {
    border: transparent 1px solid;
    background: #fefefe;
}

/* .arrow */
#w_other_link .inner2 ul li a:before,
#w_other_link .inner2 ul li .arrow,
#w_other_link .inner2 ul li .arrow:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}




/* .linkArea */
#w_other_link .linkArea {
    margin-top: 50px;
}

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

    /* h3 */
    #w_other_link .inner h3.en {
        font-size: 16px;
    }

    #w_other_link .inner2 h3.en {
        font-size: 16px;
    }

    #w_other_link .inner2 ul {
        font-size: 0;
        margin: 0 -1.5%;
        text-align: center;
    }

    #w_other_link .inner2 ul li {
        display: inline-block;
        margin: 0 1.5%;
        width: 47%;
        position: relative;
        z-index: 1;
        border: #ededed 1px solid;
        overflow: hidden;
    }

    #w_other_link .inner2 ul li a {
        display: block;
        color: #fefefe;
        text-align: center;
        position: relative;
        z-index: 1;
    }

}

@media only screen and (max-width: 800px) {
    #w_other_link {
        padding: 80px 5%;
    }

    /* .inner */
    #w_other_link .inner {
        margin: 0;
    }

    /* ul */
    #w_other_link .inner ul {
        margin: -30px 0 0;
    }

    #w_other_link .inner ul li {
        display: block;
        margin: 30px 0 0;
        width: 100%;
    }

    /* h3 */
    #w_other_link .inner h3.en {
        font-size: 18px;
    }

    /* .imgArea */
    #w_other_link .inner li:hover .imgArea {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    /* .txtArea */
    #w_other_link .inner .txtArea {
        min-width: 300px;
    }

    /* a:before */
    #w_other_link .inner ul li a:hover:before {
        background: #111;
        opacity: 0.5;
    }

    /* transition */
    #w_other_link .inner ul li .arrow {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        color: #fefefe;
        z-index: 3;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    #w_other_link .inner ul li .arrow i {
        font-size: 12px;
        line-height: 40px;
    }

    #w_other_link .inner ul li .arrow:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        border: #fefefe 1px solid;
        z-index: -1;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    #w_other_link .inner ul li:hover .arrow {
        color: #fefefe;
    }

    #w_other_link .inner ul li:hover .arrow:after {
        border: #fefefe 1px solid;
        background: none;
    }


    /* .inner */
    #w_other_link .inner2 {
        margin: 0;
    }

    /* ul */
    #w_other_link .inner2 ul {
        margin: -30px 0 0;
    }

    #w_other_link .inner2 ul li {
        display: block;
        margin: 30px 0 0;
        width: 100%;
    }

    /* h3 */
    #w_other_link .inner2 h3.en {
        font-size: 18px;
    }

    /* .imgArea */
    #w_other_link .inner2 li:hover .imgArea {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    /* .txtArea */
    #w_other_link .inner2 .txtArea {
        min-width: 300px;
    }

    /* a:before */
    #w_other_link .inner2 ul li a:hover:before {
        background: #111;
        opacity: 0.5;
    }

    /* transition */
    #w_other_link .inner2 ul li .arrow {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        color: #fefefe;
        z-index: 3;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    #w_other_link .inner2 ul li .arrow i {
        font-size: 12px;
        line-height: 40px;
    }

    #w_other_link .inner2 ul li .arrow:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        border: #fefefe 1px solid;
        z-index: -1;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    #w_other_link .inner2 ul li:hover .arrow {
        color: #fefefe;
    }

    #w_other_link .inner2 ul li:hover .arrow:after {
        border: #fefefe 1px solid;
        background: none;
    }


    /* .linkArea */
    #w_other_link .linkArea {
        margin-top: 40px;
    }
}



@media only screen and (max-width: 738px) {
    #w_other_link {
        padding: 70px 5%;
    }
}

@media only screen and (max-width: 414px) {
    #w_other_link {
        padding: 60px 5%;
    }

    /* ul */
    #w_other_link .inner ul {
        margin: -25px 0 0;
    }

    #w_other_link .inner ul li {
        margin: 25px 0 0;
    }

    #w_other_link .inner .txtArea {
        min-width: 200px;
    }

    #w_other_link .inner h3.en {
        font-size: 16px;
    }

    #w_other_link .inner h3.jp {
        font-size: 12px;
        letter-spacing: 2px;
    }

    /* a:after */
    #w_other_link .inner ul li a:after {
        border: #fefefe 5px solid;
    }

    #w_other_link .inner ul li .arrow {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    #w_other_link .inner ul li .arrow i {
        font-size: 10px;
        line-height: 30px;
    }


    /* ul */
    #w_other_link .inner2 ul {
        margin: -25px 0 0;
    }

    #w_other_link .inner2 ul li {
        margin: 25px 0 0;
    }

    #w_other_link .inner2 .txtArea {
        min-width: 200px;
    }

    #w_other_link .inner2 h3.en {
        font-size: 16px;
    }

    #w_other_link .inner2 h3.jp {
        font-size: 12px;
        letter-spacing: 2px;
    }

    /* a:after */
    #w_other_link .inner2 ul li a:after {
        border: #fefefe 5px solid;
    }

    #w_other_link .inner2 ul li .arrow {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    #w_other_link .inner2 ul li .arrow i {
        font-size: 10px;
        line-height: 30px;
    }





    /* .linkArea */
    #w_other_link .linkArea {
        margin-top: 35px;
    }
}



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

#inline_policy

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

#inline_policy {
    overflow: auto;
    background: #fefefe;
    padding: 50px 7.5%;
    width: 920px;
    max-width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

#inline_policy h2 {
    font-size: 18px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: center;
}

.policyArea {
    padding-bottom: 50px;
}

.policyBox {
    padding-top: 25px;
    margin-top: 25px;
    border-top: #ddd 1px dashed;
}

.policyBox:last-child {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: #ddd 1px dashed;
}

.policyBox h3 {
    font-size: 14px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.8;
}

/* p */
.policyBox p {
    margin-top: 3px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
}

/* ul.circle */
.policyBox ul.circle {
    margin: 10px 0 0 4em;
    padding: 0;
    list-style: circle;
    padding-left: 1em;
    text-align: left;
}

.policyBox ul.circle li {
    margin-top: 3px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
}

/* ul.no */
.policyBox ul.no {
    margin: 0;
    padding: 0;
    padding-left: 0.5em;
    list-style: none;
    text-align: left;
    counter-reset: item;
}

.policyBox ul.no li {
    margin-top: 3px;
    padding-left: 3em;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    position: relative;
}

.policyBox ul.no li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "（" counters(item, "-")"）";
    counter-increment: item;
}


@media only screen and (max-width: 800px) {
    #inline_policy {
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .policyBox p {
        font-size: 13px;
        line-height: 2;
    }

    /* ul.circle */
    .policyBox ul.circle li {
        font-size: 13px;
    }

    /* ul.no */
    .policyBox ul.no li {
        font-size: 13px;
    }
}

@media only screen and (max-width: 738px) {
    #inline_policy h2 {
        font-size: 16px;
    }

    .policyBox h3 {
        font-size: 13px;
        letter-spacing: 1px;
    }

    .policyBox p {
        font-size: 12px;
        line-height: 2;
    }

    /* ul.circle */
    .policyBox ul.circle li {
        font-size: 12px;
    }

    /* ul.no */
    .policyBox ul.no li {
        font-size: 12px;
    }
}

@media only screen and (max-width: 414px) {
    #inline_policy h2 {
        font-size: 14px;
    }
}




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

#scrollUp

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

#scrollUp {
    position: fixed;
    bottom: 95px;
    right: 15px;
    z-index: 1000;
}

#scrollUp a {
    width: 60px;
    height: 60px;
    display: block;
    color: #fefefe;
    background: #153e40;
    border: none;
    text-align: center;
    z-index: 11;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    z-index: 1;
}

#scrollUp a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'FontAwesome';
    content: "\f106";
    font-size: 30px;
    line-height: 58px;
}

#scrollUp a:hover {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

@media only screen and (max-width: 800px) {
    #scrollUp a:hover {
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@media only screen and (max-width: 414px) {
    #scrollUp a {
        width: 50px;
        height: 50px;
    }

    #scrollUp a:before {
        font-size: 16px;
        line-height: 48px;
    }
}





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

slick.js

---------------------------------------------------------- */
/* Slider */
.slick-slider {
    touch-action: pan-y;
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    /* height:100%; */
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/* --- Dots --- */
.slick-dots {
    position: absolute;
    bottom: -30px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 6px;
    z-index: 100
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 6px;
    width: 6px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.slick-dots li button {
    background: 0 0;
    border: 1px solid #999;
    display: block;
    height: 12px;
    width: 12px;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    padding: 2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.slick-dots li.slick-active button {
    outline: 0;
    border: 1px solid #016c6e;
    background: #016c6e;
}

.slick-dots li button:before {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    /* content:""; */
    border: 1px solid transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.slick-dots li.slick-active button:before {
    border: 1px solid #016c6e;
    content: ""
}





/*! Hint.css - v2.2.1 - 2016-03-26
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour; Licensed  */

[data-hint] {
    position: relative;
    display: inline-block
}

[data-hint]:after,
[data-hint]:before {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

[data-hint]:hover:after,
[data-hint]:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-hint]:before {
    content: '';
    position: absolute;
    background: 0 0;
    border: 4px solid transparent;
    z-index: 1000001
}

[data-hint]:after {
    content: attr(data-hint);
    background: #fff;
    color: #472b14;
    padding: 8px 10px;
    font-size: 11px;
    font-family: Catamaran, sans-serif;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 1.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

[data-hint='']:after,
[data-hint='']:before {
    display: none !important
}

.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
    border-bottom-color: #ffffff;
}

.hint--bottom-right:after,
.hint--bottom-right:before {
    top: 100%;
    left: 50%
}

.hint--bottom-right:before {
    margin-top: -8px;
    left: calc(50% - 4px)
}

.hint--bottom-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-left: -12px
}

.hint--bottom-right:focus:after,
.hint--bottom-right:focus:before,
.hint--bottom-right:hover:after,
.hint--bottom-right:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--rounded:after {
    border-radius: 3px
}

.hint--bounce:after,
.hint--bounce:before {
    -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    -moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}


.padcal+div,
input.padcal+div>div.padcal-copy {
    display: inline-block;
    width: 50px;
    height: 52px;
    margin: 5px;
    padding-bottom: 5px;
    font-size: x-large;
    font-weight: bold;
    text-align: center;
}

input.padcal+div>div.padcal-copy {
    position: relative;
    float: left;
    width: 48px;
    top: -52px;
    z-index: 1;
}

.padcal+div.padcal-sun,
input.padcal+div>div.padcal-copy.padcal-sun {
    background-color: #feeeee;
    color: #900;
    border: 1px solid #d8aaaa;
}

.padcal+div.padcal-sun>div:first-child,
input.padcal+div>div.padcal-copy.padcal-sun>div:first-child {
    background-color: #900;
}

.padcal+div.padcal-mon,
.padcal+div.padcal-tue,
.padcal+div.padcal-wed,
.padcal+div.padcal-thu,
.padcal+div.padcal-fri,
input.padcal+div>div.padcal-copy.padcal-mon,
input.padcal+div>div.padcal-copy.padcal-tue,
input.padcal+div>div.padcal-copy.padcal-wed,
input.padcal+div>div.padcal-copy.padcal-thu,
input.padcal+div>div.padcal-copy.padcal-fri {
    background-color: #fefefe;
    color: #666;
    border: 1px solid #d8d8d8;
}

.padcal+div.padcal-mon>div:first-child,
.padcal+div.padcal-tue>div:first-child,
.padcal+div.padcal-wed>div:first-child,
.padcal+div.padcal-thu>div:first-child,
.padcal+div.padcal-fri>div:first-child,
input.padcal+div>div.padcal-copy.padcal-mon>div:first-child,
input.padcal+div>div.padcal-copy.padcal-tue>div:first-child,
input.padcal+div>div.padcal-copy.padcal-wed>div:first-child,
input.padcal+div>div.padcal-copy.padcal-thu>div:first-child,
input.padcal+div>div.padcal-copy.padcal-fri>div:first-child {
    background-color: #666;
}

.padcal+div.padcal-sat,
input.padcal+div>div.padcal-copy.padcal-sat {
    background-color: #eeeefe;
    color: #009;
    border: 1px solid #aaaad8;
}

.padcal+div.padcal-sat>div:first-child,
input.padcal+div>div.padcal-copy.padcal-sat>div:first-child {
    background-color: #009;
}

.padcal+div>div:first-child,
input.padcal+div>div.padcal-copy>div:first-child {
    height: 5px;
    clear: left;
}

.padcal+div>div:nth-child(2),
input.padcal+div>div.padcal-copy>div:nth-child(2) {
    font-size: xx-small;
    font-weight: normal;
}




/* -----------------------------------------------------------------------
layout
----------------------------------------------------------------------- */
.layout1 {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
}

.inner {
    /* width: 1000px; */
    margin: 0 auto;
}

.viewPc {
    display: block;
}

.viewSp {
    display: none;
}

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

    .layout1,
    .inner {
        width: auto;
    }
}

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

    .layout1,
    .inner {
        width: auto;
    }

    .viewSp {
        display: block;
    }

    .viewPc {
        display: none;
    }
}




/* -----------------------------------------------------------------------
utility
----------------------------------------------------------------------- */
.leftBox {
    float: left;
    width: 50%;
    padding: 0 3%;
}

.rightBox {
    float: right;
}



/* -----------------------------------------------------------------------
#coupon WEBクーポン
----------------------------------------------------------------------- */
#coupon {
    padding: 48px 0 50px;
    /* background: url(../img/bg_paper01.jpg) repeat; */
}

section#coupon {}

#coupon .inner {
    max-width: 1000px;
    width: 100%;
    padding: 2%;
    border: 1px dashed #eee;
}

#coupon .rightBox {
    padding: 10px 0 0;
    width: 50%;
}

#coupon .rightBox .tit {
    width: 100%;
}

#coupon .rightBox .tit {
    font-size: 25px;
    color: #fa5c8d;
    line-height: 35px;
    font-weight: 600;
}

#coupon .rightBox .tit span {
    border-bottom: 3px solid;
}


#coupon .rightBox .txt {
    width: 100%;
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: 600;
}

#coupon .rightBox .btn {
    margin-left: 95px;
}

#coupon .leftBox img {
    width: 90%;
    margin: 5% auto;
    /* margin-left: -30px; */
    /* margin-right: 35px; */
}

@media screen and (max-width: 1024px) {
    #coupon .rightBox {
        width: 55%;
    }

    #coupon .rightBox .tit {
        width: 100%;
        font-size: 20px;
    }

    #coupon .rightBox .tit img {
        width: 100%;
        height: auto;
    }

    #coupon .rightBox .txt {
        width: 100%;
    }

    #coupon .leftBox {
        width: 40%;
        margin: 0;
    }

    #coupon .leftBox img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    #coupon {
        padding: 30px 6% 40px;
        background: url(../img/bg_paper01.jpg) repeat;
    }

    #coupon .rightBox {
        width: auto;
        padding: 23px 0 0;
        width: 100%;
        text-align: center
    }

    #coupon .rightBox .txt {
        margin: 10px 0 20px;
        font-size: 13px;
    }

    #coupon .rightBox .btn {
        margin-left: 0;
    }

    #coupon .leftBox {
        /* margin-left: -30px; */
        /* margin-right: 35px; */
        width: 100%;
    }

    #coupon .leftBox img {
        padding: 5%;
        width: 80%;
        margin: 20px 10%;
    }

}

@media screen and (max-width: 768px) {
    #coupon .leftBox img {
        padding: 5%;
        width: 90%;
        margin: 20px 5%;
    }

}


@media screen and (max-width: 500px) {
    #coupon .rightBox .tit {
        font-size: 18px;
    }

    #coupon .leftBox img {
        padding: 5%;
        width: 90%;
        margin: 20px 5%;
    }
}



/* ボタンエリア */
.btn_area {
    width: 100%;
    margin: 10px auto;
    text-align: center;
}


/* ボタン */
.bnt-massage {
    display: inline-block;
    /* min-width: 130px; */
    text-align: center;
    background-color: #000;
    font-size: 18px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 16px 10px 40px;
    position: relative;
    transition: .9s;
    border: 1px solid #FFF;
}

.bnt-massage:before {
    font-family: "FontAwesome";
    content: "\f0e0";
    position: absolute;
    left: 10px;
    top: 40%;
    margin-top: -10px;
}

.bnt-massage span {
    display: block;
    position: absolute;
    background-color: #ff6489;
    top: 0;
    left: 0;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    border-radius: 0 0 8px 0;
    z-index: -1;
    transition: .5s;
}

.bnt-massage:hover {
    border-radius: 8px 0 0;
}

.bnt-massage:hover span {
    transform: translateY(50px);
}


/* ボタン */
.btn-animation-02 {
    display: inline-block;
    /*  width: 200px;*/
    text-align: center;
    background-color: #ff7776;
    border: 2px solid #ff7776;
    font-size: 16px;
    color: #ff7776;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 24px;
    border-radius: 4px;
    position: relative;
}

.btn-animation-02 span {
    position: relative;
    z-index: 1;
}

.btn-animation-02::before,
.btn-animation-02::after {
    content: "";
    display: block;
    background-color: #FFF;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: .2s;
}

.btn-animation-02::before {
    left: 0;
}

.btn-animation-02::after {
    right: 0;
}

.btn-animation-02:hover:before,
.btn-animation-02:hover:after {
    width: 0;
    background-color: #FFF;
}

.btn-animation-02:hover {
    color: #FFF;
}




/* ボタン */
.btn-denim {
    display: inline-block;
    /*max-width: 180px;*/
    text-align: left;
    background-color: #293b6a;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 16px;
    border: 1px dashed #FFF;
    box-shadow: 0px 0px 0px 5px #293b6a;
    /* box-shadowで外枠を */
}

.btn-denim:hover {
    border-style: solid;
}

.ifSp {
    display: none;
}

@media only screen and (max-width: 900px) {
    .ifSp {
        display: block;
    }
}

span.b {
    font-weight: 600;
}

span.red {
    color: red;
}

span.yellow {
    color: #FFEB3B;
}

span.blue {
    color: #297fdf;
}

span.green {
    color: #016c6e;
}



span.sen {
    border-bottom: solid 2px #FFEB3B;
}

span.big {
    font-size: 1.5rem;
    padding: 0 0.3rem;
}

.box {
    margin: 20px auto;
    border: solid 1px #d90000;
    padding: 10px;
    max-width: 1000px;
}

.box p {
    font-size: 1.1em;
}

.box span.title {
    font-size: 1.4em;
    font-weight: 500;
    color: #d90000;
}

@media screen and (max-width: 600px) {
    .box span.title {
        font-size: 1.2em;
    }

    .box p {
        font-size: 1em;
    }
}

.center {
    text-align: center;
    margin: auto;
}

/*20220831 追記*/
.mm-page,
#topImg {
    background: #ffffff;
}

#header,
#header.autofix_sb.fixed,
#headerSp,
#footer .copyrightArea {
    background: linear-gradient(to right, #ef967b, #ed6ea6);
    background: #d9925a;
    background: #EC6D4E;
    /*                border: solid 3px #3F2521;*/
}

#page.blackarea {
    background: #0e2b2c;
    color: #fff;
}

#page2 {
    background: #fff;
    padding-top: 50px;
}

#page h2.title {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    padding-top: 2rem;
    padding-bottom: 1rem;
    color: #ffffff;
    /* text-shadow: -1px 1px 4px #fff; */
    position: relative;
    z-index: 1;
}

#page h2.title span {
    font-size: 2.2rem;
    line-height: 10px;
    padding-left: 0;
}

.top #page h2.title,
.top #page p {
    color: #031d1e;
}

.top #page h2.title span {
    font-size: 1.6rem;
    color: #2f1404;
    line-height: 10px;
    padding-left: 0;
}

.top #footer p,
.top #page .background p,
.top #page .background h2 {
    color: #fff;
}

#page2 p.content {
    text-align: center;
    font-size: 15px;
    z-index: 1;
    position: relative;
}

#page2 p {
    color: #ffffff;
    line-height: 1.8rem;
    font-size: 15px;
}

#page2 .top-topics-area p {
    /* color: #492a18; */
}

#page2 .under_line {
    max-width: 1000px;
    margin: auto;
}

#page h3 {
    text-align: center;
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 6rem;
    color: #031d1e;
    line-height: 1.5;
    font-family: "Poiret One", 'Yu Gothic', sans-serif;
}

#page h3.titel_plan {
    font-size: 25px;
    color: #f1691b;
}

#plan_jyoshikai h3 {
    font-size: 16px;
    text-align: left;
}

@media screen and (max-width: 600px) {
    #page h2.title {
        margin-top: 0;
        z-index: 1;
        position: relative;
    }

    #page h3 {
        font-size: 30px;
    }

    #plan_jyoshikai h3 {
        font-size: 16px;
    }
}


#pickup h2.title {
    text-align: center;
    font-weight: 500;
    font-size: 70px;
    margin: 2rem;
}

#pickup h2 span {
    text-align: center;
    font-weight: 500;
    font-size: 27px;
    margin: 2rem;
    vertical-align: bottom;
}

#pickup h3 {
    text-align: left;
    font-weight: 600;
    font-size: 27px;
    margin: 2rem 0rem;
    line-height: 1.5;
    color: #f36c42;
}

#pickup h4 {
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    margin: 2rem 0rem;
    line-height: 1.5;
    color: #000000;
}

@media screen and (max-width: 600px) {
    #pickup h2.title {
        margin-top: 0;
    }

    #pickup h3 {
        font-size: 23px;
    }
}

#w_about h5 {
    text-align:
        left;
    padding: 10px 20px;
    line-height: 2.2;
    position: relative;
    font-size: 1rem;
}

#w_about h5::before {
    font-family: 'FontAwesome';
    content: "\f18c";
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

a.btn-gradient {
    border: #2f1404 1px solid;
    background: linear-gradient(to right, #ef967b, #ed6ea6);
    background: #031d1e;
    color: #fff;
}

a.btn-gradient:hover {
    border: #031d1e 1px solid;
    background: #fff;
    color: #031d1e;
    opacity: .9;
}

.key__navi a.btn-bar {
    background: url(../images/home/bar_access.png) no-repeat;
}



#topbtn div {
    margin: auto;
    /*   padding: 10px;*/
}

#topbtn .parent {
    display: flex;
    margin: auto;
}

#topbtn .child {
    width: 270px;
}

#footer .inner {
    /*                border: solid 3px #3F2521;*/
    border-bottom: 0px;
}

/*            SPメニュー*/
.mm-menu,
.mm-panels>.mm-panel {
    /* background: url(../images/home/bg_sp.jpg) no-repeat center top; */
    background-position: center 60px;
    /* 60px 下に移動 */
    background-size: auto calc(100% - 60px);
    /* ヘッダーの高さを引いた値 */
    margin-top: 0px;
    border: none;
}

.mm-menu .mm-listview>li a:not(.mm-next) {
    /* color: #3F2521; */
}

.mm-listview>li,
.mm-listview>li:after,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before {
    border: none;
}

.mm-listview>li {
    /* background: #414c9d47; */
    text-align: center;
}

.mm-listview>li a::after {
    font-family: 'themify';
    content: "\e649";
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
}

.mm-listview>li a.tel::after {
    content: "";
}

@media screen and (max-width: 800px) {
    #topbtn .parent {
        flex-wrap: wrap;
    }

    #topbtn .child {
        width: 50%;
    }
}

@media screen and (max-width: 400px) {
    #topbtn .parent {
        /*display: block;*/
    }
}

.btnArea {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 515px) {
    .btnArea {
        display: revert;
    }
}

/*
#footer .inner {background: url(../images/footer_bg-2.jpg) no-repeat;}
@media only screen and (max-width: 515px){
#footer .inner {background: url(../images/footer_bg-2-sp.jpg) no-repeat;}
}
*/


/*! Lity - v1.6.6 - 2016-04-22
* http://sorgalla.com/lity/
* Copyright (c) 2016 Jan Sorgalla; Licensed MIT */
.lity,
.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    outline: 0 !important
}

.lity-container,
.lity-wrap:before {
    vertical-align: middle;
    display: inline-block
}

.lity,
.lity-container,
.lity-wrap {
    outline: 0 !important
}

.lity-content:after,
.lity-wrap:before {
    content: ''
}

.lity,
.lity-content:after,
.lity-wrap {
    right: 0;
    bottom: 0;
    left: 0
}

.lity {
    white-space: nowrap;
    background: #fefefe;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.lity.lity-opened {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
}

.lity.lity-closed {
    opacity: 0;
    background: #fefefe
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    text-align: center
}

.lity-wrap:before {
    height: 100%;
    margin-right: -.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    white-space: normal;
    max-width: 100%;
    max-width: 90%;
    max-height: 100%
}

.lity-close,
.lity-close:before {
    line-height: 60px;
    text-align: center
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease
}

.lity-closed .lity-content,
.lity-loading .lity-content {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.lity-content:after {
    position: absolute;
    top: 0;
    display: block;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

.lity-close {
    z-index: 9994;
    width: 40px;
    height: 40px;
    position: fixed;
    right: 5%;
    top: 10px;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    font-size: 0;
    font-style: normal;
    border: 0;
    color: #fefefe;
    background: #111;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 5px;
}

.lity-close:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-family: themify;
    content: "\e646";
    font-size: 16px;
    text-indent: 0;
    z-index: 1;
    line-height: 40px;
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-iframe .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.lity-hide {
    display: none
}

#inline {
    overflow: auto;
    background: #fefefe;
    padding: 50px 7.5%;
    width: 1200px;
    max-width: 100%
}

.profileLeft {
    float: left;
    width: 35%
}

.profileRight {
    float: right;
    width: 60%
}


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

    .lity-close,
    .lity-close:before {
        line-height: 50px;
    }

    .lity-close {
        width: 50px;
        height: 50px;
    }

    .lity-close:before {
        font-size: 14px;
    }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

/* sp 下部フローティングメニュー 20221014 */
.b_menu {
    width: 100%;
    background: #031d1e;
    position: fixed;
    bottom: 0;
    z-index: 999;
    color: #FFF;
    padding: 13px;
    line-height: 12px;
    text-align: center;
}

.btn_bk {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.7075rem 0.99rem;
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0 1px;
    border-radius: 0.5rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn_f_menu {
    color: #fff;
    background-color: #016c6e;
    border-color: #ffffff;
}

.btn_f_menu.active,
.btn_f_menu.focus,
.btn_f_menu:active,
.btn_f_menu:focus,
.btn_f_menu:hover,
.open>.dropdown-toggle.btn_f_menu {
    color: #fff;
    background-color: #016c6e;
    border-color: #ffffff;
}

.btn_f_menu a {}

.btn_f_menu a:hover {
    background: #484645;
    transform-style: flat;
}

.b_menu span {
    font-size: 12.8px;
    top: 0px;
    position: relative;
    display: block;
}

.btmspace {
    padding: 0px;
    background: #240000;
}

@media screen and (max-width: 599px) {
    .btmspace {
        padding: 25px;
    }
}

/* sp 下部フローティングメニュー ここまで 20221014 */

.mm-menu .mm-listview>div.reserve.btn a {
    padding: 0 70px;
    width: 100%;
    margin: auto;
    text-align: center;
    background: #031d1e;
    border: #fff 2px solid;
}

.mm-menu .mm-listview>div.reserve.btn a:hover {
    color: #fff;
    background: #031d1e;
}

.mm-menu .mm-listview>div.reserve.btn {
    margin: auto;
}

.image_link {
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
}

.image_link:before {
    content: "";
    display: block;
    padding-top: 38%;
    /*ここには横幅に対して縦が何%になるかを記述*/
}

.image_link img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.3s;
    display: block;
    width: 100%;
}

.image_link:hover img {
    transform: scale(1.1);
}

.top-area {
    display: flex;
    align-items: center;
    margin-top: 2rem;
}

.top-area h4 {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.top-area .img {
    width: 30%;
    padding: 1rem;
}

.top-area .text {
    width: 70%;
    padding: 0.6rem;
}

@media screen and (max-width: 800px) {
    .top-area {
        flex-direction: column;
    }

    .top-area .img {
        width: 100%;
        text-align: center;
    }

    .top-area .img img {
        max-width: 60%;
    }

    .top-area .text {
        width: 100%;
    }

    .top-area h4 {
        font-size: 1.4em;
    }
}

.top-area h4 {
    color: #031d1e;
}

.waku {
    background-color: #fff9e9;
    /* カードの背景色 */
    border-radius: 8px;
    /* 角を丸くする */
    padding: 20px;
    /* 内側の余白 */
    /* margin: 20px 0; */
    /* 上下の余白 */
    border: 1px solid #e0e0e0;
    /* 薄いボーダー */
}

.waku h5 {
    font-size: 1.1em;
    /* 見出しのフォントサイズ */
    margin-bottom: 10px;
    /* 見出しの下の余白 */
    color: #2f1404;
    /* 見出しの色 */
}

.waku p {}

@media screen and (max-width: 768px) {
    .pc-view-br {
        display: none;
    }
}

.btn-backwhite {
    color: #fff;
    background: #153e40;
    border: #fff 1px solid;
    /* padding: 0 10px; */
    width: 330px;
}

.btn-backwhite:hover {
    color: #000e45;
    background: none;
    border: #000e45 1px solid;
}