@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: #ffffff;
    padding-right: 5px;
}

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

.ti-youtube:before {
    font-size: 20px;
    content: "\e728";
    font-family: 'themify';
    /* content: url(../images/icon_blog.svg); */
    font-weight: 300;
    color: #ffffff;
    border: 1px solid;
    padding: 2px;
    top: 5px;
    position: relative;
}

.ti-instagram {
    /*アイコンの背景*/
    position: relative;
    /*相対配置*/
    display: inline-block;
    width: 25px;
    /*幅*/
    height: 25px;
    /*高さ*/
    vertical-align: middle;
    /*垂直中央に*/
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    /*グラデーション①*/
    overflow: hidden;
    /*はみ出た部分を隠す*/
    border-radius: 4px;
    /*角丸に*/
}

.ti-instagram:before {
    /*グラデーションを重ねるため*/
    content: '';
    position: absolute;
    /*絶対配置*/
    top: 3px;
    /*ずらす*/
    left: 4px;
    /*ずらす*/
    width: 20px;
    /*グラデーションカバーの幅*/
    height: 20px;
    /*グラデーションカバーの高さ*/
    background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
    background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
    /*グラデーション②*/
}

.ti-instagram {
    /*アイコン*/
    color: #FFF;
    /*白に*/
    position: relative;
    /*z-indexを使うため*/
    z-index: 2;
    /*グラデーションより前に*/
    font-size: 20px;
    /*アイコンサイズ*/
    top: 0px;
    /*上下にずらす*/
    left: -3px;
    /*左右にずらす*/
}

.ti-instagram:before {
    content: "\f16d";
    /* content: url(../images/icon_insta.svg); */
    font-weight: normal;
    color: #ffffff;
    padding-right: 2px;
}

.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"
}

.ti-youtube2:before {
    font-size: 25px;
    content: "\f16a";
    font-family: 'FontAwesome';
    /* content: url(../images/icon_blog.svg); */
    font-weight: 300;
    color: #f41707;
    padding: 2px;
    top: 5px;
    position: relative;
}

.ti-youtube2:after {
    content: 'youtube';
    font-size: 13px;
    color: #fefefe;
    padding: 2px;
    top: 0px;
    position: relative;
}

.ti-calendar:before {
    font-family: 'FontAwesome';
    content: "\f073";
    padding-right: 10px;
}


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

common

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

body {
    font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #1a1a1a;
    line-height: 1.2;
    letter-spacing: 1px;
    text-align: justify;
    /* for ff, webkit */
    text-justify: inter-ideograph;
    /* for IE */
    background: url(../images/site_bcg01.png) repeat 0 0;
    -webkit-text-size-adjust: 100%;
    /* mobile safariの自動文字サイズ調整をoffにする*/
    -webkit-tap-highlight-color: transparent;
    /* モバイルでタッチ時のハイライトカラーを消す */
}

html.hidden,
body.hidden {
    overflow: hidden;
}

textarea,
input {
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
}

input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0px;
}

a:focus,
input,
textarea,
button {
    outline: none;
}

a {
    color: #1a1a1a;
    text-decoration: none;
}

a:hover {
    color: #1a1a1a;
}

input[type="radio"] {
    margin: 0 5px;
}

hr {
    display: none;
}

br {
    letter-spacing: 0;
    /* IE7の改行が効かない用ハック*/
}

img {
    border: none;
    vertical-align: bottom;
}

strong,
em {
    font-weight: bold;
}

li {
    list-style: none;
}


/* micro clearfix */


/* For modern browsers */

.cf:before,
.cf:after {
    /* content: ""; */
    /* display: table; */
}

.cf:after {
    clear: both;
}


/* For IE 6/7 (trigger hasLayout) */

body.IE7 .cf {
    zoom: 1;
}


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

structure

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

body.lteIE8 #site-header,
body.lteIE8 #site-container,
body.lteIE8 #site-footer {
    min-width: 960px;
}

#site-container {
    min-width: 320px;
    margin-top: -2px;
}

body.headerfix #site-container {
    padding-top: 50px;
    margin-top: 0;
}

.cnt-inner {
    max-width: 1280px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 6% !important;
    padding-right: 6% !important;
}

#site-footer>nav,
#site-footer>div {
    padding-left: 4%;
    padding-right: 4%;
    overflow: hidden;
}

body.IE7 #site-footer>nav,
body.IE7 #site-footer>div {
    position: relative;
}

#site-header .inner,
#site-footer .inner {
    max-width: 1440px;
    margin: 0 auto;
}


/* ---------------------------------------
max-width: 1023px
--------------------------------------- */

@media screen and (max-width: 1023px) {
    .cnt-inner {
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    #site-container {
        padding-top: 0;
    }
    body.headerfix #site-container {
        padding-top: 54px;
    }
    #site-footer>nav,
    #site-footer>div {
        padding-left: 0;
        padding-right: 0;
    }
}

.news_date {
    font-size: 14px;
}

.news_txt {
    font-size: 14px;
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 414px) {
    #site-container {
        padding-top: 0;
    }
    body.headerfix #site-container {
        padding-top: 54px;
    }
    #site-footer>nav,
    #site-footer>div {
        padding-left: 0;
        padding-right: 0;
    }
}


/* フレックスボックス
-----------------------------------------------------------------*/

.item-container {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 1em;
    margin: 0 0 2em;
}

.item_m {
    /*  background: #f9f9f9; */
    padding: 1em;
    border-radius: 5px;
    flex: 1 0 220px;
    margin: 0.4em;
}

.item_m p {
    font-size: 17px;
    line-height: 2;
    font-weight: 500;
}

.item_m ul {
    font-size: 15px;
    line-height: 2;
}

.item_m h2 {
    color: #00a678;
    border-bottom: 1px dashed;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 0;
}

.item_m h1 {
    margin-bottom: 10px;
}

.item_m img {
    width: 100%;
}

.item_m2 {
    width: 50%;
}

.item_m2 img {
    width: 100%;
}

.section_btn2 {
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}


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

site-header

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

#site-header {
    width: 100%;
    position: relative;
    z-index: 100;
    left: 0;
    color: #555;
    background-color: #fff;
    /* -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3); */
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    /* box-shadow: 0 0 3px rgba(0, 0, 0, .3); */
}


/*
html.js #site-header {
visibility: hidden;
}
html.js body.lteIE8 #site-header {
visibility: visible;  hiddenからはじめるとabountNavの丸が表示されない
}
*/

body.headerfix #site-header {
    position: fixed;
}

.site-header-logo {
    float: left;
    width: 200px;
    height: 50px;
    padding: 3px 0px 0 0px;
}

.site-header-logo a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(../images/header_logo.png) no-repeat;
    margin-right: 0px;
}

body.IE7 .site-header-logo a {
    overflow: visible;
    text-indent: -9999px;
}


/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
.site-header-logo a {
background-image: url(../images/site_splite01x2.png);
    -moz-background-size: 200px 750px;
    -webkit-background-size: 200px 750px;
    -o-background-size: 200px 750px;
    background-size: 200px 750px;
    
}
}*/

#site-header-nav>li {
    margin-left: 10px;
    padding-top: 20px;
    z-index: 102;
    float: left;
    height: 40px;
    color: #555;
}

#site-header-nav .contents {
    /*   position: absolute;
right: 20px;
top: 3px;
width: 40px;
height: 40px;
text-indent: -9999px;
background: url(../images/con_menu.png) no-repeat 0 0;
background-size: 40px;*/
    width: auto;
    margin-right: 20px;
    color: #555;
    z-index: 103;
}

#site-header-nav .facility {
    width: auto;
    margin-right: 20px;
    color: #fff;
}

#site-header-nav .access {
    width: auto;
    margin-right: 20px;
    color: #000;
}

#site-header-nav .company {
    width: auto;
    margin-right: 10px;
    color: #000;
}

#site-header-nav .info {
    width: auto;
    margin-right: 20px;
    color: #fff;
}

#site-header-nav .blog {
    width: auto;
    float: right;
    margin-right: 180px;
    color: #fff;
}

#site-header-nav .openhouse {
    width: auto;
    float: right;
    color: #fff;
}

#site-header-nav .instah {
    width: auto;
    float: right;
    margin-right: 20px;
    color: #fff;
}

#site-header-nav .instah {
    /*アイコンの背景*/
    position: relative;
    /*相対配置*/
    display: inline-block;
    width: 25px;
    /*幅*/
    height: 25px;
    /*高さ*/
    vertical-align: middle;
    /*垂直中央に*/
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    /*グラデーション①*/
    overflow: hidden;
    /*はみ出た部分を隠す*/
    border-radius: 4px;
    /*角丸に*/
}

#site-header-nav .instah:before {
    /*グラデーションを重ねるため*/
    content: '';
    position: absolute;
    /*絶対配置*/
    top: 3px;
    /*ずらす*/
    left: 4px;
    /*ずらす*/
    width: 20px;
    /*グラデーションカバーの幅*/
    height: 20px;
    /*グラデーションカバーの高さ*/
    background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
    background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
    /*グラデーション②*/
}

#site-header-nav .instah {
    /*アイコン*/
    color: #FFF;
    /*白に*/
    position: relative;
    /*z-indexを使うため*/
    z-index: 2;
    /*グラデーションより前に*/
    font-size: 20px;
    /*アイコンサイズ*/
    top: 0px;
    /*上下にずらす*/
    left: -3px;
    /*左右にずらす*/
}

#site-header-nav>li>a {
    /*		text-indent: -9999px;*/
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    /*	background: transparent url(../images/site_splite01.png) no-repeat;*/
    position: relative;
    /*border-left: 1px solid #4d4d4d;*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    #site-header-nav>li>a {
        /*	background-image: url(../images/site_splite01x2.png);
    -moz-background-size: 200px 750px;
    -webkit-background-size: 200px 750px;
    -o-background-size: 200px 750px;
    background-size: 200px 750px;*/
    }
}

#site-header-nav .contents>a {
    color: #fff;
    /*	background-position: 50% -50px;*/
}

#site-header-nav .facility>a {
    color: #fff;
    /*	background-position: 50% -50px;*/
}

#site-header-nav .access>a {
    color: #555;
    /*	background-position: 50% -100px;*/
}

#site-header-nav .company>a {
    color: #555;
    /*	background-position: 50% -150px;*/
}

#site-header-nav .info>a {
    color: #fff;
    /*	background-position: 50% -150px;*/
}

#site-header-nav .blog>a {
    color: #fff;
    /*	background-position: 50% -650px;*/
}

#site-header-nav .openhouse>a {
    color: #fff;
    /*	background: transparent url(../images/site-header-nav_openhouse.png) no-repeat 50% 0;*/
    border: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    #site-header-nav .openhouse>a {
        /*		background-image: url(../images/site-header-nav_openhousex2.png);
    -moz-background-size: 150px 100px;
    -webkit-background-size: 150px 100px;
    -o-background-size: 150px 100px;
    background-size: 150px 100px;*/
    }
}

