@charset "UTF-8";

/* color
=================================================================== */


/* common
=================================================================== */


/* layout
=================================================================== */


/* background
=================================================================== */


/* flex
=================================================================== */


/* animation delay
=================================================================== */


/* 3d
=================================================================== */

/* font*/
@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: 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 {
    font-family: themify;
    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"
}


/* vw
=================================================================== */


/* form
=================================================================== */


/* vw
================================================*/


/* vh
================================================*/


/* animation
=================================================================== */


/* ========================================================================================================= common */


/*ーーーーーーーーーーーーーーーーーーーー grid*/

.is--hidden {
    display: none !important;
}

.wrapper {
    position: relative;
    padding-top: 100px;
    overflow: hidden;
}

.top .wrapper {
    padding-top: 0;
}

.coPh .wrapper {
    overflow: initial;
}

.wrapper.active {
    position: fixed;
    width: 100%;
    left: 0;
}

.wrapper.menued {
    position: fixed;
    width: 100%;
    background-color: var(--bgBlue);
}

.gridLeft {
    padding-left: 45px;
}

.gridRight {
    padding-right: 45px;
}

.grid {
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 45px;
    padding-right: 45px;
}

.gridContents {
    /* max-width: 1200px; */
    margin: 0 auto;
    /* padding-left: 45px; */
    /* padding-right: 45px; */
    background: #00b8ee;
    color: #fff;
}

.gridContentsLarge {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.bgGray {
    background-color: #ebebeb;
    background-color: var(--bgGray);
    padding-top: 55px;
    padding-bottom: 55px;
}

.bgGray.pb0 {
    padding-bottom: 0;
}

.bgGray.pb25 {
    padding-bottom: 25px;
}

.bgGray.bgGraySlip {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 70px;
}

.bgGray.bgGraySlip .bgGraySlip__contents {
    position: relative;
    top: -70px;
}

.bgDeepGray {
    background-color: #585858;
    background-color: var(--bgDeepGray);
}

.bgWhite {
    background-color: #fff;
    background-color: var(--colorW);
    padding: 55px 60px;
}

.lineWrapper {
    position: relative;
    padding: 45px 50px;
}

.lineWrapper:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 1px solid #000;
    border: 1px solid var(--colorB);
    opacity: .1;
}

.video--wrapper {
    position: relative;
    padding-top: 56.25%;
}

.video--wrapper iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
}


/*ーーーーーーーーーーーーーーーーーーーー margin*/