#site-header-nav .contents.active>a,
#site-header-nav .contents>a:hover {
    color: #00a678;
    /*	background-position: 50% -200px;*/
}

#site-header-nav .facility.active>a,
#site-header-nav .facility>a:hover {
    color: #00a678;
    /*	background-position: 50% -200px;*/
}

#site-header-nav .access.active>a,
#site-header-nav .access>a:hover {
    color: #00a678;
    /*	background-position: 50% -250px;*/
}

#site-header-nav .company.active>a,
#site-header-nav .company>a:hover {
    color: #00a678;
    /*	background-position: 50% -300px;*/
}

#site-header-nav .info.active>a,
#site-header-nav .info>a:hover {
    color: #00a678;
    /*	background-position: 50% -300px;*/
}

#site-header-nav .blog>a:hover {
    color: #00a678;
    /*	background-position: 50% -700px;*/
}

#site-header-nav .openhouse.active>a,
#site-header-nav .openhouse>a:hover {
    color: #00a678;
    /*	background-position: 50% -50px;*/
}

#site-header-nav>li.active>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 8px solid #212121;
    position: absolute;
    z-index: 101;
    bottom: -15px;
    left: 50%;
    margin-left: -8px;
}

#site-header-menuBtn {
    display: none;
}


/* ---------------------------------------
max-width: 959px
--------------------------------------- */

@media screen and (max-width: 959px) {
    #site-header-nav .contens {
        width: auto;
    }
    #site-header-nav .facility {
        width: auto;
    }
    #site-header-nav .access {
        width: auto;
    }
    #site-header-nav .company {
        width: auto;
    }
    #site-header-nav .info {
        width: auto;
    }
    #site-header-nav .blog {
        width: auto;
    }
    #site-header-nav .openhouse {
        width: auto;
    }
    #site-header-nav .contens>a {}
    #site-header-nav .facility>a {}
    #site-header-nav .access>a {}
    #site-header-nav .company>a {}
    #site-header-nav .info>a {}
    #site-header-nav .contens.active>a,
    #site-header-nav .contens>a:hover {}
    #site-header-nav .facility.active>a,
    #site-header-nav .facility>a:hover {}
    #site-header-nav .access.active>a,
    #site-header-nav .access>a:hover {}
    #site-header-nav .company.active>a,
    #site-header-nav .company>a:hover {}
    #site-header-nav .info.active>a,
    #site-header-nav .info>a:hover {}
}


/* ---------------------------------------
max-width: 768px
--------------------------------------- */

@media screen and (max-width: 768px) {
    .site-header-logo {
        height: 50px;
        padding-right: 0;
    }
    #site-header-nav {
        width: 100%;
        font-size: 0.8em;
        margin-left: 0;
    }
    #site-header-nav .contents,
    #site-header-nav .facility,
    #site-header-nav .access,
    #site-header-nav .company,
    #site-header-nav .info {
        width: auto;
        margin-right: -5px;
    }
    #site-header-nav .blog {
        width: auto;
    }
    #site-header-nav .contents>a {
        color: #fff;
        /* background-position: 50% -50px; */
        display: none;
    }
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    #site-header {
        padding-top: 54px;
        border-bottom: none;
    }
    .site-header-logo {
        position: absolute;
        float: none;
        width: 100%;
        height: 54px;
        top: 0;
        z-index: 101;
        background-color: #212121;
    }
    .site-header-logo a {
        width: 180px;
        /*margin: 0 auto;*/
        background: transparent url(../images/header_logo_sp.png) no-repeat;
        background-position: 50% 2px;
        text-align: left;
    }
    #site-header-nav {
        width: 100%;
        /*	border-top: 1px solid #000;
    overflow: hidden;*/
    }
    html.js #site-header-nav {
        margin-top: -500px;
        /* 読み込み時に一瞬表示されるのを防ぐため、多いなネガティブ値をあたえる */
    }
    #site-header-nav.trans {
        /* 		-moz-transition: margin-top .3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: margin-top .3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: margin-top .3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: margin-top .5s cubic-bezier(0.23, 1, 0.32, 1); /* easeOutQuint */
    }
    #site-header-nav.hide {
        margin-top: -205px;
    }
    #site-header-nav>li {
        width: 33.3% !important;
        height: auto;
    }
    #site-header-nav>li>a {
        height: 25px;
    }
    #site-header-nav .about>a {
        border: none;
    }
    /*
#site-header-nav .blog {
    position: absolute;
    bottom: 0;
    right: 1px;
}
*/
    #site-header-nav .contents {
        float: left;
        width: 100% !important;
        margin-left: 0;
    }
    #site-header-nav .facility {
        float: left;
        width: 30% !important;
        margin: 1% 0;
        text-align: center;
        padding: 0.1rem 0;
    }
    #site-header-nav .access {
        float: left;
        width: 49% !important;
        margin: 1% 0;
        text-align: center;
        padding: 0.05rem 0;
        /* border-left: #999 solid 1px; */
        /* border-right: #999 solid 1px; */
    }
    #site-header-nav .company {
        float: left;
        width: 49% !important;
        margin: 1% 0;
        text-align: center;
        /*	box-sizing: border-box;*/
        padding: 0.05rem 0 0;
        padding-left: 1%;
    }
    #site-header-nav .info {
        float: left;
        width: 48% !important;
        margin: 1% 0;
        text-align: center;
        border-right: #999 solid 1px;
        padding: 0.05rem 0 0;
    }
    #site-header-nav .blog {
        float: left;
        width: 48% !important;
        /*display:none;*/
        margin: 1% 0;
        text-align: center;
        padding: 0.05rem 0 0;
    }
    #site-header-nav .blog>a {}
    #site-header-nav .blog>a:hover {}
    #site-header-nav .openhouse {
        float: left;
        width: 68% !important;
    }
    #site-header-nav .openhouse>a {}
    #site-header-nav .openhouse>a:hover {}
    #site-header-nav>li>a:after {
        display: none !important;
    }
    #site-header-menuBtn {
        display: block;
        position: absolute;
        top: 6px;
        right: 0px;
        z-index: 110;
        width: 10%;
        min-width: 40px;
        cursor: pointer;
        background: transparent url(../images/menu.png) no-repeat;
    }
    #site-header-menuBtn span {
        position: absolute;
        right: 10px;
        top: 3px;
        width: 40px;
        height: 40px;
        text-indent: -9999px;
        background: url(../images/menu.png) no-repeat 0 0;
        background-size: 40px;
        /* 	background: transparent url(../images/menu.png) no-repeat;
background-color: #333;
    border: 1px solid #1a1a1a;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;*/
    }
    /* 	#site-header-menuBtn span {
    color: #00a56e;
    letter-spacing: 0;
    line-height: 1;
    font-size: 75%;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 10px 0 14px;
    width: 100%;
    background: transparent url(../images/menu.png) no-repeat;
    background-color: #333;
    border: 1px solid #1a1a1a;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;*/
}

#site-header-contents .navBlk {
    width: 100%;
    position: absolute;
    left: 0px;
    overflow: hidden;
    background-color: #333;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}


/* -------------------------------------- header-contents-nav -------------------------------------- */

#site-header-contents .navBlk {
    width: 100%;
    position: absolute;
    left: 0;
    overflow: hidden;
    background-color: #333;
    /**/
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    margin-bottom: 10px;
}

body.lteIE8 #site-header-contents .navBlk {
    z-index: -1;
}

#site-header-contents.noshadow .navBlk {
    box-shadow: none;
}

#site-header-contents .navBlk ul {
    padding: 10px 0;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1440px;
}

html.js #site-header-contents .navBlk ul {
    margin-top: -500px;
    /* 読み込み時に一瞬表示されるのを防ぐため、多いなネガティブ値をあたえる */
}

bdoy.IE7 #site-header-contents .navBlk ul {
    position: relative;
}

#site-header-contents.active .navBlk ul {
    height: 1em;
    min-height: 16px;
    margin-top: 0 !important;
    /* 	display: block;*/
}

#site-header-contents .navBlk ul.trans {
    -moz-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
    /* easeOutQuint */
}

#site-header-contents .navBlk li {
    width: 25%;
    float: left;
}

body.IE7 #site-header-contents .navBlk li {
    width: 24.9%;
}

#site-header-contents .navBlk a {
    font-size: 70%;
    line-height: 1.6;
    color: #ccc;
    display: block;
    padding: 10px 20px 110px;
    margin: -10px 0 -100px;
    border-left: 1px solid #4d4d4d;
    position: relative;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

#site-header-contents .navBlk li:first-child a {
    border-left: none;
}

#site-header-contents .navBlk a:hover {
    background-color: #1a1a1a;
    /* 黒*/
}

#site-header-contents .navBlk li.active a {
    background-color: #4d4d4d;
    /* グレイ*/
}

#site-header-contents .navBlk strong {
    color: #fff;
    font-size: 110%;
    line-height: 1.2;
    text-align: center;
    display: block;
    margin: 10px -10px;
}

#site-header-contents .navBlk .upper a {
    text-align: center;
}

#site-header-contents .navBlk img {
    display: block;
    margin: 15px auto;
}


/* ---------------------------------------
max-width: 1024px
--------------------------------------- */

@media screen and (max-width: 1024px) {
    #site-header-contents .navBlk img {
        display: block;
        padding: 10px;
        width: 80%;
    }
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    #site-header-contents .navBlk {
        width: 100%;
        position: relative;
        /*	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;*/
    }
    #site-header-contents .navBlk:after {
        /* content: ""; */
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 6.5%;
        margin-left: -8px;
        border: 8px solid transparent;
        border-top-color: #212121;
    }
    #site-header-contents .navBlk ul {
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    #site-header-contents .navBlk li {
        width: 50%;
        float: left;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
    }
    #site-header-contents .navBlk a {
        font-size: 75%;
        padding: 15px 20px 15px 10px !important;
        margin: 0;
        border-left: none;
        border-right: 1px solid #4d4d4d;
    }
    #site-header-contents .navBlk a:after {
        content: "";
        display: block;
        width: 5px;
        height: 9px;
        /*	background: transparent url(../images/site_splite02.png) no-repeat 0 -200px;*/
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -4px;
    }
    #site-header-contents .navBlk .upper a {
        border-bottom: 1px solid #4d4d4d;
    }
    #site-header-contents .navBlk li:nth-of-type(2n) a {
        border-right: none;
    }
    #site-header-contents .navBlk strong {
        font-size: 100%;
        text-align: left;
        display: inline;
        position: static;
        margin: 0;
    }
    #site-header-contents .navBlk img,
    #site-header-contents .navBlk span,
    #site-header-contents .navBlk strong:after {
        display: none;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-width: 719px) {
    #site-header-contents .navBlk a:after {
        /*		background-image: url(../images/site_splite02x2.png);
    -moz-background-size: 300px 600px;
    -webkit-background-size: 300px 600px;
    -o-background-size: 300px 600px;
    background-size: 300px 600px;*/
    }
}


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

site-footer

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


/* -------------------------------------- site-footer-mainCnt -------------------------------------- */

.site-footer-mainCnt {
    background-color: #f7f5f5;
    /* f2f2f5*/
    border-top: 1px solid #eae4e4;
    /* ebebeb*/
}

#site-footer-mainNav {
    float: left;
    width: 75%;
    overflow: hidden;
}

.site-footer-mainCnt .subNav,
.site-footer-mainCnt .subNav0,
.site-footer-mainCnt .copy {
    float: right;
    width: 25%;
}

.site-footer-mainCnt .insta {
    /* float: right; */
    /* width: 25%; */
}

body.IE7 .site-footer-mainCnt .subNav,
body.IE7 .site-footer-mainCnt .subNav0,
body.IE7 .site-footer-mainCnt .copy,
body.IE7 .site-footer-mainCnt .insta {
    float: right;
    width: 25%;
}

{
    width: 24.9%;
}

#site-footer-mainNav li {
    width: 33.3%;
    float: left;
}

#site-footer-mainNav a {
    font-size: 15px;
    line-height: 1.5;
    display: block;
    padding: 110px 20px 90px;
    margin-bottom: -50px;
    position: relative;
    border-right: 1px solid #ccc;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

#site-footer-mainNav .contact {
    border-left: 1px solid transparent;
}

#site-footer-mainNav a:hover {
    background-color: #f4efea;
    /* #e8e8eb */
}

#site-footer-mainNav .contact:hover {
    border-left: 1px solid #ccc;
}

#site-footer-mainNav a i {
    display: block;
    width: 60px;
    height: 60px;
    /*	background: transparent url(../images/site_splite02.png) no-repeat;*/
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    #site-footer-mainNav a i {
        /*		background-image: url(../images/site_splite02x2.png);
    -moz-background-size: 300px 600px;
    -webkit-background-size: 300px 600px;
    -o-background-size: 300px 600px;
    background-size: 300px 600px;*/
    }
}

#site-footer-mainNav .bus i {
    background: transparent url(../images/f-icon_1.png) no-repeat;
    background-position: 0 0;
}

#site-footer-mainNav .b-free i {
    background: transparent url(../images/f-icon_2.png) no-repeat;
    background-position: 0 0;
}

#site-footer-mainNav .a-venue i {
    background: transparent url(../images/f-icon_3.png) no-repeat;
    background-position: 0 0;
}

#site-footer-mainNav .organization i {
    background: transparent url(../images/f-icon_4.png) no-repeat;
    background-position: 0 0;
}

#site-footer-mainNav .contact i {
    background: transparent url(../images/f-icon_6.png) no-repeat;
    background-position: 0 0;
}

#site-footer-mainNav .ducktour i {
    background: transparent url(../images/f-icon_5.png) no-repeat;
    background-position: 0 0;
}

#site-footer-mainNav strong {
    color: #534a47;
    font-size: 115%;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

#site-footer-mainNav a:hover strong {
    color: #332e2c;
}


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

.site-footer-mainCnt .subNav,
.site-footer-mainCnt .subNav0 {
    /* padding-top: 20px; */
}

.site-footer-mainCnt .subNav li,
.site-footer-mainCnt .subNav0 li {
    margin-left: 30px;
}

.site-footer-mainCnt .subNav li a,
.site-footer-mainCnt .subNav0 li a {
    font-size: 75%;
    font-weight: bold;
    display: block;
    padding: 4px 0;
}

.site-footer-mainCnt .subNav a,
.site-footer-mainCnt .subNav0 a {
    color: #534a47;
}

.site-footer-mainCnt .subNav a:hover,
.site-footer-mainCnt .subNav0 a:hover {
    color: #332e2c;
}

.site-footer-mainCnt .copy small {
    font-size: 62.5%;
    line-height: 1.5;
    text-align: left;
    display: block;
    border-top: 1px solid #ccc;
    margin: 20px 0 10px 20px;
    padding: 10px 10px 0;
}

.site-footer-mainCnt .insta small {
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    display: block;
    border-top: 1px solid #ccc;
    margin: 20px 0 0px 20px;
    padding: 10px 8px 0;
}

.site-footer-mainCnt .insta small:before {
    font-family: content: "＊";
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    #site-footer-mainNav {
        float: none;
        width: auto;
    }
    #site-footer-mainNav a {
        font-size: 70%;
        padding: 80px 20px 70px;
    }
    #site-footer-mainNav a {
        border: none;
    }
    #site-footer-mainNav .company {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    #site-footer-mainNav a i {
        width: 50px;
        height: 50px;
        /*	background: transparent url(../images/site_splite02.png) no-repeat;*/
        position: absolute;
        top: 20px;
        margin-left: -24px;
    }
    #site-footer-mainNav .bus i {
        background: transparent url(../images/f-icon_1.png) no-repeat;
        background-position: 0 0;
    }
    #site-footer-mainNav .b-free i {
        background: transparent url(../images/f-icon_2.png) no-repeat;
        background-position: 0 0;
    }
    #site-footer-mainNav .a-venue i {
        background: transparent url(../images/f-icon_3.png) no-repeat;
        background-position: 0 0;
    }
    #site-footer-mainNav .organization i {
        background: transparent url(../images/f-icon_4.png) no-repeat;
        background-position: 0 0;
    }
    #site-footer-mainNav .contact i {
        background: transparent url(../images/f-icon_6.png) no-repeat;
        background-position: 0 0;
    }
    #site-footer-mainNav .ducktour i {
        background: transparent url(../images/f-icon_5.png) no-repeat;
        background-position: 0 0;
    }
    #site-footer-mainNav strong {
        margin-bottom: 10px;
    }
    .site-footer-mainCnt .subNav,
    .site-footer-mainCnt .subNav0 {
        float: none;
        width: auto;
        text-align: center;
        padding: 12px 3%;
        background: #ccc;
    }
    .site-footer-mainCnt .subNav li,
    .site-footer-mainCnt .subNav0 li {
        margin: 0;
        border-left: 1px solid #b3b3b3;
        display: inline-block;
    }
    .site-footer-mainCnt .subNav li:first-child,
    .site-footer-mainCnt .subNav0 li:first-child {
        border: none;
    }
    .site-footer-mainCnt .subNav li a,
    .site-footer-mainCnt .subNav0 li a {
        font-size: 70%;
        padding: 5px 12px;
    }
    .site-footer-mainCnt .copy {
        float: none;
        width: 100%;
        background-color: #ccc;
    }
    .site-footer-mainCnt .copy small {
        text-align: center;
        padding: 1% 5% 12px;
        margin: 0;
    }
    .site-footer-mainCnt .insta {
        float: none;
        width: 100%;
        background-color: #ccc;
    }
    .site-footer-mainCnt .insta small {
        text-align: center;
        padding: 1% 5% 12px;
        margin: 0;
    }
    .site-footer-mainCnt .subNav0 {
        display: none;
    }
}


/* ---------------------------------------
max-width: 479px
--------------------------------------- */

@media screen and (max-width: 479px) {
    .site-footer-mainCnt .copy {
        background-color: #fff;
        color: #000;
    }
    .site-footer-mainCnt .insta {
        background-color: #fff;
        color: #000;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-width: 719px) {
    #site-footer-mainNav a i {
        /* 	background-image: url(../images/site_splite02x2.png);
    -moz-background-size: 300px 600px;
    -webkit-background-size: 300px 600px;
    -o-background-size: 300px 600px;
    background-size: 300px 600px;*/
    }
}


/* ---------------------------------------
max-width: 479px
--------------------------------------- */

@media screen and (max-width: 479px) {
    #site-footer-mainNav {
        margin: 0;
        /* 		color:#fff; */
    }
    #site-footer-mainNav li {
        width: 100%;
        float: none;
    }
    #site-footer-mainNav a {
        padding: 20px 5% 20px 90px;
        margin-bottom: 0;
        border: none;
        border-bottom: 1px solid #ccc;
        color: #000;
    }
    #site-footer-mainNav .company {
        border-left: none;
        border-right: none;
    }
    #site-footer-mainNav a i {
        top: 50%;
        left: 20px;
        margin-top: -25px;
        margin-left: 0;
    }
    #site-footer-mainNav strong {
        text-align: left;
        margin-bottom: 7px;
    }
    .site-footer-mainCnt .subNav0 {
        display: none;
    }
    .site-footer-mainCnt .subNav {
        float: none;
        width: auto;
        text-align: center;
        padding: 12px 0;
        background: #fffdf3;
    }
    .site-footer-mainCnt .subNav li {
        padding: 0;
        border-left: none;
    }
    .site-footer-mainCnt .subNav li a {
        font-size: 70%;
        padding: 5px 4px;
    }
}


/* -------------------------------------- site-footer-subCnt -------------------------------------- */

.site-footer-subCnt {
    background-color: #212121;
    border-top: 1px solid #000;
    color: #fff;
    font-size: 0.6em;
}

.site-footer-subCnt .snsBlk {
    float: left;
}

.site-footer-subCnt .snsBlk li {
    display: inline-block;
    margin: 16px 15px 0 0;
    vertical-align: top;
}

body.IE7 .site-footer-subCnt .snsBlk li {
    display: inline;
    zoom: 1;
}

#pagetopNav {
    float: right;
    width: 25%;
}

#pagetopNav a {
    font-size: 62.5%;
    color: #fff;
    text-align: center;
    display: block;
    padding: 5px 0 5px;
    border: 1px solid #212121;
    border-style: none solid;
    position: relative;
}

#pagetopNav a:hover {
    color: #00a56e;
}

#pagetopNav a:before {
    /*		content: "";
display: block;
width: 10px;
height: 10px;
background: transparent url(../images/site_splite02.png) no-repeat -150px -200px;
position: absolute;
top: 13px;
left: 50%;
margin-left: -5px;*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    #pagetopNav a:before {
        /*		background-image: url(../images/site_splite02x2.png);
    -moz-background-size: 300px 600px;
    -webkit-background-size: 300px 600px;
    -o-background-size: 300px 600px;
    background-size: 300px 600px;*/
    }
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    .site-footer-subCnt .snsBlk {
        margin-left: 4%;
    }
    #pagetopNav {
        margin-right: 4%;
    }
}


/* ---------------------------------------
max-width: 479px
--------------------------------------- */