.mb35 {
    margin-bottom: 35px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb110 {
    margin-bottom: 110px;
}

.mb150 {
    margin-bottom: 150px;
}


/*ーーーーーーーーーーーーーーーーーーーー font*/

.font--en {
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    font-size: 10px;
    text-align: center;
}

.font--b {
    font-weight: 500;
}


/*ーーーーーーーーーーーーーーーーーーーー text*/

.text12 {
    font-size: 12px;
}

.text13 {
    font-size: 13px;
}

.text14 {
    font-size: 14px;
}

.text15 {
    font-size: 15px;
}

.text17 {
    font-size: 17px;
}

.text18 {
    font-size: 18px;
}

.text19 {
    font-size: 19px;
}

.text20 {
    font-size: 20px;
}

.text21 {
    font-size: 21px;
}

.text24 {
    font-size: 24px;
    line-height: 1.5;
}

.text28 {
    font-size: 28px;
    line-height: 1.3;
}

.text--aside {
    font-size: 13px;
}

.text--m {
    font-size: 14px;
}

.text--indent {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.6;
}

.text--gray {
    opacity: .5;
}

.text--graphUnit {
    opacity: .5;
    font-size: 12px;
    text-align: right;
    line-height: 1;
    margin-bottom: 25px;
}

.irHg .text--graphUnit {
    text-align: left;
}

a.text--link {
    display: inline;
    text-decoration: underline;
}

a.text--link:hover,
a.text--link:active {
    text-decoration: none;
}

.text--c{text-align:center}
.text--r{text-align:right}
.text--l{text-align:left}


/*ーーーーーーーーーーーーーーーーーーーー br*/

.brPc {
    display: block;
}

.brSp {
    display: none;
}


/*ーーーーーーーーーーーーーーーーーーーー img*/

.imgPc {
    display: block;
}

.imgSp {
    display: none;
}


/*ーーーーーーーーーーーーーーーーーーーー title*/

.h2--inner {
    font-size: 68px;
    line-height: 1;
    margin-bottom: 55px;
    letter-spacing: 0.03em;
}

.contentsTitle.active .h2 {
    opacity: 1;
}

.contentsTitle.active .h2 strong em,
.contentsTitle.active .h2 span em {
    transform: translate3d(0, 0, 0);
}

.contentsTitle .h2 {
    opacity: 0;
    color: #fff;
}

.h2 strong,
.h2 span {
    display: block;
    line-height: 1;
    text-align: left;
    letter-spacing: 0.03em;
}

.h2 strong {
    font-size: 40px;
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 1.2;
}

.contentsTitle .h2 strong em {
    font-style: normal;
    display: inline-block;
    transform: translate3d(0, 100%, 0);
    transition-duration: 0.8s;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -ms-transition-duration: 0.8s;
    -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-duration: 0.8s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-duration: 0.8s;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.contentsTitle .h2 strong em:nth-child(1) {
    transition-delay: 0.03s;
    -webkit-transition-delay: 0.03s;
}

.contentsTitle .h2 strong em:nth-child(2) {
    transition-delay: 0.06s;
    -webkit-transition-delay: 0.06s;
}

.contentsTitle .h2 strong em:nth-child(3) {
    transition-delay: 0.09s;
    -webkit-transition-delay: 0.09s;
}

.contentsTitle .h2 strong em:nth-child(4) {
    transition-delay: 0.12s;
    -webkit-transition-delay: 0.12s;
}

.contentsTitle .h2 strong em:nth-child(5) {
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
}

.contentsTitle .h2 strong em:nth-child(6) {
    transition-delay: 0.18s;
    -webkit-transition-delay: 0.18s;
}

.contentsTitle .h2 strong em:nth-child(7) {
    transition-delay: 0.21s;
    -webkit-transition-delay: 0.21s;
}

.contentsTitle .h2 strong em:nth-child(8) {
    transition-delay: 0.24s;
    -webkit-transition-delay: 0.24s;
}

.contentsTitle .h2 strong em:nth-child(9) {
    transition-delay: 0.27s;
    -webkit-transition-delay: 0.27s;
}

.contentsTitle .h2 strong em:nth-child(10) {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

.contentsTitle .h2 strong em:nth-child(11) {
    transition-delay: 0.33s;
    -webkit-transition-delay: 0.33s;
}

.contentsTitle .h2 strong em:nth-child(12) {
    transition-delay: 0.36s;
    -webkit-transition-delay: 0.36s;
}

.contentsTitle .h2 strong em:nth-child(13) {
    transition-delay: 0.39s;
    -webkit-transition-delay: 0.39s;
}

.contentsTitle .h2 strong em:nth-child(14) {
    transition-delay: 0.42s;
    -webkit-transition-delay: 0.42s;
}

.contentsTitle .h2 strong em:nth-child(15) {
    transition-delay: 0.45s;
    -webkit-transition-delay: 0.45s;
}

.contentsTitle .h2 strong em:nth-child(16) {
    transition-delay: 0.48s;
    -webkit-transition-delay: 0.48s;
}

.contentsTitle .h2 strong em:nth-child(17) {
    transition-delay: 0.51s;
    -webkit-transition-delay: 0.51s;
}

.contentsTitle .h2 strong em:nth-child(18) {
    transition-delay: 0.54s;
    -webkit-transition-delay: 0.54s;
}

.contentsTitle .h2 strong em:nth-child(19) {
    transition-delay: 0.57s;
    -webkit-transition-delay: 0.57s;
}

.contentsTitle .h2 strong em:nth-child(20) {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
}

.h2 span {
    font-size: 24px;
    overflow: hidden;
    line-height: 2;
}

.contentsTitle .h2 span em {
    font-style: normal;
    display: inline-block;
    transform: translate3d(0, 100%, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
}

.h2--contents strong,
.h2--contents span {
    display: block;
    line-height: 1;
    text-align: left;
    letter-spacing: 0.03em;
}

.h2--contents span {
    position: relative;
    font-size: 16px;
    padding-left: 32px;
    margin-bottom: 15px;
}

.h2--contents span:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 24px;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #000;
    background-color: var(--colorB);
}

.h2--contents strong {
    font-size: 53px;
    font-weight: 600;
}

.h2--contents strong.font--en {
    font-size: 63px;
    font-weight: 500;
}

.irRf.en .h2--contents strong {
    line-height: 1.2;
}

.h3 {
    line-height: 1.5;
    font-size: 24px;
    margin-bottom: 20px;
}

.h3--text20 {
    line-height: 1;
    font-size: 20px;
    margin-bottom: 40px;
}

.h3--text20 span {
    font-size: 16px;
    font-weight: initial;
    margin-left: 20px;
}

.h3--text30 {
    line-height: 1;
    font-size: 30px;
    margin-bottom: 60px;
}

.h4--text16 {
    line-height: 1;
    font-size: 16px;
    margin-bottom: 35px;
}

.h4--text25 {
    line-height: 1;
    font-size: 25px;
    margin-bottom: 50px;
}

.underlineCommon {
    position: relative;
}

.underlineCommon:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #000;
    background-color: var(--colorB);
    opacity: .1;
}


/*ーーーーーーーーーーーーーーーーーーーー video*/

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*ieハック*/

@media screen\0 {
    .video {
        width: inherit;
        height: inherit;
        min-width: 100% !important;
        min-height: 100% !important;
    }
}


/*ーーーーーーーーーーーーーーーーーーーー date*/

.date span,
.date strong {
    display: block;
    line-height: 1;
}

.date span {
    font-size: 11px;
    margin-bottom: 4px;
}

.date strong {
    font-size: 34px;
    font-weight: 500;
}


/*ーーーーーーーーーーーーーーーーーーーー infoInfo*/

.pdfInfo {
    line-height: 1;
    text-align: center;
}

.pdfInfo>span {
    display: block;
    font-size: 11px;
    margin-bottom: 3px;
}

.pdfInfo>p {
    font-size: 20px;
}

.pdfInfo>p>span {
    font-size: 10px;
}


/*ーーーーーーーーーーーーーーーーーーーー underline*/

.underline {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding-bottom: 8px;
    opacity: .5;
}

.underline:before,
.underline:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: auto;
    bottom: 0;
    height: 1px;
    background-color: #000;
    background-color: var(--colorB);
}

.underline:before {
    opacity: .55;
}

.underline:after {
    width: 0;
    left: auto;
    right: 0;
    opacity: 1;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #fff;
    background-color: var(--colorW);
}

.underline:hover,
.underline:active {
    opacity: 1;
}

.underline:hover:after,
.underline:active:after {
    width: 100%;
    right: auto;
    left: 0;
}

.bgGray .underline::after {
    background-color: #ebebeb;
    background-color: var(--bgGray);
}


/*ーーーーーーーーーーーーーーーーーーーー svg*/

.svg {
    fill: #000;
    fill: var(--colorB);
}

.svgWhite {
    fill: #fff;
    fill: var(--colorW);
}


/*ーーーーーーーーーーーーーーーーーーーー btn*/

.btn {
    position: relative;
    /* background-color: #000; */
    /* background-color: var(--colorB); */
    /* border: 1px solid #000; */
    /* border: 1px solid var(--colorB); */
    z-index: 3;
    text-align: left;
}

.btn:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 0;
    left: auto;
    right: 0;
    background-color: #fff;
    background-color: var(--colorW);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn>a,
.btn>span {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    color: var(--colorW);
    padding: 18px 58px 18px 28px;
    cursor: pointer;
    z-index: 2;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.btn>a.font--en,
.btn>span.font--en {
    font-weight: 500;
}

.btn.mbHalf {
    bottom: -30px;
}

.btn.width {
    width: 330px;
}

.btn.line>a .btnLine,
.btn.line>span .btnLine {
    display: block;
    position: absolute;
    width: 18px;
    height: 100%;
    top: 0;
    left: auto;
    right: 28px;
}

.btn.line>a .btnLine:after,
.btn.line>span .btnLine:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #fff;
    background-color: var(--colorW);
    pointer-events: none;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

.btn.line>a:before,
.btn.line>span:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 11px;
    left: auto;
    right: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/btnIcon--arrowB.svg");
    transform: translate3d(-300%, 0, 0);
    opacity: 0;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}

@media (prefers-color-scheme: light) {
    .btn.line>a:before,
    .btn.line>span:before {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .btn.line>a:before,
    .btn.line>span:before {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

.btn.line:hover>a:before,
.btn.line:hover>span:before,
.btn.line:active>a:before,
.btn.line:active>span:before {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

.btn.line:hover>a .btnLine::after,
.btn.line:hover>span .btnLine::after,
.btn.line:active>a .btnLine::after,
.btn.line:active>span .btnLine::after {
    width: 0;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.btn.icon>a:before,
.btn.icon>a:after,
.btn.icon>span:before,
.btn.icon>span:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 11px;
    left: auto;
    right: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn.gray {
    pointer-events: none;
    background-color: #585858;
    background-color: var(--bgDeepGray);
}

.btn.icon.movie>a,
.btn.icon.movie>span {
    padding: 0 58px 0 35px;
}

.btn.icon.movie>a:before,
.btn.icon.movie>span:before {
    transform: translate3d(0, 0, 0);
    /* background-image: url("../img/btnIcon--movieW.svg"); */
    transition-duration: 0s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn.icon.movie>a:after,
.btn.icon.movie>span:after {
    /* background-image: url("../img/btnIcon--movieB--color.svg"); */
    /* opacity: 0; */
    /* transform: translate3d(-200%, 0, 0); */
    /* transition-delay: 0.4s; */
    /* -webkit-transition-delay: 0.4s; */
}

@media (prefers-color-scheme: light) {
    .btn.icon.movie>a:before,
    .btn.icon.movie>span:before {
        /* background-image: url("../img/btnIcon--movieW.svg"); */
    }
}

@media (prefers-color-scheme: dark) {
    .btn.icon.movie>a:before,
    .btn.icon.movie>span:before {
        background-image: url("../img/btnIcon--movieB.svg");
    }
}

@media (prefers-color-scheme: light) {
    .btn.icon.movie>a:after,
    .btn.icon.movie>span:after {
        /* background-image: url("../img/btnIcon--movieB--color.svg"); */
    }
}

@media (prefers-color-scheme: dark) {
    .btn.icon.movie>a:after,
    .btn.icon.movie>span:after {
        background-image: url("../img/btnIcon--movieW--color.svg");
    }
}

.btn.icon.movie:hover>a:before,
.btn.icon.movie:hover>span:before {
    opacity: 0;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn.icon.movie:hover>a:after,
.btn.icon.movie:hover>span:after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn.icon.arrow>a:before,
.btn.icon.arrow>span:before {
    transform: translate3d(0, 0, 0);
    background-image: url("../img/btnIcon--arrowW.svg");
    transition-duration: 0s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn.icon.arrow>a:after,
.btn.icon.arrow>span:after {
    background-image: url("../img/btnIcon--arrowB.svg");
    opacity: 0;
    transform: translate3d(-200%, 0, 0);
    transition-duration: 0s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

@media (prefers-color-scheme: light) {
    .btn.icon.arrow>a:before,
    .btn.icon.arrow>span:before {
        /*         background-image: url("../img/btnIcon--arrowW.svg");
        content: '△'; */

        position: absolute;
        font-family: 'Font Awesome 6 pro';
        content: "\f054";
        font-size: 18px;
        line-height: 50px;
        font-weight: 400;




    }
    .btn.icon.arrow>a:after,
    .btn.icon.arrow>span:after {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .btn.icon.arrow>a:before,
    .btn.icon.arrow>span:before {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
    .btn.icon.arrow>a:after,
    .btn.icon.arrow>span:after {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

.btn.icon.arrow:hover>a:before,
.btn.icon.arrow:hover>span:before {
    opacity: 0;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn.icon.arrow:hover>a:after,
.btn.icon.arrow:hover>span:after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn.icon.blank>a:before,
.btn.icon.blank>a:after,
.btn.icon.blank>span:before,
.btn.icon.blank>span:after {
    width: 14px;
    background-image: url("../img/btnIcon--blankB.svg");
}

@media (prefers-color-scheme: light) {
    .btn.icon.blank>a:after,
    .btn.icon.blank>span:after {
        background-image: url("../img/btnIcon--blankB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .btn.icon.blank>a:after,
    .btn.icon.blank>span:after {
        background-image: url("../img/btnIcon--blankW.svg");
    }
}

.btn.border:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: calc(100% - 56px);
    height: 1px;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: #fff;
    background-color: var(--colorW);
    opacity: .2;
}

.btn.border:hover:before,
.btn.border:active:before {
    opacity: 0;
}

.btn:hover:after,
.btn:active:after {
    width: 100%;
    right: auto;
    left: 0;
}

.btn:hover>a,
.btn:hover>span,
.btn:active>a,
.btn:active>span {
    color: #000;
    color: var(--colorB);
}


/*ーーーーーーーーーーーーーーーーーーーー mapLink*/

.mapLink--icon {
    position: relative;
    height: auto;
    font-size: 12px;
    line-height: 1;
    padding: 3px 0 3px 24px;
    margin-top: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
    background-image: url("../img/icon--mapB.svg");
}

@media (prefers-color-scheme: light) {
    .mapLink--icon {
        background-image: url("../img/icon--mapB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .mapLink--icon {
        background-image: url("../img/icon--mapW.svg");
    }
}

.mapLink--icon:hover,
.mapLink--icon:active {
    text-decoration: underline;
}

@media screen\0 {
    .mapLink--icon {
        background-image: none;
    }
    .mapLink--icon:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        width: 14px;
        height: 19px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url("../img/icon--mapB.svg");
    }
}

@media screen\0 and (prefers-color-scheme: light) {
    .mapLink--icon:after {
        background-image: url("../img/icon--mapB.svg");
    }
}

@media screen\0 and (prefers-color-scheme: dark) {
    .mapLink--icon:after {
        background-image: url("../img/icon--mapW.svg");
    }
}


/*ーーーーーーーーーーーーーーーーーーーー downloadLink*/

.downloadLink--icon {
    position: relative;
    height: auto;
    font-size: 17px;
    line-height: 1;
    padding: 4px 0 5px 36px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
    background-image: url("../img/icon--downloadB.svg");
}

@media (prefers-color-scheme: light) {
    .downloadLink--icon {
        background-image: url("../img/icon--downloadB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .downloadLink--icon {
        background-image: url("../img/icon--downloadBW.svg");
    }
}

.downloadLink--icon:hover,
.downloadLink--icon:active {
    text-decoration: underline;
}


/*ーーーーーーーーーーーーーーーーーーーー btnUnderline*/

.btnUnderline {
    position: relative;
}

.btnUnderline:before,
.btnUnderline:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #000;
    background-color: var(--colorB);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btnUnderline:before {
    opacity: .35;
}

.btnUnderline:after {
    width: 0;
    left: auto;
    right: 0;
}

.btnUnderline>a,
.btnUnderline>span {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 61px;
    cursor: pointer;
    overflow: hidden;
}

.btnUnderline.arrow>a:before,
.btnUnderline.arrow>a:after,
.btnUnderline.arrow>span:before,
.btnUnderline.arrow>span:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 11px;
    left: auto;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/btnIcon--arrowB.svg");
}

.btnUnderline.arrow>a:before,
.btnUnderline.arrow>span:before {
    transform: translate3d(0, 0, 0);
    transition-duration: 0s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btnUnderline.arrow>a:after,
.btnUnderline.arrow>span:after {
    transform: translate3d(-200%, 0, 0);
    opacity: 0;
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

@media (prefers-color-scheme: light) {
    .btnUnderline.arrow>a:before,
    .btnUnderline.arrow>a:after,
    .btnUnderline.arrow>span:before,
    .btnUnderline.arrow>span:after {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .btnUnderline.arrow>a:before,
    .btnUnderline.arrow>a:after,
    .btnUnderline.arrow>span:before,
    .btnUnderline.arrow>span:after {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

.btnUnderline.arrow:hover>a:before,
.btnUnderline.arrow:hover>span:before {
    transform: translate3d(200%, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btnUnderline.arrow:hover>a:after,
.btnUnderline.arrow:hover>span:after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btnUnderline.colorTurn:before,
.btnUnderline.colorTurn:after {
    background-color: #fff;
    background-color: var(--colorW);
}

.btnUnderline.colorTurn>a:before,
.btnUnderline.colorTurn>a:after,
.btnUnderline.colorTurn>span:before,
.btnUnderline.colorTurn>span:after {
    background-image: url("../img/btnIcon--arrowW.svg");
}

.btnUnderline.colorTurn>a:before,
.btnUnderline.colorTurn>span:before {
    transform: translate3d(0, 0, 0);
    transition-duration: 0s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btnUnderline.colorTurn>a:after,
.btnUnderline.colorTurn>span:after {
    transform: translate3d(-200%, 0, 0);
    opacity: 0;
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

@media (prefers-color-scheme: light) {
    .btnUnderline.colorTurn>a:before,
    .btnUnderline.colorTurn>a:after,
    .btnUnderline.colorTurn>span:before,
    .btnUnderline.colorTurn>span:after {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .btnUnderline.colorTurn>a:before,
    .btnUnderline.colorTurn>a:after,
    .btnUnderline.colorTurn>span:before,
    .btnUnderline.colorTurn>span:after {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

.btnUnderline.colorTurn:hover>a:before,
.btnUnderline.colorTurn:hover>span:before {
    transform: translate3d(200%, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btnUnderline.colorTurn:hover>a:after,
.btnUnderline.colorTurn:hover>span:after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btnUnderline.text {
    padding-bottom: 30px;
}

.btnUnderline.text>a,
.btnUnderline.text>span {
    line-height: 1.6;
}

.btnUnderline.text:hover,
.btnUnderline.text:active {
    text-decoration: underline;
}

.btnUnderline:hover:after,
.btnUnderline:active:after {
    width: 100%;
    right: auto;
    left: 0;
}


/*ーーーーーーーーーーーーーーーーーーーー textWhiteCover*/

.textWhiteCover {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.textWhiteCover .textWhiteCover__contents {
    position: relative;
}

.textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper {
    position: relative;
    display: inline-block;
}

.textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    left: auto;
    right: 0;
    background-color: #fff;
    background-color: var(--colorW);
    z-index: 1;
}

.textWhiteCover .textWhiteCover__contents .textWhiteCover__contents--mainWrapper .textWhiteCover__contents--main {
    position: relative;
    z-index: 2;
}

.textWhiteCover.textWhiteCover--right .textWhiteCover__contents {
    display: flex;
    justify-content: flex-end;
}

.textWhiteCover.textWhiteCover--right .textWhiteCover__contents .textWhiteCover__contents--mainWrapper::before {
    right: auto;
    left: 0;
}

.textWhiteCover.textWhiteCover--leftTop {
    bottom: auto;
    top: 0;
}


/*ーーーーーーーーーーーーーーーーーーーー column*/

.textBlock {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.textBlock>dt {
    width: 410px;
    font-size: 21px;
    line-height: 1.7;
    align-self: flex-start;
}

.textBlock>dd {
    width: calc(100% - 410px);
}


/*ーーーーーーーーーーーーーーーーーーーー column*/

.coManagement .gridContents.mb45 .column>li {
    pointer-events: none;
}

.coManagement .gridContents.mb45 .column>li .column__img {
    display: none;
}

.column {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /*ーーーーーーーーーーーーーーーーーーーー 2 */
    /*ーーーーーーーーーーーーーーーーーーーー 3 */
    /*ーーーーーーーーーーーーーーーーーーーー 3 */
}

.column>li .column__img,
.column>div .column__img {
    position: relative;
    padding-top: calc(420 / 666 * 100%);
    margin-bottom: 15px;
    overflow: hidden;
}

.column>li .column__img>span,
.column>div .column__img>span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.7s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.7s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.column>li .column__img>a,
.column>div .column__img>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.column>li .column__img>a:after,
.column>div .column__img>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    pointer-events: none;
    border-width: 0;
    border-style: solid;
    border-color: #fff;
    border-color: var(--colorW);
    pointer-events: none;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    box-sizing: border-box;
}

.column>li .column__img>a>span,
.column>div .column__img>a>span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/contents/news--default.html");
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.column>li .column__img:hover>span,
.column>li .column__img:active>span,
.column>div .column__img:hover>span,
.column>div .column__img:active>span {
    transform: scale(1.1);
}

.column>li .column__img:hover>a:after,
.column>li .column__img:hover .column__img--hover:after,
.column>li .column__img:active>a:after,
.column>li .column__img:active .column__img--hover:after,
.column>div .column__img:hover>a:after,
.column>div .column__img:hover .column__img--hover:after,
.column>div .column__img:active>a:after,
.column>div .column__img:active .column__img--hover:after {
    border-width: 15px;
}

.column>li .column__img:hover>a span,
.column>li .column__img:hover .column__img--hover span,
.column>li .column__img:active>a span,
.column>li .column__img:active .column__img--hover span,
.column>div .column__img:hover>a span,
.column>div .column__img:hover .column__img--hover span,
.column>div .column__img:active>a span,
.column>div .column__img:active .column__img--hover span {
    transform: scale(1.1);
}

.column.column--2>li,
.column.column--2>div {
    width: calc((100% - 45px) / 2);
    margin-bottom: 40px;
    /* margin-right: 45px; */
}

.column.column--2>li:nth-child(2n),
.column.column--2>div:nth-child(2n) {
    margin-right: 0;
}

.column.column--2.wide>li,
.column.column--2.wide>div {
    width: calc((100% - 0px) / 4);
    /* margin-right: 58px; */
}

.column.column--2.wide>li:nth-child(2n),
.column.column--2.wide>div:nth-child(2n) {
    margin-right: 0;
}

.column.column--3>li,
.column.column--3>div {
    width: calc((100% - 80px) / 3);
    margin-bottom: 40px;
    margin-right: 40px;
}

.column.column--3>li:nth-child(3n),
.column.column--3>div:nth-child(3n) {
    margin-right: 0;
}

.column.column--3.wide>li,
.column.column--3.wide>div {
    width: calc((100% - 100px) / 3);
    margin-bottom: 40px;
    margin-right: 50px;
}

.column.column--3.wide>li:nth-child(3n),
.column.column--3.wide>div:nth-child(3n) {
    margin-right: 0;
}

@media screen\0 {
    .column.column--3>li,
    .column.column--3>div {
        margin-right: 39px;
    }
    .column.column--3.wide>li,
    .column.column--3.wide>div {
        margin-right: 49px;
    }
}


/*ーーーーーーーーーーーーーーーーーーーー columnNews__text */

.columnNews__text {
    position: relative;
    padding-left: 55px;
}

.columnNews__text .date {
    position: absolute;
    top: 6px;
    left: 0;
}

.columnNews__text>a {
    width: 100%;
}

.columnNews__text>a:hover {
    text-decoration: underline;
}

.columnNews__text .columnNews__underline {
    width: 100%;
    font-size: 0;
    text-align: left;
    margin-top: 20px;
}

.columnNews__text .columnNews__underline .underline {
    margin-right: 10px;
    margin-bottom: 13px;
}

.bgGray .column>li .column__img>a::after,
.column>div .column__img>a::after {
    border-color: #ebebeb;
    border-color: var(--bgGray);
}


/*ーーーーーーーーーーーーーーーーーーーー textNav*/

.textNav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.textNav>li {
    position: relative;
    width: 100%;
    margin-right: 20px;
    cursor: pointer;
}

.textNav>li:before,
.textNav>li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #000;
    background-color: var(--colorB);
}

.textNav>li:before {
    opacity: .1;
}

.textNav>li:after {
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 0;
    left: auto;
    right: 0;
}

.textNav>li>span,
.textNav>li>a {
    display: block;
    font-size: 14px;
    opacity: .4;
    line-height: 60px;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.textNav>li:last-child {
    margin-right: 0;
}

.textNav>li:hover:after,
.textNav>li:active:after {
    width: 100%;
    right: auto;
    left: 0;
}

.textNav>li:hover>span,
.textNav>li:hover>a,
.textNav>li:active>span,
.textNav>li:active>a {
    opacity: 1;
}

.textNav>li.selected {
    pointer-events: none;
    font-weight: 500;
}

.textNav>li.selected:after {
    width: 100%;
    right: auto;
    left: 0;
}

.textNav>li.selected>span,
.textNav>li.selected>a {
    opacity: 1;
    font-weight: 600;
}

.textNav.textNav--arrow {
    justify-content: flex-start;
    margin-bottom: 55px;
}

.textNav.textNav--arrow>li {
    width: auto;
}

.textNav.textNav--arrow>li>span,
.textNav.textNav--arrow>li>a {
    position: relative;
    font-size: 18px;
    padding-right: 80px;
}

.textNav.textNav--arrow>li>span:after,
.textNav.textNav--arrow>li>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 6px;
    height: 6px;
    left: auto;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border: 1px solid;
    border-color: transparent transparent #000 #000;
    border-color: transparent transparent var(--colorB) var(--colorB);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
}


/*ーーーーーーーーーーーーーーーーーーーー textNavBtn*/

.textNavBtn {
    font-size: 0;
    margin-bottom: 50px;
    text-align: left;
}

.textNavBtn>li {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-right: 17px;
    margin-bottom: 10px;
}

.textNavBtn>li>span {
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    padding: 11px 50px;
    white-space: nowrap;
    letter-spacing: 0.1em;
    border-radius: 45px;
    color: #000;
    color: var(--colorB);
    border: 1px solid #000;
    border: 1px solid var(--colorB);
    background-color: #fff;
    background-color: var(--colorW);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.textNavBtn>li:hover>span,
.textNavBtn>li:active>span {
    color: #fff;
    color: var(--colorW);
    background-color: #000;
    background-color: var(--colorB);
}

.textNavBtn>li.selected {
    pointer-events: none;
}

.textNavBtn>li.selected>span {
    color: #fff;
    color: var(--colorW);
    background-color: #000;
    background-color: var(--colorB);
}


/*ーーーーーーーーーーーーーーーーーーーー list__underline*/

.pdfIcon {
    width: 55px;
    min-height: 35px;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center left;
    background-size: 28px auto;
    background-image: url("../img/icon--pdf.svg");
}

@media (prefers-color-scheme: light) {
    .pdfIcon {
        background-image: url("../img/icon--pdf.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .pdfIcon {
        background-image: url("../img/icon--pdfW.svg");
    }
}

.pdfIcon svg {
    display: none;
}

.pdfIcon.movieIcon {
    background-image: url("../img/icon--movieB.svg");
}

@media (prefers-color-scheme: light) {
    .pdfIcon.movieIcon {
        background-image: url("../img/icon--movieB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .pdfIcon.movieIcon {
        background-image: url("../img/icon--movieW.svg");
    }
}

@media screen\0 {
    .pdfIcon {
        background-size: 28px 35px;
    }
}

.list__underline {
    margin-bottom: 10px;
}

.list__underline>li {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.list__underline>li:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #000;
    background-color: var(--colorB);
    opacity: .1;
}

.list__underline>li .date {
    align-self: center;
    width: 75px;
}

.list__underline>li .pdfLink {
    align-self: center;
    width: calc(100% - 130px);
    line-height: 1.7;
    text-align: left;
}

.list__underline>li .pdfLink:hover a,
.list__underline>li .pdfLink:active a {
    text-decoration: underline;
}

.list__underline>li .urlLink {
    align-self: center;
    width: calc(100% - 130px);
}

.list__underline>li .movieLink {
    align-self: center;
    width: calc(100% - 55px);
    line-height: 1.7;
    text-align: left;
}

.list__underline>li .movieLink:hover,
.list__underline>li .movieLink:active {
    text-decoration: underline;
}

.list__underline>li .pdfInfo {
    align-self: center;
    width: 60px;
    margin-left: auto;
}

.list__underline>li .category {
    align-self: center;
    width: 85px;
}

.list__underline>li .category>a {
    margin-right: 10px;
}

.list__underline>li .link {
    align-self: center;
    font-size: 15px;
    width: calc(100% - 160px);
}

.list__underline>li .link a {
    line-height: 1.7;
    text-align: left;
}

.list__underline>li .link a:hover,
.list__underline>li .link a:active {
    text-decoration: underline;
}

.list__underline>li .textInfo {
    align-self: center;
    width: calc(100% - 75px);
}

.list__underline.list__underline--2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex !important;
}

.list__underline.list__underline--2>li {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
}

.list__underline.list__underline--2>li:nth-child(2n) {
    margin-right: 0;
}

.list__underline.list__underline--infoMix {
    margin-bottom: 60px;
}

.list__underline.list__underline--infoMix>li .category {
    width: 135px;
}

.list__underline.list__underline--infoMix>li .pdfLink {
    width: calc(100% - 340px);
}

.list__underline.list__underline--infoMix>li .link {
    width: calc(100% - 210px);
}

.list__underline.list__underline--noCat>li .date {
    width: 88px;
}

.list__underline.list__underline--noCat>li .pdfLink {
    width: calc(100% - 218px);
}

.list__underline.list__underline--bgGray {
    background-color: #ebebeb;
    background-color: var(--bgGray);
    padding: 30px 35px;
}

.list__underline.list__underline--bgGray>li:last-child {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.list__underline.list__underline--bgGray>li:last-child:before {
    display: none;
}


/*ーーーーーーーーーーーーーーーーーーーー list__underline--lr */

.list__underline--lr>li>dl {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.list__underline--lr>li>dl:before,
.list__underline--lr>li>dl:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #000;
    background-color: var(--colorB);
}

.list__underline--lr>li>dl:before {
    opacity: .1;
    left: auto;
    right: 0;
    width: calc(100% - 115px);
}

.list__underline--lr>li>dl:after {
    width: 115px;
    opacity: .3;
}

.list__underline--lr>li>dl>dt {
    width: 115px;
}

.list__underline--lr>li>dl>dd {
    width: calc(100% - 115px);
}

.stockInfo .list__underline--lr>li>dl>dd>ul>li {
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
}

.stockInfo .list__underline--lr>li>dl>dd>ul>li:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #000;
    background-color: var(--colorB);
    opacity: .1;
}

.stockInfo .list__underline--lr>li>dl>dd>ul>li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.stockInfo .list__underline--lr>li>dl>dd>ul>li:last-child:before {
    display: none;
}

.stockInfo .list__underline--lr>li>dl>dd>ul>li>dl {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.stockInfo .list__underline--lr>li>dl>dd>ul>li>dl>dt {
    width: 185px;
    padding-right: 15px;
}

.stockInfo .list__underline--lr>li>dl>dd>ul>li>dl>dd {
    width: calc(100% - 115px);
}

.list__underline--lr>li>dl.dlNoline::after {
    display: none;
}

.list__underline--lr.long>li>dl:after {
    width: 145px;
}

.list__underline--lr.long>li>dl>dt {
    width: 145px;
}

.en .list__underline--lr.long>li>dl>dt {
    width: 185px;
}

.list__underline--lr.long>li>dl>dd {
    width: calc(100% - 145px);
}

.list__underline--lr.longest>li>dl:after {
    width: 245px;
}

.list__underline--lr.longest>li>dl>dt {
    width: 245px;
}

.list__underline--lr.longest>li>dl>dd {
    width: calc(100% - 245px);
}

.list__underline--lr.noline>li>dl {
    margin-bottom: 0;
    padding-bottom: 0;
}

.list__underline--lr.noline>li>dl:before,
.list__underline--lr.noline>li>dl:after {
    display: none;
}


/*ーーーーーーーーーーーーーーーーーーーー pages */

.pages {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.pages>li {
    position: relative;
    width: 37px;
    text-align: center;
    cursor: pointer;
}

.pages>li:before,
.pages>li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #000;
    background-color: var(--colorB);
}

.pages>li:before {
    opacity: .1;
}

.pages>li:after {
    width: 0;
    left: auto;
    right: 0;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.pages>li>span {
    display: block;
    position: relative;
    font-size: 15px;
    line-height: 40px;
    opacity: .5;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.pages>li.pages--prev:before,
.pages>li.pages--prev:after,
.pages>li.pages--next:before,
.pages>li.pages--next:after,
.pages>li.pages--dot:before,
.pages>li.pages--dot:after {
    display: none;
}

.pages>li.pages--dot {
    pointer-events: none;
}

.pages>li:hover:after,
.pages>li:active:after {
    width: 100%;
    right: auto;
    left: 0;
}

.pages>li:hover>span,
.pages>li:active>span {
    opacity: 1;
}

.pages>li.selected {
    pointer-events: none;
}

.pages>li.selected:after {
    width: 100%;
    right: auto;
    left: 0;
}

.pages>li.selected>span {
    opacity: 1;
}


/*ーーーーーーーーーーーーーーーーーーーー topmessage__sign */

.topmessage__sign {
    position: relative;
    text-align: right;
    width: calc(100% - 190px);
    margin: 50px auto 0;
}

.topmessage__sign:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 200px;
    height: 51px;
    left: auto;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/contents/corporate/topmessage/sign--w.html");
    opacity: 0;
}

.topmessage__sign span,
.topmessage__sign img {
    display: inline-block;
}

.topmessage__sign span {
    vertical-align: 22px;
    margin-right: 20px;
}

.topmessage__sign img {
    width: 200px;
}

@media (prefers-color-scheme: dark) {
    .topmessage__sign:after {
        opacity: 1;
    }
    .topmessage__sign img {
        opacity: 0;
    }
}


/*ーーーーーーーーーーーーーーーーーーーー 数字で見る num */

.irToindivid__business--detail .bgWhite {
    padding: 35px 45px;
}

.irToindivid__business--detail>li {
    text-align: center;
    line-height: 1;
}

.irToindivid__business--detail>li h5 {
    margin-bottom: 20px;
}

.irToindivid__business--detail>li .irToindivid__business--detail--main {
    margin-bottom: 20px;
}

.irToindivid__business--detail>li .irToindivid__business--detail--main strong {
    font-size: 60px;
}

.irToindivid__business--detail>li .irToindivid__business--detail--main span.font--b {
    font-size: 27px;
}

.irToindivid__business--detail>li .irToindivid__business--detail--main span.font--en {
    font-size: 35px;
}

.irToindivid__business--detail>li .irToindivid__business--detail--main span.text15 {
    font-weight: 600;
}

.irToindivid__business--detail>li aside {
    margin-top: 8px;
}

.irToindivid__business--detail>li aside.text--indent {
    font-size: 11px;
    margin: 15px 20px 0;
    text-align: left;
}

.irToindivid__business--detail>li>p.text15 {
    text-align: justify;
    line-height: 1.8;
}

.irToindivid__business--detail.column.column--2>li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/* ========================================================================================================= menu footer sitemap__list */

.sitemap__list {
    margin-bottom: 15px;
}

.sitemap__list>li {
    position: relative;
}

.sitemap__list>li a{
    color:#fff;
}




.sitemap__list>li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: var(--colorW);
    height: 40px;
    width: 0;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-delay: .15s;
}

.menu--open .sitemap__list>li:after {
    width: 100%;
}

.move .sitemap__list>li:after {
    width: 0%;
}

.sitemap__list>li>dl>dt {
    position: relative;
    margin: 15px 0 10px;
}

.sitemap__list>li>dl>dt:before,
.sitemap__list>li>dl>dt:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #fff;
    /* background-color: var(--colorW); */
}

.sitemap__list>li>dl>dt:before {
    opacity: 0;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
}

.menu--open .sitemap__list>li>dl>dt:before {
    opacity: .28;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
}

.sitemap__list>li>dl>dt:after {
    width: 0;
    left: auto;
    right: 0;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.sitemap__list>li>dl>dt a {
    /* font-size: 1.8rem; */
    line-height: 40px;
    opacity: 0;
}

.move .sitemap__list>li>dl>dt a {
    opacity: 1;
}

.move--close .sitemap__list>li>dl>dt a {
    opacity: 1;
}

.sitemap__list>li>dl>dt .plusSp {
    display: none;
}

.sitemap__list>li>dl>dt:hover:after,
.sitemap__list>li>dl>dt:active:after {
    width: 100%;
    right: auto;
    left: 0;
}

.sitemap__list>li>dl>dd {
    opacity: 0;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.4s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.sitemap__list>li>dl>dd:nth-child(1) {
    transition-delay: 0.05s;
    -webkit-transition-delay: 0.05s;
}

.sitemap__list>li>dl>dd:nth-child(2) {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
}

.sitemap__list>li>dl>dd:nth-child(3) {
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
}

.sitemap__list>li>dl>dd:nth-child(4) {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

.sitemap__list>li>dl>dd:nth-child(5) {
    transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
}

.sitemap__list>li>dl>dd:nth-child(6) {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

.sitemap__list>li>dl>dd:nth-child(7) {
    transition-delay: 0.35s;
    -webkit-transition-delay: 0.35s;
}

.sitemap__list>li>dl>dd:nth-child(8) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

.sitemap__list>li>dl>dd:nth-child(9) {
    transition-delay: 0.45s;
    -webkit-transition-delay: 0.45s;
}

.sitemap__list>li>dl>dd:nth-child(10) {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}

.move .sitemap__list>li>dl>dd {
    opacity: 1;
}

.sitemap__list>li>dl>dd>a,
.sitemap__list>li>dl>dd>span {
    position: relative;
    display: block;
    /* font-size: 1.5rem; */
    line-height: 1.5;
    padding: 6px 11px 6px 6px;
    opacity: .8;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.sitemap__list>li>dl>dd>a:hover,
.sitemap__list>li>dl>dd>a:active,
.sitemap__list>li>dl>dd>span:hover,
.sitemap__list>li>dl>dd>span:active {
    opacity: 1;
}

.sitemap__list>li>dl>dd>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 9px;
    left: auto;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/btnIcon--arrowW.svg");
}

.sitemap__list li dl dd.footer_blank a:before {
    background-image: url(../img/blank-icon-w.svg);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 1.5rem;
    right: 2.2rem;
    content: '';
    z-index: 2;
    display: block;
    background-size: contain;
    width: 1rem;
    height: 1rem;
}

.sitemap__list li dl dd.footer_bnr {
    font-size: 14px;
    line-height: 1.3;
    padding: 6px 11px 6px 0;
}
.sitemap__list li dl dd.footer_bnr .footer_bnr__in{
    padding: 6px 11px 6px 0;
    text-align: center;
    width: 80%;
    margin: 5px auto 0;
}

@media (prefers-color-scheme: light) {
    .sitemap__list>li>dl>dd>a:after {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .sitemap__list>li>dl>dd>a:after {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

.sitemap__list>li>dl>dd>a[target="_blank"]:after {
    background-image: url("../img/btnIcon--blankW.svg");
}

@media (prefers-color-scheme: light) {
    .sitemap__list>li>dl>dd>a[target="_blank"]::after {
        background-image: url("../img/btnIcon--blankW.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .sitemap__list>li>dl>dd>a[target="_blank"]::after {
        background-image: url("../img/btnIcon--blankB.svg");
    }
}

.sitemap__list>li>dl>dd>span {
    cursor: pointer;
}

.sitemap__list>li>dl>dd>span:before,
.sitemap__list>li>dl>dd>span:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 9px;
    height: 1px;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #fff;
    background-color: var(--colorW);
}

.sitemap__list>li>dl>dd>span:after {
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.sitemap__list>li>dl>dd>span.active {
    opacity: 1;
}

.sitemap__list>li>dl>dd>span.active:after {
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
}

.sitemap__list>li>dl>dd>ul {
    display: none;
}

.sitemap__list>li>dl>dd>ul>li {
    position: relative;
    opacity: .5;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.sitemap__list>li>dl>dd>ul>li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 9px;
    left: auto;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/btnIcon--arrowW.svg");
}

@media (prefers-color-scheme: light) {
    .sitemap__list>li>dl>dd>ul>li:after {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .sitemap__list>li>dl>dd>ul>li:after {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

.sitemap__list>li>dl>dd>ul>li>a {
    font-size: 11px;
    line-height: 1.3;
    padding: 6px 11px;
}

.sitemap__list>li>dl>dd>ul>li:hover,
.sitemap__list>li>dl>dd>ul>li:active {
    opacity: 1;
}

.sitemap__list>li>dl>dd.none:after {
    display: none;
}

.sitemap__list--sub {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-top: 10px;
    margin-top: 30px;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    opacity: 0;
}

.move .sitemap__list--sub {
    opacity: 1;
}

.sitemap__list--sub>li {
    margin-right: 25px;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.sitemap__list--sub>li>a {
    font-size: 13px;
    line-height: 40px;
}

.sitemap__list--sub>li:hover,
.sitemap__list--sub>li:active {
    opacity: .7;
}


/* ========================================================================================================= header */

header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 50px;
    padding: 0 3.2142857143vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 10;
    transform: translate3d(-50%, 0, 0);
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.7s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.7s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    background: none;
}


header .logo{
    position: absolute;
    width: 228px;
    left: 3.2142857143vw;
    top: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 5;
}



header.is--hidden--menu {
    transform: translate3d(-50%, -140px, 0);
}

header.is--hidden--menu nav .navHoverList--bg {
    transform: translate3d(0, -140px, 0);
}

header nav>ul {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    z-index: 3;
    top: 15px;
}

header nav>ul>li {
    padding: 0 15px;
}

header nav>ul>li>a {
    position: relative;
    line-height: 50px;
    letter-spacing: 0.05em;
    color: #000;
    /* color: var(--colorB); */
    white-space: nowrap;
    z-index: 2;
}

header nav>ul>li>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 3px;
    width: 0;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    background-color: #00b8ee;
    /* background-color: var(--colorB); */
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    pointer-events: none;
}

header nav>ul>li .navHover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: 80px;
    width: 100vw;
    z-index: 1;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    visibility: hidden;
    opacity: 0;
}

header nav>ul>li .navHover .navHover__wrapper {
    position: relative;
    height: auto;
    padding-top: 0px;
    top: -18px;
    z-index: 2;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    /* margin:0 auto; */
    /* max-width:1200px; */
    /* padding: 40px 0; */
}

header nav>ul>li .navHover .navHover__wrapper .gridContents {
    position: relative;
    z-index: 2;
    /* width: 1200px; */
    /* margin: 0 auto; */
}

header nav>ul>li .navHover .navHover__wrapper .h2 {
    visibility: hidden;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    padding: 2%;
    width: 30%;
    float: left;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link {
    /* transform: translate3d(0, 0, 0); */
    visibility: hidden;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    padding: 30px 70px 70px;
    top: 80px;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link.disable {
    pointer-events: none;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li {
    FONT-WEIGHT: 600;
    /* width: calc((100% - 10px) / 3); */
    width: calc((100% - 15px) / 3);
    margin-right: 5px;
    position: relative;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li a {
    color: #fff;
}



header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:before,
header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #fff;
    background-color: var(--colorW);
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:before {
    opacity: .1;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:after {
    width: 0;
    left: auto;
    right: 0;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>a,
header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>span {
    display: block;
    position: relative;
    font-size: 17px;
    line-height: 1;
    padding: 30px 25px 30px 0;
    opacity: .9;
    opacity: 1;
    color: #fff;
    font-weight: 400;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 10px;
    left: auto;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/btnIcon--arrowB.svg");
}

@media (prefers-color-scheme: light) {
    header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>a:after {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>a:after {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>a[target="_blank"]:after {
    background-image: url("../img/btnIcon--blankB.svg");
}

@media (prefers-color-scheme: light) {
    header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>a[target="_blank"]::after {
        background-image: url("../img/btnIcon--blankB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>a[target="_blank"]::after {
        background-image: url("../img/btnIcon--blankW.svg");
    }
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>span {
    cursor: pointer;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>span:before,
header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>span:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 9px;
    height: 1px;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #000;
    background-color: var(--colorB);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>span:after {
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>span.active:after {
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    padding: 8px 0 18px;
    background-color: #585858;
    background-color: var(--bgDeepGray);
    z-index: 3;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 8px;
    height: 8px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: -3px;
    background-color: #585858;
    background-color: var(--bgDeepGray);
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul>li {
    position: relative;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul>li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: calc(100% - 40px);
    height: 1px;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: #fff;
    background-color: var(--colorW);
    opacity: .2;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul>li>a {
    position: relative;
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
    color: var(--colorW);
    opacity: .5;
    padding: 8px 40px 8px 20px;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul>li>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 10px;
    left: auto;
    right: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/btnIcon--arrowW.svg");
}

@media (prefers-color-scheme: light) {
    header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul>li>a:after {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

@media (prefers-color-scheme: dark) {
    header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul>li>a:after {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul>li:hover:after,
header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul>li:active:after {
    opacity: 1;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul>li:hover>a,
header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li>ul>li:active>a {
    opacity: 1;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:nth-child(4n) {
    margin-right: 0;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li.selected {
    pointer-events: none;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li.selected:before {
    opacity: 1;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li.selected>a,
header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li.selected>span {
    opacity: 1;
    font-weight: 600;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:hover:after,
header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:active:after {
    width: 100%;
    right: auto;
    left: 0;
}

header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:hover>a,
header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:hover>span,
header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:active>a,
header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:active>span {
    opacity: 1;
}

header nav>ul>li.active>a::after {
    width: 100%;
    right: auto;
    left: 0;
}

.is--load header nav>ul>li.active .navHover {
    visibility: visible;
    opacity: 1;
}

.is--load header nav>ul>li.active .navHover .navHover__wrapper .h2 {
    visibility: visible;
}

.is--load header nav>ul>li.active .navHover .navHover__wrapper .navHover__wrapper--link {
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

header nav>ul>li.selected>a::after {
    width: 100%;
    right: auto;
    left: 0;
}

header nav .navHoverList--bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 80px;
    background-color: #fff;
    /* background-color: var(--colorW); */
    z-index: 2;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.navHover--bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100vh;
    background-color: #00b8ee;
    /* background-color: var(--colorB); */
    background-color: var(--bgBlue);
    opacity: 0;
    z-index: 5;
    visibility: hidden;
}

.navHover--bg.active {
    visibility: visible;
    opacity: .5;
}


/*ーーーーーーーーーーーーーーーーーーーー h1*/

.h1 {
    position: absolute;
    width: 180px;
    left: 3vw;
    top: 37px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 5;
}

.h1 a {
    text-indent: -9999px;
    height: 0;
    padding-top: calc(66 / 228 * 100%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    /* background-image: url("../img/logo_header_b.svg"); */
    background-image: url("../img/logo_header_b.png");
    margin-top: 15px;
}

@media (prefers-color-scheme: light) {
    .h1 a {
        /* background-image: url("../img/logo_header_b.svg"); */
        background-image: url("../img/logo_header_b.png");
    }
}

@media (prefers-color-scheme: dark) {
    .h1 a {
        /* background-image: url("../img/logo_header_b.svg"); */
        background-image: url("../img/logo_header_b.png");
    }
}

.obi{
    height: 20px;
    position: fixed;
    left: 0;
    right: 0;
    /* background: #1e1e1e; */
    z-index: 1000;
    top: 0;
}
body.top .obi h2,
.obi h2{
    font-size: 13px;
    color: #00b8ee;
    font-weight: 200;
    display: revert;
    margin: 0 2%;
    text-align: left;
    /* left: 5rem; */
    position: relative;
}

    @media screen and (max-width: 768px) {
        body.top .obi h2,
.obi h2{
    font-size: 12px;
    left: 0;
}
    }
/*ーーーーーーーーーーーーーーーーーーーー menuBtn*/



.menuBtn {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 3.2142857143vw;
    top: 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 20;
    display: none;
}


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

    .menuBtn {
        position: fixed;
        width: 50px;
        height: 50px;
        right: 3.2142857143vw;
        top: 10px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 20;
        display: block;
    }
}


.menuBtn:before,
.menuBtn:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    /* border-radius: 50%; */
    border: 1px solid #00b8ee;
    border: 1px solid var(--colorBlue);
    pointer-events: none;
    transform-origin: center center;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.menuBtn:before {
    background-color: #00b8ee;
    background-color: var(--colorBlue);
    z-index: 1;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.2s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.menuBtn>span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.menuBtn>span:before,
.menuBtn>span:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 15px;
    height: 1px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: #000;
    background-color: var(--colorB);
    opacity: 0;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.menuBtn>span:before {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.menuBtn>span:after {
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.menuBtn .menuBtn--icon {
    position: absolute;
    width: 15px;
    height: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    z-index: 3;
}

.menuBtn .menuBtn--icon>ul {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: hidden;
}

.menuBtn .menuBtn--icon>ul>li {
    position: relative;
    width: 3px;
    height: 100%;
    background-color: #fff;
    background-color: var(--colorW);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.menuBtn .menuBtn--icon>ul:nth-child(1) {
    top: 0;
}

.menuBtn .menuBtn--icon>ul:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.menuBtn .menuBtn--icon>ul:nth-child(3) {
    bottom: 0;
}

.menuBtn:hover:before,
.menuBtn:active:before {
    transform: translate3d(-50%, -50%, 0) scale(1.2);
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
    background-color: #fff;
    background-color: var(--colorW);
}

.menuBtn:hover .menuBtn--icon>ul>li,
.menuBtn:active .menuBtn--icon>ul>li {
    background-color: #00b8ee;
    background-color: var(--colorBlue);
}

.menuBtn:hover .menuBtn--icon>ul>li:nth-child(1),
.menuBtn:active .menuBtn--icon>ul>li:nth-child(1) {
    width: 15px;
}

.menu--open .menuBtn {
    box-shadow: 2px 0px 5px rgba(43, 43, 43, 0.05), -2px 0 5px rgba(43, 43, 43, 0.05);
}

.menu--open .menuBtn:before,
.menu--open .menuBtn:after {
    border: 1px solid #ebebeb !important;
    border: 1px solid var(--bgGray) !important;
}

.menu--open .menuBtn:before {
    background-color: #fff !important;
    background-color: var(--colorW) !important;
}

.menu--open .menuBtn:after {
    opacity: 0;
}

.menu--open .menuBtn>span:before,
.menu--open .menuBtn>span:after {
    opacity: 1;
}

.menu--open .menuBtn .menuBtn--icon {
    opacity: 0;
}

.menu--open .menuBtn:hover:before,
.menu--open .menuBtn:active:before {
    opacity: 1;
}

.menu--open .menuBtn:hover>span:before,
.menu--open .menuBtn:hover>span:after,
.menu--open .menuBtn:active>span:before,
.menu--open .menuBtn:active>span:after {
    opacity: 1;
}

.menu--open .menuBtn:hover>span:before,
.menu--open .menuBtn:active>span:before {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

.menu--open .menuBtn:hover>span:after,
.menu--open .menuBtn:active>span:after {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
}





.snsArea {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 3;
    display: block;
    text-align: right;
}

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

    .snsArea {
        position: absolute;
        top: 20px;
        right: 100px;
        z-index: 3;
        display: block;
        text-align: right;
    }

}


.snsArea .sns {
    float: right
}

.snsArea .sns ul {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

.snsArea .sns ul li {
    display: inline-block;
    margin: 0 0 0 6px
}

.snsArea .sns ul li:first-child {
    margin: 0
}

.snsArea .sns ul li a {
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
    display: block;
    font-size: 30px;
    line-height: 50px;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    /* -webkit-border-radius: 100%; */
    -moz-border-radius: 100%;
    /* border-radius: 100%; */
}

.snsArea .sns ul li a:before {
    position: absolute;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 30px;
    font-family: 'themify';
    line-height: 25px;
    font-style: normal;
}

.snsArea .sns ul li a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    border: 1px solid #ddd;
    /* border-radius: 100%; */
    /* -webkit-border-radius: 100%; */
    -moz-border-radius: 100%;
    /* -webkit-transition: all .3s ease; */
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.snsArea .blog ul li a:after {
    -webkit-transition: transform .3s ease-in;
    -moz-transition: transform .3s ease-in;
    -o-transition: transform .3s ease-in
}

.snsArea .sns ul li a .fa {
    line-height: 25px;
    font-style: normal
}

.snsArea .sns ul li a:hover {
    background: #eee;
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px)
}

.snsArea .sns ul li a:hover:after {
    border: 1px solid #9e9e9e
}

.snsArea .sns ul li a.facebook:before {
    content: "\f077";
    content: "\e741";
}

.snsArea .sns ul li a.twitter:before {
    content: "\f099"
}

.snsArea .sns ul li a.instagram:before {
    content: "\e73d"
}

.snsArea .sns ul li a.youtube:before {
    content: "\e728"
}




.snsArea .contact ul li a:after,
.snsArea .blog:after,
#headerSp:after {
    content: ""
}

.snsArea .contact {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0 15px 0 0;
    padding: 13px;
    background: #00b8ee;
}

.snsArea .contact:after {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: -1;
    width: 0;
    height: 16px;
    border-right: #ddd 1px solid
}

.snsArea .contact ul {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

.snsArea .contact ul li {
    display: inline-block;
    margin: 0
}

.snsArea .contact ul li a {
    position: relative;
    z-index: 1;
    font-size: 14px;
    width: 100%;
    height: 25px;
    display: block;
    background-size: 65px 12px;
    color: #fff;
    background: #00b8ee;
}

.snsArea .contact ul li a:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f0e0";
    padding-right:5px;
}


.snsArea .contact ul li a:after {
    position: absolute;
    bottom: -2%;
    left: 0;
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    border-bottom: #fff 1px solid;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -o-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform .3s ease-in;
}

.snsArea .contact ul li a:hover:after {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}



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


/* ========================================================================================================= menu */

@keyframes anime {
    0% {
        width: 0;
    }
    35% {
        width: 100%;
    }
    40% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    color: var(--colorW);
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    z-index: 19;
    visibility: hidden;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    /* background-color: var(--bgBlue); */
}

.menu:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #2b2b2b;
    /* background-color: var(--colorMenu); */
    transform: scaleX(0);
    z-index: 1;
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.7s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.7s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transform-origin: left center;
    background-color: var(--bgBlue);
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list>li>dl>dt a {
    position: relative;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list>li>dl>dt a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 0;
    background-color: #fff;
    background-color: var(--colorW);
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}

.menu--open .menu {
    visibility: visible;
    background-color: var(--bgBlue);
}

.menu--open .menu:after {
    transform: scaleX(1);
    transform-origin: left center;
}

.menu--open .menu .menu__contents {
    visibility: visible;
}

.menu--open .menu .menu__contents .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list>li>dl>dt a:after {
    -webkit-animation: anime 1s ease-in-out;
    animation: anime 1s ease-in-out;
}

.menu a {
    color: #fff;
    color: var(--colorW);
}

.menu .menu__contents {
    position: relative;
    max-width: 1340px;
    margin: 0 auto;
    padding: 40px 40px 55px;
    z-index: 2;
    visibility: hidden;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

.menu .menu__contents .menu__contents--main .h1 {
    position: relative;
    top: 0;
    left: 0;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    margin-bottom: 50px;
    /*ーーーーーーーーーーーーーーーーーーーー h1*/
}

.menu .menu__contents .menu__contents--main .h1 a {
    background-image: url("../img/logo_footer_w.png");
}

@media (prefers-color-scheme: light) {
    .menu .menu__contents .menu__contents--main .h1 a {
        background-image: url("../img/logo_header_w.png");
        z-index: 100;
    }
}

@media (prefers-color-scheme: dark) {
    .menu .menu__contents .menu__contents--main .h1 a {
        background-image: url("../img/logo_footer_w.png");
    }
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left {
    align-self: flex-start;
    width: calc(730 / 1260 * 100%);
    width: 100%;
    position: sticky;
    top: 25px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang {
    position: absolute;
    top: -90px;
    right: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    justify-content: flex-end;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li {
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-delay: .15s;
    opacity: 0;
}

.move .menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li {
    opacity: 1;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li>a {
    position: relative;
    font-size: 14px;
    opacity: .5;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    width: 0;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    background-color: #fff;
    background-color: var(--colorW);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li:nth-child(1) {
    margin-right: 40px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li:hover>a,
.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li:active>a {
    opacity: 1;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li:hover>a:after,
.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li:active>a:after {
    width: 100%;
    right: auto;
    left: 0;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li.selected {
    pointer-events: none;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li.selected>a {
    opacity: 1;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .menu__lang>li.selected>a:after {
    width: 100%;
    right: auto;
    left: 0;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list {
    margin-bottom: 0;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list>li>dl>dt a {
    font-size: 19px;
    line-height: 1;
    padding-bottom: 22px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list>li>dl>dd>a,
.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list>li>dl>dd>span {
    font-size: 13px;
    padding: 13px 11px 13px 0;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list>li>dl>dd>ul>li>a {
    font-size: 13px;
    padding: 13px 11px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list--sub {
    margin-top: 0;
    padding-top: 0;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list--sub>li>a {
    font-size: 12px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list--sub>li:nth-child(1) {
    margin-right: 40px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right {
    width: calc(460 / 1260 * 100%);
    transition-duration: 0.8s;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -ms-transition-duration: 0.8s;
    -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-duration: 0.8s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-duration: 0.8s;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transform: translate3d(0, 100%, 0);
}

.move .menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right {
    transform: translate3d(0, 0, 0);
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .btn.mb {
    margin-bottom: 50px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__irInfo .menu__irInfo--top {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 20px;
    line-height: 1;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__irInfo .menu__irInfo--top>dt strong,
.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__irInfo .menu__irInfo--top>dt span {
    display: inline-block;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__irInfo .menu__irInfo--top>dt strong {
    margin-right: 15px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__irInfo .menu__irInfo--top>dt span:nth-of-type(1) {
    margin-right: 10px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__irInfo .menu__irInfo--top>dt span:nth-of-type(2) {
    text-decoration: underline;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__irInfo .menu__irInfo--detail {
    position: relative;
    margin-bottom: 45px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__irInfo .menu__irInfo--detail:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    background-color: #ebebeb;
    background-color: var(--bgGray);
    z-index: 1;
    pointer-events: none;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__irInfo .menu__irInfo--detail .menu__irInfo--detail--time {
    position: absolute;
    right: 0;
    top: -40px;
    font-size: 12px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__irInfo .menu__irInfo--detail .topIr__info::after {
    display: none;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--title {
    margin-bottom: 20px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list>li {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list>li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #fff;
    background-color: var(--colorW);
    opacity: .2;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list>li:last-child {
    margin-bottom: 0;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list>li:last-child:after {
    display: none;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list .columnNews__text {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 75px;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list .columnNews__text>a {
    width: 100%;
    margin-bottom: 0;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list .columnNews__text>a.pdfLink {
    width: calc(100% - 55px);
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list .columnNews__text .pdfIcon {
    background-image: url("../img/icon--pdfW.svg");
}

@media (prefers-color-scheme: light) {
    .menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list .columnNews__text .pdfIcon {
        background-image: url("../img/icon--pdfW.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list .columnNews__text .pdfIcon {
        background-image: url("../img/icon--pdf.svg");
    }
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list .columnNews__text .columnNews__underline {
    align-self: flex-start;
}

.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list .underline::before,
.menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right .menu__news--list .underline::after {
    background-color: #fff;
    background-color: var(--colorW);
}

@media screen\0 {
    .menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left {
        position: relative;
    }
}


/* ========================================================================================================= footer */

footer {
    position: relative;
    /* padding-top: 25px; */
    z-index: 7;
    background-color: #ebebeb;
    background-color: var(--bgGray);
}

.what footer {
    z-index: 9;
    background-color: transparent;
}

.news footer,
.pageNone footer,
.contactTop footer,
.contact footer,
.privacy footer {
    background-color: #fff;
    background-color: var(--colorW);
}

.en.top footer,
.en.about footer {
    background-color: #fff;
    background-color: var(--colorW);
}

footer .footer__top {
    width: 100%;
    /* height: 100%; */
    background-color: #00b8ee;
    color: #fff;
    z-index: 9999;
    padding: 2vw;
    /* border-bottom: 1px solid #ddd; */
    border-bottom: 1px solid rgb(255 255 255 / 0.4);
    text-align:center;
}

footer .footer__top .wrap {
    width: 100%;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
    /* border-bottom: 1px solid rgb(255 255 255 / 0.4); */
    justify-content: space-between;
    align-items: center;
}

footer .footer__top .contact_n1 {
    flex: 0 0 33%;
}

footer .footer__top h2,
body.top footer .footer__top h2{
    font-size: 40px;
    /* text-align: center; */
    /* letter-spacing: 0.16em; */
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 600;
    margin-bottom: 2rem;
    display:inline-block;
}

footer .footer__top p.h2_nonbr {
    display:inline-block;
    margin-left: 1rem;
}

footer .footer__top .contact_n2 {
    flex: 0 0 33%;
    padding: 20px;
    border-left: 1px solid #a5a5a5;
}
footer .footer__top .contact_n2 img{
    /* width:100%; */
}
footer .footer__top .contact_n3 {
    flex: 0 0 33%;
    padding: 20px;
    border-left: 1px solid #a5a5a5;
}

footer .footer__top .contact_n3 .information{
    text-align: center;
}

footer .footer__top a.btnTel {
    color: #fff;
    font-size: 34px;
    text-align: center;
    font-weight: 600;
    line-height: 1.8;
}

footer .footer__top a.btnTel:hover {
    border-bottom: #14357b 1px solid;
}

footer .footer__top a.btnTel:before {
    font-size: 14px;
    font-family: 'Font Awesome 6 pro';
    content: "\f095";
    font-size: 25px;
    padding-right: 10px;
}
footer .footer__top h4{
    font-size:1.2rem;
    font-weight:600;
}
footer .footer__top .contact_n4 p{
    text-align:left;
}
footer .footer__top .contact_n4 h4{
    position:relative;
    display:inline-block;
}
footer .footer__top .contact_n4 h4::before{
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../img/footer-office.png');
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -2px;
    left:-45px;
}
footer .footer__top a.btnMail {
    color: #00b8ee;
    background: #fff;
    border-color: #14357b;
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
    border-radius: 1.5em;
    padding: 5px 0;
    /* height: 55px; */
    border: #fff 2px solid;
    width:90%;
    margin: 1rem auto;
    height: auto;
}
footer .footer__top img{
    width:50px;
}
footer .footer__top a.btnMail:hover {
    color: #fff;
    background: #00b8ee;
    border: #fff 2px solid;
}

footer .footer__top a.btnMail:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f0e0";
    font-size: 20px;
    padding-right: 10px;
}

@media only screen and (max-width: 900px) {
    footer .footer__top .contact_n1 h2 {
        font-size: 25px;
        margin-bottom: 0px;
    }
    footer .footer__top .contact_n2 {
        /* padding: 0px 0; */
        /* border-left: 0; */
        border: 1px solid #a5a5a5;
        margin: 2rem 0;
    }
    footer .footer__top .contact_n3 {
        /* padding: 0px 0; */
        /* border-left: 0; */
        border: 1px solid #a5a5a5;
        margin-bottom: 2rem;
    }
    footer .footer__top .contact_n2 img {
        /* width: 100%; */
    }
    footer .footer__top .contact_n1 p {
        font-size: 16px;
        text-align: center;
    }
}

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

    footer .footer__top .wrap {
        flex-flow: column;
        justify-content: space-between;
        align-items: unset;
        border-bottom: none;
    }

    footer .footer__top .contact_n1 {
        flex: 0 0 100%;
        padding: 1%;
    }
}





footer .footer__2cnd {
    width: 100%;
    /* height: 100%; */
    background-color: #00b8ee;
    color: #fff;
    z-index: 9999;
}

footer .footer__2cnd .wrap {
    width: 100%;
    display: flex;
    /*     max-width: 1200px; */
    /*     margin: 0 auto; */
    display: flex;
    /* justify-content: center; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    justify-content: space-between;
    align-items: center;
    align-items: center;
    padding: 0 5%;
}

footer .sitemap__list>li>dl>dt:before {
    opacity: .28;
}

footer .sitemap__list>li>dl>dt a {
    opacity: 1;
}

footer .footer__left {
    /*     position: absolute; */
    /*     width: 20.2142857143vw; */
    flex: 0 0 25%;
    height: 100%;
    /* left: 0; */
    /* bottom: 0; */
    /*     background-color: #00b8ee; */
    /* background-color: var(--colorB); */
}

footer .footer__left p{
    font-size: 16px;
    line-height: 1.8;
    padding: 8px 0;
    text-align: center;
}

footer .footer__left p.telfax a{
    color: #fff;
    border-bottom: 1px dotted #fff;
    margin: 0 3px;
}

footer .footer__left p.telfax a{
    border-bottom: 1px dotted #fff;
    padding: 0 3px;
    display: inline-block;
}

footer .footer__left .logo {
    /* position: absolute; */
    /* width:100%; */
    /* left: 0%; */
    /* top: 00%; */
    /* transform: translate(-50%, -50%); */
    /* -webkit-transform: translate(-50%, -50%); */
}

footer .footer__left .logo span {
    display: block;
    text-indent: -9999px;
    height: 0;
    padding-top: 180px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 250px auto;
    /* background-image: url("../img/logo_footer_w.svg"); */
    background-image: url("../img/logo_footer_w.png");
}

@media (prefers-color-scheme: light) {
    footer .footer__left .logo span {
        /* background-image: url("../img/logo_footer_w.svg"); */
        background-image: url("../img/logo_footer_w.png");
        background-size: 180px;
    }
}

@media (prefers-color-scheme: dark) {
    footer .footer__left .logo span {
        /* background-image: url("../img/logo_footer_w.svg"); */
        background-image: url("../img/logo_footer_w.png");
    }
}

footer .footer__left .ship {
    text-align: center
}

footer .footer__left .address {
    text-align: center;
    /* line-height: 2; */
}

footer .footer__left .map {
    text-align: center
}

footer .footer__left .map a {
    line-height:2;
    color:#fff;
}


footer .footer__left .copy {
    text-align: center;
    padding: 20px 0;
    /* position: absolute; */
    font-size: 14px;
    /* letter-spacing: 0.1em; */
    /* color: #fff; */
    /* color: var(--colorW); */
    /* bottom: 55px; */
    /* left: 50%; */
    /* transform: translateX(-50%) scale(0.9); */
    /* -webkit-transform: translateX(-50%) scale(0.9); */
}

footer .footer__sitemap {
    /* padding-left: 25.4285714286vw; */
    /* padding-right: 11.0714285714vw; */
    /* padding-left: 2vw; */
    /* padding-right: 2vw; */
    padding-top: 73px;
    padding-bottom: 45px;
    flex: 0 0 75%;
    color: var(--colorW);
    text-align: left;
    background-color: #00b8ee;
    /* background-color: var(--bgFooter); */
}

footer .footer__sitemap a {
    color: #fff;
    /* color: var(--colorW); */
}

footer .footer__sitemap .sitemap__list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

footer .footer__sitemap .sitemap__list>li {
    width: calc((100% - 80px) / 4);
    margin-right: 2%;
}

footer .footer__sitemap .sitemap__list>li>dl>dd {
    opacity: 1;
    font-size: 14px;
}

footer .footer__sitemap .sitemap__list--sub {
    opacity: 1;
}

footer .footer__sitemap .sitemap__list--sub:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    background-color: #fff;
    background-color: var(--colorW);
    opacity: .28;
}

footer .pageTop {
    position: fixed;
    bottom: 10px;
    width: 50px;
    top: 90%;
    height: 50px;
    right: 10px;
    background-color: #000;
    background-color: var(--colorBlue);
    cursor: pointer;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: translate3d(0, 100%, 0);
}

footer .pageTop:before {
    position: absolute;
    left: 36%;
    right: 36%;
    font-size: 15px;
    line-height: 50px;
    content: '\f077';
    color: #fefefe;
    font-family: 'Font Awesome 6 pro';
}

@media only screen and (max-width: 500px) {
    footer .pageTop:before {
        left: 30%;
        right: 30%;
        line-height: 35px;
    }
}





/* footer .pageTop span {
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 6px;
height: 20px;
overflow: hidden;
}
*/
/* footer .pageTop span:before,
footer .pageTop span:after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url("../img/pageTop--w.svg");
}
*/
footer .pageTop:before {
    transform: translate3d(0, 0, 0);
    transition-duration: 0s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

footer .pageTop:after {
    transform: translate3d(0, 100%, 0);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

@media (prefers-color-scheme: light) {
    /*     footer .pageTop span:before,
    footer .pageTop span:after {
    background-image: url("../img/pageTop--w.svg");
    font-family: 'themify';
    content: '△';
    color: rgb(255 255 255);
    font-family: 'Font Awesome 6 pro';
    font-size: 15px;
    z-index: 99999;
} */
}

@media (prefers-color-scheme: dark) {
    footer .pageTop span:before,
    footer .pageTop span:after {
        background-image: url("../img/pageTop--b.svg");
    }
}

footer .pageTop:hover span::before,
footer .pageTop:active span::before {
    transform: translate3d(0, -100%, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

footer .pageTop:hover span::after,
footer .pageTop:active span::after {
    /* transform: translate3d(0, 0, 0); */
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

footer .pageTop.show {
    transform: translate3d(0, 0, 0);
}

footer .pageTop.active {
    position: absolute;
    transform: translate3d(0, 0, 0);
    top: -90px;
}



footer a.btngooglemap {
    color: #ffffff;
    background: #0d2870;
    border-color: #14357b;
    text-align: center;
    width:150px;
    margin:10px auto;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 5em;
    padding: 0;
    height: 40px;
}

footer a.btngooglemap:hover {
    color: #14357b;
    background: #fff;
    /*     border: #fff 2px solid; */
}

footer a.btngooglemap:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f3c5";
    font-size: 20px;
    padding-right: 10px;
}


/* ========================================================================================================= contents */


/*ーーーーーーーーーーーーーーーーーーーー contentsTitle*/

.contentsTitle {
    position: relative;
    /* margin-bottom: 40px; */
    padding: 40px 10%;
    top: -20px;
}

.contentsTitle .wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}





.contentsTitle.contentsTitle--mb70 {
    margin-bottom: 70px;
}

.contentsTitle.contentsTitle--mb95 {
    margin-bottom: 95px;
}

.contentsTitle.contentsTitle--mb150 {
    margin-bottom: 150px;
}


/*ーーーーーーーーーーーーーーーーーーーー breadcrumb*/

.breadcrumb {
    position: relative;
    right: 0;
    bottom: 0;
    align-self: flex-end;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    justify-content: flex-end;
    padding-left: 12px;
    padding-right: 30px;
    /* background: #ddd; */
    padding: 12px 20px;
}

.breadcrumb:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 12px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/icon--homeB.svg");
}

@media (prefers-color-scheme: light) {
    .breadcrumb:after {
        /* background-image: url("../img/icon--homeB.svg"); */
    }
}

@media (prefers-color-scheme: dark) {
    .breadcrumb:after {
        background-image: url("../img/icon--homeW.svg");
    }
}

.breadcrumb>li {
    position: relative;
    font-size: 13px;
    padding-left: 17px;
    padding-right: 17px;
    color: #000;
}

.breadcrumb>li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 20px;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: auto;
    right: 0;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    background-color: #000;
    background-color: var(--colorB);
    background: rgb(2 18 109);
    /* background-color: var(--colorW); */
    opacity: .4;
    opacity: 1;
}

.breadcrumb>li>a {
    position: relative;
    color: #585858;
}

.breadcrumb>li>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 0;
    height: 1px;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    background-color: #000;
    background-color: var(--colorB);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.breadcrumb>li>a:hover:after,
.breadcrumb>li>a:active:after {
    width: 100%;
    right: auto;
    left: 0;
}

.breadcrumb>li:last-child {
    padding-right: 0;
    opacity: .9;
}

.breadcrumb>li:last-child:after {
    display: none;
}

.en .breadcrumb>li br {
    display: none;
}

.newsDetail .breadcrumb>li:last-child {
    max-width: 205px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*ーーーーーーーーーーーーーーーーーーーー contentsKv*/

.contentsKv {
    position: relative;
    height: 524px;
    margin-bottom: 80px;
}

.contentsKv .contentsKv__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: right center;
}

.contentsKv .contentsKv__bg:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: var(--colorW);
    transition-duration: 0.65s;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -ms-transition-duration: 0.65s;
    -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-duration: 0.65s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-duration: 0.65s;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transform-origin: right center;
}

.contentsKv .contentsKv__bg.active:after {
    transform: scaleX(0);
    transform-origin: right center;
}

.contentsKv .contentsKv__bg span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contentsKv .contentsKv__text {
    font-size: 27px;
    line-height: 1.8;
    padding-top: 47px;
    padding-right: 55px;
    padding-bottom: 15px;
}

.contentsKv .contentsKv__text--credit {
    line-height: 1;
}

.contentsKv .contentsKv__text--credit dt {
    font-size: 14px;
    margin-bottom: 15px;
}

.contentsKv .contentsKv__text--credit dd {
    font-size: 26px;
}

.contentsKv .textWhiteCover .textWhiteCover__contents .btn {
    position: absolute;
    width: 255px;
    right: 45px;
    bottom: -49px;
}

.contentsKv .textWhiteCover .textWhiteCover__contents .btn>span {
    font-size: 13px;
    line-height: 98px;
}

.contentsKv.height {
    height: 570px;
}

.contentsKv .textWhiteCover.textWhiteCover--right .contentsKv__text {
    padding-left: 55px;
    padding-right: 0;
}


/*ーーーーーーーーーーーーーーーーーーーー contentsKv__bgGray*/

.contentsKv__bgGray {
    position: relative;
    padding-right: 70px;
    padding-bottom: 70px;
    margin-bottom: 80px;
}

.contentsKv__bgGray:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: auto;
    bottom: 0;
    height: calc(100% - 65px);
    background-color: #585858;
    background-color: var(--bgDeepGray);
    z-index: 1;
}

.contentsKv__bgGray .contentsKv__bgGray--main {
    position: relative;
    z-index: 2;
}

.contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bg {
    position: relative;
    margin-bottom: 50px;
    height: 440px;
}

.contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bg span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    color: #fff;
    color: var(--colorW);
}

.contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dt {
    width: 460px;
    font-size: 28px;
    line-height: 1.3;
    padding-right: 50px;
}

.contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dd {
    width: calc(100% - 460px);
    font-size: 16px;
}

.contentsKv__bgGray .contentsKv__bgGray--main .contentsKv__bgGray--text dd strong {
    display: block;
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 20px;
}


/*ーーーーーーーーーーーーーーーーーーーー contentsNav*/

.contentsNav {
    margin-bottom: 75px;
}

.contentsNav>li {
    background-color: #000;
    background-color: var(--colorB);
}

.contentsNav>li .btn {
    border: none;
}

.contentsNav>li .btn:after {
    opacity: .2;
}

.contentsNav>li .btn:hover>a,
.contentsNav>li .btn:hover>span,
.contentsNav>li .btn:active>a,
.contentsNav>li .btn:active>span {
    color: #fff;
    color: var(--colorW);
}

.contentsNav>li .btn:hover.border>a::before,
.contentsNav>li .btn:active.border>a::before {
    background-color: #000;
    background-color: var(--colorB);
}

.contentsNav>li .btn.icon.arrow>a::after,
.contentsNav>li .btn.icon.arrow>span::after {
    background-image: url("../img/btnIcon--arrowW.svg");
}

@media (prefers-color-scheme: light) {
    .contentsNav>li .btn.icon.arrow>a::after,
    .contentsNav>li .btn.icon.arrow>span::after {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .contentsNav>li .btn.icon.arrow>a::after,
    .contentsNav>li .btn.icon.arrow>span::after {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

.contentsNav.contentsNav--fontS .btn>a {
    font-size: 18px;
}


/*ーーーーーーーーーーーーーーーーーーーー contentsNav__img*/

.contentsNav__img {
    position: relative;
    padding-top: calc(648 / 1026 * 100%);
}

.contentsNav__img>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.contentsNav__img>a:hover span {
    transform: scale(1.1);
    opacity: .7;
}

.contentsNav__img span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}


/*ーーーーーーーーーーーーーーーーーーーー innerNav*/

.innerNav {
    position: relative;
    padding-bottom: 135px;
}

.innerNav .innerNav__detail>dt {
    margin-bottom: 13px;
    border-bottom: 1px solid #000;
    border-bottom: 1px solid var(--colorB);
}

.innerNav .innerNav__detail>dt a,
.innerNav .innerNav__detail>dt span {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    padding: 30px 25px 30px 0;
}

.innerNav .innerNav__detail>dt a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 18px;
    height: 1px;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #000;
    background-color: var(--colorB);
}

.innerNav .innerNav__detail>dd>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.innerNav .innerNav__detail>dd>ul>li {
    width: calc((100% - 66px) / 4);
    margin-right: 22px;
    position: relative;
}

.innerNav .innerNav__detail>dd>ul>li:before,
.innerNav .innerNav__detail>dd>ul>li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #000;
    background-color: var(--colorB);
}

.innerNav .innerNav__detail>dd>ul>li:before {
    opacity: .1;
}

.innerNav .innerNav__detail>dd>ul>li:after {
    width: 0;
    left: auto;
    right: 0;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.innerNav .innerNav__detail>dd>ul>li>a,
.innerNav .innerNav__detail>dd>ul>li>span {
    display: block;
    position: relative;
    font-size: 17px;
    line-height: 1;
    padding: 30px 25px 30px 0;
    opacity: .5;
}

.innerNav .innerNav__detail>dd>ul>li>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 10px;
    left: auto;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/btnIcon--arrowB.svg");
}

@media (prefers-color-scheme: light) {
    .innerNav .innerNav__detail>dd>ul>li>a:after {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .innerNav .innerNav__detail>dd>ul>li>a:after {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

.innerNav .innerNav__detail>dd>ul>li>a[target="_blank"]:after {
    background-image: url("../img/btnIcon--blankB.svg");
}

@media (prefers-color-scheme: light) {
    .innerNav .innerNav__detail>dd>ul>li>a[target="_blank"]::after {
        background-image: url("../img/btnIcon--blankB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .innerNav .innerNav__detail>dd>ul>li>a[target="_blank"]::after {
        background-image: url("../img/btnIcon--blankW.svg");
    }
}

.innerNav .innerNav__detail>dd>ul>li>span {
    cursor: pointer;
}

.innerNav .innerNav__detail>dd>ul>li>span:before,
.innerNav .innerNav__detail>dd>ul>li>span:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 9px;
    height: 1px;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #000;
    background-color: var(--colorB);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.innerNav .innerNav__detail>dd>ul>li>span:after {
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

.innerNav .innerNav__detail>dd>ul>li>span.active:after {
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
}

.innerNav .innerNav__detail>dd>ul>li>ul {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    padding: 8px 0 18px;
    background-color: #585858;
    background-color: var(--bgDeepGray);
    z-index: 8;
}

.innerNav .innerNav__detail>dd>ul>li>ul:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 8px;
    height: 8px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: -3px;
    background-color: #585858;
    background-color: var(--bgDeepGray);
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
}

.innerNav .innerNav__detail>dd>ul>li>ul>li {
    position: relative;
}

.innerNav .innerNav__detail>dd>ul>li>ul>li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: calc(100% - 40px);
    height: 1px;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: #fff;
    background-color: var(--colorW);
    opacity: .2;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.innerNav .innerNav__detail>dd>ul>li>ul>li>a {
    position: relative;
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
    color: var(--colorW);
    opacity: .5;
    padding: 8px 40px 8px 20px;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.innerNav .innerNav__detail>dd>ul>li>ul>li>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 10px;
    left: auto;
    right: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/btnIcon--arrowW.svg");
}

@media (prefers-color-scheme: light) {
    .innerNav .innerNav__detail>dd>ul>li>ul>li>a:after {
        background-image: url("../img/btnIcon--arrowW.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .innerNav .innerNav__detail>dd>ul>li>ul>li>a:after {
        background-image: url("../img/btnIcon--arrowB.svg");
    }
}

.innerNav .innerNav__detail>dd>ul>li>ul>li:hover:after,
.innerNav .innerNav__detail>dd>ul>li>ul>li:active:after {
    opacity: 1;
}

.innerNav .innerNav__detail>dd>ul>li>ul>li:hover a,
.innerNav .innerNav__detail>dd>ul>li>ul>li:active a {
    opacity: 1;
}

.innerNav .innerNav__detail>dd>ul>li:nth-child(4n) {
    margin-right: 0;
}

.intervew--hidden .innerNav .innerNav__detail>dd>ul>li:nth-child(4n) {
    margin-right: 22px;
}

.intervew--hidden .innerNav .innerNav__detail>dd>ul>li:nth-child(5n) {
    margin-right: 0;
}

.innerNav .innerNav__detail>dd>ul>li.selected:before {
    opacity: 1;
}

.innerNav .innerNav__detail>dd>ul>li.selected>a,
.innerNav .innerNav__detail>dd>ul>li.selected>span {
    opacity: 1;
    font-weight: 600;
}

.innerNav .innerNav__detail>dd>ul>li:hover:after,
.innerNav .innerNav__detail>dd>ul>li:active:after {
    width: 100%;
    right: auto;
    left: 0;
}

.innerNav .innerNav__detail>dd>ul>li:hover>a,
.innerNav .innerNav__detail>dd>ul>li:hover>span,
.innerNav .innerNav__detail>dd>ul>li:active>a,
.innerNav .innerNav__detail>dd>ul>li:active>span {
    opacity: 1;
}

.innerNav.pb70 {
    padding-bottom: 70px;
}


/* ========================================================================================================= topIr */

.topIr__info {
    position: relative;
    height: 81px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.topIr__info:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    left: 45px;
    background-color: #ebebeb;
    background-color: var(--bgGray);
    z-index: 1;
    pointer-events: none;
}

.topIr__info>li {
    position: relative;
    text-align: center;
    line-height: 1;
    z-index: 2;
}

.topIr__info>li.first,
.topIr__info>li.second {
    width: 230px;
    background-color: #585858;
    background-color: var(--bgDeepGray);
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    color: var(--colorW);
}

.topIr__info>li.first {
    font-size: 19px;
}

.topIr__info>li.first>p {
    font-size: 600;
}

.topIr__info>li.first:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 1px;
    left: auto;
    right: 0;
    background-color: #fff;
    background-color: var(--colorW);
}

.topIr__info>li.second>p:nth-child(1) {
    font-size: 14px;
    margin-bottom: 10px;
}

.topIr__info>li.second>p:nth-child(1)>span {
    text-decoration: underline;
}

.topIr__info>li.second>p:nth-child(2) {
    font-size: 12px;
    opacity: .5;
}

.topIr__info>li.third,
.topIr__info>li.fourth {
    padding: 0 28px;
    white-space: nowrap;
    font-size: 0;
    color: #000;
    color: var(--colorB);
}

.topIr__info>li.third>p,
.topIr__info>li.fourth>p {
    display: inline-block;
    line-height: 102px;
}

.topIr__info>li.third>p:nth-child(1),
.topIr__info>li.fourth>p:nth-child(1) {
    font-size: 14px;
    margin-right: 20px;
}

.topIr__info>li.third:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 1px;
    height: calc(100% - 50px);
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #000;
    background-color: var(--colorB);
    opacity: .1;
}

.topIr__info>li.third>p:nth-child(2) {
    font-size: 50px;
}

.topIr__info>li.third>p:nth-child(2) span {
    font-size: 21px;
}

.topIr__info>li.fourth>p:nth-child(2) {
    font-size: 36px;
}

.topIr__info>li.fourth>p:nth-child(2) span {
    font-size: 29px;
}

.topIr {
    overflow: hidden;
}

.topIr .bgGray {
    padding-top: 0;
}

.top .topIr .bgGray {
    padding-bottom: 170px;
}

.topIr .topIr__bgWhite {
    position: relative;
    padding-bottom: 50px;
}

.topIr .topIr__bgWhite:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    left: 45px;
    background-color: #fff;
    background-color: var(--colorW);
    z-index: 1;
    pointer-events: none;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents {
    padding: 50px 60px 0;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div {
    position: relative;
    z-index: 2;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div>h3 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    line-height: 1;
    padding-bottom: 25px;
    margin-bottom: 35px;
    border-bottom: 1px solid #000;
    border-bottom: 1px solid var(--colorB);
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div>h3>p {
    font-size: 23px;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div>h3>span {
    display: block;
    align-self: flex-end;
    font-size: 14px;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div .list__underline>li {
    min-height: 81px;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div>aside {
    font-size: 13px;
    margin-bottom: 30px;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div .btnUnderline::after {
    opacity: .1;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div.calendar {
    position: relative;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div.calendar:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #000;
    background-color: var(--colorB);
    opacity: .1;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div.calendar .btnUnderline {
    margin-bottom: 30px;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div.calendar .btnUnderline:last-of-type {
    margin-bottom: 0;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div.calendar .btnUnderline:last-of-type:before,
.topIr .topIr__bgWhite .topIr__bgWhite--contents>div.calendar .btnUnderline:last-of-type:after {
    display: none;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div.calendar .btnUnderline>a {
    font-size: 18px;
    font-weight: 500;
    padding-right: 35px;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div.ranking .btnUnderline {
    padding-left: 30px;
}

.topIr .topIr__bgWhite .topIr__bgWhite--contents>div.ranking .btnUnderline .rankingNum {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    line-height: 64px;
    opacity: .5;
}

.topIr .topIr__bgWhite .btn {
    left: 60px;
}


/* ========================================================================================================= news */


/*ーーーーーーーーーーーーーーーーーーーー newsDetail__title*/

.newsDetail__title {
    position: relative;
    margin-bottom: 60px;
}

.newsDetail__title .date {
    position: absolute;
    left: 0;
    top: 0;
}

.newsDetail__title .date span {
    font-size: 12px;
}

.newsDetail__title .date strong {
    font-size: 40px;
}

.newsDetail__title>dl {
    position: relative;
    margin-left: 80px;
    padding-left: 30px;
}

.newsDetail__title>dl:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 1px;
    background-color: #000;
    background-color: var(--colorB);
    opacity: .2;
}

.newsDetail__title>dl>dt {
    font-size: 36px;
    line-height: 1.5;
    text-align: left;
}

.newsDetail__title>dl>dd .underline {
    font-size: 12px;
}


/*ーーーーーーーーーーーーーーーーーーーー newsDetail__contents*/

.newsDetail__contents {
    margin-bottom: 25px;
}

.newsDetail__contents h2 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.newsDetail__contents h3 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 25px;
    border-bottom: 1px solid #000;
    border-bottom: 1px solid var(--colorB);
    font-weight: 600;
}

.newsDetail__contents h4 {
    background: #000;
    background: var(--colorB);
    color: #fff;
    color: var(--colorW);
    padding: 8px 23px 10px;
    margin-top: 25px;
    font-weight: 600;
}

.newsDetail__contents p {
    word-break: break-all;
    margin-bottom: 1em;
}

.newsDetail__contents p:empty {
    display: none;
}

.newsDetail__contents p span {
    font-size: 16px !important;
}

.newsDetail__contents p span:empty {
    display: none;
}

.newsDetail__contents p:last-of-type {
    margin-bottom: 0;
}

.newsDetail__contents div span {
    font-size: 16px !important;
}

.newsDetail__contents div span:empty {
    display: none;
}

.newsDetail__contents strong {
    font-size: 16px;
    display: inline-block;
}

.newsDetail__contents em {
    font-weight: bold;
    font-style: normal;
}

.newsDetail__contents a {
    display: inline;
    text-decoration: underline;
}

.newsDetail__contents a:hover {
    text-decoration: none;
}

.newsDetail__contents table {
    width: 100% !important;
    margin: 15px 0 5px;
}

.newsDetail__contents img {
    margin: 30px auto 35px;
    max-width: 100%;
    width: auto;
}

.newsDetail__contents img.alignleft,
.newsDetail__contents img.alignright {
    display: inline-block;
}

.newsDetail__contents img.alignleft {
    float: left;
    margin-right: 20px;
}

.newsDetail__contents img.alignright {
    float: right;
    margin-left: 20px;
}

.newsDetail__contents dl {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.newsDetail__contents dl dt {
    width: 100px;
}

.newsDetail__contents dl dd {
    width: calc(100% - 110px);
}


/*ーーーーーーーーーーーーーーーーーーーー btn--back*/

.btn--back {
    display: inline-block;
    width: auto;
}

.btn--back a {
    position: relative;
    padding-left: 40px;
    opacity: .5;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn--back a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 11px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("../img/icon__arrow--backB.svg");
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media (prefers-color-scheme: light) {
    .btn--back a:after {
        background-image: url("../img/icon__arrow--backB.svg");
    }
}

@media (prefers-color-scheme: dark) {
    .btn--back a:after {
        background-image: url("../img/icon__arrow--backW.svg");
    }
}

.btn--back:hover a {
    opacity: 1;
}

.btn--back:hover a:after {
    transform: translateX(-3px);
}


/*ーーーーーーーーーーーーーーーーーーーー share*/

.share {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.share>p {
    align-self: center;
    margin-right: 22px;
}

.share>p span {
    display: block;
    font-size: 14px;
    line-height: 1;
    padding-bottom: 8px;
    border-bottom: 1px solid #000;
    border-bottom: 1px solid var(--colorB);
}

.share .share__list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.share .share__list>li {
    margin-right: 18px;
    width: 40px;
    height: 40px;
}

.share .share__list>li>a {
    position: relative;
    text-indent: -9999px;
}

.share .share__list>li>a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 19px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.share .share__list>li.tw>a {
    background-color: #00aaef;
}

.share .share__list>li.tw>a:after {
    background-image: url("../img/icon__share--tw.svg");
}

.share .share__list>li.fb>a {
    background-color: #3c5998;
}

.share .share__list>li.fb>a:after {
    background-image: url("../img/icon__share--fb.svg");
}

.share .share__list>li.line>a {
    background-color: #00b900;
}

.share .share__list>li.line>a:after {
    background-image: url("../img/icon__share--line.svg");
}

.share .share__list>li:last-child {
    margin-right: 0;
}

.share .share__list>li:hover>a::after,
.share .share__list>li:active>a::after {
    transform: translate3d(-50%, -50%, 0) scale(1.4);
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.4);
}

.newsDetail__end {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 120px;
}

.newsDetail__end .btn--back,
.newsDetail__end .share {
    align-self: center;
}


/* ========================================================================================================= modal */

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: var(--colorB);
    transform: translate3d(0, 100%, 0);
    z-index: 30;
}

.modalOpen .modal {
    transform: translate3d(0, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.modalOpen .modal .modal__contents {
    visibility: visible;
}

.modalOpen--fixed .modal {
    transform: inherit;
}

.modalClose .modal {
    transform: translate3d(0, -100%, 0);
}

.modal .modal__contents {
    position: relative;
    height: 100%;
    margin: 0 auto;
    visibility: hidden;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    color: #fff;
    color: var(--colorW);
}

.modal .modal__contents .modal__contents--main {
    position: absolute;
    width: 100%;
}

.modal .icon--close,
.modal .modalImg--close {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 20px;
    cursor: pointer;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    z-index: 31;
}

.modal .icon--close:before,
.modal .icon--close:after,
.modal .modalImg--close:before,
.modal .modalImg--close:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #fff;
    background-color: var(--colorW);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.modal .icon--close:before,
.modal .modalImg--close:before {
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
}

.modal .icon--close:after,
.modal .modalImg--close:after {
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}

.modal .icon--close:hover:before,
.modal .icon--close:hover:after,
.modal .modalImg--close:hover:before,
.modal .modalImg--close:hover:after {
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
}

.modal.modalMovie .modal__contents {
    width: 86.7857142857vw;
}

.modal.modalMovie .modal__contents .modal__contents--main {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


/* ====================================================================================================================================== en */

.en .menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left,
.en .menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__right {
    width: calc(595 / 1260 * 100%);
}

.en .menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list {
    margin-bottom: 100px;
}

.en .menu .menu__contents .menu__contents--main .menu__contents--main--inner .menu__left .sitemap__list>li {
    margin-bottom: 23px;
}

.en header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li {
    width: calc((100% - 44px) / 3);
    margin-right: 22px;
}

.en header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:nth-child(4n) {
    margin-right: 22px;
}

.en header nav>ul>li .navHover .navHover__wrapper .navHover__wrapper--link>ul>li:nth-child(3n) {
    margin-right: 0;
}

.en footer .footer__sitemap .sitemap__list {
    margin-bottom: 75px;
}

.en footer .footer__sitemap .sitemap__list>li:nth-child(1) {
    width: 130px;
}

.en footer .footer__sitemap .sitemap__list>li:nth-child(2) {
    width: calc(100% - 150px);
}

.en footer .footer__sitemap .sitemap__list>li:nth-child(2)>dl {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-wrap: wrap;
}

.en footer .footer__sitemap .sitemap__list>li:nth-child(2)>dl>dt {
    width: 100%;
}

.en footer .footer__sitemap .sitemap__list>li:nth-child(2)>dl>dd {
    align-self: flex-start;
    width: calc((100% - 60px) / 3);
    margin: 2px 0;
}


/*========================================================================================================== 修正 2020/10/23 */

.topIr__info {
    height: 100px;
}


/*ーーーーーーーーーーーーーーーーーーーー 20201024*/

.wp-caption.aligncenter {
    margin: auto;
}

.wp-caption img {
    margin: 30px auto 10px;
}

.wp-caption .wp-caption-text {
    font-size: 12px;
    opacity: .5;
    margin-bottom: 30px !important;
}


/* ========================================================================================================= 更新 2021/05 */

.newsDetail__contents .importantInfo {
    margin-top: 40px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.newsDetail__contents .importantInfo .importantInfo__contents {
    padding: 35px 45px;
}

.newsDetail__contents .importantInfo .importantInfo__contents h5 {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.newsDetail__contents .importantInfo .importantInfo__contents .importantInfo__contents--leader {
    font-size: 18px;
    margin-bottom: 35px;
}

.newsDetail__contents .importantInfo .importantInfo__contents a.text--link {
    font-size: 18px;
}

.newsDetail__contents .importantInfo .importantInfo__contents .btn {
    max-width: 535px;
    margin-top: 55px;
    margin-bottom: 35px;
}

.newsDetail__contents .importantInfo .importantInfo__contents .btn>a {
    display: block;
    text-decoration: none;
}

.newsDetail__contents .importantInfo .importantInfo__contents .importantInfo--text {
    line-height: 1;
}

.newsDetail__contents .importantInfo .importantInfo__contents .importantInfo--text>span {
    display: inline-block;
    width: 165px;
}

.newsDetail__contents .importantInfo .importantInfo__contents .importantInfo__contents--detail>dt {
    width: 215px;
    line-height: 1;
}

.newsDetail__contents .importantInfo .importantInfo__contents .importantInfo__contents--detail>dd {
    width: calc(100% - 215px);
}

.newsDetail__contents .importantInfo .importantInfo__contents:nth-child(1) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}


/* ----------------------------------------------------------
.headline
---------------------------------------------------------- */

.headline {
    margin-bottom: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #000;
}

.headline h2.en {
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    text-align: center;
}

.headline h2.jp {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    margin-top: 15px;
}

@media only screen and (max-width: 900px) {
    .headline {
        margin-bottom: 45px;
    }
    .headline h2.en {
        font-size: 30px;
    }
    .headline h2.jp {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 1;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 736px) {
    .headline {
        margin-bottom: 40px;
    }
    .headline h2.en {
        font-size: 25px;
    }
    .headline h2.jp {
        font-size: 13px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 414px) {
    .headline h2.jp {
        font-size: 12px;
    }
}

.btn:after {
    /*     font-family: 'themify';
    content: "\e649"; */
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 40%;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    font-family: 'Font Awesome 6 pro';
    content: "\f8a9";
    font-size: 20px;
    line-height: 100px;
    font-weight: 400;
    color:#fff
}

a.btnMail:after {
    /* padding-left: 10px; */
    /* font-family: 'Font Awesome 6 pro'; */
    /* content: "\f054"; */
    /* font-size: 13px; */
}

a.btnGoogle:after {
    font-family: 'themify';
    /*     content: "\e649"; */
    font-size: 14px;
    content: "\e693"
}


.ani_box {
    width:100%;
}

.ani_box img {
    width:100%;
}



.page2 {
    position: relative;
    height: 100vh;
}

.target {
    /*   @include positionCenter(); */
    /* font-size: 50px; */
    font-weight: bold;
}

/* .ani_box img {
width: 300px;
}
*/

.target {
    @include positionCenter();
    /* font-size: 50px; */
    font-weight: bold;
}

.btnMore {
    margin: 0;
    line-height: 35px;
    font-size: 12px;
    border-color: #333;
    color: #333;
    border-radius: 0;
    width: 200px;
}

a.btnMore {
    margin: 10px 0 0;
    line-height: 25px;
    font-size: 15px;
    border-color: #333;
    color: #fff;
    border-radius: 0;
    width: 160px;
    background: #ddd;
    padding: 1% 0;
    text-align: center;
    border-radius: 5em;
}
a.btnGoogle {
    margin: 5px 0 0;
    line-height: 35px;
    font-size: 12px;
    border-color: #333;
    color: #fefefe;
}
a.btnMore:hover,
a.btnGoogle:hover {
    color: #fefefe;
    background: #14357b;
    border-color: #14357b;
}
a.btnMore:after,
a.btnGoogle:after {
    content: "\e649";
    font-size: 15px;
    left: 15px;
    right: auto;
    font-weight: normal;
}
a.btnMore:hover:after,
a.btnGoogle:hover:after {
    left: 15px;
    right: auto;
}
a.btnMore:after {
    /* content: "\e75a"; */
    padding-left: 0.5em;
    font-family: 'Font Awesome 6 pro';
    content: "\f054";
}
a.btnGoogle:after {
    content: "\e693"
}


.btn_ani {
    /* margin-top: calc(50% + 25px); */

    position: relative;
    display: inline-block;
    width: 277px;
    height: 50px;
    font-size: 1em;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 17px;
    letter-spacing: 0.045em;
}
.btn_ani svg {
    position: absolute;
    top: 0;
    left: 0;
}
.btn_ani svg rect {
    //: #FF8282;stroke: #000;stroke-width: 4;stroke-dasharray: 353, 0;stroke-dashoffset: 0;-webkit-transition: all 600ms ease;transition: all 600ms ease;}
.btn_ani span {
    background: #131313;
    background: -moz-linear-gradient(left, #666 0%, rgb(158, 158, 158) 100%);
    background: -webkit-linear-gradient(left, rgb(76, 75, 75) 0%, rgb(93, 93, 93) 100%);
    background: linear-gradient(to right, rgba(76, 75, 75) 0%, rgba(93, 93, 93) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff8282', endColorstr='#e178ed', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn_ani:hover svg rect {
    stroke-width: 4;
    stroke-dasharray: 196, 543;
    stroke-dashoffset: 437;
}
/*--ボタン---*/

.btn_wrapper {
    position: relative;
    z-index: 1;
}

.btn_type0 {
    margin: 0 auto;
    font-size: 12px;
    color: #fff;
    padding: 7px 20px;
    text-decoration: none;
    border: #000 1px solid;
    display: inline-block;
    background: rgba(255, 255, 255, 0.5);
}
/*-.btn_type0 { margin:0 auto; font-size:12px; color:#c1272d; padding:7px 40px; text-decoration:none; border:#c1272d 1px solid; display:inline-block;} -*/

.btn_type0 {
    background: none;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_type0:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/* Button 1e */

.btn_type0 {
    overflow: hidden;
}

.btn_type0 span:after {
    font-family: 'FontAwesome';
    content: '\f105';
    font-weight: 900;
    padding-left: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_type0:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    /* background: #c1272d;*/
    background: #000;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn_type0:hover,
.btn_type0:active {
    color: #ffffff!important;
}

.ie8 .btn_type0:hover,
.ie8 .btn_type0:active {
    color: #000!important;
}
/* .ie8 .btn_type0:active {color: #c1272d!important;} */

.btn_type0:hover:after {
    height: 500%;
    opacity: 1;
}

.btn_type0:active:after {
    height: 500%;
    opacity: 1;
}
/*--btn_type1---*/

.btn_type1 {
    margin: 0 auto;
    font-size: 16px;
    color: #0d2873;
    padding: 10px 60px;
    text-decoration: none;
    border: #0d2873 1px solid;
    display: inline-block;
}
/*-.btn_type1 { margin:0 auto; font-size:12px; color:#c1272d; padding:7px 40px; text-decoration:none; border:#c1272d 1px solid; display:inline-block;} -*/

.btn_type1 {
    background: none;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/* Button 1e */

.btn_type1 {
    overflow: hidden;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
    font-weight: 900;
}

.btn_type1 span:after {
    /* font-family: 'FontAwesome'; */
    /* content: '\f105'; */
    font-family: 'Font Awesome 6 pro';
    content: "\f054";
    font-weight: 400;
    padding-left: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_type1:after {
    width: 100%;
    height: 0;
    top: 50%;
    right: 50%;
    background: #0d2870;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn_type1:hover,
.btn_type1:active {
    color: #ffffff!important;
}

.ie8 .btn_type1:hover,
.ie8 .btn_type1:active {
    color: #c1272d!important;
}

.btn_type1:hover:after {
    height: 500%;
    opacity: 1;
}

.btn_type1:active:after {
    height: 500%;
    opacity: 1;
}

.linkArea {
    margin: 20px 0;
}
/*--btn_type1-w---*/

.btn_type-w {
    margin: 0 auto;
    font-size: 16px;
    color: #0d2870;
    padding: 10px 60px;
    text-decoration: none;
    border: #0d2870 1px solid;
    display: inline-block;
}
/*-.btn_type1 { margin:0 auto; font-size:12px; color:#c1272d; padding:7px 40px; text-decoration:none; border:#c1272d 1px solid; display:inline-block;} -*/

.btn_type-w {
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/* Button 1e */

.btn_type-w {
    overflow: hidden;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
    font-weight: 900;
    z-index: 11;
}

.btn_type-w span:after {
    /* font-family: 'FontAwesome'; */
    /* content: '\f105'; */
    font-family: 'Font Awesome 6 pro';
    content: "\f054";
    font-weight: 400;
    padding-left: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_type-w:after {
    width: 100%;
    height: 0;
    top: 50%;
    right: 50%;
    background: #0d2870;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn_type-w:hover,
.btn_type-w:active {
    /* color: #fff!important; */
    background: #0d2870;
}

.ie8 .btn_type-w:hover,
.ie8 .btn_type-w:active {
    color: #0d2870!important;
    background: #0d2870;
}

.btn_type-w:hover:after {
    height: 500%;
    opacity: 1;
}

.btn_type-w:active:after {
    height: 500%;
    opacity: 1;
}
/* ボタン */

.btn_type-s {
    margin: 0 auto;
    font-size: 13px;
    color: #0d2870;
    padding: 5px 15px;
    border-radius: 1.5em;
    text-decoration: none;
    border: #0d2870 1px solid;
    display: inline-block;
}

.btn_type-s {
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_type-s {
    overflow: hidden;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
    font-weight: 900;
    z-index: 11;
}

.btn_type-s span:after {
    /* font-family: 'FontAwesome'; */
    /* content: '\f105'; */
    font-family: 'Font Awesome 6 pro';
    content: "\f054";
    font-weight: 400;
    padding-left: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_type-s:after {
    width: 100%;
    height: 0;
    top: 50%;
    right: 50%;
    background: #0d2870;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn_type-s:hover,
.btn_type-s:active {
    color: #fff!important;
    background: #0d2870;
}

.ie8 .btn_type-s:hover,
.ie8 .btn_type-s:active {
    color: #0d2870!important;
    background: #0d2870;
}

.btn_type-s:hover:after {
    height: 500%;
    opacity: 1;
}

.btn_type-s:active:after {
    height: 500%;
    opacity: 1;
}
/*テキスト　センター*/

.tx_c {
    text-align: center;
    color: #7c7762;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*--btn_brown---*/

.btn_brown {
    margin: 10px auto;
    font-size: 1.1rem;
    color: #c1272d;
    padding: 7px 40px;
    text-decoration: none;
    border: #c1272d 1px solid;
    display: inline-block;
}
/*-.btn_type1 { margin:0 auto; font-size:12px; color:#c1272d; padding:7px 40px; text-decoration:none; border:#c1272d 1px solid; display:inline-block;} -*/

.btn_brown {
    background: #fff;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_brown:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/* Button 1e */

.btn_brown {
    overflow: hidden;
}

.btn_brown:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #c1272d;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn_brown:hover,
.btn_brown:active {
    color: #fff!important;
    background: #c1272d;
}

.ie8 .btn_brown:hover,
.ie8 .btn_brown:active {
    color: #c1272d!important;
}

.btn_brown:hover:after {
    height: 500%;
    opacity: 1;
}

.btn_brown:active:after {
    height: 500%;
    opacity: 1;
}

.btn_brown:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #c1272d;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn_brown:hover,
.btn_brown:active {
    color: #fff!important;
    background: #c1272d;
}

.ie8 .btn_brown:hover,
.ie8 .btn_brown:active {
    color: #c1272d!important;
}

.btn_brown:hover:after {
    height: 500%;
    opacity: 1;
}

.btn_brown:active:after {
    height: 500%;
    opacity: 1;
}



/* Read more */
.brn_area{
    text-align: center;
}
.read-more {
    margin: 1rem 0 2rem;
    display: inline-block;
    /* width: 150px; */
    max-width: 100%;
    background: #00b8ee;
    border: #00b8ee 1px solid;
    line-height: 35px;
    padding: 0 32px 0 30px;
    height: auto;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 5em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
a.read-more:visited,
a.read-more:link{
    color: #fff;
}
.read-more:after {
    font-family: 'themify';
    content: "\e649";
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 1;
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    transition: right 0.3s ease;
    line-height: 36px;
}
a.read-more:hover {
    color: #00b8ee;
    background: #fff;
    border: #00b8ee 1px solid;
    opacity: 1;
}
.read-more:hover:after {
    right: 10px;
}

.read-more.square{
    /* font-size: 2rem; */
    padding: 1rem 5rem;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: linear-gradient(45deg,#005bab 0%, #0096df 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #004582;
}
.read-more.square:after {
    top: 1rem;
}
a.read-more.square:hover {
    border-bottom: solid 3px #004582;
}

/* news more */
.news-more_ares {
    width:100%;
    text-align:center;
    margin: 15px 5px;
}
.news-more{
    margin: 0 3px 15px;
    display: inline-block;
    width: 120px;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    background: #a52525;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 5em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding-bottom: 3px;
}

.news-more:after {
    font-family: 'themify';
    content: "\e649";
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 2px;
    right: 12px;
    z-index: 1;
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    transition: right 0.3s ease;
}
.news-more:hover {
    color: #fff;
    border: #9E9E9E 1px solid;
    background: #111;
}
.news-more:hover:after {
    right: 10px;
}
@media only screen and (max-width: 800px) {
    .read-more {
        margin-top: 15px;
        font-size: 13px;
    }

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

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

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


.ContentsInContactArea{
  /* width: 100%; */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color:#f5f5f5;
}
.ContentsInContactArea .inner{
    max-width:1000px;
    margin: auto;
    padding: 4rem 0 2rem;
}
.ContentsInContactArea .ttl{
    font-size:2rem;
    font-weight:600;
    color:#00b8ee;
}

.ContentsInContactArea .name{
    text-align:center;
}

.ContentsInContactArea .jp:before {
	position: relative;
	top: 0;
	left: 0;
	width: 10px;
	height: 0;
	content: "↓";
	/* border-top: #0d0d0d 1px solid; */
	z-index: -1;
}
.ContentsInContactArea .jp:after {
	position: relative;
	top: 0%;
	right: 0;
	width: 10px;
	height: 0;
	content: "↓";
	/* border-top: #0d0d0d 1px solid; */
	z-index: -1;
}

.ContentsInContactArea .en {
	font-size: 2.5rem;
	/* font-family: 'Overpass', sans-serif; */
	/* font-family: dnp-shuei-mgothic-std, sans-serif; */
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.2;
	display: inline-block;
	/* margin: 0.6em 0; */
	text-align: center;
	color: #cb1500;
	/* padding: 0 0.2rem; */
}

.ContentsInContactArea .flex{
    /* background-color: #e9e9e9; */
    align-items: center;
    padding: 1.5rem 1rem;
    margin: auto;
}
.ContentsInContactArea ul.komaru {
	/* border: 2px solid #75aac7; */
	margin: 0 1rem;
	padding:0.5rem;
	background-color: #fff;
}
.ContentsInContactArea ul.komaru li{
	line-height: 1.5;
	padding: 0.5em;
	/* border-bottom: dashed 1px #8593ad; */
	list-style-type: none!important;
	/* color: #fff; */
	/* font-size: 1.2rem; */
}
.ContentsInContactArea ul.komaru li:last-of-type
{
	border-bottom: none;
}
.ContentsInContactArea ul.komaru li:before {
	font-family: 'Font Awesome 6 pro';
	content: "\f4ac";
	font-weight: 900;
	position: inherit;
	left: 2.5em;
	color: #75aac7;
	padding-right: 0.6rem;
}

@media screen and (max-width: 600px) {
	.ContentsInContactArea>.text .name .en {
		font-size: 2rem;
	}
	.ContentsInContactArea ul.komaru {
		margin: 0;
	}
}

.ContentsInContactArea a.btnTel {
	color: #00b8ee;
	font-size: 34px;
	text-align: center;
	font-weight: 500;
	line-height: 1.8;
	font-weight: 600;
}
.ContentsInContactArea p.information {
	text-align: center;
	/* color: #fff; */
}

.ContentsInContactArea a.btnTel:before {
	font-size: 14px;
	font-family: 'Font Awesome 6 pro';
	content: "\f095";
	font-size: 25px;
	padding-right: 10px;
}

.ContentsInContactArea a.btnMail {
	color: #fff;
	background: #00b8ee;
	/* border: #14357b 1px solid; */
	text-align: center;
	font-size: 25px;
	line-height: 1.8;
	border-radius: 1.5em;
	padding: 5px 0;
	height: 55px;
}

.ContentsInContactArea a.btnMail:hover {
	color: #00b8ee;
	background: #fff;
	border: #00b8ee 2px solid;
}

.ContentsInContactArea .btnMail:before {
	font-family: 'Font Awesome 6 pro';
	content: "\f0e0";
	font-size: 20px;
	padding-right: 10px;
}