@media screen and (max-width: 479px) {
    .site-footer-subCnt .snsBlk {
        float: none;
    }
    .site-footer-subCnt .snsBlk li {
        margin: 10px 5px;
        font-size: 0.8em;
        text-align: center;
    }
    #pagetopNav {
        width: auto;
        float: none;
        margin-right: 0;
        /*		border: 1px solid #4d4d4d; */
    }
    #pagetopNav a {
        font-size: 40%;
        padding: 10px 0 20px;
        background-position: 50% 10px;
        border-style: solid none none;
    }
}


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

style

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


/* -------------------------------------- bcg-A -------------------------------------- */

.bcg-A {
    background: #fff url(../images/site_bcg02.png) repeat 0 0;
    border-top: 1px solid #ededed;
}


/* -------------------------------------- bcg-C -------------------------------------- */

.bcg-C {
    background: #fff url(../images/site_bcg03.png) repeat 0 0;
    border-top: 1px solid #ededed;
}


/* -------------------------------------- titleBlk-A -------------------------------------- */

.titleBlk-A h1 {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
    font-size: 200%;
    letter-spacing: 5px;
    margin-bottom: 30px;
}

.contact-titleCnt h1,
.privacy-titleCnt h1,
.sitemap-titleCnt h1,
.notfound-titleCnt h1 {
    font-size: 200%;
    letter-spacing: 3px;
}

.titleBlk-A p {
    font-size: 80%;
    line-height: 1.8;
}

.titleBlk-A p.sub {
    font-size: 75%;
    font-weight: bold;
    color: #32515e;
    margin-bottom: 10px;
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    .titleBlk-A h1 {
        text-align: center;
        font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
        font-size: 180%;
        margin-bottom: 30px;
    }
    .titleBlk-A p.sub {
        text-align: center;
        margin-bottom: 5px;
    }
}


/* ---------------------------------------
max-width: 479px
--------------------------------------- */

@media screen and (max-width: 479px) {
    .titleBlk-A h1 {
        font-size: 150%;
        letter-spacing: 2px;
    }
}


/* --------------------------------------  txtBlk-A -------------------------------------- */

.txtBlk-A h2,
.txtBlk-A h3 {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
    font-size: 140%;
    line-height: 1.5;
    letter-spacing: 2px;
    color: #333;
    margin-bottom: 15px;
    margin-top: 15px;
}

.txtBlk-A h2.titleA,
.txtBlk-A h3.titleA {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
    font-size: 140%;
    line-height: 1.5;
    letter-spacing: 2px;
    color: #d93600;
    margin-bottom: 15px;
    margin-top: 15px;
}

.txtBlk-A p {
    font-size: 90%;
    line-height: 1.8;
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    .txtBlk-A h2,
    .txtBlk-A h3 {
        font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
        font-size: 115%;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }
    .txtBlk-A h2.titleA,
    .txtBlk-A h3.titleA {
        font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
        font-size: 115%;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }
}


/* --------------------------------------  txtBlk-B -------------------------------------- */

.txtBlk-B h3 {
    color: #42210b;
    text-align: center;
    border: 1px solid #ccc;
    border-style: solid none;
    padding: 10px 0;
    margin-bottom: 25px;
    margin-top: 15px;
}

.txtBlk-B h2 {
    text-align: center;
    padding: 10px 0;
    margin-bottom: 25px;
}

.txtBlk-B p {
    font-size: 16px;
    line-height: 1.8;
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    .txtBlk-B h3 {
        padding: 7px 0;
        font-size: 95%;
        margin-bottom: 15px;
    }
    .txtBlk-B h3 span {
        padding: 7px 0;
        font-size: 60%;
        margin-bottom: 15px;
    }
    .txtBlk-B p {
        font-size: 16px;
    }
}


/* -------------------------------------- listBlk-A -------------------------------------- */

.listBlk-A {
    margin: 0 -.8%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.listBlk-A>section {
    /* width: 30.7%; */
    /* display: inline-block; */
    vertical-align: top;
    margin: 0 .2% 20px;
    flex: 0 0 22%;
    flex-direction: column;
    /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center;
    /* 子要素をflexboxにより中央に配置する */
    align-items: center;
    /* 子要素をflexboxにより中央に配置する */
    background: #fff;
    padding: 0.5%;
    border: 1px solid #e5e5e5;
}

body.IE7 .listBlk-A>section {
    display: inline;
    zoom: 1;
}

.listBlk-A .inner {
    display: block;
    background: #fff;
    padding: 15px;
    /* border: 1px solid #e5e5e5; */
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

.listBlk-A .inner td {
    font-size: 14px;
}

.listBlk-A .inner td a {
    font-size: 14px;
    color: #138e6a;
    font-weight: 500;
}

body.IE7 .listBlk-A .inner {
    zoom: 1;
    position: relative;
}

.listBlk-A .inner_tpc {
    width: 50%;
    display: block;
    /* background: url(../images/top_topics_bg.png);*/
    background-color: #fff;
    padding: 15px;
    /* 	border: 1px solid #e5e5e5;*/
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
    text-align: center;
    color: #e5e5e5;
    padding-bottom: 20px;
}

.listBlk-A .inner_tpc p {
    text-align: center;
    color: #000;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.listBlk-A .inner_tpc td {
    text-align: left;
    font-size: 0.8em;
}

.listBlk-A .inner_tpc a {
    color: #00a678;
}

.listBlk-A .inner_tpc a:hover {
    color: #16db9e;
}

.bar1 {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    border: 0;
    /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}

body.IE7 .listBlk-A .inner_tpc {
    zoom: 1;
    position: relative;
}

.listBlk-A a.inner:hover {
    /*     border: 1px solid #d9d9d9; */
    background-color: #f2f2f2;
}

.listBlk-A h3 {
    color: #fff;
    font-size: 87.5%;
    text-align: center;
    letter-spacing: 3px;
    padding: 10px;
    margin: -5px -5px 10px;
    background-color: #231207;
    /* 42210b*/
}

body.IE7 .listBlk-A p {
    cursor: pointer;
}

.listBlk-A .pic {
    padding-bottom: 10px;
}

.listBlk-A .pic img {
    width: 100%;
    height: auto;
    /* max-width: 380px; */
    /* padding: 2%; */
}

.listBlk-A .catch {
    line-height: 1.5;
    color: #42210b;
    font-weight: bold;
    padding: 3px 10px 7px;
}

.listBlk-A .txt {
    font-size: 80%;
    line-height: 1.5;
    padding: 0 10px 15px;
}

.listBlk-A .btn {
    font-size: 80%;
    font-weight: bold;
    color: #00a678;
    /* 00a678 ⇒ 534a47 */
    text-align: center;
    border-top: 1px solid #d9d9d9;
    padding: 15px 0px 15px 0;
    margin: 0 -5px -15px;
    position: relative;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

body.IE7 .listBlk-A .btn {
    zoom: 1;
    padding-right: 0;
}

.listBlk-A .btn:after {
    /*	content: "";
width: 5px;
height: 9px;
background: url(../images/site_splite02.png) no-repeat 0 -200px;
position: absolute;
top: 50%;
margin: -4px 0 0 7px;*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    .listBlk-A .btn:after {
        /*		background-image: url(../images/site_splite02x2.png);
    -moz-background-size: 300px 600px;
    -webkit-background-size: 300px 600px;
    -o-background-size: 300px 600px;
    background-size: 300px 600px;*/
    }
}

#spec-detail-featureList .listBlk-A .btn:hover {
    margin: 0 -15px -15px;
    background-color: #f2f2f2;
}


/* ---------------------------------------
max-width: 959px
--------------------------------------- */

@media screen and (max-width: 959px) {
    .listBlk-A .inner {
        padding: 12px;
    }
    .listBlk-A h3 {
        font-size: 87.5%;
        padding: 7px 10px;
        letter-spacing: 1px;
    }
    .listBlk-A .catch {
        font-size: 87.5%;
        padding-top: 0;
    }
    .listBlk-A .txt {
        padding-left: 5px;
        padding-right: 5px;
    }
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    .listBlk-A {
        margin: 0;
    }
    .listBlk-A>section {
        width: 100%;
        margin: 0 0 20px;
        display: block;
    }
    .listBlk-A>section {
        /* width: 30.7%; */
        /* display: inline-block; */
        vertical-align: top;
        margin: 0 .2% 20px;
        flex: 0 0 100%;
    }
    .listBlk-A h3 {
        margin: -5px -5px 10px;
    }
    .listBlk-A .pic {
        position: absolute;
        width: 180px;
    }
    .listBlk-A .catch {
        font-size: 95%;
        padding-left: 200px;
    }
    .listBlk-A .txt {
        font-size: 75%;
        min-height: 113px;
        padding-left: 200px;
        padding-right: 0;
    }
    #spec-detail-featureList .listBlk-A .txt {
        min-height: 0;
    }
    #spec-detail-featureList .listBlk-A .first,
    #spec-detail-featureList .listBlk-A .last {
        min-height: 128px;
    }
    .listBlk-A .btn {
        font-size: 75%;
        padding: 12px 0;
        margin: 0 0 -12px;
    }
    #spec-detail-featureList .listBlk-A .btn:hover {
        margin: 0 -12px -12px;
    }
    .listBlk-News_2column .btn {
        font-size: 75%;
        padding: 12px 0;
        margin: 0 0 -12px;
    }
    #spec-detail-featureList .listBlk-News_2column .btn:hover {
        margin: 0 -12px -12px;
    }
}


/* ---------------------------------------
max-width: 479px
--------------------------------------- */

@media screen and (max-width: 399px) {
    .listBlk-A .pic {
        position: static;
        width: 100%;
    }
    .listBlk-A .catch {
        padding-left: 0;
    }
    .listBlk-A .txt {
        min-height: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* -------------------------------------- listBlk-C -------------------------------------- */

.listBlk-C {
    margin: 0 -.8%;
}

.listBlk-C>section {
    width: 47.88%;
    display: inline-block;
    vertical-align: top;
    margin: 0 .8% 20px;
}

body.IE7 .listBlk-C>section {
    display: inline;
    zoom: 1;
}

.listBlk-C .inner {
    display: block;
    background: #fff;
    padding: 3%;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

body.IE7 .listBlk-C .inner {
    zoom: 1;
    position: relative;
}

.listBlk-C .inner_tpc {
    display: block;
    /* background: url(../images/top_topics_bg.png);*/
    background-color: #fff;
    padding: 15px;
    border: 3px solid #e5e5e5;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
    text-align: center;
    color: #e5e5e5;
    padding-bottom: 20px;
}

.listBlk-C .inner_tpc p {
    text-align: center;
    font-size: 1.5em;
    color: #212121;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.listBlk-C .inner_tpc td {
    text-align: left;
    font-size: 1em;
}

.listBlk-C .inner_tpc a {
    color: #116046;
}

.listBlk-C .inner_tpc a:hover {
    color: #347f66;
}

.listBlk-C .inner_tpc {
    display: block;
    /* background: url(../images/top_topics_bg.png);*/
    background-color: #fff;
    padding: 15px;
    border: 4px solid #e5e5e5;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
    text-align: center;
    color: #e5e5e5;
    padding-bottom: 20px;
}

.listBlk-C .inner_tpc p {
    text-align: center;
    font-size: 1.5em;
    color: #212121;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.listBlk-C .inner_tpc td {
    text-align: left;
    font-size: 0.8em;
}

.listBlk-C .inner_tpc a {
    color: #00a678;
}

.listBlk-C .inner_tpc a:hover {
    color: #16db9e;
}

.bar1 {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    border: 0;
    /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}

body.IE7 .listBlk-C .inner_tpc {
    zoom: 1;
    position: relative;
}

.listBlk-D {
    margin: 0 -.8%;
}

.listBlk-D>section {
    width: 98%;
    display: inline-block;
    vertical-align: top;
    margin: 0 .8% 20px;
}

body.IE7 .listBlk-D>section {
    display: inline;
    zoom: 1;
}

.listBlk-D .inner {
    display: block;
    background: #fff;
    padding: 3%;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

body.IE7 .listBlk-D .inner {
    zoom: 1;
    position: relative;
}

.listBlk-D .inner_tpcA {
    display: block;
    /* background: url(../images/top_topics_bg.png);*/
    background-color: #fff;
    padding: 15px;
    border: 3px solid #e5e5e5;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
    text-align: center;
    color: #e5e5e5;
    padding-bottom: 20px;
}

.listBlk-D .inner_tpcA p {
    text-align: center;
    font-size: 1.5em;
    color: #212121;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.listBlk-D .inner_tpcA td {
    text-align: left;
    font-size: 0.8em;
}

.listBlk-D .inner_tpcA a {
    color: #00a678;
    font-size: 1.2em;
}

.listBlk-D .inner_tpcA a:hover {
    color: #16db9e;
}

.listBlk-D .inner_tpcA {
    display: block;
    /* background: url(../images/top_topics_bg.png);*/
    background-color: #fff;
    padding: 15px;
    border: 3px solid #e5e5e5;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
    text-align: center;
    color: #e5e5e5;
    padding-bottom: 20px;
}

.listBlk-D .inner_tpcA p {
    text-align: center;
    font-size: 1.5em;
    color: #212121;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.listBlk-D .inner_tpcA td {
    text-align: left;
    font-size: 0.8em;
}

.listBlk-D .inner_tpcA a {
    color: #00a678;
}

.listBlk-D.inner_tpcA a:hover {
    color: #16db9e;
}

.bar1 {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    border: 0;
    /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}

body.IE7 .listBlk-D .inner_tpcA {
    zoom: 1;
    position: relative;
}

.listBlk-C a.inner:hover {
    border: 1px solid #d9d9d9;
    background-color: #f2f2f2;
}

.listBlk-C h3 {
    color: #fff;
    font-size: 87.5%;
    text-align: center;
    letter-spacing: 3px;
    padding: 10px;
    margin: -5px -5px 10px;
    background-color: #231207;
    /* 42210b*/
}

body.IE7 .listBlk-C p {
    cursor: pointer;
}

.listBlk-C .pic {
    padding-bottom: 10px;
}

.listBlk-C .pic img {
    width: 100%;
    height: auto;
}

.listBlk-C .catch {
    line-height: 1.5;
    color: #42210b;
    font-weight: bold;
    padding: 3px 10px 7px;
}

.listBlk-C .txt {
    font-size: 80%;
    line-height: 1.5;
    /*padding: 0 10px 15px;*/
    padding: 0 10px 0;
}

.listBlk-C .btn {
    font-size: 80%;
    font-weight: bold;
    color: #534a47;
    text-align: center;
    border-top: 1px solid #d9d9d9;
    padding: 15px 12px 15px 0;
    margin: 0 -5px -15px;
    position: relative;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

body.IE7 .listBlk-C .btn {
    zoom: 1;
    padding-right: 0;
}

.listBlk-C .btn:after {
    content: "";
    width: 5px;
    height: 9px;
    /*	background: url(../images/site_splite02.png) no-repeat 0 -200px;*/
    position: absolute;
    top: 50%;
    margin: -4px 0 0 7px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    .listBlk-C .btn:after {
        background-image: url(../images/site_splite02x2.png);
        -moz-background-size: 300px 600px;
        -webkit-background-size: 300px 600px;
        -o-background-size: 300px 600px;
        background-size: 300px 600px;
    }
}

#spec-detail-featureList .listBlk-C .btn:hover {
    margin: 0 -15px -15px;
    background-color: #f2f2f2;
}


/* ---------------------------------------
max-width: 959px
--------------------------------------- */

@media screen and (max-width: 959px) {
    .listBlk-C .inner {
        padding: 12px;
    }
    .listBlk-C h3 {
        font-size: 87.5%;
        padding: 7px 10px;
        letter-spacing: 1px;
    }
    .listBlk-C .catch {
        font-size: 87.5%;
        padding-top: 0;
    }
    .listBlk-C .txt {
        padding-left: 5px;
        padding-right: 5px;
    }
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    .listBlk-C {
        margin: 0;
    }
    .listBlk-C>section {
        width: 100%;
        margin: 0 0 20px;
        display: block;
    }
    .listBlk-C h3 {
        margin: -5px -5px 10px;
    }
    .listBlk-C .pic {
        position: absolute;
        width: 180px;
    }
    .listBlk-C .catch {
        font-size: 95%;
        padding-left: 200px;
    }
    .listBlk-C .txt {
        font-size: 75%;
        min-height: 113px;
        padding-left: 200px;
        padding-right: 0;
    }
    #spec-detail-featureList .listBlk-C .txt {
        min-height: 0;
    }
    #spec-detail-featureList .listBlk-C .first,
    #spec-detail-featureList .listBlk-C .last {
        min-height: 128px;
    }
    .listBlk-C .btn {
        font-size: 75%;
        padding: 12px 0;
        margin: 0 0 -12px;
    }
    #spec-detail-featureList .listBlk-C .btn:hover {
        margin: 0 -12px -12px;
    }
}


/* ---------------------------------------
max-width: 479px
--------------------------------------- */

@media screen and (max-width: 399px) {
    .listBlk-C .pic {
        position: static;
        width: auto;
    }
    .listBlk-C .catch {
        padding-left: 0;
    }
    .listBlk-C .txt {
        min-height: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* -------------------------------------- listBlk-News 1column-------------------------------------- */

.listBlk-News {
    margin: 0 -.8%;
}

.listBlk-News>section {
    width: 98%;
    display: inline-block;
    vertical-align: top;
    /* 	margin: 0 .8% 20px;*/
    margin: 0 1% 20px;
}

body.IE7 .listBlk-News>section {
    display: inline;
    zoom: 1;
}

.listBlk-News .inner {
    display: block;
    background: #fff;
    padding: 15px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

body.IE7 .listBlk-News .inner {
    zoom: 1;
    position: relative;
}

.listBlk-News a.inner:hover {
    border: 1px solid #d9d9d9;
    background-color: #f2f2f2;
}

.listBlk-News h3 {
    color: #fff;
    font-size: 100%;
    text-align: center;
    letter-spacing: 3px;
    padding: 10px;
    margin: -5px -5px 10px;
    background-color: #231207;
    /* 42210b*/
}

.listBlk-News .inner td {
    text-align: left;
    font-size: 1em;
}

.listBlk-News .inner a {
    color: #d93600;
}

.listBlk-News .inner a:hover {
    color: #ff6f48;
}

body.IE7 .listBlk-News p {
    cursor: pointer;
}


/* -------------------------------------- listBlk-News 2column -------------------------------------- */

.listBlk-News_2column {
    margin: 0 0%;
}

.listBlk-News_2column>section {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    /* 	margin: 0 .8% 20px;*/
    margin: 0 0% 20px;
}

body.IE7 .listBlk-News_2column>section {
    display: inline;
    zoom: 1;
}

.listBlk-News_2column .inner {
    display: block;
    background: #fff;
    padding: 15px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
    margin-top: 30px;
}

body.IE7 .listBlk-News_2column .inner {
    zoom: 1;
    position: relative;
}

.listBlk-News_2column a.inner:hover {
    border: 1px solid #d9d9d9;
    background-color: #f2f2f2;
}

.listBlk-News_2column h3 {
    color: #fff;
    font-size: 100%;
    text-align: center;
    letter-spacing: 3px;
    padding: 10px;
    margin: -5px -5px 10px;
    background-color: #231207;
    /* 42210b*/
}

.listBlk-News_2column .inner td {
    text-align: left;
    font-size: 1em;
}

.listBlk-News_2column .inner a {
    color: #d93600;
}

.listBlk-News_2column .inner a:hover {
    color: #ff6f48;
}

.listBlk-News_2column .pic {
    padding-bottom: 10px;
}

.listBlk-News_2column .pic img {
    width: 100%;
    height: auto;
    margin: 0 0%;
}

body.IE7 .listBlk-News_2column p {
    cursor: pointer;
}

.listBlk-News_2column .btn {
    font-size: 80%;
    font-weight: bold;
    color: #00a678;
    /* 00a678 ⇒ 534a47 */
    text-align: center;
    border-top: 1px solid #d9d9d9;
    padding: 15px 0px 15px 0;
    margin: 0 -5px -15px;
    position: relative;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

body.IE7 .listBlk-A .btn {
    zoom: 1;
    padding-right: 0;
}

.listBlk-News_2column .btn:after {
    /*	content: "";
width: 5px;
height: 9px;
background: url(../images/site_splite02.png) no-repeat 0 -200px;
position: absolute;
top: 50%;
margin: -4px 0 0 7px;*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    .listBlk-News_2column .btn:after {
        /*		background-image: url(../images/site_splite02x2.png);
    -moz-background-size: 300px 600px;
    -webkit-background-size: 300px 600px;
    -o-background-size: 300px 600px;
    background-size: 300px 600px;*/
    }
}

#spec-detail-featureList .listBlk-News_2column .btn:hover {
    margin: 0 -15px -15px;
    background-color: #f2f2f2;
}


/* ---------------------------------------
max-width: 959px
--------------------------------------- */

@media screen and (max-width: 959px) {
    .listBlk-News .inner,
    .listBlk-News_2column .inner {
        padding: 12px;
    }
    .listBlk-News h3,
    .listBlk-News_2column h3 {
        font-size: 87.5%;
        padding: 7px 10px;
        letter-spacing: 1px;
    }
    .listBlk-News .catch,
    .listBlk-News_2column .catch {
        font-size: 87.5%;
        padding-top: 0;
    }
    .listBlk-News .txt,
    .listBlk-News_2column .txt {
        padding-left: 5px;
        padding-right: 5px;
    }
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    .listBlk-News,
    .listBlk-News_2column {
        margin: 0;
    }
    .listBlk-News>section,
    .listBlk-News_2column>section {
        width: 100%;
        margin: 0 0 20px;
        display: block;
    }
    .listBlk-News h3,
    .listBlk-News_2column h3 {
        margin: -5px -5px 10px;
    }
    .listBlk-News .pic,
    .listBlk-News_2column .pic {
        position: absolute;
    }
    .listBlk-News .catch,
    .listBlk-News_2column .catch {
        font-size: 95%;
        padding-left: 200px;
    }
    .listBlk-News .txt,
    .listBlk-News_2column .txt {
        font-size: 75%;
        min-height: 113px;
        padding-left: 200px;
        padding-right: 0;
    }
    #spec-detail-featureList .listBlk-News .txt,
    #spec-detail-featureList .listBlk-News_2column .txt {
        min-height: 0;
    }
    #spec-detail-featureList .listBlk-News .first,
    #spec-detail-featureList .listBlk-News .last,
    #spec-detail-featureList .listBlk-News_2column .first,
    #spec-detail-featureList .listBlk-News_2column .last {
        min-height: 128px;
    }
    .listBlk-News .btn,
    .listBlk-News_2column {
        font-size: 75%;
        padding: 12px 0;
        margin: 0 0 -12px;
    }
    #spec-detail-featureList .listBlk-News .btn:hover,
    #spec-detail-featureList .listBlk-News_2column .btn:hover {
        margin: 0 -12px -12px;
    }
}


/* ---------------------------------------
max-width: 479px
--------------------------------------- */

@media screen and (max-width: 399px) {
    .listBlk-News .pic,
    .listBlk-News_2column .pic {
        position: static;
        width: auto;
    }
    .listBlk-News .catch,
    .listBlk-News_2column .catch {
        padding-left: 0;
    }
    .listBlk-News .txt,
    .listBlk-News_2column .txt {
        min-height: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* -------------------------------------- .common-closeBtn -------------------------------------- */

.common-closeBtn {
    text-indent: -9999px;
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 1;
    /*	background: #534a47 url(../images/site_splite02.png) no-repeat 10px -90px;*/
    cursor: pointer;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    .common-closeBtn {
        /*	background-image: url(../images/site_splite02x2.png);
    -moz-background-size: 300px 600px;
    -webkit-background-size: 300px 600px;
    -o-background-size: 300px 600px;
    background-size: 300px 600px;*/
    }
}

.common-closeBtn:hover {
    background-color: #332e2c;
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    .common-closeBtn {
        width: 34px;
        height: 34px;
        background-position: -43px -92px;
    }
}


/* -------------------------------------- #gallery-loadCnt -------------------------------------- */


/* jsで作成 */

#gallery-loadCnt {
    position: fixed;
    z-index: 150;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    background: rgba(0, 0, 0, .7) no-repeat 50% 50%;
}

body.lteIE8 #gallery-loadCnt {
    background: transparent url(../images/site_bcg04.png) repeat 0 0;
}

#gallery-loadCnt.fullscreen {
    /* モバイル端末の場合 */
    background-color: #000;
    background-image: none;
}

#gallery-loadCnt.loading {
    background-image: url(../images/common_loader03.gif);
}

#gallery-loadCnt .closeLayer {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    cursor: pointer;
}


/* -------- .common-galleryCnt  -------- */

.common-galleryCnt {
    width: 90%;
    /*min-width: 920px;*/
    max-width: 960px;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #1a1a1a;
    /* old browser */
    background: -webkit-linear-gradient(top, #262626 0%, #000 100%);
    /* Chrome10+, Safari5.1+ */
    background: -moz-linear-gradient(top, #262626 0%, #000 100%);
    /* FF3.6+ */
    background: -o-linear-gradient(top, #262626 0%, #000 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #262626 0%, #000 100%);
    /* IE10+, FF16+ */
    border-top: 1px solid #000;
}

.common-galleryCnt.layer {
    position: absolute;
    top: 0;
}

#gallery-loadCnt.fullscreen .common-galleryCnt {
    /* モバイル端末の場合 */
    border: none;
    background: none;
    margin: 0 !important;
}

.common-galleryCnt .inner {
    max-width: 600px;
    /*width: 600px;*/
    padding: 20px 0;
    margin: 0 auto;
    position: relative;
    /* next,prevの位置設定用に必要 */
}

.common-galleryCnt h2 {
    font-size: 95%;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

.common-galleryCnt h2 span {
    font-size: 80%;
    color: #9c8d6c;
    padding-right: 1em;
}

.common-galleryCnt .mask {
    overflow: hidden;
    margin-bottom: 15px;
}

.common-galleryCnt .picBlk {
    width: 1000%;
}

.common-galleryCnt .picBlk li {
    width: 10%;
    float: left;
}

.common-galleryCnt .picBlk li img {
    width: 100%;
    height: auto;
}

.common-galleryCnt .navBlk {
    float: left;
    margin: 5px 0;
}

.common-galleryCnt .navBlk li {
    display: inline-block;
    padding: 6px;
    cursor: pointer;
}

body.IE7 .common-galleryCnt .navBlk li {
    display: inline;
    zoom: 1;
}

.common-galleryCnt .navBlk li span {
    display: block;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background-color: #cec6b5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

.common-galleryCnt .navBlk li.active span {
    background-color: #ef7f31 !important;
}

.common-galleryCnt .navBlk li:hover span {
    background-color: #665e4e;
}

body.IE7 .common-galleryCnt .btnBlk {
    height: 0;
}

.common-galleryCnt .btnBlk li {
    text-indent: -9999px;
    width: 30px;
    height: 42px;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    cursor: pointer;
}

.common-galleryCnt .btnBlk .nextBtn {
    right: -45px;
    /*	background: url(../images/site_splite02.png) no-repeat 5px 5px;*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    .common-galleryCnt .btnBlk .nextBtn {
        /*	background-image: url(../images/site_splite02x2.png);
    -moz-background-size: 300px 600px;
    -webkit-background-size: 300px 600px;
    -o-background-size: 300px 600px;
    background-size: 300px 600px;*/
    }
}

.common-galleryCnt .btnBlk .nextBtn:hover {
    background-position: -95px 5px;
}

.common-galleryCnt .btnBlk .prevBtn {
    left: -45px;
    /*	background: url(../images/site_splite02.png) no-repeat 5px -45px;*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    .common-galleryCnt .btnBlk .prevBtn {
        /*	background-image: url(../images/site_splite02x2.png);
    -moz-background-size: 300px 600px;
    -webkit-background-size: 300px 600px;
    -o-background-size: 300px 600px;
    background-size: 300px 600px;*/
    }
}

.common-galleryCnt .btnBlk .prevBtn:hover {
    background-position: -95px -45px;
}

.common-galleryCnt .addBtn {
    float: right;
    margin-top: 5px;
}

#gallery-loadCnt .common-galleryCnt .addBtn {
    margin-bottom: 20px;
}

.common-galleryCnt .addBtn a {
    font-size: 70%;
    text-align: center;
    color: #fff;
    line-height: 19px;
    display: block;
    width: 14em;
    padding: 3px 12px 3px 27px;
    background-color: #534a47;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

body.IE7 .common-galleryCnt .addBtn a {
    padding-left: 12px;
}

.common-galleryCnt .addBtn a:hover {
    background-color: #453e3b;
}

.common-galleryCnt .addBtn a:before {
    content: "";
    width: 10px;
    height: 10px;
    /*	background: transparent url(../images/site_splite02.png) no-repeat 0 -250px;*/
    position: absolute;
    top: 50%;
    margin: -5px 0 0 -15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
    .common-galleryCnt .addBtn a:before {
        /*	background-image: url(../images/site_splite02x2.png);
    -moz-background-size: 300px 600px;
    -webkit-background-size: 300px 600px;
    -o-background-size: 300px 600px;
    background-size: 300px 600px;*/
    }
}

.common-galleryCnt .addBtn .wpfp-maxerror {
    font-size: 70%;
    text-align: center;
    color: #999;
    line-height: 19px;
    display: block;
    width: 16em;
    padding: 3px 10px 3px 10px;
    background-color: #333;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.common-galleryCnt .txtBlk {
    clear: both;
    font-size: 75%;
    color: #ccc;
    line-height: 1.5;
    padding-top: 15px;
    border-top: 1px solid #333;
}

#gallery-loadCnt .common-closeBtn {
    top: 2px;
    right: 2px;
}

#gallery-loadCnt>.common-closeBtn {
    display: none;
}

.common-galleryCnt>.common-closeBtn {
    display: block;
}

#gallery-loadCnt.fullscreen>.common-closeBtn {
    display: block;
}

#gallery-loadCnt.fullscreen .common-galleryCnt>.common-closeBtn {
    display: none;
}

#sec_inner {
    width: 48%;
    margin: 2% 1%;
    float: left;
}

#sec_inner img {
    width: 98%;
    margin: 0 1%;
}


/* ---------------------------------------
max-width: 959px
--------------------------------------- */

@media screen and (max-width: 959px) {
    #gallery-loadCnt {
        background-color: #000;
        background-image: none;
        min-width: 320px;
    }
    .common-galleryCnt {
        width: auto;
        padding: 0 65px;
    }
    #gallery-loadCnt .common-galleryCnt {
        border: none;
        background: none;
    }
    .common-galleryCnt .btnBlk li {
        margin-top: -50px;
    }
    .common-galleryCnt .txtBlk {
        font-size: 70%;
    }
    #gallery-loadCnt>.common-closeBtn {
        display: block;
    }
    .common-galleryCnt>.common-closeBtn {
        display: none;
    }
}


/* ---------------------------------------
max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {
    .common-galleryCnt {
        padding: 0 40px;
    }
    .common-galleryCnt .navBlk {
        float: none;
        text-align: center;
        margin: 10px 0;
    }
    .common-galleryCnt .btnBlk li {
        margin-top: -70px;
    }
    .common-galleryCnt .btnBlk .nextBtn {
        right: -35px;
        background-position: -40px 12px;
    }
    .common-galleryCnt .btnBlk .nextBtn:hover {
        background-position: -140px 12px;
    }
    .common-galleryCnt .btnBlk .prevBtn {
        left: -35px;
        background-position: -40px -38px;
    }
    .common-galleryCnt .btnBlk .prevBtn:hover {
        background-position: -140px -38px;
    }
    .common-galleryCnt .addBtn {
        float: none;
        margin-top: 0;
    }
    .common-galleryCnt .addBtn a,
    .common-galleryCnt .addBtn .wpfp-maxerror {
        margin: 0 auto;
    }
}


/* ---------------------------------------
max-width: 479px
--------------------------------------- */

@media screen and (max-width: 479px) {
    .common-galleryCnt {
        padding: 0 10px;
    }
    .common-galleryCnt h2 {
        margin: 0 30px 20px 10px;
    }
    .common-galleryCnt .btnBlk li {
        display: none;
    }
    .common-galleryCnt .txtBlk {
        padding: 15px 10px 0;
    }
    #sec_inner {
        width: 98%;
        margin: 2% 1%;
        float: left;
    }
}


/* -------- .common-galleryCnt2  -------- */

.common-galleryCnt2 {
    width: auto;
    padding: 10px;
    background: #f7f7f7;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 -1px 0 #f2f2f2;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 -1px 0 #f2f2f2;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 -1px 0 #f2f2f2;
    overflow: auto;
}

body.lteIE8 .common-galleryCnt2 {
    border-color: #e5e5e5;
}

.common-galleryCnt2 .mask {
    width: 100%;
    overflow: hidden;
}

.common-galleryCnt2 .picBlk {
    width: 1000%;
}

.common-galleryCnt2 .picBlk li {
    width: 10%;
    float: left;
}

.common-galleryCnt2 .picBlk img {
    width: 100%;
    height: auto;
}

.common-galleryCnt2 .navBlk {
    text-align: center;
    padding: 6px 0;
    margin-bottom: -10px;
    line-height: 0;
}

.common-galleryCnt2 .navBlk li {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

body.IE7 .common-galleryCnt2 .navBlk li {
    display: inline;
    zoom: 1;
}

.common-galleryCnt2 .navBlk li span {
    display: block;
    width: 9px;
    height: 9px;
    text-indent: -9999px;
    background: #cec6b5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

.common-galleryCnt2 .navBlk li.active span {
    background: #ef7f31 !important;
}

.common-galleryCnt2 .navBlk li:hover span {
    background-color: #665e4e;
}


/* more-btn */

#sec .more-btn {
    letter-spacing: 0;
    margin: 27px auto 34px;
}

#sec .contents .more-btn {
    width: 180px;
}

.sec_inner_title {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 6px;
}

.sec_inner_p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 6px;
}

.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 10px;
}

.video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


/* =========== ボタンエリア ========== */

#section_btn {
    margin: 0 auto;
    width: auto;
    padding: 2%;
    text-align: center;
    width: 96%;
}

#section_btn2 {
    margin: 0 auto;
    padding: 2%;
    text-align: center;
    width: 300px;
    /* margin: 0; */
}


/*
section_btn p{
font-size: 1.35em;
}
*/

#section_btnA {
    margin: 0 auto;
    width: 300px;
    padding: 10px;
}

#section_btnA p {
    font-size: 1.5em
}

#section_btnB {
    margin: 0 auto;
    width: auto;
    padding: 5px;
}

#section_btnB p {
    font-size: 1.35em text-align: left;
}

#section_btnB img {
    width: 150px;
    margin-left: 0;
}

#section_icn {
    margin: 0 auto;
    width: auto;
    padding: 2%;
    text-align: right;
}


/* btnLink
-----------------------------------------------------------------*/

.btnLink {
    display: block;
    color: #fff;
    /*	background: #c1272d;*/
    text-align: center;
    border-radius: 5px;
    transition: all 0.5s;
    overflow: hidden;
}

.btnLink span {
    display: inline-block;
    position: relative;
    /*	padding: 5px 13px 11px 0;*/
    padding: 3px 12px 2px 0;
    font-family: "メイリオ", "Meiryo", 'Noto Sans Japanese', serif;
    vertical-align: middle;
}


/* IE9・10 */

.btnLink span:not(:target) {
    padding: 15px 16px 9px 0\9;
}


/* IE11 */

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .btnLink span {
        padding: 10px 8px 5px 0;
    }
}

.btnLink span:after {
    font-family: 'FontAwesome';
    content: "\f105";
    padding-right: 10px;
    position: absolute;
    top: 40%;
    right: -12px;
    font-size: 120%;
    /* font-family: 'icomoon'; */
    transition: all 0.3s;
    line-height: 14px;
    margin-top: -5px;
    vertical-align: middle;
}

.btnLink:hover {
    color: #fff;
    /* 	background: #febb5f;*/
}

.btnLink:hover span:after {
    right: -16px;
}


/* [option] style06 */

.btnLink.style01 {
    /* background: #fe9e1a; 
border: 1px solid #212270;*/
    background: #ff7f31;
    width: 140px;
    font-size: 0.5em;
    color: #fff;
    height: 30px;
}

.btnLink.style01:hover {
    background: #ff9255;
}


/*more-btn/[option] style02 */

.btnLink.style02 {
    vertical-align: middle;
    background: #36312d;
    width: 210px;
    font-size: 16px;
    color: #fff;
    height: 33px;
    border-radius: 20px;
    transition: all 0.3s;
    line-height: 30px;
}

.btnLink.style02:hover {
    background: #36312d;
}


/*more-btn/[option] style03 */

.btnLink.style03 {
    vertical-align: middle;
    background: #ff7e39;
    width: 280px;
    font-size: 1em;
    color: #fff;
    height: 35px;
    border-radius: 30px;
    transition: all 0.3s;
    padding-top: 5px;
    padding-left: -5px;
}

.btnLink.style03:hover {
    background: #ff8752;
}


/* [option] style07 */

.btnLink.style07 {
    /* background: #fe9e1a; */
    background: #f7931e;
    width: 180px;
    font-size: 0.9em;
    height: 40px;
    line-height: 1em;
}

.btnLink.style07:hover {
    background: #f7a552;
}


/*more-btn/[option] style04 */

.btnLink.style04 {
    text-align: center;
    border-radius: 30px;
    transition: all 0.3s;
    overflow: hidden;
}

.btnLink.style04:hover {
    background: #e54c63;
}


/* [option] style05 */

.btnLink.style05 {
    background: #f95c16;
}

.btnLink.style05:hover {
    background: #f7931e;
}


/* [option] style06 */

.btnLink.style06 {
    /* background: #fe9e1a; */
    background: #8dc21f;
    width: 350px;
}

.btnLink.style06:hover {
    background: #aad63c;
}


/* [option] style10 */

.btnLink.style10 {
    /* background: #fe9e1a; */
    background: #8dc21f;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    font-size: 18px;
}

.btnLink.style10:hover {
    background: #aad63c;
}


/* [style] entry */

.btnLink.entry {
    background: #494949;
}

.btnLink.entry:hover {
    background: #808080;
}

.btnLink.entry span {
    padding: 19px 0 19px 30px;
    font-size: 139%;
    background: url(../images/ico_entry.png) no-repeat 0 48%;
}

.btnLink.entry span:after {
    display: none;
}


/* IE9・10 */

.btnLink.entry span:not(:target) {
    padding: 23px 0 14px 30px\9;
}


/* IE11 */

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .btnLink.entry span {
        padding: 23px 0 15px 30px;
    }
}


/* [style] blank */

.btnLink.blank span {
    background: url(../images/ico_blank04.png) no-repeat 100% 50%;
}

.btnLink.blank span:after {
    display: none;
}

.common-galleryCnt3 {
    width: auto;
    padding: 10px;
    background: #f7f7f7;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 -1px 0 #f2f2f2;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 -1px 0 #f2f2f2;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 -1px 0 #f2f2f2;
}

body.lteIE8 .common-galleryCnt3 {
    border-color: #e5e5e5;
}

.common-galleryCnt3 .mask {
    width: 100%;
    overflow: hidden;
}

.common-galleryCnt3 .picBlk {
    width: 1000%;
}

.video1 {
    position: relative;
    width: 90%;
    padding-top: 56.25%;
    /* margin-bottom: 10px;*/
    margin: 0 5%;
}

.video1 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    height: 80%;
    margin: 0 5%;
}


/* ======== #header .snsArea ======== */

.snsArea {
    position: absolute;
    top: 18px;
    right: 20px;
    z-index: 1001;
    /* display: none; */
    color: #fff;
}


/*#header.autofix_sb.fixed .snsArea { top: -90px; opacity: 0; height: 0; }*/

.autofix_sb.fixed .snsArea {
    top: 15px;
    right: 60px;
    display: block;
}

.snsArea ul li {
    display: inline
}

@media screen and (max-width: 500px) {
    .snsArea {
        position: absolute;
        top: 18px;
        right: 60px;
        z-index: 1001;
        /* display: none; */
        color: #fff;
    }
    color: #fff;
}

.linkInfo {
    padding: 50px 0;
    text-align: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.linkInfo h2 span {
    color: #00a678;
    border-bottom: 1px dashed;
    font-weight: 600;
    font-size: 21px;
}

@media only screen and (max-width: 1024px) {
    .linkInfo h2 {
        font-size: 16px;
    }
}

.ifSp {
    display: none;
}

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


/* --- .illustArea --- */

.illustArea {
    margin: 45px auto 0;
    max-width: 650px;
    height: auto;
}

@media only screen and (max-width: 800px) {
    .illustArea {
        margin: 40px auto 0;
    }
}

@media only screen and (max-width: 738px) {
    .illustArea {
        margin: 35px auto 0;
    }
}

@media only screen and (max-width: 414px) {
    .illustArea {
        margin: 30px auto 0;
    }
}

.boxInfo {}

.boxInfo .wrap {
    border: 2px solid #de5252;
    padding: 3%;
    text-align: center;
    width: 94%;
    max-width: 1000px;
    margin: 0 auto;
}

.boxInfo .wrap h3 {}

.boxInfo .wrap .box {
    width: 100%;
    max-width: 450px;
    padding: 10px;
    margin: 0 auto;
}

.boxInfo ul {
    max-width: 400px;
    width: 100%;
    text-align: left;
    margin: 0 auto;
}

.boxInfo ul li {
    line-height: 1.5;
}

.boxInfo p {
    font-size: 18px;
    line-height: 2;
    text-align: left;
}

.boxInfo p span {
    font-size: 16px;
}

.boxInfo h2 {
    font-size: 22px;
    margin: 15px 0;
}

@media only screen and (max-width: 1024px) {
    .boxInfo {
        width: 80%;
        margin: 0 10%;
    }
    .boxInfo h2 {
        font-size: 18px;
        margin: 10px 0;
    }
    .boxInfo p {
        font-size: 16px;
    }
    .boxInfo p span {
        font-size: 14px;
    }
}

@media only screen and (max-width: 500px) {
    .boxInfo p {
        font-size: 14px;
    }
    .boxInfo h2 {
        font-size: 16px;
    }
    .boxInfo p span {
        font-size: 12px;
    }
}

.boxInfo2 {
    border: 1px solid #e5e5e5;
    padding: 10px;
    text-align: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.boxInfo2 p {
    font-size: 18px;
}

.boxInfo2 p span {
    font-size: 16px;
}

.boxInfo2 h2 {
    font-size: 22px;
    margin: 15px 0;
}

@media only screen and (max-width: 1024px) {
    .boxInfo2 {
        width: 80%;
        margin: 0 10%;
    }
    .boxInfo2 h2 {
        font-size: 18px;
        margin: 10px 0;
    }
    .boxInfo2 p {
        font-size: 16px;
    }
    .boxInfo2 p span {
        font-size: 14px;
    }
}

@media only screen and (max-width: 500px) {
    .boxInfo2 p {
        font-size: 14px;
    }
    .boxInfo2 h2 {
        font-size: 16px;
    }
    .boxInfo2 p span {
        font-size: 12px;
    }
}


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

#headline

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

#headline {
    margin: 0 5% 0;
    height: 250px;
    position: relative;
    z-index: 1;
}

#headline:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #000;
    opacity: 0.2;
    z-index: 2;
}

#headline:before {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    content: "";
    border: #fefefe 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: #fefefe;
    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: 4;
}

#headline h2.en {
    font-size: 35px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 5px;
    position: relative;
    z-index: 3;
}

#headline h2.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: 1024px) {
    #headline {
        /* height:350px; */
    }
}

@media only screen and (max-width: 800px) {
    #headline {
        height: 300px;
    }
    #headline h2.en {
        font-size: 35px;
        letter-spacing: 4px;
        position: relative;
        z-index: 3;
    }
    #headline 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 {
        margin: 0;
        height: 250px;
    }
    #headline:before {
        top: 10px;
        left: 10px;
        right: 10px;
        display: none;
    }
    #headline:after {
        opacity: 0.3;
    }
    #headline h2.en {
        font-size: 30px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }
}

@media only screen and (max-width: 414px) {
    #headline {
        height: 200px;
    }
    #headline h2.en {
        font-size: 23px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }
    #headline h2.jp {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 3px;
        line-height: 1;
        margin-top: 10px;
        position: relative;
        z-index: 3;
    }
}


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

  .headlineImg

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


/* 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(../images/about/headline.jpg) top 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;
}


/* Attention */

.headlineImgAttention {
    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(../images/about/headlineSp.jpg) bottom right no-repeat;
        background-size: cover;
    }
    .headlineImgAbout_award {
        background: url(../images/about/award/headlineSp.jpg) bottom right no-repeat;
        background-size: cover;
    }
    .headlineImgAbout_company {
        background: url(../images/about/company/headlineSp.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;
    }
    /* Attention */
    .headlineImgAttention {
        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;
        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;
    }
}


/* .txtArea */

#w_about .nameArea .txtArea {
    float: right;
    width: 100%;
    text-align: left;
}

#w_about .nameArea .txtArea .txtBox {
    margin: 0 auto;
    max-width: 100%;
}

#w_about .nameArea .txtArea h4 {
    font-size: 30px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
}

#w_about .nameArea .txtArea h4 b {
    display: block;
    font-size: 15px;
    font-weight: normal;
    vertical-align: 0;
}

#w_about .nameArea .txtArea h4:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 0;
    margin-left: -25px;
    content: "";
    border-top: #ddd double;
    z-index: -1;
}

#w_about .nameArea .txtArea p {
    font-size: 17px;
    line-height: 2.1;
    letter-spacing: 2px;
}

#w_about .nameArea .sign {
    margin-top: 30px;
    width: 100%;
    height: 65px;
    background: url(../images/about/sign.png) center right no-repeat;
}

@media only screen and (max-width: 1024px) {
    #w_about .nameArea .txtArea p {
        font-size: 13px;
        line-height: 2.2;
        letter-spacing: 1px;
    }
}

@media only screen and (max-width: 800px) {
    #w_about {
        padding: 60px 5% 80px;
    }
    #w_about h3 {
        margin: 0 auto;
        font-size: 20px;
    }
    /* -----------------------------------------------------------


コロナのページ

----------------------------------------------------------- */
    #w_about h4 {
        margin: 15px auto;
        font-size: 26px;
        font-weight: 400;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
        letter-spacing: 2.5px;
        /* line-height: 1.8; */
        text-align: center;
    }
    #w_about h3 {
        margin-top: 80px;
    }
    #w_about .descriptionArea p {
        margin-top: 80px
    }
    @media only screen and (max-width: 800px) {
        #w_about h3 {
            margin-top: 50px;
            font-size: 20px
        }
        #w_about h4 {
            margin: 15px auto;
            font-size: 15px;
        }
        #w_about .descriptionArea p {
            margin-top: 20px
        }
    }
    #w_about .nameArea .txtArea h5 {
        font-size: 20px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
        font-weight: normal;
        letter-spacing: 1px;
        line-height: 1.6;
        margin-top: 35px;
        padding-bottom: 12px;
        position: relative;
        z-index: 2;
    }
    /* -----------------------------------------------------------

.central

----------------------------------------------------------- */
    .central {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    /* -----------------------------------------------------------

#w_about

----------------------------------------------------------- */
    #w_about {
        padding: 0px 5% 90px;
        position: relative;
        z-index: 1;
        text-align: center;
    }
    #w_about h3 {
        margin: 15px auto;
        font-size: 30px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
        letter-spacing: 2.5px;
        line-height: 1.8;
        text-align: center;
    }
    /* --- .conceptArea --- */
    #w_about .descriptionArea {
        margin-top: 20px;
        position: relative;
        z-index: 1;
        margin: 20px auto 0;
    }
    #w_about .descriptionArea p {
        font-size: 17px;
        line-height: 2.1;
        letter-spacing: 2px;
        margin-top: 1em;
        text-align: left;
    }
    #w_about .descriptionArea h2 {
        font-size: 20px;
        line-height: 2.4;
        letter-spacing: 2px;
        margin-top: 2em;
        text-align: center;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
    }
    /* --- .nameArea --- */
    #w_about .nameArea {
        margin: 80px 0 0;
        position: relative;
        z-index: 2;
    }
    #w_about .nameArea:before {
        position: absolute;
        top: 7px;
        left: 0;
        bottom: 7px;
        right: 0;
        content: "";
        /* border: #ddd 1px solid; */
        background: #fefefe;
        z-index: -2;
    }
    #w_about .nameArea:after {
        position: absolute;
        top: 0;
        left: 7px;
        bottom: 0;
        right: 7px;
        content: "";
        border: #ddd 1px solid;
        z-index: -2;
    }
    /* --- .inner --- */
    #w_about .nameArea .inner {
        padding: 70px 5%;
    }
    #w_about .nameArea .inner p.txsec {
        text-align: left;
        font-size: 15px;
    }
    /* --- .inner --- */
    #w_about .nameArea .inner2 {
        padding: 10px 5%;
        70px;
    }
    /* .imgArea */
    #w_about .nameArea .imgArea {
        float: left;
        width: 50%;
        position: relative;
        z-index: 1;
        margin: 0 25%;
    }
    /* .imgAreacolumn */
    #w_about .nameArea .imgArea2 {
        float: left;
        width: 100%;
        position: relative;
        z-index: 1;
    }
    #w_about .nameArea .imgArea2 img {
        float: left;
        width: 25%;
        padding: 1%;
    }
    #w_about .nameArea .imgArea2:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background: #fefefe;
        z-index: 5;
        opacity: 0;
        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m:before {
        position: absolute;
        top: 7px;
        left: 0;
        bottom: 7px;
        right: 0;
        content: "";
        border: #a3d9e0 2px solid;
        background: #fefefe;
        z-index: -2;
        margin: 10px 0;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m {
        width: 48%;
        float: left;
        padding: 0% 1.5% 30px;
        margin: 5% 1%;
        margin-bottom: 30px;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m p {
        font-weight: 600;
        color: #1d9faf;
        font-size: 18px;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m:after {
        position: absolute;
        top: 0;
        left: 7px;
        bottom: 0;
        right: 7px;
        content: "";
        border: #a3d9e0 1px dotted;
        z-index: -2;
        margin: 10px 0;
    }
    #w_about .nameArea .c-dlist_m>dt:first-child+dd {
        border-top: none;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m>dt {
        width: 26em;
        position: absolute;
        padding: 5px 0 5px 0.1em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 15px;
        text-align: left;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m>dt span {
        font-size: 13px;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m>dd {
        padding: 5px 0.1em 5px 19em;
        text-align: right;
        border-top: 1px solid #e5e5e5;
        font-size: 15px;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m>dd span {
        font-size: 13px;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m>dt:first-child+dd {
        border-top: none;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m .ptxt {
        font-size: 12px;
        text-align: left;
        padding-left: 1em;
        color: #000;
        font-weight: 500;
    }
    #w_about .nameArea .imgArea2 .c-dlist_m .txBox {
        padding: 1%;
        border: 1px solid #eee;
        border-radius: 5px;
    }
    #w_about .nameArea .inner2 {
        padding: 10px 5%;
        70px;
    }
    /* ************************************************************************************************

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 {
        font: normal 1em/2em 'Open Sans', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        margin: 0;
        padding: 0;
        width: 100%;
        color: #111;
        background: #fefefe;
        -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: #111;
        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;
    }
    p a:hover {
        background: #eee;
        color: #333;
        border-bottom: #999 1px dashed;
    }
    @media only screen and (max-width: 800px) {
        p {
            font-size: 13px;
            line-height: 2;
        }
        p a:hover {
            background: none;
            color: #111;
            border-bottom: #aaa 1px dashed;
        }
    }
    @media only screen and (max-width: 738px) {
        p {
            font-size: 12px;
            line-height: 2;
        }
    }
    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: 568px) {
        .if_br {
            display: block;
        }
    }
    /* .if_br2 Pc 改行 */
    .if_br2 {
        display: block;
    }
    @media only screen and (max-width: 568px) {
        .if_br2 {
            display: none;
        }
    }
    /* -------- company-profile-imgCnt  -------- */
    #company-profile-imgCnt {
        height: 400px;
        margin-bottom: 60px;
        background: no-repeat 50% 50%;
        -moz-background-size: contain !important;
        -webkit-background-size: contain !important;
        -o-background-size: contain !important;
        background-size: contain !important;
    }
    .no-js #company-profile-imgCnt,
    .sizeL #company-profile-imgCnt {
        background-image: url(/images/access/swanbus-jikoku.jpg);
    }
    .sizeM #company-profile-imgCnt {
        background-image: url(/images/access/swanbus-jikoku.jpg);
    }
    .sizeS #company-profile-imgCnt {
        background-image: url(/images/access/swanbus-jikoku.jpg);
    }
    /* -------- company-profile-profileCnt  -------- */
    .company-profile-profileCnt {
        font-size: 80%;
        line-height: 1.5;
        width: 100%;
        float: left;
    }
    .company-profile-profileCnt dt {
        color: #38342f;
        font-weight: bold;
        position: absolute;
        padding: 15px 0 15px 15px;
        margin-right: 480px;
    }
    .company-profile-profileCnt dd {
        border-bottom: 1px solid #ccc;
        padding: 15px 15px 15px 10em;
        margin-right: 480px;
    }
    .company-profile-profileCnt dd.last {
        border: none;
        padding-bottom: 0;
    }