/*
Theme Name: test2022
Theme URL: stest.com
Description: test
Author: stest.com
Version: 1.0
*/
@charset "UTF-8";
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format("woff2"); }

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 16px; font-size: 1rem; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }

/*! Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("assets/fonts/fontawesome-webfont.eot?v=4.6.3"); src: url("assets/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("assets/fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("assets/fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("assets/fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("assets/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }

.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right { margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; }

.fa-twitter-square:before { content: ""; }

.fa-facebook-square:before { content: ""; }

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

.fa-github-square:before { content: ""; }

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook-f:before, .fa-facebook:before { content: ""; }

.fa-github:before { content: ""; }

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-feed:before, .fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

.fa-pinterest:before { content: ""; }

.fa-pinterest-square:before { content: ""; }

.fa-google-plus-square:before { content: ""; }

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

.fa-github-alt:before { content: ""; }

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

.fa-maxcdn:before { content: ""; }

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

.fa-html5:before { content: ""; }

.fa-css3:before { content: ""; }

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

.fa-youtube:before { content: ""; }

.fa-xing:before { content: ""; }

.fa-xing-square:before { content: ""; }

.fa-youtube-play:before { content: ""; }

.fa-dropbox:before { content: ""; }

.fa-stack-overflow:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-flickr:before { content: ""; }

.fa-adn:before { content: ""; }

.fa-bitbucket:before { content: ""; }

.fa-bitbucket-square:before { content: ""; }

.fa-tumblr:before { content: ""; }

.fa-tumblr-square:before { content: ""; }

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

.fa-apple:before { content: ""; }

.fa-windows:before { content: ""; }

.fa-android:before { content: ""; }

.fa-linux:before { content: ""; }

.fa-dribbble:before { content: ""; }

.fa-skype:before { content: ""; }

.fa-foursquare:before { content: ""; }

.fa-trello:before { content: ""; }

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before, .fa-gratipay:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

.fa-vk:before { content: ""; }

.fa-weibo:before { content: ""; }

.fa-renren:before { content: ""; }

.fa-pagelines:before { content: ""; }

.fa-stack-exchange:before { content: ""; }

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.fa-space-shuttle:before { content: ""; }

.fa-slack:before { content: ""; }

.fa-envelope-square:before { content: ""; }

.fa-wordpress:before { content: ""; }

.fa-openid:before { content: ""; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

.fa-yahoo:before { content: ""; }

.fa-google:before { content: ""; }

.fa-reddit:before { content: ""; }

.fa-reddit-square:before { content: ""; }

.fa-stumbleupon-circle:before { content: ""; }

.fa-stumbleupon:before { content: ""; }

.fa-delicious:before { content: ""; }

.fa-digg:before { content: ""; }

.fa-pied-piper-pp:before { content: ""; }

.fa-pied-piper-alt:before { content: ""; }

.fa-drupal:before { content: ""; }

.fa-joomla:before { content: ""; }

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

.fa-behance:before { content: ""; }

.fa-behance-square:before { content: ""; }

.fa-steam:before { content: ""; }

.fa-steam-square:before { content: ""; }

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

.fa-spotify:before { content: ""; }

.fa-deviantart:before { content: ""; }

.fa-soundcloud:before { content: ""; }

.fa-database:before { content: ""; }

.fa-file-pdf-o:before { content: ""; }

.fa-file-word-o:before { content: ""; }

.fa-file-excel-o:before { content: ""; }

.fa-file-powerpoint-o:before { content: ""; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

.fa-file-code-o:before { content: ""; }

.fa-vine:before { content: ""; }

.fa-codepen:before { content: ""; }

.fa-jsfiddle:before { content: ""; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

.fa-circle-o-notch:before { content: ""; }

.fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; }

.fa-tencent-weibo:before { content: ""; }

.fa-qq:before { content: ""; }

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

.fa-share-alt-square:before { content: ""; }

.fa-bomb:before { content: ""; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }

.fa-tty:before { content: ""; }

.fa-binoculars:before { content: ""; }

.fa-plug:before { content: ""; }

.fa-slideshare:before { content: ""; }

.fa-twitch:before { content: ""; }

.fa-yelp:before { content: ""; }

.fa-newspaper-o:before { content: ""; }

.fa-wifi:before { content: ""; }

.fa-calculator:before { content: ""; }

.fa-paypal:before { content: ""; }

.fa-google-wallet:before { content: ""; }

.fa-cc-visa:before { content: ""; }

.fa-cc-mastercard:before { content: ""; }

.fa-cc-discover:before { content: ""; }

.fa-cc-amex:before { content: ""; }

.fa-cc-paypal:before { content: ""; }

.fa-cc-stripe:before { content: ""; }

.fa-bell-slash:before { content: ""; }

.fa-bell-slash-o:before { content: ""; }

.fa-trash:before { content: ""; }

.fa-copyright:before { content: ""; }

.fa-at:before { content: ""; }

.fa-eyedropper:before { content: ""; }

.fa-paint-brush:before { content: ""; }

.fa-birthday-cake:before { content: ""; }

.fa-area-chart:before { content: ""; }

.fa-pie-chart:before { content: ""; }

.fa-line-chart:before { content: ""; }

.fa-lastfm:before { content: ""; }

.fa-lastfm-square:before { content: ""; }

.fa-toggle-off:before { content: ""; }

.fa-toggle-on:before { content: ""; }

.fa-bicycle:before { content: ""; }

.fa-bus:before { content: ""; }

.fa-ioxhost:before { content: ""; }

.fa-angellist:before { content: ""; }

.fa-cc:before { content: ""; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }

.fa-meanpath:before { content: ""; }

.fa-buysellads:before { content: ""; }

.fa-connectdevelop:before { content: ""; }

.fa-dashcube:before { content: ""; }

.fa-forumbee:before { content: ""; }

.fa-leanpub:before { content: ""; }

.fa-sellsy:before { content: ""; }

.fa-shirtsinbulk:before { content: ""; }

.fa-simplybuilt:before { content: ""; }

.fa-skyatlas:before { content: ""; }

.fa-cart-plus:before { content: ""; }

.fa-cart-arrow-down:before { content: ""; }

.fa-diamond:before { content: ""; }

.fa-ship:before { content: ""; }

.fa-user-secret:before { content: ""; }

.fa-motorcycle:before { content: ""; }

.fa-street-view:before { content: ""; }

.fa-heartbeat:before { content: ""; }

.fa-venus:before { content: ""; }

.fa-mars:before { content: ""; }

.fa-mercury:before { content: ""; }

.fa-intersex:before, .fa-transgender:before { content: ""; }

.fa-transgender-alt:before { content: ""; }

.fa-venus-double:before { content: ""; }

.fa-mars-double:before { content: ""; }

.fa-venus-mars:before { content: ""; }

.fa-mars-stroke:before { content: ""; }

.fa-mars-stroke-v:before { content: ""; }

.fa-mars-stroke-h:before { content: ""; }

.fa-neuter:before { content: ""; }

.fa-genderless:before { content: ""; }

.fa-facebook-official:before { content: ""; }

.fa-pinterest-p:before { content: ""; }

.fa-whatsapp:before { content: ""; }

.fa-server:before { content: ""; }

.fa-user-plus:before { content: ""; }

.fa-user-times:before { content: ""; }

.fa-hotel:before, .fa-bed:before { content: ""; }

.fa-viacoin:before { content: ""; }

.fa-train:before { content: ""; }

.fa-subway:before { content: ""; }

.fa-medium:before { content: ""; }

.fa-yc:before, .fa-y-combinator:before { content: ""; }

.fa-optin-monster:before { content: ""; }

.fa-opencart:before { content: ""; }

.fa-expeditedssl:before { content: ""; }

.fa-battery-4:before, .fa-battery-full:before { content: ""; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; }

.fa-battery-2:before, .fa-battery-half:before { content: ""; }

.fa-battery-1:before, .fa-battery-quarter:before { content: ""; }

.fa-battery-0:before, .fa-battery-empty:before { content: ""; }

.fa-mouse-pointer:before { content: ""; }

.fa-i-cursor:before { content: ""; }

.fa-object-group:before { content: ""; }

.fa-object-ungroup:before { content: ""; }

.fa-sticky-note:before { content: ""; }

.fa-sticky-note-o:before { content: ""; }

.fa-cc-jcb:before { content: ""; }

.fa-cc-diners-club:before { content: ""; }

.fa-clone:before { content: ""; }

.fa-balance-scale:before { content: ""; }

.fa-hourglass-o:before { content: ""; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; }

.fa-hourglass:before { content: ""; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; }

.fa-hand-scissors-o:before { content: ""; }

.fa-hand-lizard-o:before { content: ""; }

.fa-hand-spock-o:before { content: ""; }

.fa-hand-pointer-o:before { content: ""; }

.fa-hand-peace-o:before { content: ""; }

.fa-trademark:before { content: ""; }

.fa-registered:before { content: ""; }

.fa-creative-commons:before { content: ""; }

.fa-gg:before { content: ""; }

.fa-gg-circle:before { content: ""; }

.fa-tripadvisor:before { content: ""; }

.fa-odnoklassniki:before { content: ""; }

.fa-odnoklassniki-square:before { content: ""; }

.fa-get-pocket:before { content: ""; }

.fa-wikipedia-w:before { content: ""; }

.fa-safari:before { content: ""; }

.fa-chrome:before { content: ""; }

.fa-firefox:before { content: ""; }

.fa-opera:before { content: ""; }

.fa-internet-explorer:before { content: ""; }

.fa-tv:before, .fa-television:before { content: ""; }

.fa-contao:before { content: ""; }

.fa-500px:before { content: ""; }

.fa-amazon:before { content: ""; }

.fa-calendar-plus-o:before { content: ""; }

.fa-calendar-minus-o:before { content: ""; }

.fa-calendar-times-o:before { content: ""; }

.fa-calendar-check-o:before { content: ""; }

.fa-industry:before { content: ""; }

.fa-map-pin:before { content: ""; }

.fa-map-signs:before { content: ""; }

.fa-map-o:before { content: ""; }

.fa-map:before { content: ""; }

.fa-commenting:before { content: ""; }

.fa-commenting-o:before { content: ""; }

.fa-houzz:before { content: ""; }

.fa-vimeo:before { content: ""; }

.fa-black-tie:before { content: ""; }

.fa-fonticons:before { content: ""; }

.fa-reddit-alien:before { content: ""; }

.fa-edge:before { content: ""; }

.fa-credit-card-alt:before { content: ""; }

.fa-codiepie:before { content: ""; }

.fa-modx:before { content: ""; }

.fa-fort-awesome:before { content: ""; }

.fa-usb:before { content: ""; }

.fa-product-hunt:before { content: ""; }

.fa-mixcloud:before { content: ""; }

.fa-scribd:before { content: ""; }

.fa-pause-circle:before { content: ""; }

.fa-pause-circle-o:before { content: ""; }

.fa-stop-circle:before { content: ""; }

.fa-stop-circle-o:before { content: ""; }

.fa-shopping-bag:before { content: ""; }

.fa-shopping-basket:before { content: ""; }

.fa-hashtag:before { content: ""; }

.fa-bluetooth:before { content: ""; }

.fa-bluetooth-b:before { content: ""; }

.fa-percent:before { content: ""; }

.fa-gitlab:before { content: ""; }

.fa-wpbeginner:before { content: ""; }

.fa-wpforms:before { content: ""; }

.fa-envira:before { content: ""; }

.fa-universal-access:before { content: ""; }

.fa-wheelchair-alt:before { content: ""; }

.fa-question-circle-o:before { content: ""; }

.fa-blind:before { content: ""; }

.fa-audio-description:before { content: ""; }

.fa-volume-control-phone:before { content: ""; }

.fa-braille:before { content: ""; }

.fa-assistive-listening-systems:before { content: ""; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; }

.fa-glide:before { content: ""; }

.fa-glide-g:before { content: ""; }

.fa-signing:before, .fa-sign-language:before { content: ""; }

.fa-low-vision:before { content: ""; }

.fa-viadeo:before { content: ""; }

.fa-viadeo-square:before { content: ""; }

.fa-snapchat:before { content: ""; }

.fa-snapchat-ghost:before { content: ""; }

.fa-snapchat-square:before { content: ""; }

.fa-pied-piper:before { content: ""; }

.fa-first-order:before { content: ""; }

.fa-yoast:before { content: ""; }

.fa-themeisle:before { content: ""; }

.fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; }

.fa-fa:before, .fa-font-awesome:before { content: ""; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

/* argument */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/*-----------------------------------------------------------
clearfix
------------------------------------------------------------*/
.clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; }

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* end MacIE5 */
/*-----------------------------------------------------------
reset
------------------------------------------------------------*/
img { margin: 0; padding: 0; vertical-align: bottom; border: 0; }

table img { margin: 0; padding: 0; vertical-align: bottom; border: 0; }

p { margin: 0; padding: 0; }

ol, ul { list-style: none; margin: 0; padding: 0; }

input, textarea { margin: 0; font-size: 100%; resize: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 100%; }

dl, dt, dd, th, td { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { /*font-size: 100%;*/ font-weight: normal; margin: 0; padding: 0; }

pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

nav ul { list-style: none; }

/*-----------------------------------------------------------
Link
------------------------------------------------------------*/
a { transition: 0.3s; }

@media only screen and (min-width: 768px) { a:hover { opacity: 0.6; } }

a { outline: none; }

a:link { color: #444; text-decoration: none; }

a:visited { color: #444; text-decoration: none; }

a:hover { color: #aaa; text-decoration: none; }

a:active { color: #444; text-decoration: none; }

/*-----------------------------------------------------------
FONT family
------------------------------------------------------------*/
.ffN { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.ffM { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho,"Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }

/* Safari Only */
_::-webkit-full-page-media, _:future, :root .ffM { font-family: "游明朝体","游明朝","Yu Mincho", YuMincho,"Sawarabi Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ryo-display-plusn",serif; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

.contentcms img { max-width: 100%; height: auto; max-height: 100%; width: 100%; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/*-----------------------------------------------------------
PAGE BOOT
------------------------------------------------------------*/
/* MovableType */
div#pageBoot { margin: 35px 0 60px 0; text-align: center; }

div#pageBoot a { color: #aaa; text-decoration: none !important; }

span.current_page { color: #FFFFFF; padding: 5px; border: 1px solid #aaa; background-color: #aaa; }

a.link_page { padding: 5px; border: 1px solid #aaa !important; }

a.link_page:hover { padding: 5px; border: 1px solid #aaa; background-color: #aaa; color: #FFFFFF !important; }

/*-----------------------------------------------------------
Body
-------------------------------------------------------------*/
body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; color: #404040; line-height: 2; letter-spacing: 0.56px; word-break: break-all; overflow-x: hidden; }

@media only screen and (max-width: 767px) { body { font-size: 14px; line-height: 1.8; letter-spacing: 0px; } }

/*----------------------------------------------------------- Container/Maincontent ------------------------------------------------------------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container { max-width: 1030px; height: auto; padding: 0 15px; margin: 0 auto; }

.container2 { max-width: 1140px; height: auto; padding: 0 20px; margin: 0 auto; }

.container3 { max-width: 1240px; height: auto; padding: 0 20px; margin: 0 auto; }

.ffMin { font-family: "游明朝体", "Yu Mincho", YuMincho,"Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }

/* Safari Only */
_::-webkit-full-page-media, _:future, :root .ffMin { font-family: "游明朝体", "游明朝", "Yu Mincho", "YuMincho","Sawarabi Mincho"; }

@font-face { font-family: 'AGaramondPro-Regular'; src: url("assets/fonts/AGaramondPro-Regular.eot"); src: local("☺"), url("assets/fonts/AGaramondPro-Regular.woff") format("woff"), url("assets/fonts/AGaramondPro-Regular.ttf") format("truetype"), url("assets/fonts/AGaramondPro-Regular.svg") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Baskerville Old Face'; src: url("assets/fonts/BASKVILLr.eot"); src: local("☺"), url("assets/fonts/BASKVILL.woff") format("woff"), url("assets/fonts/BASKVILL.ttf") format("truetype"), url("assets/fonts/BASKVILL.svg") format("svg"); font-weight: normal; font-style: normal; }

/*-----------------------------------------------------------
common
------------------------------------------------------------*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.pc { display: block !important; }

.pc_inline { display: inline-block !important; }

.sp { display: none !important; }

.sp_inline { display: none !important; }

img { max-width: 100%; height: auto; }

.mainText { background: #f8f8f9; text-align: center; padding: 25px 0 30px; }

.mainText h2 { line-height: 1; }

.mainText h2 span { font-size: 30px; line-height: 60px; letter-spacing: 6px; display: inline-block; width: 100%; }

.mainText h2 small, .mainText h2 em { font-size: 14px; line-height: 26px; display: inline-block; width: 100%; text-align: center; }

.mainText h2 br { line-height: 1; }

.mainText2 { background: #f8f8f9; text-align: center; padding: 25px 0 30px; }

.mainText2 h2 { font-size: 30px; line-height: 2.1; letter-spacing: 6px; }

.mainText2 small { font-size: 14px; line-height: 26px; display: block; width: 100%; letter-spacing: 2px; }

@media only screen and (max-width: 767px) { .pc { display: none !important; }
  .pc_inline { display: none !important; }
  .sp { display: block !important; }
  .sp_inline { display: inline-block !important; }
  #wrap { margin-top: 20px !important; }
  .mainText { padding: 18px 0 13px; }
  .mainText h2 { line-height: 1; }
  .mainText h2 span { font-size: 21px; line-height: 27px; }
  .mainText h2 small, .mainText h2 em { font-size: 13px; line-height: 21px; }
  .mainText2 { margin-top: 52px; padding: 18px 15px 18px; }
  .mainText2 h2 { font-size: 21px; line-height: 27px; letter-spacing: 6px; }
  .mainText2 h2 small { font-size: 13px; line-height: 21px; letter-spacing: 0; letter-spacing: 2px; } }

@media only screen and (max-width: 374px) { .mainText2 { padding: 18px 10px 18px; } }

.divover { overflow: hidden; }

/* WordPress */
.wp-pagenavi { clear: both; text-align: center; font-size: 16px; margin-bottom: 12px; }

.wp-pagenavi span, .wp-pagenavi a { display: inline-block; min-width: 30px; height: 30px; line-height: 30px; margin: 0 1px; color: #404040 !important; text-align: center; }

.wp-pagenavi a:hover, .wp-pagenavi span.current { border: #BBBBBB 1px solid; }

.wp-pagenavi a.previouspostslink { background: url(assets/img/common/other/icon_paging01.svg) no-repeat center; border: none; text-indent: -99999em; }

.wp-pagenavi a.nextpostslink { background: url(assets/img/common/other/icon_paging02.svg) no-repeat center; border: none; text-indent: -99999em; }

.wp-pagenavi .extend { border: none; }

.wp-pagenavi .pages, .wp-pagenavi .last, .wp-pagenavi .first, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { display: none; }

@media only screen and (max-width: 767px) { .wp-pagenavi { font-size: 14px; }
  .wp-pagenavi span, .wp-pagenavi a { min-width: 23px; height: 26px; line-height: 22px; }
  .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { background-size: 11px auto; } }

.pagede { max-width: 740px; margin: 0 auto; text-align: center; }

.pagede li { display: inline-block; vertical-align: middle; width: 39.5%; }

.pagede p { display: table; width: 100%; }

.pagede a { display: table-cell; height: 38px; vertical-align: middle; }

.pagede a span { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; color: #787878; line-height: 1.57; }

.pagede li:nth-child(1) a { background: url(assets/img/common/icon/pagede_01.svg) no-repeat left center; padding-left: 58px; padding-right: 30px; }

.pagede li:nth-child(3) a { background: url(assets/img/common/icon/pagede_02.svg) no-repeat right center; padding-left: 30px; padding-right: 58px; }

.pagede li:nth-child(2) { width: 18.92%; margin-top: 3px; }

.pagede li:nth-child(2) a { display: block; height: 34px; line-height: 34px; border-left: #DDDDDD 1px solid; border-right: #DDDDDD 1px solid; text-align: center; color: #404040; }

@media screen and (max-width: 767px) { .pagede { max-width: 100%; margin: 0; }
  .pagede li { float: none !important; width: 100% !important; }
  .pagede a span { line-height: 1.43; }
  .pagede li:nth-child(1) a { background: url(assets/img/common/icon/pagede_01.svg) no-repeat left center; background-size: 25px auto; padding-left: 35px; padding-right: 0; }
  .pagede li:nth-child(3) a { background: url(assets/img/common/icon/pagede_02.svg) no-repeat right center; background-size: 25px auto; padding-left: 0; padding-right: 35px; }
  .pagede li:nth-child(3) a span { text-align: right; }
  .pagede li:nth-child(2) a { display: block; margin: 12px -15px; height: 54px; line-height: 54px; border-top: #BBBBBB 1px dotted; border-bottom: #BBBBBB 1px dotted; border-left: none; border-right: none; } }

.divsocialcom { margin: 61px auto 80px; background: #F8F7ED; padding: 15px 30px 7px 40px; }

.divsocialcom .txt01 { float: left; padding: 4px 20px 0 0; font-size: 12px; }

.divsocialcom .btn01 { display: inline-block; margin-left: 3px; margin-bottom: 8px; width: 83px; height: 33px; line-height: 33px; border-radius: 5px; background: #AD8A26; text-align: center; }

.divsocialcom .btn01 img { vertical-align: middle; margin-bottom: 0 !important; }

.ulnavicom li { margin-bottom: 25px; }

.ulnavicom .txt01 { border-bottom: #AD981A 1px solid; font-size: 18px; color: #AD981A; }

.ulnavicom .txt03 { padding-top: 14px; line-height: 1.9; }

.ulnavicom .txt03 a { display: block; color: #404040; font-size: 14px; }

.fullImg { width: 100%; height: auto; }

.divcms p { margin-top: 20px; }

.divcms p:first-child { margin-top: 0; }

.divcms h2 { font-size: 20px; font-weight: bold; }

.divcms h3 { font-size: 18px; font-weight: bold; }

.divcms h4 { font-size: 16px; font-weight: bold; }

@media screen and (max-width: 767px) { .divsocialcom { margin: 35px -15px 30px; padding: 20px 15px 15px; }
  .divsocialcom .btn01 { margin-bottom: 6px; }
  .divsocialcom .txt01 { float: none; padding: 3px 20px 10px 0; font-size: 14px; text-align: center; }
  .divsocialcom .btn01 { width: 91px; height: 37px; line-height: 37px; border-radius: 5px; margin-left: 2px; }
  .ulnavicom li { margin-bottom: 20px; }
  .ulnavicom .txt01 { border-bottom: none; font-size: 16px; letter-spacing: 2px; }
  .ulnavicom .txt02 { background: #EFE8D4 url(assets/img/beautycolumn/icon_sl01.svg) no-repeat right 10px center; background-size: 8px auto; border-radius: 5px 5px; padding: 14px 16px 8px; font-size: 13px; }
  .ulnavicom .txt02.on { border-radius: 5px 5px 0 0; }
  .ulnavicom .txt03 { display: none; background: #EFE8D4; border-radius: 0 0 5px 5px; padding: 0 16px 12px; }
  .ulnavicom .txt03 a { margin-bottom: 3px; background: #EFE8D4 url(assets/img/beautycolumn/icon_navi01.svg) no-repeat left center; background-size: 4px auto; padding-left: 10px; font-size: 13px; text-decoration: underline; }
  .divcms p { margin-top: 20px; }
  .divcms h2 { font-size: 16px; }
  .divcms h3 { font-size: 15px; }
  .divcms h4 { font-size: 14px; } }

.inview { opacity: 0; transition-delay: .3s; transition: all 1.5s; position: relative; }

.inview.on { opacity: 1; }

.inview.fadeInLeft { transform: translateX(-100px); -o-transform: translateX(-100px); -ms-transform: translateX(-100px); -moz-transform: translateX(-100px); -webkit-transform: translateX(-100px); }

.inview.fadeInLeft.on { transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); }

.inview.fadeInBottom { transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); }

.inview.fadeInBottom.on { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }

.inview.fadeInBottomDelay { transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); transition-delay: 0.2s; }

.inview.fadeInBottomDelay.on { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }

.inview.fadeInBottomDelay1 { transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); transition-delay: 0.4s; }

.inview.fadeInBottomDelay1.on { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }

.inview.fadeInBottomDelay2 { transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); transition-delay: 0.6s; }

.inview.fadeInBottomDelay2.on { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }

.inview.fadeInTop { transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); }

.inview.fadeInTop.on { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }

.inview.fadeInBottom_fr { transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); -moz-transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; transition-delay: 0.2s; }

.inview.fadeInBottom_fr.on { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }

.ttl_block { text-align: center; font-size: 27px; letter-spacing: 4px; margin: 0 auto 40px; }

@media screen and (max-width: 767px) { .ttl_block { font-size: 19px; margin: 0 auto 25px; } }

.ttl_block em { font-style: normal; text-align: center; display: block; text-align: center; font-size: 13px; color: #AD981A; letter-spacing: 1px; line-height: 13px; margin-top: 0px; }

@media screen and (max-width: 767px) { .ttl_block em { font-size: 13px; margin-top: 0px; } }

.gNavi.clearfix, .header.clearfix { overflow: visible; }

/*-----------------------------------------------------------
Header
-------------------------------------------------------------*/
.headerInner { max-width: 1230px; margin: 0 auto; padding: 23px 15px 0px; }

#contact .headerInner { padding: 23px 0 13px; }

.leftHead { float: left; width: calc(100% - 460px); line-height: 1; margin-top: -5px; padding-left: 5px; }

.leftHead #logo { display: inline-block; vertical-align: middle; }

.leftHead #logo a img { width: 217px; }

.leftHead h1 { display: inline-block; vertical-align: middle; font-size: 10px; color: #8e8e8e; padding-left: 3%; width: calc(100% - 280px); line-height: 1.5; }

.list_lang { width: 100%; display: inline-block; text-align: right; }

.list_lang ul { font-size: 0; }

.list_lang ul li { font-size: 13px; display: inline-block; line-height: 17px; padding-left: 15px; position: relative; }

.list_lang ul li:not(:first-child):before { content: ""; position: absolute; height: 12px; width: 1px; background: #443b38; top: 2px; left: 7px; }

.list_lang ul li a { text-decoration: underline; }

.rightHead { float: right; width: 455px; padding: 10px 0 0 0; }

.rightHead .boxTel { width: 51%; float: left; font-size: 9px; color: #787878; letter-spacing: 0; text-align: center; white-space: nowrap; }

.rightHead .boxTel p { font-family: 'AGaramondPro-Regular'; padding-left: 30px; background: url(assets/img/common/header/ico_phone.svg) no-repeat 8px 3px; font-size: 30px; line-height: 1; color: #443b38; letter-spacing: 2px; }

.rightHead a { display: block; border: 1px solid #D2D2D2; float: right; width: 145px; text-align: center; padding: 9px 0 6px; font-size: 13px; color: #404040; }

.rightHead a span { padding-left: 25px; background: url(assets/img/common/header/ico_mail.svg) no-repeat left center; }

.rightHead li { float: left; margin-left: 10px; }

.rightHead li:first-child { margin-left: 0; }

.rightHead li:nth-child(3) a { border: 1px solid #AD981A; color: #B9A73C; }

.gNavi { margin-top: 28px; }

.gNavi > li { float: left; line-height: 1; font-weight: normal; font-size: 15px; position: relative; border-bottom: 3px solid #fff; padding-bottom: 20px; width: 16.6666667%; }

.gNavi > li:hover { border-bottom: 3px solid #ad981a; }

.gNavi > li.hover { position: relative; }

.gNavi > li > a, .gNavi > li > span { border-left: 1px solid #e3e2e3; padding: 4px 10px; text-align: center; display: block; letter-spacing: 2px; }

.gNavi > li:last-child a { border-right: 1px solid #e3e2e3; }

.gNavi > li a:hover { color: #ad981a; text-decoration: none; }

.gNavi > li ul { position: absolute; top: 108%; left: 0; width: 100%; display: none; background: #fff; visibility: visible; }

.gNavi > li ul li { padding: 0 20px; }

.gNavi > li ul li a { display: inline-block; width: 100%; text-align: center; color: #fff; font-size: 15px; padding: 15px 10px 13px; border-bottom: 1px solid #E4E5E5; font-weight: normal; color: #1E1E1E; letter-spacing: 1.6px; }

.gNavi > li ul li span { padding: 0 10px; font-size: 15px; display: block; }

.gNavi > li ul li:last-child a { border-bottom: none !important; }

.gNavi > li ul li:hover { background: #F7F5E8; }

.gNavi > li ul li:hover a { border-bottom: 1px solid #F7F5E8; }

.menuSP { display: none; background: #f7f5e8; height: calc(100% - 52px); position: fixed; width: 100%; top: 52px; }

.menuSP .inner { height: 100%; overflow-y: auto; padding-bottom: 32px; }

.menuSP .w50 { width: 50%; float: left; }

.menuSP .w50:nth-child(even) { border-right: 1px solid #fff; }

.menuSP ul.par { padding: 0 20px; }

.menuSP ul > li { border-bottom: 1px solid #BBBBBB; position: relative; font-size: 14px; letter-spacing: 0; }

.menuSP ul > li a, .menuSP ul > li span { display: block; padding: 15px 10px; }

.menuSP ul > li span { opacity: 0.5; }

.menuSP ul > li:before { content: ""; position: absolute; right: 15px; top: 22px; width: 6px; height: 6px; border-left: 1px solid #ad981a; border-top: 1px solid #ad981a; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.menuSP ul > li ul { display: none; }

.menuSP ul > li ul li:last-child { border-bottom: none; }

.menuSP ul.lst_nd { text-align: center; padding-top: 30px; }

.menuSP ul.lst_nd li { display: inline-block; vertical-align: top; border-bottom: none; }

.menuSP ul.lst_nd li:before { display: none; }

.menuSP ul.lst_nd li a { padding: 0 12px; position: relative; text-decoration: underline; }

.menuSP ul.lst_nd li a:before { content: ""; position: absolute; left: 0; top: 50%; width: 0; margin-top: -3px; border-bottom: 3px solid transparent; border-left: 8px solid #404040; border-top: 3px solid transparent; }

.menuSP ul.lst_nd li:last-child { padding-left: 16px; }

.menuSP .a1 { width: 90%; }

.menuSP .toClick { display: inline-block; position: absolute; width: 100%; height: 52px; top: 0; right: 0; }

.menuSP .hassub:before { content: ''; position: absolute; right: 12px; top: 28px; width: 12px; height: 1px; background: #AD981A; border: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; }

.menuSP .hassub:after { content: ''; position: absolute; right: 12px; top: 28px; width: 12px; height: 1px; background: #AD981A; border: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; }

.menuSP .hassub.active { padding-bottom: 0; }

.menuSP .hassub.active:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

.menuSP .hassub.active:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.menuSP .hassub.active ul { border-top: 1px solid #BBBBBB; }

.menuSP .closeBtn { max-width: 145px; margin: 20px auto 0; text-align: center; color: #ad8a26; border: 1px solid #ad8a26; padding: 10px 0; position: relative; border-radius: 3px; padding-left: 10px; }

.menuSP .closeBtn:before { content: ''; position: absolute; top: 35%; left: 15px; width: 12px; height: 12px; background: url(assets/img/common/header/ico_close.svg) no-repeat left top; background-size: 12px 12px; }

.menuCircle { float: right; width: 48px; height: 48px; text-align: center; padding-top: 16px; }

.menuCircle span { display: block; position: relative; width: 24px; height: 2px; position: relative; margin: 8px auto; }

.menuCircle span:after, .menuCircle span:before, .menuCircle span { background: #231815; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }

.menuCircle span:before { content: ''; position: absolute; top: -8px; width: 24px; height: 2px; left: 0px; }

.menuCircle span:after { content: ''; position: absolute; top: 8px; width: 24px; height: 2px; left: 0px; }

.menuCircle.active span:after { top: 0px; width: 24px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); height: 2px; }

.menuCircle.active span:before { top: 0px; width: 24px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }

.menuCircle.active span, .menuCircle.circle.active span { background: rgba(255, 255, 255, 0); }

.menuCircle.active:hover span:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); }

.menuCircle.active:hover span:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }

.menuCircle.circle { border-radius: 50%; height: 70px; width: 70px; background: rgba(0, 0, 0, 0.2); padding: 26px 22px; }

.menuCircle.circle span:after, .menuCircle.circle span:before, .menuCircle.circle span { background: #fff; }

.menuCircle.no-bg { background: none; }

.menuCircle.no-bg span, .menuCircle.no-bg span:before, .menuCircle.no-bg span:after { background: #ad981a; }

.header-style-1.scrol .menuCircle.no-bg span:before, .header-style-1.scrol .menuCircle.no-bg span, .header-style-1.scrol .menuCircle.no-bg span:after { background: #000; }

.menuCircle.no-bg.active span, .header-style-1.scrol .menuCircle.no-bg.active span { background: rgba(255, 255, 255, 0); }

.menuCircle.no-bg.active span:before, .menuCircle.no-bg.active span:after { background: #ad981a; }

.fixedHeader { position: fixed; width: 100%; background: #fff; top: -30%; left: 0; z-index: 1000; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; }

.fixedHeader.active { top: 0; }

.fixedHeader.active .gNavi > li { width: auto; }

.fixedHeader .inner { max-width: 1020px; margin: 0 auto; padding: 10px 10px 6px; }

.fixedHeader #logo2 { float: left; width: 16%; margin-right: 27px; }

.fixedHeader .gNavi { margin-top: 8px; float: left; }

.fixedHeader .gNavi > li > a, .fixedHeader .gNavi > li > span { padding-left: 18px; padding-right: 18px; font-size: 14px; border: none; letter-spacing: 0; }

.fixedHeader .gNavi > li ul { width: 100%; left: 0%; display: none; }

.fixedHeader .gNavi > li ul li { padding: 5px 5px 0; }

.fixedHeader .gNavi > li ul li a { border: none; font-size: 14px; padding: 10px 0 15px; letter-spacing: 0; border-bottom: 1px solid #E4E5E5; }

.fixedHeader .gNavi > li ul li a:hover { color: #AD981A; }

.fixedHeader .gNavi > li ul li a span { font-size: 14px; }

.fixedHeader .gNavi > li ul li:last-child a { border-bottom: none; }

.fixedHeader .gNavi > li ul li:hover a { border-bottom: 1px solid #F7F5E8; }

.fixedHeader .contactBtn { display: block; float: right; border: 1px solid #ad981a; text-align: center; padding: 5px 18px; font-size: 13px; }

.fixedHeader .contactBtn span { padding-left: 25px; background: url(assets/img/common/header/ico_mail.svg) no-repeat left center; }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .leftHead #logo { width: 47%; }
  .leftHead h1 { width: 50%; }
  .gNavi > li > a, .gNavi > li > span { padding: 4px 4px; } }

@media only screen and (min-width: 900px) and (max-width: 1024px) { .wrapNavi { text-align: center; }
  .gNavi > li { font-size: 14px; }
  .leftHead { width: 45%; }
  .rightHead { width: 380px; }
  .rightHead li a { width: 120px; }
  .rightHead .boxTel p { font-size: 28px; }
  .wrap10 { padding: 0 10px; } }

@media only screen and (min-width: 768px) and (max-width: 950px) { .wrapNavi { text-align: center; }
  .gNavi { display: inline-block; }
  .gNavi > li { font-size: 12px; padding: 4px 0px; }
  .gNavi > li > a { padding: 4px 30px; }
  .gNavi > li ul li a { font-size: 12px; }
  .leftHead { width: 45%; }
  .rightHead { width: 380px; }
  .rightHead li a { width: 120px; }
  .rightHead .boxTel p { font-size: 24px; }
  .wrap10 { padding: 0 10px; }
  .rightHead a { font-size: 12px; letter-spacing: 0; }
  .rightHead .boxTel { font-feature-settings: "palt"; }
  .fixedHeader .gNavi > li > a { font-size: 12px; padding-left: 6px; padding-right: 6px; } }

@media only screen and (min-width: 920px) and (max-width: 1000px) { .fixedHeader .gNavi { margin-top: 5px; }
  .fixedHeader #logo2 { margin-right: 18px; } }

@media only screen and (min-width: 850px) and (max-width: 919px) { .fixedHeader .gNavi { margin-top: 0px; }
  .fixedHeader .gNavi > li > a { font-size: 13px; padding-left: 13px; padding-right: 13px; }
  .fixedHeader #logo2 { margin-right: 10px; }
  .fixedHeader .contactBtn { padding: 3px 10px; font-size: 12px; } }

@media only screen and (min-width: 768px) and (max-width: 849px) { .fixedHeader .gNavi { margin-top: 0px; }
  .fixedHeader .gNavi > li > a { font-size: 12px; padding-left: 12px; padding-right: 12px; }
  .fixedHeader #logo2 { margin-right: 10px; }
  .fixedHeader .contactBtn { padding: 3px 10px; font-size: 12px; } }

@media only screen and (max-width: 767px) { .btnHead1 { padding-top: 3px !important; }
  .header { position: relative; z-index: 900; background: #fff; position: fixed; width: 100%; top: 0; left: 0; height: 52px !important; }
  .layer .layer-dark { opacity: 1; visibility: visible; z-index: 300; }
  .layer-dark { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.7s cubic-bezier(0.425, 0.375, 0.15, 1.1); -moz-transition: all 0.7s cubic-bezier(0.425, 0.375, 0.15, 1.1); transition: all 0.7s cubic-bezier(0.425, 0.375, 0.15, 1.1); }
  .headerInner { padding: 0px; }
  .logoSp { float: left; margin: 6px 0 0 20px; font-size: 2em; }
  .logoSp img { height: 29px; }
  .rightHead { width: 130px; margin-right: 10px; padding: 3px 0 0 0; }
  .rightHead a { border: none; }
  .rightHead .btnHead { width: 35px; height: 35px; line-height: 35px; padding: 0; text-align: center; float: left; margin-top: 10px; margin-left: 6px; }
  .rightHead .btnHead img { line-height: 35px; }
  .wrap15 { padding: 15px; }
  .bg_white { padding: 15px 15px 10px; font-size: 12px; letter-spacing: 0; color: #787878; text-align: center; }
  .bg_white .txtTel { font-family: 'AGaramondPro-Regular'; padding-left: 32px; background: url(assets/img/common/header/ico_phone.svg) no-repeat 3px 3px; background-size: 26px 26px; font-size: 37px; line-height: 1; color: #443b38; letter-spacing: 1px; display: inline-block; }
  .bg_white .p2 { padding-top: 5px; color: #B9B9B9; font-size: 12px; letter-spacing: 0px; }
  .bg_white p { font-size: 13px; letter-spacing: 0px; }
  .btnMail { display: inline-block; background: #fff; margin: 10px 14px 16px; border: 1px solid #ad981a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; padding: 18px 10px 15px; width: calc(100% - 24px); font-size: 15px; position: relative; }
  .btnMail span { padding-left: 25px; background: url(assets/img/common/header/ico_mail.svg) no-repeat left center; background-size: 20px 14px; }
  .btnMail:after { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #ad981a; border-right: 1px solid #ad981a; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 50%; right: 15px; margin-top: -3px; }
  .txt_up { font-size: 18px; text-align: center; padding: 32px 0 0px; letter-spacing: 2px; }
  .txt_up span { font-size: 13px; display: block; }
  .logoSub { text-align: center; margin-bottom: 15px; }
  .logoSub img { height: 36px; }
  .infoHead .p1 { border-left: 3px solid #ad981a; padding-left: 12px; line-height: 1; margin-bottom: 8px; }
  .rightHead .btnHead img { width: 21px; height: 15px; }
  .rightHead .btnHead.btnHead1 img { width: 23px; height: 22px; } }

@media only screen and (min-width: 767px) and (max-width: 1200px) { .clearfix { overflow: visible !important; } }

.header_en { padding-bottom: 32px; }

.header_en__contact { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 214px; height: 43px; color: #ad981a !important; border: 1px solid currentcolor; text-transform: uppercase; margin: 0 0 0 auto; font-size: 13px; position: relative; }

.header_en__contact span { display: block; position: relative; padding-left: 31px; letter-spacing: 2px; }

.header_en__contact span::before { content: ""; display: block; width: 20px; height: 13px; background: url(assets/img/common/icon/ico_contact_gold.svg) no-repeat top left; background-size: 100% 100%; position: absolute; top: 50%; left: 0; margin-top: -6.5px; }

@media only screen and (max-width: 767px) { .header_en { padding-bottom: 0; }
  .header_en__contact { max-width: 138px; height: 31px; font-size: 12px; margin-right: 20px; top: 11px; }
  .header_en__contact span { padding-left: 22px; letter-spacing: 0.6px; }
  .header_en__contact span::before { width: 16px; height: 11px; margin-top: -5.5px; } }

.header .lnk_en { text-transform: uppercase; margin-left: 30px; }

.header .lnk_en::before { width: 0 !important; height: 0 !important; border-left: 7px solid #ad981a; border-top: 3px solid transparent; border-bottom: 3px solid transparent; background: none !important; top: 5px !important; left: 1px !important; }

@media only screen and (max-width: 767px) { .header .lst_nd { text-align: left !important; padding-left: 15px; padding-right: 15px; }
  .header .lnk_en { width: 100%; text-align: left; margin: -10px 0 0; }
  .header .lnk_en a { letter-spacing: 1px; }
  .header .lnk_en a::before { border-left-color: #ad981a !important; } }

.btn_contact_en { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 320px; height: 60px; color: #ad981a !important; border: 1px solid currentcolor; text-transform: uppercase; margin: 90px auto 0; font-size: 15px; position: relative; border-radius: 3px; }

.btn_contact_en::before { content: ""; display: block; width: 6px; height: 10px; background: url(assets/img/common/icon/ico_ar_right_gold.svg) no-repeat top left; background-size: 100% 100%; position: absolute; top: 50%; right: 12px; margin-top: -5px; }

.btn_contact_en span { display: block; position: relative; padding-left: 31px; letter-spacing: 2px; }

.btn_contact_en span::before { content: ""; display: block; width: 20px; height: 13px; background: url(assets/img/common/icon/ico_contact_gold.svg) no-repeat top left; background-size: 100% 100%; position: absolute; top: 50%; left: 0; margin-top: -7px; }

@media only screen and (max-width: 767px) { .btn_contact_en { margin-top: 40px; } }

/*-----------------------------------------------------------
Bread
------------------------------------------------------------*/
#bread { max-width: 1220px; margin: 16px auto 50px; padding: 0 10px; font-size: 12px !important; }

#bread a { padding-right: 15px; color: #1E1E1E; position: relative; font-size: 12px !important; }

#bread a:before { content: "/"; position: absolute; right: 11px; bottom: 12px; width: 0; height: 0; margin-top: -5px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #bread a:before { bottom: 15px; } }

#bread a:after { content: ''; width: calc(100% - 15px); height: 1px; background: #000; position: absolute; bottom: 0; left: 0; }

#bread a:hover:after { display: none; }

#bread li { float: left; margin-right: 3px; color: #A5A5A5; line-height: 1.1; font-size: 12px !important; zoom: 1; text-size-adjust: none; -webkit-text-size-adjust: none; }

@media only screen and (max-width: 767px) { #bread { margin: 16px auto 20px; padding: 0 20px; }
  #bread li { display: inline-block; margin-bottom: 1px; float: none; }
  #bread li br { display: none !important; } }

/*-----------------------------------------------------------
Footer
------------------------------------------------------------*/
.commonImg { transition: 0.3s ease all; }

.commonImg:hover { opacity: 0.5; }

.footerNavi { max-width: 1000px; margin: 25px auto 26px; text-align: center; }

.footerNavi br { display: none; }

@media only screen and (min-width: 768px) and (max-width: 960px) { .footerNavi br { display: inline-block; } }

.footerNavi li { display: inline-block; vertical-align: middle; padding: 0 16px; font-size: 13px; line-height: 1; border-left: 1px solid #bdbab9; }

.footerNavi li:last-child { border-right: 1px solid #bdbab9; }

.footerNavi li a { width: 100%; display: inline-block; letter-spacing: 0; }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .footerNavi li { padding: 0 15px; } }

.footerNavi li span { opacity: 0.5; }

.footerBox { background: #c6b75f; text-align: center; padding: 25px 0 0; }

.footerBox .copyright { color: #fff; font-size: 11px; letter-spacing: 1px; }

.footerBox .logoFoot { margin-bottom: 12px; }

.footerBox .lstFoot { display: inline-block; margin-bottom: 22px; }

.footerBox .lstFoot li { font-size: 13px; position: relative; padding-left: 15px; vertical-align: top; display: inline-block; margin-right: 28px; }

.footerBox .lstFoot li:before { content: ""; position: absolute; left: 0; top: 30%; width: 0; height: 0; border-bottom: 3px solid transparent; border-left: 8px solid #404040; border-top: 3px solid transparent; }

.footerBox .lstFoot li:last-child { margin-right: 0px; }

.footerBox .lstFoot li:hover { opacity: 0.5; }

.footerBox .lstFoot li:hover a { color: inherit; }

.footerNavi_sp .w50 { width: 50%; float: left; }

.footerNavi_sp .w50:nth-child(even) { border-right: 1px solid #dcdcdc; }

.footerNavi_sp li { border-bottom: 1px solid #dcdcdc; position: relative; font-size: 14px; letter-spacing: 0; }

.footerNavi_sp li:before { content: ""; position: absolute; right: 15px; top: 22px; width: 6px; height: 6px; border-left: 1px solid #ad981a; border-top: 1px solid #ad981a; -moztransform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.footerNavi_sp li a, .footerNavi_sp li span { display: block; padding: 15px; }

.footerNavi_sp li span { opacity: 0.5; }

.footerNavi_sp li .a1 { width: 90%; }

.footerNavi_sp li .toClick { display: inline-block; position: absolute; width: 52px; height: 52px; top: 0; right: 0; }

.footerNavi_sp li ul { background: #c6b75f; display: none; }

.footerNavi_sp li ul li a, .footerNavi_sp li ul li span { color: #fff; }

.footerNavi_sp li ul li:before { border-left: 1px solid #fff; border-top: 1px solid #fff; }

.footerNavi_sp li.hassub:before { content: ''; position: absolute; right: 15px; top: 15px; width: 22px; height: 22px; background: url(assets/img/common/header/icon_navisp01.svg) no-repeat left center; background-size: 22px auto; border: 0; -moztransform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.footerNavi_sp li.hassub.active { padding-bottom: 0; }

.footerNavi_sp li.hassub.active:before { background: url(assets/img/common/header/icon_navisp01on.svg) no-repeat left center; background-size: 22px auto; }

@media only screen and (max-width: 767px) { .footerBox { padding-bottom: 15px; padding: 17px 0 0; }
  .footerBox .logoFoot { margin-top: 0px; margin-bottom: 0; }
  .footerBox .logoFoot img { width: 133px; }
  .footerBox .copyright { margin-top: 4px; font-size: 10px; font-family: "游ゴシック体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; letter-spacing: 0px; line-height: 15px; height: auto; padding-bottom: 17px; } }

ul.list_lang_ft { width: 290px; margin: 5px auto 20px; }

ul.list_lang_ft li { color: #fff; font-size: 13px; display: inline-block; line-height: 17px; padding-left: 15px; position: relative; }

ul.list_lang_ft li:last-child:before { content: ""; position: absolute; height: 12px; width: 1px; background: #fff; top: 2px; left: 4px; }

ul.list_lang_ft li a { color: #fff; text-decoration: underline; }

.common_News { max-width: 1000px; }

.commonNews { background: #fff; padding: 58px 60px; margin-top: 100px; margin-bottom: 60px; }

.commonNews .inner { max-width: 1000px; margin: 0 auto !important; }

.commonNews .beautyColumnRelative.beautyWrap { padding: 0 !important; border: none !important; margin-top: 0 !important; }

.commonNews .beautyColumnRelative.beautyWrap .ullist li { margin-bottom: 0; }

.commonNews .btnMore { background: #ad8a26; cursor: pointer; display: block; color: #fff; text-align: center; border-radius: 3px; padding: 6px 0; position: relative; font-size: 13px; margin: 40px auto 0px; max-width: 160px; }

.commonNews .btnMore:before { content: ""; position: absolute; right: 15px; top: 45%; width: 6px; height: 6px; border-left: 1px solid #fff; border-top: 1px solid #fff; -moztransform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.commonNews .btnMore:hover { opacity: .6; }

.common_h3 { font-size: 26px; text-align: center; margin-bottom: 20px; }

.common_h3 span { color: #ad981a; font-size: 13px; display: block; }

.lstNews { margin: 0 -17px; }

.lstNews li { width: 33.33%; float: left; padding: 0 17px; }

.lstNews li .thumb { margin-bottom: 20px; }

.lstNews li .date { color: #a5a5a5; margin-bottom: 12px; }

.lstNews li .title { font-size: 16px; margin-bottom: 18px; line-height: 1.6; }

.lstNews li .desc { font-size: 12px; color: #787878; line-height: 1.6; }

.lstNews li .cate { margin-top: 20px; }

.lstNews li .cate span { display: inline-block; border-radius: 15px; color: #fff; font-size: 12px; padding: 0 10px; margin-right: 3px; line-height: 20px; }

.commonImg { margin: 80px auto 60px; max-width: 1000px; color: #fff; text-align: center; position: relative; }

.commonImg .txt { position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.commonImg h3 { font-size: 26px; }

.commonImg .a { background: rgba(255, 255, 255, 0.2); border: 1px solid #fff; cursor: pointer; display: block; color: #fff; text-align: center; border-radius: 3px; padding: 5px 0; position: relative; font-size: 13px; margin: 10px auto 0px; max-width: 160px; }

.commonImg .a:before { content: ""; position: absolute; right: 15px; top: 45%; width: 6px; height: 6px; border-left: 1px solid #fff; border-top: 1px solid #fff; -moztransform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.commonImg:hover { opacity: 1; }

.common_News { margin: 0 auto 50px; }

.common_News .lstNews02 li { border-bottom: 1px solid #dddddd; padding: 18px; display: table; width: 100%; min-height: 80px; }

.common_News .lstNews02 li > * { display: table-cell; vertical-align: middle; }

@media only screen and (max-width: 767px) { .common_News .lstNews02 li { padding: 15px 0 17px; } }

.common_News .lstNews02 li > p { font-size: 0; }

.common_News .lstNews02 li > p a { font-size: 14px; line-height: 24px; margin-left: 20px; display: inline-block; }

@media only screen and (max-width: 767px) { .common_News .lstNews02 li > p a { margin-left: 0; } }

.common_News .lstNews02 li .date { font-size: 12px; display: inline-block; vertical-align: middle; color: #8e8e8e; margin-right: 10px; }

@media only screen and (max-width: 767px) { .common_News .lstNews02 li .date { font-size: 11px; margin-right: 5px; } }

.common_News .lstNews02 li em { display: inline-block; vertical-align: middle; background: #ad981a; color: #fff; border-radius: 15px; padding: 0 10px; line-height: 20px; margin: 0 2px; font-size: 12px; font-style: normal; min-width: 110px; text-align: center; }

@media only screen and (max-width: 767px) { .common_News .lstNews02 li em { font-size: 11px; min-width: 0; padding: 0 15px; } }

@media only screen and (max-width: 374px) { .common_News .lstNews02 li em { padding: 0 5px; } }

.common_News .lstNews02 li .ico_new { border: 1px solid #ad981a; font-size: 13px; font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; line-height: 1; color: #ad981a; display: inline-block; vertical-align: middle; padding: 3px 18px 2px; margin-top: 2px; margin-left: 3px; }

@media only screen and (max-width: 767px) { .common_News .lstNews02 li .ico_new { font-size: 12px; margin-top: -1px; } }

.common_socical { max-width: 1000px; margin: 0 auto 50px; }

.common_socical ul li { width: 48%; float: left; position: relative; text-align: center; }

.common_socical ul li .banner { width: 100%; display: block; }

.common_socical ul li p { position: absolute; top: 50%; font-size: 22px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; color: #fff; }

.common_socical ul li p a { color: #fff; }

.common_socical ul li .icon { position: absolute; right: 5px; bottom: 10px; }

.common_socical ul li:last-child { float: right; }

.common_socical img:hover { opacity: .6; }

.span_sp { display: none; }

.common_contact { background: #f8f7ed; border-bottom: 1px solid #efead1; border-top: 1px solid #efead1; padding: 30px 0 40px; }

.common_contact .inner { max-width: 665px; margin: 0 auto; }

.common_contact .inner .text { text-align: center; font-size: 20px; margin-bottom: 22px; }

.common_contact .inner .text span { font-size: 16px; }

.common_contact a:not(.span) { display: block; background: #fff; border: 1px solid #ad981a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; width: 320px; text-align: center; padding: 14px 0; font-size: 15px; position: relative; margin-right: 20px; }

.common_contact a:not(.span) span { padding-left: 25px; background: url(assets/img/common/header/ico_mail.svg) no-repeat left center; background-size: 22px auto; }

.common_contact a:not(.span):after { content: ""; display: block; border-top: 1px solid #C6B75F; border-right: 1px solid #C6B75F; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 50%; right: 15px; margin-top: -3px; }

.common_contact .txtPhone { float: right; font-size: 13px; color: #787878; letter-spacing: 0px; margin-top: -2px; padding-left: 0px; }

.common_contact .txtPhone .span, .common_contact .txtPhone span { font-family: 'AGaramondPro-Regular'; padding-left: 40px; background: url(assets/img/common/header/ico_phone.svg) no-repeat left 3px; background-size: 25px auto; font-size: 44px; line-height: 1; color: #443b38; letter-spacing: 1px; }

@media only screen and (max-width: 767px) { .common_h3 { font-size: 25px; }
  .commonNews { margin-top: 50px; padding: 50px 15px; margin-bottom: 0; }
  .lstNews li { width: 100%; margin-bottom: 38px; padding: 0; }
  .lstNews li .thumb { margin-bottom: 10px; }
  .lstNews li .thumb img { width: 100%; }
  .lstNews li .date { margin-bottom: 10px; font-size: 12px; }
  .lstNews li .title { font-size: 14px; text-decoration: underline; margin-bottom: 10px; }
  .lstNews li .desc { text-decoration: underline; }
  .lstNews li:nth-child(2), .lstNews li:nth-child(3) { display: none; }
  .commonNews .beautyColumnRelative.beautyWrap .ullist li { margin-bottom: 20px; }
  .commonNews .btnMore { margin-top: 10px; padding: 10px 0; }
  .commonImg { padding: 40px 0 50px; background: url(assets/img/common/footer/bg_sp.jpg) no-repeat left top; background-size: cover; margin: 0px auto 60px; margin-bottom: 0; }
  .commonImg .txt { position: inherit; top: inherit; left: inherit; transform: none; }
  .commonImg h3 { line-height: 1; font-size: 22px; }
  .common_News { padding: 40px 0 0px; margin-bottom: 0; }
  .common_socical { background: #f8f8f9; padding: 0 15px 40px; margin-bottom: 0; }
  #news .common_socical { margin-top: 35px; }
  .common_socical ul li { float: none; width: 100%; margin-bottom: 12px; }
  .common_socical ul li p { font-size: 14px; }
  .common_contact { padding: 41px 15px 8px; border-top: none; }
  .bgWhite { padding: 35px 0 15px; text-align: center; font-size: 12px; }
  .common_contact .txtPhone { font-size: 12px; float: none; letter-spacing: 0px; font-feature-settings: "palt"; }
  .common_contact .txtPhone span, .common_contact .txtPhone a.span { font-size: 37px; margin-bottom: 4px; display: inline-block; background: url(assets/img/common/header/ico_phone.svg) no-repeat left 3px; background-size: 20px auto; padding-left: 26px; }
  .txtPhone02 { font-size: 11px; color: #B9B9B9; margin: 4px 15px 0; }
  .common_contact a:not(.span) { float: none; width: calc(100% - 16px); font-size: 15px; padding: 16px 0 15px; margin: 9px 8px 0; position: relative; }
  .common_contact a:not(.span):after { content: ""; display: block; border-top: 1px solid #C6B75F; border-right: 1px solid #C6B75F; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 50%; right: 15px; margin-top: -3px; }
  .common_contact a:not(.span) span { padding-left: 34px; }
  .common_contact .inner .text { font-size: 19px; line-height: 21px; letter-spacing: 2px; }
  .common_contact .inner .text span { font-size: 14px; }
  .span_sp { border: 1px solid #ad981a; font-size: 12px; line-height: 1; color: #ad981a; display: inline-block; padding: 3px 15px; }
  .common_News .lstNews02 li p { display: block; margin-top: 4px; }
  .common_News .lstNews02 li p span { display: none; }
  .lstNews { margin: 0; }
  .common_News .lstNews02 li { padding-left: 0; padding-right: 0; }
  .commonImg a { padding: 10px 0; } }

#beautycolumn .commonNews { display: none; }

#beautycolumn .pagede li:nth-child(2) a { font-size: 16px; text-decoration: underline; }

#beautycolumn .top__quicklink { display: none; }

.beautyList .beautyColumnRelative.beautyWrap { background: none !important; margin: 0px auto 0px !important; padding: 0 0 0px !important; }

.beautyWrap { margin-top: -7px !important; margin-bottom: 60px !important; padding-bottom: 68px; }

.beautyWrap .ullist { margin: 0 -17px; }

.beautyWrap .ullist li { width: 33.33%; float: left; padding: 0 17px; margin-bottom: 66px; }

.beautyWrap .ullist .thumb { margin-bottom: 10px; }

.beautyWrap .ullist .date { margin-bottom: 2px; color: #a5a5a5; font-size: 12px; }

.beautyWrap .ullist .title { margin-bottom: 5px; font-size: 16px; line-height: 1.6; letter-spacing: 1px; }

.beautyWrap .ullist .desc { font-size: 12px; color: #787878; line-height: 1.6; letter-spacing: 0; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }

.beautyWrap .ullist .cate { margin-top: 12px; }

.beautyWrap .ullist .cate span { margin-right: 3px; display: inline-block; border-radius: 15px; color: #fff; background: #9DC3DC; font-size: 12px; line-height: 1; padding: 4px 14px; }

.beautydeWrap { margin: -5px auto 55px !important; }

.beautydeWrap .divdetail { float: left; width: 74%; }

.beautydeWrap .divdetail .date { color: #8E8E8E; font-size: 12px; }

.beautydeWrap .divdetail .cat { margin-left: 5px; display: inline-block; padding: 0 8px; height: 20px; line-height: 20px; border-radius: 10px; background: #9DC3DC; color: #fff; font-size: 12px; text-align: center; padding: 0 10px; }

.beautydeWrap .divdetail .h301 { margin: 20px 0 44px; background: #AD981A; padding: 20px 15px; color: #fff; font-size: 20px; text-align: center; }

.beautydeWrap .divright { float: right; width: 20%; padding-top: 8px; }

.beautyColumnRelative.beautyWrap { margin: 75px auto 0 !important; background: #F8F8F9; padding: 60px 0; }

.beautyColumnRelative.beautyWrap .titleBeautyColumnRelative { font-size: 22px; background: url(../../mesoceutical/assets/img/care/borderLeftTitleCat.jpg) left center no-repeat; padding-left: 20px; margin-bottom: 30px; line-height: 35px; }

.beautyColumnRelative.beautyWrap .titleBeautyColumnRelative span { display: inline-block; }

.beautyColumnRelative.beautyWrap .ullist { margin-left: -17px; margin-right: -17px; }

.beautydeWrap .divdetail .date .sDate { float: left; display: block; }

.beautydeWrap .divdetail .date .cats { overflow: hidden; display: block; }

@media only screen and (max-width: 767px) { #beautycolumn .mainText { margin-top: 50px; }
  .beautyColumnRelative.beautyWrap .ullist li { width: 100%; margin-bottom: 38px; }
  .beautyColumnRelative.beautyWrap .ullist .thumb { margin-bottom: 12px; }
  .beautyColumnRelative.beautyWrap .ullist .title { font-size: 14px; text-decoration: underline; margin-bottom: 10px; }
  .beautyColumnRelative.beautyWrap .ullist .desc { letter-spacing: 0; }
  .beautyColumnRelative.beautyWrap .ullist .cate span { padding: 4px 22px; }
  .beautycolumn .commonImg { margin-top: 50px; }
  .beautydeWrap .divdetail { float: none; width: 100%; }
  .beautydeWrap .divdetail .h301 { margin: 12px 0 20px; padding: 10px 15px; font-size: 15px; text-align: left; }
  .beautydeWrap .divright { float: none; width: 100%; margin-top: 35px; }
  .beautyColumnRelative.beautyWrap { margin: 0px auto 0px !important; padding: 40px 0 0px !important; }
  .divsocialcom .divover { text-align: center; }
  .beautyWrap { margin-bottom: 0px !important; padding-bottom: 0px; }
  .beautyWrap .ullist li { padding: 0 0px; width: 100%; }
  .beautyWrap.taxo .ullist li .thumb img { width: 100%; }
  .beautyColumnRelative.beautyWrap .ullist { margin: 0; }
  .beautydeWrap .divdetail .cat { margin-bottom: 3px; }
  .beautydeWrap .divdetail .date .sDate { float: left; display: block; }
  .beautydeWrap .divdetail .date .cats { overflow: hidden; display: block; } }

.bestsalon { -webkit- font-feature-settings: "palt"; -moz- font-feature-settings: "palt"; -ms- font-feature-settings: "palt"; -o- font-feature-settings: "palt";  font-feature-settings: "palt"; }

.bestsalon .main-content .content-bnr { background: url("assets/img/bestsalon/img_bnr.jpg") center/cover no-repeat; color: #d1af50; min-height: 490px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; margin-top: 15px; padding: 174px 0 164px; text-align: center; }

.bestsalon .main-content .content-bnr__txt { font-size: 41px; font-weight: 500; letter-spacing: 0.2em; }

.bestsalon .main-content .content-bnr__num { font-size: 39px; font-weight: 500; padding-top: 10px; letter-spacing: 0.1em; }

.bestsalon .main-content__des { width: calc(100% - 50px); max-width: 860px; font-size: 15px; font-weight: 300; margin: 74px auto; line-height: 30px; }

.bestsalon .main-content .content-cates { width: calc(100% - 50px); max-width: 1012px; margin: 0 auto 56px; }

.bestsalon .main-content .content-cates__list { display: flex; flex-wrap: wrap; }

.bestsalon .main-content .content-cates__list li { display: flex; width: 25%; padding: 0 6px 14px; }

.bestsalon .main-content .content-cates__list li .link { background: #ededf2; border-radius: 100px; display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; font-size: 14px; font-weight: 300; letter-spacing: 0.06em; position: relative; }

.bestsalon .main-content .content-cates__list li .link::after { content: ""; position: absolute; border-bottom: 1px solid #404040; border-right: 1px solid #404040; width: 5px; height: 5px; top: calc(50% - 1px); right: 26px; transform: translateY(-50%) rotate(45deg); }

.bestsalon .main-content .content-list { display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% - 25px); max-width: 994px; margin: 0 auto; }

.bestsalon .main-content .content-list__item { display: flex; width: calc(50% - 20px); padding-bottom: 40px; }

.bestsalon .main-content .content-list__item .link { border: 1px solid #c1af49; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; height: 100%; position: relative; }

.bestsalon .main-content .content-list__item .link .link-ttl { color: #cca431; font-size: 20px; font-weight: 300; line-height: 29px; letter-spacing: 0.04em; }

.bestsalon .main-content .content-list__item .link .link-txt { font-size: 15px; font-weight: 300; padding-bottom: 16px; line-height: 24px; letter-spacing: 0.06em; }

.bestsalon .main-content .content-list__item .link .link-cate { background: #c1af49; color: #fff; font-size: 16px; font-weight: 300; padding: 2px 15px; letter-spacing: 0.04em; position: absolute; top: 0; right: 20px; }

.bestsalon .main-content .content-list__item .link .link-detail { background: #f9f7ed; padding: 22px 20px 16px; }

.bestsalon .main-content .content-list__item .link .link-detail__des { font-size: 13px; line-height: 20px; letter-spacing: 0.06em; }

.bestsalon .main-content .content-list__item .link .link-detail__des i { display: block; margin: 5px 0; }

.bestsalon .main-content .content-list__item .link .link-detail__btn { font-size: 12px; font-weight: 300; padding-right: 15px; letter-spacing: 0.1em; text-align: right; text-decoration: underline; }

.bestsalon .main-content .content-list__item .link .link-upper { display: flex; align-items: center; justify-content: space-between; width: 100%; }

.bestsalon .main-content .content-list__item .link .link-upper__img { position: relative; width: 47.2%; }

.bestsalon .main-content .content-list__item .link .link-upper__img:before { display: block; content: " "; width: 100%; padding-top: 71.11111%; }

.bestsalon .main-content .content-list__item .link .link-upper__img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.bestsalon .main-content .content-list__item .link .link-upper__ttl { width: 52.8%; max-width: 230px; padding: 28px 0 0 10px; }

.bestsalon .main-content .content-list__item .link .link-lower { display: flex; justify-content: space-between; width: 100%; padding: 28px 30px; }

.bestsalon .main-content .content-list__item .link .link-lower .lower-info { width: 90px; padding-top: 4px; text-align: center; }

.bestsalon .main-content .content-list__item .link .link-lower .lower-info__avatar { position: relative; border-radius: 50%; width: 100%; }

.bestsalon .main-content .content-list__item .link .link-lower .lower-info__avatar:before { display: block; content: " "; width: 100%; padding-top: 100%; }

.bestsalon .main-content .content-list__item .link .link-lower .lower-info__avatar > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.bestsalon .main-content .content-list__item .link .link-lower .lower-info__position { color: #cca431; font-size: 12px; font-weight: 300; padding-top: 14px; letter-spacing: 0.06em; }

.bestsalon .main-content .content-list__item .link .link-lower .lower-info__name { font-size: 13px; font-weight: 300; letter-spacing: 0.06em; }

.bestsalon .main-content .content-list__item .link .link-lower .lower-content { width: calc(100% - 90px); max-width: 294px; }

.bestsalon .main-content .content-list__item .link .link-img { position: relative; width: 29.4%; }

.bestsalon .main-content .content-list__item .link .link-img:before { display: block; content: " "; width: 100%; padding-top: 100%; }

.bestsalon .main-content .content-list__item .link .link-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.bestsalon .main-content .content-list__item .link .link-content { width: 70.6%; max-width: 310px; padding: 36px 10px 34px; margin: 0 auto; }

.bestsalon .main-content .content-list__item .link .link-content .link-txt { padding-top: 8px; }

.business .ttl_block { text-align: center; font-size: 27px; letter-spacing: 4px; margin: 0 auto 33px; }

@media screen and (max-width: 767px) { .business .ttl_block { font-size: 19px; margin: 0 auto 16px; } }

.business .ttl_block em { font-style: normal; text-align: center; display: block; text-align: center; font-size: 13px; color: #AD981A; letter-spacing: 1px; line-height: 13px; margin-top: 14px; }

@media screen and (max-width: 767px) { .business .ttl_block em { font-size: 13px; margin-top: 10px; } }

.business .gr_txt_top { font-size: 15px; line-height: 27px; max-width: 900px; margin: 0px auto 121px; padding: 31px 0 0 0; text-align: justify; }

@media screen and (max-width: 767px) { .business .gr_txt_top { padding: 17px 0 0 0; margin: 0px auto 41px; } }

.business .gr_txt_top .txt { letter-spacing: 0.6px; }

@media screen and (max-width: 767px) { .business .gr_txt_top .txt { line-height: 26px; letter-spacing: 0; } }

.business .step { display: inline-block; clear: both; position: relative; margin-bottom: 124px; }

@media screen and (max-width: 767px) { .business .step { margin-bottom: 42px; } }

.business .step img { font-size: 0; }

.business .step .bx_img { width: 51%; display: inline-block; vertical-align: top; line-height: 1; z-index: 2; top: -43px; position: relative; }

.business .step .bx_img img { width: 100%; max-width: 100%; }

@media screen and (max-width: 767px) { .business .step .bx_img.abs_l { width: calc(100% - 15px); margin-left: -20px; top: 0; position: relative; }
  .business .step .bx_img.abs_r { margin-left: 33px; width: calc(100% - 13px); top: 0; position: relative; } }

.business .step .bx_txt { width: 49%; z-index: 1; padding: 68px 83px 112px 57px; background: #F8F7ED; position: relative; display: inline-block; z-index: 1; min-height: 390px; }

@media screen and (max-width: 767px) { .business .step .bx_txt { min-height: auto; }
  .business .step .bx_txt.fll { width: calc(100% + 20px); padding: 28px 33px 50px 30px; margin-top: -40px; margin-left: -20px; margin-right: auto; }
  .business .step .bx_txt.flr { width: calc(100% + 20px); padding: 28px 25px 44px 31px; margin-top: -40px; margin-right: -20px; margin-left: auto; text-align: justify; } }

.business .step .bx_txt:before { content: ""; width: 75px; height: 100%; position: absolute; left: -75px; top: 0; background: #F8F7ED; z-index: 0; }

@media screen and (max-width: 767px) { .business .step .bx_txt:before { display: none; } }

.business .step .bx_txt .ttl_bx { font-size: 23px; padding-left: 40px; position: relative; letter-spacing: 0px; margin: 20px auto 20px; }

.business .step .bx_txt .ttl_bx:before { content: ""; width: 25px; height: 2px; background: #AD981A; left: 0; position: absolute; top: 20px; }

@media screen and (max-width: 767px) { .business .step .bx_txt .ttl_bx { font-size: 18px; margin: 41px auto 10px; padding-left: 24px; }
  .business .step .bx_txt .ttl_bx:before { width: 13px; height: 1px; top: 14px; } }

.business .step .bx_txt .txt_bx { font-size: 15px; line-height: 27px; letter-spacing: 0.8px; }

@media screen and (max-width: 767px) { .business .step .bx_txt .txt_bx { line-height: 26px; letter-spacing: 0; } }

.business .step .bx_txt .em { position: absolute; font-family: "Baskerville Old Face"; font-size: 60px; line-height: 35px; bottom: 0; right: 0; color: #EAE5C6; letter-spacing: 1px; }

@media screen and (max-width: 1024px) { .business .step .bx_txt .em { font-size: 40px; line-height: 22px; } }

@media screen and (max-width: 374px) { .business .step .bx_txt .em { font-size: 30px; line-height: 14px; } }

.business .step .flr { float: right; }

.business .step .flr:after { display: none; }

.business .step .fll { float: left; }

.business .step .fll.bx_txt { background: #F7F8F8; padding: 39px 50px 85px 83px; }

@media screen and (max-width: 767px) { .business .step .fll.bx_txt { padding: 47px 23px 40px 32px; text-align: justify; letter-spacing: 0; } }

.business .step .fll.bx_txt .ttl_bx { margin: 20px auto 25px; }

@media screen and (max-width: 767px) { .business .step .fll.bx_txt .ttl_bx { margin: 20px auto 12px; } }

.business .step .fll.bx_txt:before { display: none; }

.business .step .fll.bx_txt:after { content: ""; width: 75px; height: 100%; position: absolute; right: -75px; left: auto; top: 0; background: #F7F8F8; z-index: 0; }

@media screen and (max-width: 767px) { .business .step .fll.bx_txt:after { display: none; } }

.business .step .fll.bx_txt .em { left: 0; right: auto; color: #E8E8E8; font-size: 60px; line-height: 35px; }

@media screen and (max-width: 1024px) { .business .step .fll.bx_txt .em { font-size: 40px; line-height: 22px; } }

@media screen and (max-width: 374px) { .business .step .fll.bx_txt .em { font-size: 30px; line-height: 14px; } }

.business .step .abs_l { left: 0; }

.business .step .abs_r { right: 0; }

.business .step--01 .bx_txt .em { font-size: 70px; line-height: 40px; bottom: 0; outline: none; }

@media screen and (max-width: 1024px) { .business .step--01 .bx_txt .em { font-size: 40px; line-height: 22px; bottom: 0px; } }

@media screen and (max-width: 374px) { .business .step--01 .bx_txt .em { font-size: 30px; line-height: 14px; } }

.business .step--05 { margin-bottom: 110px; }

@media screen and (max-width: 767px) { .business .step--05 { margin-bottom: 63px; } }

.business .time_line { margin: 0 auto 82px; }

@media screen and (max-width: 767px) { .business .time_line { padding-left: 16px; margin: 0 auto 0px; } }

.business .time_line .ttl_block { margin: 0 auto 51px; }

.business .time_line .ttl_block em { margin-top: 0; }

.business .time_line .in { max-width: 820px; width: 100%; margin: 0 auto; padding: 0 0 0 20px; }

.business .time_line table { width: 100%; margin: 0 auto; }

.business .time_line table tr { border-top: 1px solid #EAE5C6; border-left: 6px solid #EAE5C6; }

.business .time_line table tr th, .business .time_line table tr td { padding: 10px 10px 34px; }

@media screen and (max-width: 767px) { .business .time_line table tr th, .business .time_line table tr td { padding: 10px 10px 44px; } }

.business .time_line table tr th .clo, .business .time_line table tr td .clo { color: #AD981A; }

.business .time_line table tr th { width: 100px; position: relative; padding-left: 40px; font-weight: normal; color: #AD981A; font-size: 17px; text-align: right; }

.business .time_line table tr th span { position: absolute; width: 67px; height: 67px; border-radius: 50%; background: #AD981A; top: -39px; left: -38px; color: #fff; display: table; font-weight: normal; }

.business .time_line table tr th span small { display: table-cell; vertical-align: middle; font-weight: normal; font-style: normal; font-size: 16px; line-height: 16px; text-align: center; }

@media screen and (max-width: 767px) { .business .time_line table tr th span { top: -33px; left: -36px; } }

@media screen and (max-width: 767px) { .business .time_line table tr th { text-align: right; padding-left: 0; width: 96px; } }

@media screen and (max-width: 374px) { .business .time_line table tr th { width: 72px; padding: 15px 10px 44px; } }

.business .time_line table tr td { font-size: 15px; line-height: 27px; }

@media screen and (max-width: 767px) { .business .time_line table tr td { padding-right: 0; padding-left: 0; line-height: 23px; } }

@media screen and (max-width: 320px) { .business .time_line table tr td p { font-size: 14px; } }

@media screen and (max-width: 374px) { .business .time_line table tr td br.sp.sp1 { display: none !important; } }

.business .time_line table tr:nth-of-type(2) td { padding: 10px 10px 62px; }

@media screen and (max-width: 767px) { .business .time_line table tr:nth-of-type(2) td { padding: 10px 10px 44px 0; } }

.business .time_line table tr:nth-of-type(5).st02 td .note .img { right: -138px; top: -67px; }

.business .time_line table tr:nth-of-type(6).st02 td .note .img { right: -138px; top: -60%; }

.business .time_line table tr:last-child { border-left: none; }

.business .time_line table tr:last-child td { position: relative; }

.business .time_line table tr:last-child td .txt { padding-right: 15px; }

@media screen and (max-width: 767px) { .business .time_line table tr:last-child td .txt { padding-right: 0; text-align: justify; } }

.business .time_line table tr:last-child td .img { position: absolute; right: 6px; top: 15px; }

@media screen and (max-width: 767px) { .business .time_line table tr:last-child td .img { position: static; padding-left: 18px; }
  .business .time_line table tr:last-child td .img img.sp { display: inline-block !important; } }

.business .time_line table tr.st02 th span { top: -33px; }

.business .time_line table tr.st02 td { padding: 26px 150px 53px 10px; }

@media screen and (max-width: 767px) { .business .time_line table tr.st02 td { padding: 13px 0px 28px 0px; } }

.business .time_line table tr.st02 td .note { padding: 20px 20px 15px; background: #F7F8F8; margin: 16px auto 0; position: relative; }

@media screen and (max-width: 767px) { .business .time_line table tr.st02 td .note { width: calc(100% + 50px); margin-left: -50px; font-size: 14px; } }

.business .time_line table tr.st02 td .note .img { position: absolute; right: -138px; top: -75px; }

@media screen and (max-width: 767px) { .business .time_line table tr.st02 td .note .img { position: static; text-align: center; width: 100%; }
  .business .time_line table tr.st02 td .note .img img.sp { display: inline-block !important; } }

.company .cont_w01 { padding: 20px 0 100px 0; }

@media screen and (max-width: 767px) { .company .cont_w01 { padding: 17px 0 72px 0; } }

.company .cont_w01 .inner { max-width: 940px; margin: 0 auto; padding: 0 20px; width: 100%; }

.company .cont_w01 .inner table { font-size: 14px; }

.company .cont_w01 .inner table tr { border-top: 1px solid #E8E8E8; }

.company .cont_w01 .inner table tr:last-child { border-bottom: 1px solid #E8E8E8; }

@media screen and (max-width: 767px) { .company .cont_w01 .inner table tr { border-top: 1px solid #E8E8E8; }
  .company .cont_w01 .inner table tr:last-child { border-bottom: 1px solid #E8E8E8; } }

@media screen and (max-width: 767px) { .company .cont_w01 .inner table th, .company .cont_w01 .inner table td { display: block; width: 100% !important; } }

.company .cont_w01 .inner table th { background: #F8F7ED; color: #AD981A; padding: 17px 0 15px 29px; font-weight: normal; width: 164px; text-align: left; position: relative; }

.company .cont_w01 .inner table th.pad01 { position: relative; }

.company .cont_w01 .inner table th.pad01 span { position: absolute; top: 4px; left: 30px; }

@media screen and (max-width: 767px) { .company .cont_w01 .inner table th.pad01 span { position: static; display: inline-block; } }

@media screen and (max-width: 767px) { .company .cont_w01 .inner table th { padding: 9px 0 10px 20px; } }

.company .cont_w01 .inner table td { padding: 18px 0 14px 54px; }

.company .cont_w01 .inner table td .bl { margin-bottom: 18px; }

@media screen and (max-width: 767px) { .company .cont_w01 .inner table td { padding: 20px 10px 23px 20px; line-height: 26px; }
  .company .cont_w01 .inner table td .bl { margin-bottom: 25px; } }

.company .cont_w01 .inner table td p { line-height: 27px; }

@media screen and (max-width: 767px) { .company .cont_w01 .inner table td p { line-height: 26px; } }

.company .cont_w01 .inner table td p span { font-weight: bold; }

.company .cont_w01 .inner table td .tel { display: block; width: 100%; }

@media screen and (max-width: 767px) { .company .cont_w01 .inner table td ul li { margin-bottom: 20px; } }

.company .cont_w01 .inner table td ul li span { margin-right: 18px; width: 100px; display: inline-block; }

@media screen and (max-width: 767px) { .company .cont_w01 .inner table td ul li span { display: block; } }

.company .cont_w02 { max-width: 1140px; width: 100%; padding: 0px 20px 0; margin: 0px auto 0; }

.company .cont_w02 .ttl { text-align: center; font-size: 32px; font-weight: normal; letter-spacing: 3px; margin-bottom: 42px; }

@media screen and (max-width: 767px) { .company .cont_w02 .ttl { font-size: 22px; } }

.company .cont_w02 .office { margin-bottom: 100px; }

@media screen and (max-width: 767px) { .company .cont_w02 .office { margin-bottom: 72px; padding-bottom: 42px; border-bottom: 1px solid #E8E8E8; } }

.company .cont_w02 .office .info { position: relative; z-index: 2; margin-bottom: 40px; }

@media only screen and (min-width: 768px) and (max-width: 1200px) { .company .cont_w02 .office .info { padding-top: 40px; } }

@media screen and (max-width: 767px) { .company .cont_w02 .office .info { margin-bottom: 20px; } }

.company .cont_w02 .office .info .bx01 { width: 45%; float: right; position: relative; z-index: 2; padding-bottom: 114px; }

.company .cont_w02 .office .info .bx01 .stick { position: absolute; right: -15px; top: -39px; font-size: 120px; line-height: 1; color: #F3F0DD; z-index: -1; letter-spacing: 9px; }

.company .cont_w02 .office .info .bx01 .txt01 { font-size: 23px; margin-bottom: 7px; margin-top: -6px; }

.company .cont_w02 .office .info .bx01 .txt02 { font-size: 15px; line-height: 27px; margin-bottom: 27px; }

@media screen and (max-width: 767px) { .company .cont_w02 .office .info .bx01 { width: 100%; padding-bottom: 6px; }
  .company .cont_w02 .office .info .bx01 .stick { font-size: 70px; right: -20px; top: -19px; letter-spacing: 5px; } }

@media screen and (max-width: 767px) and (max-width: 374px) { .company .cont_w02 .office .info .bx01 .stick { font-size: 60px; } }

@media screen and (max-width: 767px) { .company .cont_w02 .office .info .bx01 .txt01 { font-size: 18px; margin-bottom: 16px; margin-top: -6px; letter-spacing: 1px; }
  .company .cont_w02 .office .info .bx01 .txt02 { font-size: 15px; line-height: 26px; margin-bottom: 27px; } }

.company .cont_w02 .office .info .bx02 { float: left; width: 51%; margin-bottom: 0; }

@media screen and (max-width: 767px) { .company .cont_w02 .office .info .bx02 { margin-bottom: 12px; } }

.company .cont_w02 .office .info .bx02 img { font-size: 0; line-height: 1; }

@media screen and (max-width: 767px) { .company .cont_w02 .office .info .bx02 { width: 100%; }
  .company .cont_w02 .office .info .bx02 img { width: 100%; } }

.company .cont_w02 .office .info .bx03 { width: 46%; position: absolute; bottom: -5px; right: 0; margin-bottom: 0; z-index: 3; }

@media screen and (max-width: 767px) { .company .cont_w02 .office .info .bx03 { width: 100%; position: static; display: inline-block; } }

.company .cont_w02 .office .info .bx03 .slick-track { margin: 0 0px; width: 100%; }

@media screen and (max-width: 767px) { .company .cont_w02 .office .info .bx03 .slick-initialized .slick-slide img { width: 100%; } }

.company .cont_w02 .office .info .bx03 .thumb { outline: none; width: 33.33333% !important; display: inline-block; vertical-align: top; line-height: 1; }

.company .cont_w02 .office .info .bx03 .thumb * { outline: none; }

.company .cont_w02 .office .info .bx03 .thumb span { padding: 0 2px; display: inline-block; width: 100%; }

.company .cont_w02 .office .info .bx03 .thumb span img { font-size: 0; border: 3px solid #fff; }

@media screen and (max-width: 767px) { .company .cont_w02 .office .info .bx03 .thumb span { padding: 0; }
  .company .cont_w02 .office .info .bx03 .thumb span img { width: 100%; } }

.company .cont_w02 .office .info .bx03 .thumb.slick-current, .company .cont_w02 .office .info .bx03 .thumb:hover { position: relative; z-index: 1; cursor: pointer; }

.company .cont_w02 .office .info .bx03 .thumb.slick-current span, .company .cont_w02 .office .info .bx03 .thumb:hover span { padding: 0 2px; line-height: 1; }

@media screen and (max-width: 767px) { .company .cont_w02 .office .info .bx03 .thumb.slick-current span, .company .cont_w02 .office .info .bx03 .thumb:hover span { padding: 0; } }

.company .cont_w02 .office .info .bx03 .thumb.slick-current span:after, .company .cont_w02 .office .info .bx03 .thumb:hover span:after { content: ""; background: url(assets/img/company/bg_02.png) no-repeat; background-size: 100% 100%; position: absolute; width: calc(100% - 14px); height: calc(100% - 10px); top: 0px; left: 2px; z-index: 2; border: 4px solid #AD981A; }

@media only screen and (min-width: 768px) and (max-width: 1200px) { .company .cont_w02 .office .info .bx03 .thumb.slick-current span:after, .company .cont_w02 .office .info .bx03 .thumb:hover span:after { height: calc(100% - 12px); } }

@media screen and (max-width: 767px) { .company .cont_w02 .office .info .bx03 .thumb.slick-current span:after, .company .cont_w02 .office .info .bx03 .thumb:hover span:after { width: calc(100% - 10px); height: calc(100% - 10px); top: 0px; left: 0px; } }

.company .cont_w02 .office .map .link_to_map { width: 100%; text-align: right; display: inline-block; padding: 5px 0 0 0; }

@media only screen and (min-width: 768px) and (max-width: 1200px) { .company .cont_w02 .office .map { width: 100%; }
  .company .cont_w02 .office .map iframe { width: 100% !important; } }

@media screen and (max-width: 767px) { .company .cont_w02 .office .map iframe { width: 100%; height: 290px; } }

@media screen and (max-width: 767px) { .company .cont_w02 .office--01 { margin-bottom: 66px; padding-bottom: 60px; } }

.company .cont_w02 .office--02 { margin-bottom: 107px; }

@media screen and (max-width: 767px) { .company .cont_w02 .office--02 { margin-bottom: 20px; padding-bottom: 42px; border-bottom: none; } }

.company .cont_w02 .office--02 .info { margin-bottom: 10px; }

.company .cont_w02 .office--02 .info--02 .bx01 { width: 100%; padding-bottom: 0px; }

.company .cont_w02 .office--02 .info--02 .bx01 .txt01 { width: 32%; display: inline-block; vertical-align: top; }

.company .cont_w02 .office--02 .info--02 .bx01 .txt02 { width: 50%; display: inline-block; vertical-align: top; margin-top: -18px; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .company .cont_w02 .office--02 .info--02 .bx01 .txt01 { width: 100%; margin-bottom: 16px; }
  .company .cont_w02 .office--02 .info--02 .bx01 .txt02 { width: 100%; margin-top: 0px; margin-bottom: 25px; }
  .company .cont_w02 .office--02 .info--02 .bx01 .txt02.last { margin-bottom: 15px; } }

.company .cont_w03 { background: url(assets/img/company/bg_01.jpg) no-repeat top left; background-size: cover; padding: 64px 0 40px; }

@media screen and (max-width: 767px) { .company .cont_w03 { padding: 63px 0 40px; background: url(assets/img/company/bg_01_sp.jpg) center no-repeat; background-size: cover; } }

.company .cont_w03 .inside { max-width: 1040px; width: 100%; margin: 0 auto; padding: 0 20px; }

.company .cont_w03 .inside .ttl_block { margin: 0 auto 23px; }

@media screen and (max-width: 767px) { .company .cont_w03 .inside .ttl_block { margin: 0 auto 5px; } }

.company .cont_w03 .inside table tr { border-bottom: 1px solid #E8E8E8; }

.company .cont_w03 .inside table tr:last-child { border-bottom: none; }

.company .cont_w03 .inside table tr th, .company .cont_w03 .inside table tr td { padding: 30px 10px 30px; text-align: left; vertical-align: middle; }

.company .cont_w03 .inside table tr th { font-size: 20px; width: 45%; padding-left: 80px; font-weight: normal; }

.company .cont_w03 .inside table tr td span { color: #AD981A; display: inline-block; width: 100%; }

@media screen and (max-width: 767px) { .company .cont_w03 .inside table tr th, .company .cont_w03 .inside table tr td { display: block; width: 100%; text-align: left; }
  .company .cont_w03 .inside table tr th { padding: 34px 10px 6px 0; font-size: 18px; }
  .company .cont_w03 .inside table tr td { padding: 10px 10px 22px 0; line-height: 26px; }
  .company .cont_w03 .inside table tr td span { padding: 10px 0 0px 0; } }

.company .cont_w04 .inside { max-width: 1140px; margin: 0 auto 152px; padding: 89px 20px 0; width: 100%; }

@media screen and (max-width: 767px) { .company .cont_w04 .inside { padding: 59px 20px 0; margin: 0 auto 60px; } }

.company .cont_w04 .inside .list { font-size: 0; margin: 0 -40px 0; letter-spacing: 0; padding: 12px 0 0 0; }

@media screen and (max-width: 767px) { .company .cont_w04 .inside .list { padding: 29px 0 0 0; margin: 0 auto; } }

.company .cont_w04 .inside .list .item { width: 50%; font-size: 15px; vertical-align: top; display: inline-block; padding: 0 40px; }

.company .cont_w04 .inside .list .item .ttl { text-align: center; font-size: 23px; padding: 28px 0 16px; }

.company .cont_w04 .inside .list .item .txt { font-size: 15px; line-height: 27px; }

.company .cont_w04 .inside .list .item .txt ul { margin-top: 30px; }

.company .cont_w04 .inside .list .item .txt ul li { padding-left: 20px; position: relative; }

.company .cont_w04 .inside .list .item .txt ul li:before { position: absolute; content: "・"; left: 2px; top: 2px; }

@media screen and (max-width: 767px) { .company .cont_w04 .inside .list .item { width: 100%; padding: 0 0px 63px; }
  .company .cont_w04 .inside .list .item:last-child { padding-bottom: 0; }
  .company .cont_w04 .inside .list .item .ttl { text-align: left; font-size: 19px; padding: 20px 0 16px; }
  .company .cont_w04 .inside .list .item .txt { font-size: 15px; line-height: 30px; }
  .company .cont_w04 .inside .list .item .txt ul { margin-top: 33px; }
  .company .cont_w04 .inside .list .item .txt ul li { line-height: 26px; padding-left: 15px; letter-spacing: 1px; }
  .company .cont_w04 .inside .list .item .txt ul li:before { position: absolute; content: "・"; left: 0px; top: 2px; } }

#contact .gNavi, #contact .rightHead { display: none; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.floatL { float: left; }

.floatR { float: right; }

.copyright { background: #C6B75F; height: 45px; line-height: 45px; color: #fff; font-size: 11px; text-align: center; }

.copyright_contact.copyright { margin-top: 53px; }

.contactWrap { padding-top: 4px; }

.contactWrap .h301 { font-size: 26px; text-align: center; line-height: 1; letter-spacing: 3px; }

.contactWrap .h301 span { display: block; padding-top: 15px; font-size: 13px; color: #AD981A; letter-spacing: 1px; }

.contactWrap .box01 .txt01 { padding-top: 45px; text-align: center; line-height: 1.85; letter-spacing: 0px; }

.contactWrap .box01 .ul01 { margin: 40px 0 91px; }

.contactWrap .box01 .ul01 li { float: left; width: 48.8%; background: #fafafa; padding: 32px 30px; text-align: center; }

.contactWrap .box01 .ul01 li:nth-child(2n) { float: right; }

.contactWrap .box01 .ul01 .text01 { background: url(assets/img/contact/icon_01.svg) no-repeat left center; height: 30px; line-height: 30px; padding-left: 18px; text-align: left; font-size: 18px; }

.contactWrap .box01 .ul01 .tel { margin-top: 24px; display: inline-block; background: url(assets/img/contact/icon_02.svg) no-repeat left center; padding: 0 0px 0 32px; font-size: 45px; line-height: 50px; font-family: 'AGaramondPro-Regular'; letter-spacing: 1.5px; }

.contactWrap .box01 .ul01 .time { font-size: 13px; color: #787878; letter-spacing: 0px; }

.contactWrap .boxform { margin-top: 55px; border: #dddddd 1px solid; }

.contactWrap .boxform .divtab .tab { position: relative; float: left; width: 50%; border-bottom: #dddddd 1px solid; color: #404040; text-decoration: underline; }

.contactWrap .boxform .divtab li:nth-child(2n+1) { border-right: #dddddd 1px solid; }

.contactWrap .boxform .divtab .tab a { text-decoration: underline; }

.contactWrap .boxform .divtab .tab .spandiv { display: block; padding: 21px 0; text-align: center; letter-spacing: 2px; }

.contactWrap .boxform .divtab .tab .icon { display: inline-block; background: url(assets/img/contact/icon_03.svg) no-repeat left center; padding-left: 17px; text-decoration: underline; }

.contactWrap .boxform .divtab .tab.on { background: #AD981A; color: #fff; text-decoration: none; }

.contactWrap .boxform .divtab .tab.on:after { content: ''; position: absolute; bottom: -11px; left: 50%; margin-left: -9px; width: 18px; height: 12px; background: url(assets/img/contact/icon_04.svg) no-repeat center top; }

.contactWrap .boxform .txt01 { margin: 56px 0 41px; }

.contactWrap .boxform #checkbox05 .line_name { width: 100%; max-width: 314px; margin-left: 15px; }

@media only screen and (max-width: 767px) { .contactWrap .boxform #checkbox05 .line_name { max-width: calc(100% - 66px); } }

.pageconfirm .contactWrap .boxform { border: none; }

.pageconfirm #wrap { margin-top: 0 !important; }

@media only screen and (max-width: 767px) { #contact .headerInner { padding: 0; }
  #contact .mainText, #indexThx .mainText { margin-top: 50px; }
  .copyright { margin-top: 35px; height: 35px; line-height: 35px; font-size: 11px; }
  .contactWrap { padding-top: 4px; }
  .contactWrap .h301 { font-size: 21px; letter-spacing: 1px; }
  .contactWrap .h301 span { padding-top: 14px; font-size: 13px; letter-spacing: 1px; }
  .contactWrap .box01 .txt01 { padding-top: 18px; text-align: left; line-height: 1.75; letter-spacing: 0.5px; font-size: 14px; }
  .contactWrap .box01 .ul01 { margin: 20px 0 50px; }
  .contactWrap .box01 .ul01 li { float: none !important; width: 100%; margin-bottom: 10px; padding: 21px 15px 14px; }
  .contactWrap .box01 .ul01 .text01 { background: url(assets/img/contact/icon_01.svg) no-repeat left center; background-size: 4px auto; height: 25px; line-height: 25px; padding-left: 15px; font-size: 15px; letter-spacing: 0px; }
  .contactWrap .box01 .divtel { margin-top: 15px; background: #fff; padding: 10px 0 5px; }
  .contactWrap .box01 .ul01 .tel { margin-top: 0; display: inline-block; background: url(assets/img/contact/icon_02.svg) no-repeat left center; background-size: 17px auto; padding: 0 0px 0 24px; font-size: 33px; line-height: 35px; letter-spacing: 1.5px; }
  .contactWrap .box01 .ul01 .time { display: block; font-size: 11px; letter-spacing: 0; }
  .contactWrap .box01 .ul01 .txtmore { display: block; border-top: #ebe4c7 1px solid; margin: 10px 10px; padding-top: 7px; font-size: 11px; letter-spacing: 0px; }
  .contactWrap .boxform { margin-top: 40px; border: none; }
  .contactWrap .boxform .divtab { margin: 0 -15px; border-top: #dddddd 1px solid; }
  .contactWrap .boxform .divtab .tab { font-size: 12px; }
  .contactWrap .boxform .divtab li:nth-child(2n) { line-height: 65px; }
  .contactWrap .boxform .divtab .tab .spandiv { padding: 10px 10px; letter-spacing: 0; }
  .contactWrap .boxform .divtab .tab .icon { background: url(assets/img/contact/icon_03.svg) no-repeat left center; background-size: 7px auto; padding-left: 13px; text-align: left; }
  .contactWrap .boxform .txt01 { margin: 25px 0 25px; } }

#customer_information { /*------------------------------------ ----------------- H ------------------ ------------------------------------*/ /*------------------------------------ ---------------- LIST ---------------- ------------------------------------*/ /*------------------------------------ --------------- COMMON --------------- ------------------------------------*/ }

@media only screen and (max-width: 767px) { #customer_information .mainText { margin: 58px 0 0 0; } }

#customer_information .mainText h2 span { font-size: 30px; color: #404040; letter-spacing: 5px; }

@media only screen and (max-width: 767px) { #customer_information .mainText h2 span { font-size: 21px; letter-spacing: 3px; } }

#customer_information .container { max-width: 1064px; padding: 0 20px; }

#customer_information h4 { font-size: 22px; letter-spacing: 3px; }

@media only screen and (max-width: 767px) { #customer_information h4 { font-size: 19px; } }

@media only screen and (max-width: 325px) { #customer_information h4 { font-size: 16px; } }

#customer_information h4 span { position: relative; color: #AD981A; padding: 15px 0; }

@media only screen and (max-width: 767px) { #customer_information h4 span { display: block; padding: 10px 0; text-align: left; line-height: 1.5; } }

#customer_information h4 span::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #D6CB8C; }

#customer_information h4 span::after { content: ''; position: absolute; bottom: 3px; left: 0; width: 100%; height: 2px; background: #D6CB8C; }

#customer_information h5 { font-size: 27px; letter-spacing: 3px; }

@media only screen and (max-width: 767px) { #customer_information h5 { font-size: 19px; letter-spacing: 2px; } }

@media only screen and (max-width: 325px) { #customer_information h5 { font-size: 16px; } }

#customer_information h5 span { display: block; font-size: 13px; color: #AD981A; letter-spacing: 1px; line-height: 1; }

@media only screen and (max-width: 325px) { #customer_information h5 span { font-size: 12px; } }

#customer_information .list { font-size: 0; margin: 80px auto; max-width: 1164px; padding: 0 20px; text-align: center; }

#customer_information .list:before, #customer_information .list:after { content: " "; display: table; }

#customer_information .list:after { clear: both; }

@media only screen and (min-width: 767px) and (max-width: 1200px) { #customer_information .list { letter-spacing: 0; }
  #customer_information .list__it { float: none !important; display: inline-block; vertical-align: top; margin-left: 0; } }

@media only screen and (max-width: 767px) { #customer_information .list { margin: 33px auto; } }

#customer_information .list__box { display: table-cell; vertical-align: middle; }

#customer_information .list__it { width: 33%; display: inline-block; padding: 0 10px; border-bottom: none; }

#customer_information .list__it:nth-of-type(4) { display: none !important; }

@media only screen and (max-width: 767px) { #customer_information .list__it { width: 100%; padding: 5px 0; } }

#customer_information .list__it:first-of-type a { padding-left: 7px; }

@media only screen and (max-width: 767px) { #customer_information .list__it:first-of-type a { padding-left: 0; } }

#customer_information .list__it a { display: table; width: 100%; height: 132px; text-align: center; border: 1px solid #BDAD48; position: relative; }

@media only screen and (max-width: 767px) { #customer_information .list__it a { height: 79px; } }

#customer_information .list__it a::before { content: ""; position: absolute; bottom: 10%; left: 50%; width: 6px; height: 6px; border-left: 1px solid #BDAD48; border-top: 1px solid #BDAD48; margin-left: -6px; -webkit-transform: rotate(-135deg) translate(-50%, 0); -moz-transform: rotate(-135deg) translate(-50%, 0); -ms-transform: rotate(-135deg) translate(-50%, 0); -o-transform: rotate(-135deg) translate(-50%, 0); transform: rotate(-135deg) translate(-50%, 0); }

@media only screen and (max-width: 767px) { #customer_information .list__it a::before { bottom: 50%; left: calc(100% - 22px); -webkit-transform: rotate(-135deg) translate(0, -50%); -moz-transform: rotate(-135deg) translate(0, -50%); -ms-transform: rotate(-135deg) translate(0, -50%); -o-transform: rotate(-135deg) translate(0, -50%); transform: rotate(-135deg) translate(0, -50%); } }

#customer_information .list__it--tit { font-size: 20px; line-height: 28px; display: table; width: 100%; letter-spacing: 2px; }

@media only screen and (max-width: 767px) { #customer_information .list__it--tit { font-size: 16px; padding-top: 1px; letter-spacing: 0.5px; } }

#customer_information .list__it--tit span { display: table-cell; vertical-align: middle; }

#customer_information .list__it--sub { font-size: 13px; color: #AD981A; letter-spacing: 1px; }

@media screen and (max-width: 1024px) { #customer_information .list { font-size: 0; letter-spacing: 0; margin: 30px 0px; }
  #customer_information .list__it { float: none; display: inline-block; vertical-align: top; margin-left: 0; }
  #customer_information .list__it a::before { bottom: 11%; } }

@media screen and (max-width: 1024px) and (max-width: 767px) { #customer_information .list__it a::before { bottom: 50%; } }

#customer_information .block { text-align: center; /*------------------------------------ -------------- BLOCK 01 -------------- ------------------------------------*/ /*------------------------------------ -------------- BLOCK 02 -------------- ------------------------------------*/ /*------------------------------------ -------------- BLOCK 03 -------------- ------------------------------------*/ }

#customer_information .block__01 { max-width: 900px; margin: 80px auto 105px; padding: 60px 20px 0; background: #F8F7ED; }

@media only screen and (max-width: 767px) { #customer_information .block__01 { margin: 55px auto 78px; padding: 40px 20px 20px; } }

#customer_information .block__01 ul { margin: 40px 0 0 0; padding: 0 0 70px 0; }

@media only screen and (max-width: 767px) { #customer_information .block__01 ul { margin: 0; padding: 35px 0 15px 0; } }

#customer_information .block__01 li { display: table; width: 100%; max-width: 700px; min-height: 34px; margin: auto; padding: 0 20px; line-height: 34px; font-size: 0; }

@media only screen and (max-width: 767px) { #customer_information .block__01 li { display: block; padding: 0; line-height: 26px; margin: 0 0 10px 0; } }

#customer_information .block__01--it { display: table-cell; width: 50%; font-size: 15px; text-align: left; }

@media only screen and (max-width: 767px) { #customer_information .block__01--it { display: block; width: 100%; }
  #customer_information .block__01--it a { text-decoration: underline; } }

@media only screen and (max-width: 325px) { #customer_information .block__01--it { font-size: 14px; } }

#customer_information .block__01--it.ico_lst { background: url(assets/img/common/icon/ico_bullet.svg) left 10px/14px 14px no-repeat; padding-left: 20px; }

@media only screen and (max-width: 767px) { #customer_information .block__01--it.ico_lst { background: url(assets/img/common/icon/ico_bullet.svg) left 5px/14px 14px no-repeat; } }

#customer_information .block__01--it a { color: #648FBF; background: url(assets/img/common/icon/ico_blank.svg) right 0px/13px 13px no-repeat; padding-right: 20px; }

#customer_information .block__01--label.pdl { padding-left: 40px; }

@media only screen and (max-width: 767px) { #customer_information .block__01--label.pdl { padding-left: 0; } }

#customer_information .block__02 { max-width: 940px; margin: 0 auto 110px; padding: 0 20px; }

@media only screen and (max-width: 767px) { #customer_information .block__02 { margin: 0 auto 0px; padding: 0; } }

#customer_information .block__02--tit { font-size: 15px; margin: 30px 0; line-height: 32px; letter-spacing: 1.5px; }

@media only screen and (max-width: 767px) { #customer_information .block__02--tit { margin: 36px 0 10px; line-height: 30px; letter-spacing: 1px; } }

@media only screen and (max-width: 325px) { #customer_information .block__02--tit { font-size: 14px; } }

#customer_information .block__02--tit p { color: #7879B2; }

#customer_information .block__02 li { display: table; width: 100%; padding: 20px 0; margin: 0 0 5px 0; border-bottom: 1px solid #EFEFEF; font-size: 0; }

@media only screen and (max-width: 767px) { #customer_information .block__02 li { display: block; width: auto; margin: 0 -4px; } }

#customer_information .block__02--label { display: table-cell; width: 46%; padding: 0 7.5px; font-size: 18px; text-align: left; vertical-align: bottom; }

@media only screen and (max-width: 767px) { #customer_information .block__02--label { display: block; width: 100%; margin: 0 0 15px 0; padding: 0 4px; } }

@media only screen and (max-width: 325px) { #customer_information .block__02--label { font-size: 14px; } }

#customer_information .block__02--purple, #customer_information .block__02--pink { display: table-cell; width: 25%; padding: 0 7.5px; }

@media only screen and (max-width: 767px) { #customer_information .block__02--purple, #customer_information .block__02--pink { display: inline-block; padding: 0 4px; } }

#customer_information .block__02--purple img, #customer_information .block__02--pink img { width: 22px; height: auto; vertical-align: middle; margin: 0 10px 0 0; }

@media only screen and (max-width: 767px) { #customer_information .block__02--purple img, #customer_information .block__02--pink img { width: 17px; margin: 0 5px 0 0; } }

@media only screen and (max-width: 325px) { #customer_information .block__02--purple img, #customer_information .block__02--pink img { width: 14px; margin: 0; } }

#customer_information .block__02--purple a, #customer_information .block__02--pink a { display: block; color: #fff; font-size: 14px; padding: 10px 0; border-radius: 3px; position: relative; }

@media only screen and (max-width: 767px) { #customer_information .block__02--purple a, #customer_information .block__02--pink a { padding: 13px 0; } }

@media only screen and (max-width: 325px) { #customer_information .block__02--purple a, #customer_information .block__02--pink a { font-size: 12px; } }

#customer_information .block__02--purple a::before, #customer_information .block__02--pink a::before { content: ""; position: absolute; top: 50%; right: 8px; width: 6px; height: 6px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(135deg) translateY(50%); -moz-transform: rotate(135deg) translateY(50%); -ms-transform: rotate(135deg) translateY(50%); -o-transform: rotate(135deg) translateY(50%); transform: rotate(135deg) translateY(50%); }

#customer_information .block__02--purple { width: 29%; }

@media only screen and (max-width: 767px) { #customer_information .block__02--purple { width: 54%; } }

#customer_information .block__02--purple a { background: #7879B2; }

#customer_information .block__02--pink { width: 25%; }

@media only screen and (max-width: 767px) { #customer_information .block__02--pink { width: 46%; } }

#customer_information .block__02--pink a { background: #DE5783; }

#customer_information .block__02--btn a { display: block; width: 40%; margin: 45px auto; padding: 18px 0; border: 1px solid #BBBEC2; position: relative; font-size: 16px; }

@media only screen and (max-width: 767px) { #customer_information .block__02--btn a { width: 100%; max-width: 280px; padding: 14px 0; font-size: 15px; } }

#customer_information .block__02--btn a::before { content: ""; position: absolute; top: 50%; right: 10px; width: 6px; height: 6px; border-left: 1px solid #AD981A; border-top: 1px solid #AD981A; -webkit-transform: rotate(135deg) translateY(50%); -moz-transform: rotate(135deg) translateY(50%); -ms-transform: rotate(135deg) translateY(50%); -o-transform: rotate(135deg) translateY(50%); transform: rotate(135deg) translateY(50%); }

#customer_information .block__03 { background: #F8F8F9; padding: 70px 0; }

@media only screen and (max-width: 767px) { #customer_information .block__03 { padding: 45px 0 55px; } }

#customer_information .block__03--box { margin: 50px 0 0 0; }

@media only screen and (max-width: 767px) { #customer_information .block__03--box { margin: 35px 0 0 0; } }

#customer_information .block__03--btn { display: inline-block; width: 41.5039%; padding: 0 12.5px; }

@media only screen and (max-width: 767px) { #customer_information .block__03--btn { display: block; width: 100%; padding: 6.5px 0; } }

@media only screen and (max-width: 767px) and (max-width: 767px) { #customer_information .block__03--btn { padding: 5.5px 0; } }

#customer_information .block__03--btn a { display: block; width: 100%; padding: 20px 0; background: #fff; border: 1px solid #BBBEC2; position: relative; font-size: 16px; }

@media only screen and (max-width: 767px) { #customer_information .block__03--btn a { width: 100%; max-width: 280px; padding: 15px 0; margin: auto; font-size: 15px; } }

#customer_information .block__03--btn a::before { content: ""; position: absolute; top: 50%; right: 10px; width: 6px; height: 6px; border-left: 1px solid #AD981A; border-top: 1px solid #AD981A; -webkit-transform: rotate(135deg) translateY(50%); -moz-transform: rotate(135deg) translateY(50%); -ms-transform: rotate(135deg) translateY(50%); -o-transform: rotate(135deg) translateY(50%); transform: rotate(135deg) translateY(50%); }

@media only screen and (max-width: 767px) { #customer_information .top__beautycolumn { margin-top: 50px; padding-top: 45px; } }

@media only screen and (max-width: 767px) { #customer_information .common_News { background: #fff; } }

#customer_information .top__beautycolumn { background: #F8F7ED; }

#customer_information .top__beautycolumn .cm_btn { background: #fff; }

.lp .mainText2 { padding: 45px 0 37px; }

@media screen and (max-width: 767px) { .lp .mainText2 { padding: 28px 0; letter-spacing: 0; font-size: 21px; } }

.lp .tit01 { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; color: #ad981a; font-size: 35px; line-height: 1; text-align: center; letter-spacing: 2.6px; }

@media screen and (max-width: 767px) { .lp .tit01 { font-size: 23px; margin-top: 29px; } }

.lp .txt01 { text-align: center; font-size: 15px; line-height: 34px; margin: 53px auto 0; letter-spacing: 1.5px; }

@media screen and (max-width: 767px) { .lp .txt01 { margin-top: 25px; line-height: 30px; } }

.lp .txt01.mt { margin-top: 40px; }

@media screen and (max-width: 767px) { .lp .txt01.mt { margin-top: 25px; text-align: left; padding: 0 16px 0 26px; letter-spacing: 0.8px; } }

.lp .txt01.mt1 { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; margin-top: 92px; font-size: 20px; line-height: 40px; letter-spacing: 0; }

@media screen and (max-width: 767px) { .lp .txt01.mt1 { margin-top: 50px; font-size: 17px; line-height: 33px; } }

.lp .lp-img { max-width: 1100px; width: 100%; margin: 65px auto 0; }

@media screen and (max-width: 767px) { .lp .lp-img { margin: 33px auto 0; padding: 0 20px; } }

.lp .lp-anchor { margin: 50px auto 0; display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 767px) { .lp .lp-anchor { margin-top: 32px; } }

.lp .lp-anchor a { border: 1px solid #b3b4b4; margin: 0 5px; display: flex; align-items: center; justify-content: center; font-size: 15px; line-height: 20px; width: 235px; height: 50px; }

@media screen and (max-width: 767px) { .lp .lp-anchor a { width: 163px; height: 36px; } }

.lp .lp-anchor a.active { border-color: #b9a73c; color: #b9a73c; pointer-events: none; }

.lp .lp-thumb { max-width: 1100px; width: 100%; margin: 50px auto 0; }

@media screen and (max-width: 767px) { .lp .lp-thumb { margin-top: 27px; } }

.lp .cont_w00 { margin: 86px auto 0; }

@media screen and (max-width: 767px) { .lp .cont_w00 { margin-top: 42px; } }

.lp .cont_w00 .inner { max-width: 1132px; margin: 0 auto; padding: 0 20px; width: 100%; }

@media screen and (max-width: 767px) { .lp .cont_w00 .inner { padding: 0; } }

.lp .cont_w00 .ttl_block { margin-bottom: 36px; }

@media screen and (min-width: 768px) { .lp .cont_w00 .ttl_block { margin-bottom: 48px; } }

.lp .cont_w01 { margin: 90px auto 0; padding: 102px 0 0; background: url(assets/img/lp-group/bg.png) no-repeat; background-size: contain; background-position: top 90px center; position: relative; }

.lp .cont_w01::before { content: ""; position: absolute; top: 0; left: 0; right: 0; max-width: 900px; width: 100%; height: 1px; background: #e8e8e8; margin: 0 auto; }

@media screen and (max-width: 767px) { .lp .cont_w01::before { width: 92%; } }

@media screen and (max-width: 767px) { .lp .cont_w01 { margin: 40px auto 0; padding: 41px 0 0; background: url(assets/img/lp-group/bg-sp.png) no-repeat; background-size: contain; background-position: top 455px center; } }

.lp .cont_item01 { padding-bottom: 145px; }

@media screen and (max-width: 767px) { .lp .cont_item01 { padding-bottom: 97px; } }

.lp .cont_item02 { padding: 0 0 140px 0; position: relative; }

.lp .cont_item02::after { content: ""; position: absolute; top: -20%; height: 100%; width: 100%; background: linear-gradient(to top, #fff 60%, rgba(255, 255, 255, 0) 80%); }

.lp .cont_item02 .ttl_block { margin-bottom: 61px; }

@media screen and (max-width: 767px) { .lp .cont_item02 .ttl_block { margin-bottom: 28px; } }

@media screen and (max-width: 767px) { .lp .cont_item02 { padding: 0 0 48px 0; } }

.lp .cont_item02 .cont_wrap { position: relative; z-index: 2; }

.lp .cont_item02 .inner { max-width: 940px; margin: 0 auto; padding: 0 20px; width: 100%; }

.lp .cont_item02 .inner table { font-size: 14px; }

.lp .cont_item02 .inner table tr { border-top: 1px solid #e8e8e8; }

.lp .cont_item02 .inner table tr:last-child { border-bottom: 1px solid #e8e8e8; }

@media screen and (max-width: 767px) { .lp .cont_item02 .inner table tr { border-top: 1px solid #e8e8e8; }
  .lp .cont_item02 .inner table tr:last-child { border-bottom: 1px solid #e8e8e8; } }

@media screen and (max-width: 767px) { .lp .cont_item02 .inner table th, .lp .cont_item02 .inner table td { display: block; width: 100% !important; } }

.lp .cont_item02 .inner table th { background: #f8f7ed; color: #ad981a; padding: 17px 0 15px 29px; font-weight: normal; width: 164px; text-align: left; position: relative; }

@media screen and (max-width: 767px) { .lp .cont_item02 .inner table th { padding: 9px 0 10px 20px; } }

.lp .cont_item02 .inner table td { padding: 17px 0 15px 59px; }

@media screen and (max-width: 767px) { .lp .cont_item02 .inner table td { padding: 21px 0 23px 20px; } }

.lp .cont_item02 .inner table td .bl p { margin-bottom: 17px; }

@media screen and (max-width: 767px) { .lp .cont_item02 .inner table td .bl p { margin-bottom: 22px; } }

.lp .cont_item02 .inner table td .bl p:last-child { margin: 0; }

.lp .cont_item02 .inner table td p { line-height: 27px; }

@media screen and (max-width: 767px) { .lp .cont_item02 .inner table td p { line-height: 26px; } }

.lp .cont_item02 .inner table td p span { font-weight: bold; }

.lp .cont_item02 .inner table td .tel { display: block; width: 100%; }

@media screen and (max-width: 767px) { .lp .cont_item02 .inner table td ul li { margin-bottom: 20px; } }

.lp .cont_item02 .inner table td ul li span { margin-right: 18px; width: 100px; display: inline-block; }

@media screen and (max-width: 767px) { .lp .cont_item02 .inner table td ul li span { display: block; } }

.lp .lst-box__thumb { max-width: 560px; width: 100%; }

@media screen and (max-width: 767px) { .lp .lst-box__thumb { max-width: 96%; } }

.lp .lst-box__cont { max-width: calc(100% - 560px); width: 100%; position: relative; padding: 80px 58px 130px; margin: 43px 0 0; background: #f8f7ed; min-height: 400px; }

.lp .lst-box__cont::after { content: ""; position: absolute; top: 0; right: 0; background: #f8f7ed; max-width: 610px; width: 114%; height: 100%; z-index: -1; }

@media screen and (max-width: 767px) { .lp .lst-box__cont::after { display: none; } }

@media screen and (max-width: 767px) { .lp .lst-box__cont { max-width: 100%; margin: 0 auto; min-height: auto; padding: 15px 18px 48px 50px; background: transparent; } }

.lp .lst-box__ttl { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 23px; line-height: 26px; padding: 0 0 0 40px; letter-spacing: 1px; position: relative; margin: 0 0 30px; }

@media screen and (max-width: 767px) { .lp .lst-box__ttl { font-size: 18px; padding-left: 33px; margin-bottom: 20px; } }

.lp .lst-box__ttl::after { content: ""; position: absolute; width: 24px; height: 1px; background: #ad981a; top: 12px; left: 0; }

.lp .lst-box__sub { position: absolute; position: absolute; bottom: -17px; right: -8px; color: #eae5c6; font-size: 70px; letter-spacing: 5px; line-height: 70px; font-family: "Baskerville Old Face"; }

@media screen and (max-width: 767px) { .lp .lst-box__sub { font-size: 42px; line-height: 42px; bottom: -9px; right: 0; letter-spacing: 3px; } }

.lp .lst-box__txt { font-size: 15px; line-height: 27px; letter-spacing: 1px; padding: 0 2px 0 0; }

.lp .lst-box__item { max-width: 100%; display: flex; align-items: flex-start; margin: 0 auto 46px; }

.lp .lst-box__item:nth-child(2n + 2) .lst-box__sub { left: 0; right: auto; color: #e6e6e6; }

.lp .lst-box__item:nth-child(2n + 2) .lst-box__thumb { order: 2; }

.lp .lst-box__item:nth-child(2n + 2) .lst-box__cont { order: 1; padding: 80px 40px 155px 80px; background: #f5f6f6; }

.lp .lst-box__item:nth-child(2n + 2) .lst-box__cont::after { right: auto; left: 0; background: #f5f6f6; }

.lp .lst-box__item:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) { .lp .lst-box__item { display: block; position: relative; margin-bottom: 29px; }
  .lp .lst-box__item::after { content: ""; position: absolute; top: 16px; right: 0; background: #f8f7ed; max-width: 100%; width: 96%; height: calc(100% - 16px); z-index: -1; }
  .lp .lst-box__item:nth-child(2n + 2)::after { background: #f5f6f6; left: 0; right: auto; }
  .lp .lst-box__item:nth-child(2n + 2) .lst-box__thumb { margin: 0 0 0 auto; }
  .lp .lst-box__item:nth-child(2n + 2) .lst-box__cont { padding: 15px 28px 48px 18px; background: transparent; } }

.lp .lst-medi .txt { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 20px; text-align: center; }

@media screen and (max-width: 767px) { .lp .lst-medi .txt { font-size: 17px; } }

.lp .lst-medi .txt1 { font-size: 15px; line-height: 34px; text-align: center; margin: 43px 0 0; letter-spacing: 1.5px; }

@media screen and (max-width: 767px) { .lp .lst-medi .txt1 { margin: 17px auto 0; line-height: 30px; } }

.lp .lst-medi__thumb { width: 250px; text-align: center; margin: 22px auto 0; }

@media screen and (max-width: 767px) { .lp .lst-medi__thumb { width: 202px; text-align: center; margin: 17px auto 0; } }

.lp .lst-row { max-width: 1140px; margin: 74px auto 69px; padding: 0 20px; width: 100%; }

@media screen and (max-width: 767px) { .lp .lst-row { margin: 32px auto 0; padding: 0 20px; } }

.lp .lst-row__item { display: flex; align-items: flex-start; margin: 0 auto 60px; }

@media screen and (max-width: 767px) { .lp .lst-row__item { display: block; margin-bottom: 20px; } }

.lp .lst-row__item:last-child { margin-bottom: 0; }

.lp .lst-row__item:nth-child(2n + 2) .lst-row__thumb { order: 2; }

.lp .lst-row__item:nth-child(2n + 2) .lst-row__cont { order: 1; padding: 0 64px 0 0; }

@media screen and (max-width: 767px) { .lp .lst-row__item:nth-child(2n + 2) .lst-row__cont { padding: 9px 0 0; } }

.lp .lst-row__item:nth-child(2n + 2) .lst-row__cont .ttl { margin-bottom: 17px; }

@media screen and (max-width: 767px) { .lp .lst-row__item:nth-child(2n + 2) .lst-row__cont .ttl { margin-bottom: 12px; } }

.lp .lst-row__item:nth-child(2n + 2) .lst-row__cont p { line-height: 24px; }

.lp .lst-row__item:nth-child(2n + 2) .lst-row__cont p:nth-child(2) { line-height: 28px; }

@media screen and (max-width: 767px) { .lp .lst-row__item:nth-child(2n + 2) .lst-row__cont p { line-height: 21px; margin-bottom: 3px; }
  .lp .lst-row__item:nth-child(2n + 2) .lst-row__cont p:nth-child(2) { line-height: 26px; } }

.lp .lst-row__thumb { max-width: 425px; width: 100%; }

@media screen and (max-width: 767px) { .lp .lst-row__thumb { max-width: 100%; }
  .lp .lst-row__thumb img { width: 100%; } }

.lp .lst-row__cont { max-width: calc(100% - 425px); width: 100%; padding: 0 0 0 37px; }

@media screen and (max-width: 767px) { .lp .lst-row__cont { max-width: 100%; padding: 11px 0; } }

.lp .lst-row__cont .ttl { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; color: #ad981a; font-size: 18px; line-height: 26px; padding: 0 0 0 31px; position: relative; margin: -3px 0 14px; font-weight: 600; letter-spacing: 1px; }

@media only screen and (max-width: 767px) { .lp .lst-row__cont .ttl { font-size: 17px; line-height: 24px; margin-bottom: 8px; padding-left: 27px; letter-spacing: 2px; } }

.lp .lst-row__cont .ttl::after { content: ""; position: absolute; left: 4px; top: 5px; width: 100%; height: 1px; background: #ad981a; background: url(../assets/img/common/square.png) no-repeat; background-size: contain; width: 15px; height: 15px; }

@media only screen and (max-width: 767px) { .lp .lst-row__cont .ttl::after { top: 3px; } }

.lp .lst-row__cont .txt p { font-size: 15px; line-height: 27px; text-align: left; padding: 0 0 0 4px; letter-spacing: 0.8px; margin-bottom: 10px; }

@media only screen and (max-width: 767px) { .lp .lst-row__cont .txt p { padding-left: 7px; line-height: 25px; }
  .lp .lst-row__cont .txt p span { margin-left: 7px; display: inline-block !important; width: 10px; } }

.lp .lst-row__cont .txt p:last-child { margin-bottom: 0; }

.interviewWrap { margin-top: -5px !important; }

.interviewWrap .ullist { margin: 0 -17px 15px; }

.interviewWrap .ullist li { width: 33.33%; float: left; padding: 0 17px; margin-bottom: 48px; }

.interviewWrap .ullist .title { margin-top: 10px; font-size: 16px; }

@media only screen and (min-width: 768px) { .interviewWrap .ullist .title { line-height: 1.6; } }

.interviewWrap .ullist .txt01 { margin-top: 4px; font-size: 12px; color: #8E8E8E; line-height: 1.8; }

.interviewWrap .ullist .bordiv { margin-top: 23px; background: url(assets/img/interview/bg_line01.jpg) no-repeat left top, url(assets/img/interview/bg_line01.jpg) no-repeat right top, url(assets/img/interview/bg_line01.jpg) no-repeat left bottom, url(assets/img/interview/bg_line01.jpg) no-repeat right bottom, url(assets/img/interview/bg_line02.jpg) repeat-y left top, url(assets/img/interview/bg_line02.jpg) repeat-y right top; text-align: center; padding: 2px 15px; }

.interviewWrap .ullist .txt02 { color: #AD981A; font-size: 12px; line-height: 1; }

.interviewWrap .ullist .txt03 { margin-top: 9px; font-size: 16px; line-height: 1.63; }

.interviewWrap a.btnMore { background: #ad8a26; cursor: pointer; display: block; color: #fff; text-align: center; border-radius: 3px; padding: 10px 0; position: relative; font-size: 13px; margin: 0 auto 70px; max-width: 160px; }

.interviewdeWrap .imgdiv { float: left; width: 39%; margin-right: 5%; }

.interviewdeWrap .h301 { margin-top: -5px; font-size: 18px; line-height: 1.8; }

@media only screen and (min-width: 768px) { .interviewdeWrap .h301 { line-height: 1.6; } }

.interviewdeWrap .txtde01 { padding-top: 10px; color: #8E8E8E; font-size: 12px; }

.interviewdeWrap .divbgde { margin-top: 18px; background: #f9f9fa; padding: 17px 30px 25px; }

.interviewdeWrap .txtde02 { color: #AD981A; font-size: 16px; letter-spacing: 2px; }

.interviewdeWrap .txtde03 { font-size: 12px; line-height: 1.68; }

.interviewdeWrap .ul01 { margin-top: 40px; }

.interviewdeWrap .ul01 li { position: relative; padding-bottom: 50px; margin-bottom: 40px; }

.interviewdeWrap .ul01 li:last-child { margin-bottom: 0; }

.interviewdeWrap .ul01 li:before { content: ''; position: absolute; bottom: 0; left: 0; width: 70px; height: 1px; background: #DDDDDD; }

.interviewdeWrap .ul01 li:last-child:before { display: none; }

.interviewdeWrap .ul01 .txt01 { color: #AD981A; font-size: 20px; line-height: 1.6; }

.interviewdeWrap .ul01 .txt02 { padding-top: 16px; line-height: 1.85; }

.interviewdeWrap .divbox { margin: 22px 0 60px; background: #F8F7ED; padding: 30px; }

.interviewdeWrap .divbox .txt01 { margin-bottom: 20px; background: url(assets/img/interview/icon_01.svg) no-repeat left center; padding-left: 18px; height: 30px; line-height: 30px; font-size: 18px; }

.interviewdeWrap .ul02 li { float: left; margin-right: 20px; }

.interviewdeWrap .ul02 .text01 { font-size: 14px; text-decoration: underline; }

.interviewdeWrap .pagede { max-width: 850px; }

@media only screen and (max-width: 767px) { #interview .common_News { padding-bottom: 0; }
  #interview .mainText { margin-top: 50px; }
  .interviewWrap .ullist { margin: 0 0 15px; }
  .interviewWrap .ullist li { width: 100%; margin-bottom: 38px; padding: 0 0px; }
  .interviewWrap .ullist .thumb img { width: 100%; }
  .interviewWrap .ullist .title { margin-top: 7px; font-size: 15px; line-height: 1.6; }
  .interviewWrap .ullist .txt01 { margin-top: 3px; }
  .interviewWrap .ullist .bordiv { margin-top: 10px; padding: 0 15px 4px; }
  .interviewWrap .ullist .txt03 { margin-top: 11px; font-size: 14px; line-height: 1.57; }
  .interviewWrap .ullist .btn01 { display: block; margin: 30px auto 0; border: #AD8A26 1px solid; background: url(assets/img/interview/icon_02.svg) no-repeat right 10px center; background-size: 4px auto; width: 145px; height: 40px; line-height: 40px; text-align: center; color: #AD8A26; font-size: 13px; border-radius: 3px; }
  .interviewdeWrap .imgdiv { float: none; width: 100%; margin-right: 0; }
  .interviewdeWrap .h301 { margin-top: 5px; font-size: 18px; line-height: 1.6; }
  .interviewdeWrap .txtde01 { padding-top: 5px; }
  .interviewdeWrap .divbgde { margin-top: 25px; padding: 21px 23px; }
  .interviewdeWrap .txtde02 { font-size: 17px; }
  .interviewdeWrap .txtde03 { padding-top: 10px; font-size: 13px; line-height: 1.69; }
  .interviewdeWrap .ul01 { margin-top: 35px; }
  .interviewdeWrap .ul01 li { padding-bottom: 35px; margin-bottom: 35px; }
  .interviewdeWrap .ul01 .txt01 { font-size: 18px; line-height: 1.38; }
  .interviewdeWrap .ul01 .txt02 { padding-top: 17px; line-height: 1.64; font-size: 14px; }
  .interviewdeWrap .divbox { margin: 10px -15px 42px; padding: 27px 15px 20px; }
  .interviewdeWrap .divbox .txt01 { margin-bottom: 20px; background: url(assets/img/interview/icon_01.svg) no-repeat left center; background-size: auto 27px; padding-left: 18px; height: 27px; line-height: 27px; font-size: 16px; }
  .interviewdeWrap .ul02 li { float: left; width: 140px; margin-right: 10px; }
  .interviewdeWrap .ul02 li img { width: 100%; }
  .interviewdeWrap .ul02 .text01 { font-size: 13px; }
  .interviewWrap a.btnMore { margin-bottom: 55px; } }

.interview.sing .top__beautycolumn { margin-top: 100px; }

@media only screen and (max-width: 767px) { .interview.sing .top__beautycolumn { margin-top: 50px; } }

#mesoceutical .breadcrumbMeso { max-width: 1430px; margin: 0 auto; padding: 11px 15px 0; }

#mesoceutical .breadcrumbMeso ul { font-size: 0; letter-spacing: 0; }

#mesoceutical .breadcrumbMeso ul li { display: inline-block; font-size: 12px; color: #787878; }

#mesoceutical .breadcrumbMeso ul li a { text-decoration: underline; display: block; color: #787878; position: relative; padding-right: 15px; margin-right: 5px; }

#mesoceutical .breadcrumbMeso ul li a:after { content: ""; display: block; border: 4px solid #ad8a26; border-color: transparent transparent transparent #ad8a26; position: absolute; top: 50%; right: 0; margin-top: -3px; border-top-width: 3px; border-bottom-width: 3px; }

#mesoceutical .breadcrumbMeso ul li span { display: block; }

#mesoceutical .mainImageMeso { margin-bottom: 27px; }

#mesoceutical .mainImageMeso h2 { line-height: 52px; letter-spacing: 14px; }

#mesoceutical .mainImageMeso h2 span { display: inline-block; position: relative; }

#mesoceutical .mainImageMeso h2 span:before, #mesoceutical .mainImageMeso h2 span:after { content: ""; display: block; width: 26px; border-top: 1px solid #1e1e1e; position: absolute; top: 50%; margin-top: 1px; }

#mesoceutical .mainImageMeso h2 span:before { left: -60px; }

#mesoceutical .mainImageMeso h2 span:after { right: -45px; }

#mesoceutical.carePage #wrap .blocksCare { padding-bottom: 100px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; }

#mesoceutical.carePage #wrap .blockCare { margin-top: 78px; position: relative; }

#mesoceutical.carePage #wrap .blockCare .titleBlock { line-height: 1; background: #cca431; color: #fff; margin-bottom: 65px; padding: 27px 0; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList .titleCat { background: url(../../mesoceutical/assets/img/care/borderLeftTitleCat.jpg) left center no-repeat; padding-left: 20px; margin-bottom: 8px; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix { margin-left: -6px; margin-right: -6px; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro { float: left; width: 20%; padding: 0 6px; margin-top: 12px; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner { border: 1px solid #c1af49; padding: 10px 0 0; cursor: pointer; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner:hover { opacity: 0.8; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .divimgPro { margin: 0 auto 5px; text-align: center; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .imgPro { display: inline-block; max-width: 180px; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt01 { color: #c1af49; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt02 span { display: inline-block; padding: 0 10px; line-height: 22px; background: #c1af49; color: #fff; border-radius: 100px; letter-spacing: 0; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt03 { line-height: 1.25; margin: 0 0 0; letter-spacing: 0; padding: 10px 10px; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro.colorGrey .inner { border-color: #9aabbe; padding-top: 0; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro.colorGrey .inner .txt01 { color: #9aabbe; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro.colorGrey .inner .txt02 span { background: #9aabbe; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro.colorPink .inner { border-color: #d10057; padding-top: 0; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro.colorPink .inner .txt01 { color: #d10057; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro.colorPink .inner .txt02 span { background: #d10057; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro.colorBlue .inner { border-color: #9dc3dc; padding-top: 0; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro.colorBlue .inner .txt01 { color: #9dc3dc; }

#mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro.colorBlue .inner .txt02 span { background: #9dc3dc; }

#mesoceutical.carePage #wrap .blockCare.block01 { margin-top: 0; }

#mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 { float: left; padding-right: 6.2%; margin-bottom: 80px; width: 65.6%; }

#mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 > .clearfix .eachPro { width: 33.3333333%; }

#mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 { float: left; width: 34.4%; }

#mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 > .clearfix .eachPro { width: 56.74157303%; }

#mesoceutical.carePage #wrap .blockCare.block01 .catList.catList03 { clear: both; }

#mesoceutical.carePage #wrap .blockCare.block04 .titleBlock { margin-bottom: 53px; }

#mesoceutical.carePage #wrap .blockCare.block05 .titleBlock { margin-bottom: 53px; }

#mesoceutical.carePage #wrap .blockCare .anchorLink { position: absolute; top: -65px; }

@media screen and (max-width: 1170px) { #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix { margin-left: 0; margin-right: 0; } }

@media screen and (max-width: 1024px) { #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt03 { font-size: 14px; }
  #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList .titleCat { margin-left: 6px; } }

@media screen and (max-width: 767px) { #mesoceutical.carePage #wrap .anchorLink { position: absolute; top: -50px; }
  #mesoceutical .breadcrumbMeso { display: none; }
  #mesoceutical .mainImageMeso { margin-bottom: 0; }
  #mesoceutical .mainImageMeso h2 { font-size: 18px; line-height: 70px; }
  #mesoceutical.carePage #wrap .blockCare { margin-top: 50px; }
  #mesoceutical.carePage #wrap .blockCare .titleBlock { font-size: 18px; line-height: 50px; margin-bottom: 0; padding: 0; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01, #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 { float: none; width: auto; padding: 0; margin-bottom: 0; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList { margin-top: 30px; }
  #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList .titleCat { font-size: 16px; margin: 0 15px 15px; }
  #mesoceutical.carePage #wrap .blockCare .catList { margin-top: 30px; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 > .clearfix .eachPro, #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 > .clearfix .eachPro, #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro, #mesoceutical.carePage #wrap .blockCare .catList > .clearfix .eachPro { float: none; width: auto; padding: 0; border-top: 1px solid #dcdcdc; clear: both; margin-top: 0; background: url(../../mesoceutical/assets/img/top/polygon.svg) right 15px center no-repeat; background-size: 8px 6px; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 > .clearfix .eachPro:last-child, #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 > .clearfix .eachPro:last-child, #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro:last-child, #mesoceutical.carePage #wrap .blockCare .catList > .clearfix .eachPro:last-child { border-bottom: 1px solid #dcdcdc; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 > .clearfix .eachPro .inner, #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 > .clearfix .eachPro .inner, #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner, #mesoceutical.carePage #wrap .blockCare .catList > .clearfix .eachPro .inner { border: 0; padding: 0; height: auto; display: table; width: 100%; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 > .clearfix .eachPro .inner .divimgPro, #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 > .clearfix .eachPro .inner .divimgPro, #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .divimgPro, #mesoceutical.carePage #wrap .blockCare .catList > .clearfix .eachPro .inner .divimgPro { display: table-cell; vertical-align: middle; width: 100px; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 > .clearfix .eachPro .inner .imgPro, #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 > .clearfix .eachPro .inner .imgPro, #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .imgPro, #mesoceutical.carePage #wrap .blockCare .catList > .clearfix .eachPro .inner .imgPro { height: 73px; vertical-align: middle; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 > .clearfix .eachPro .inner .txt01, #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 > .clearfix .eachPro .inner .txt01, #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt01, #mesoceutical.carePage #wrap .blockCare .catList > .clearfix .eachPro .inner .txt01 { display: none; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 > .clearfix .eachPro .inner .txt02, #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 > .clearfix .eachPro .inner .txt02, #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt02, #mesoceutical.carePage #wrap .blockCare .catList > .clearfix .eachPro .inner .txt02 { overflow: hidden; text-align: left; font-size: 10px; padding-top: 15px; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 > .clearfix .eachPro .inner .txt03, #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 > .clearfix .eachPro .inner .txt03, #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt03, #mesoceutical.carePage #wrap .blockCare .catList > .clearfix .eachPro .inner .txt03 { overflow: hidden; text-align: left; font-size: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 33px; }
  #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList01 > .clearfix .eachPro .inner:after, #mesoceutical.carePage #wrap .blockCare.block01 .catList.catList02 > .clearfix .eachPro .inner:after, #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner:after, #mesoceutical.carePage #wrap .blockCare .catList > .clearfix .eachPro .inner:after { content: ""; display: block; clear: both; }
  #mesoceutical.carePage #wrap .blockCare.block03 .catList, #mesoceutical.carePage #wrap .blockCare.block04 .catList, #mesoceutical.carePage #wrap .blockCare.block05 .catList { margin-top: 0; }
  #mesoceutical.carePage #wrap .blockCare.block04 .titleBlock, #mesoceutical.carePage #wrap .blockCare.block05 .titleBlock { margin-bottom: 0; }
  #mesoceutical.carePage #wrap .blocksCare { padding-bottom: 0; }
  #mesoceutical.carePage #wrap .blockCare .anchorLink { top: -50px; } }

.sp320 { display: none !important; }

#mesoceutical.carePage.lineupPage #wrap .blockCare { position: relative; }

#mesoceutical.carePage.lineupPage #wrap .blockCare .titleBlock { background: #c1af49; }

#mesoceutical.carePage.lineupPage #wrap .line01 { line-height: 1; margin-bottom: 13px; letter-spacing: 3px; }

#mesoceutical.carePage.lineupPage #wrap .line02 { line-height: 1; color: #8e8e8e; margin-bottom: 30px; }

#mesoceutical.carePage.lineupPage #wrap .line03 { line-height: 1; margin-bottom: 27px; }

#mesoceutical.carePage.lineupPage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro { margin-top: 12px; }

#mesoceutical.carePage.lineupPage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt03 { line-height: 1.15; }

#mesoceutical.carePage.lineupPage #wrap .blockCare .container.blockLine { position: relative; padding-top: 54px; }

#mesoceutical.carePage.lineupPage #wrap .blockCare .container.blockLine.blockLine02 { padding-top: 54px; border-top: 1px solid #eaeaea; margin-top: 60px; }

#mesoceutical.carePage.lineupPage #wrap .blockCare .container.blockLine.blockLine02 > .clearfix .catList > .clearfix .eachPro { width: 50%; }

#mesoceutical.carePage.lineupPage #wrap .blockCare.block02 { margin-top: 80px; }

#mesoceutical.carePage.lineupPage #wrap .blockCare.block02 .titleBlock { background: #d10057; }

#mesoceutical.carePage.lineupPage #wrap .blockCare.block02 .container > .clearfix .catList > .clearfix { text-align: center; letter-spacing: 0; font-size: 0; }

#mesoceutical.carePage.lineupPage #wrap .blockCare.block02 .container > .clearfix .catList > .clearfix .eachPro { float: none; display: inline-block; vertical-align: top; width: 202px; }

#mesoceutical.carePage.lineupPage #wrap .blockCare.block02 .line03 { margin-bottom: 29px; }

#mesoceutical.carePage.lineupPage #wrap .blockCare.block03 { margin-top: 80px; }

#mesoceutical.carePage.lineupPage #wrap .blockCare.block03 .titleBlock { background: #9dc3dc; }

#mesoceutical.carePage.lineupPage #wrap .blockCare.block03 .line03 { margin-bottom: 29px; }

#mesoceutical.carePage.lineupPage #wrap .blocksCare { padding-bottom: 80px; }

@media screen and (max-width: 835px) { #mesoceutical.carePage.lineupPage #wrap .blockCare.block02 .container > .clearfix .catList > .clearfix .eachPro { display: block; float: left; width: 25%; } }

@media screen and (max-width: 767px) { #mesoceutical.carePage.lineupPage #wrap .blockCare.block02 .container > .clearfix .catList > .clearfix .eachPro { float: none; width: auto; }
  #mesoceutical.carePage.lineupPage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner { height: auto; }
  #mesoceutical.carePage.lineupPage #wrap .line01 { font-size: 28px; }
  #mesoceutical.carePage.lineupPage #wrap .line02 { font-size: 12px; }
  #mesoceutical.carePage.lineupPage #wrap .line03 { font-size: 14px; line-height: 25px; margin-bottom: 20px; letter-spacing: 3px; padding: 0 10px; }
  #mesoceutical.carePage.lineupPage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro { margin-top: 0; }
  #mesoceutical.carePage.lineupPage #wrap .blockCare .container.blockLine { padding-top: 30px; }
  #mesoceutical.carePage.lineupPage #wrap .blockCare .container.blockLine.blockLine02 { padding-top: 50px; margin-top: 0; border-top-width: 0; }
  #mesoceutical.carePage.lineupPage #wrap .blockCare .container.blockLine.blockLine02 > .clearfix .catList > .clearfix .eachPro { float: none; width: auto; }
  #mesoceutical.carePage.lineupPage #wrap .blockCare.block02, #mesoceutical.carePage.lineupPage #wrap .blockCare.block03 { margin-top: 50px; }
  #mesoceutical.carePage.lineupPage #wrap .blocksCare { padding-bottom: 0; }
  #mesoceutical.carePage #wrap .blockCare .anchorLink { top: -50px; } }

@media screen and (max-width: 325px) { .sp320 { display: block !important; }
  .spUp320 { display: none !important; } }

.blockCare .container > .clearfix .catList > .clearfix .eachPro .inner { position: relative; }

@media screen and (min-width: 768px) { .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner.rcode { min-height: 345px; } }

.blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt04 { font-family: "游明朝体", "游明朝", "YuMincho", "Yu Mincho", "Noto Serif JP", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; width: max-content; }

@media screen and (min-width: 768px) { .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt04 { margin: 0 auto 30px; } }

@media screen and (max-width: 767px) { .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt04 { margin-top: -15px; padding-bottom: 10px; }
  .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt04 span:first-child { font-size: 12px; }
  .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt04 span:last-child { font-size: 9px; } }

#mesoceutical.productPage #wrap .titleCategory { background: #cca431; line-height: 74px; color: #fff; margin-bottom: 60px; text-transform: uppercase; letter-spacing: 6px; }

#mesoceutical.productPage #wrap .previewProduct .imageProduct { width: 45.4%; float: left; }

#mesoceutical.productPage #wrap .previewProduct .imageProduct img { display: block; width: 100%; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct { float: left; width: 54.6%; padding-left: 6.6%; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .txt01 { color: #ad8a26; line-height: 1; margin-bottom: 26px; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .txt02 { line-height: 1.3; margin-bottom: 14px; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .txt03 { line-height: 1; margin-bottom: 11px; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .txt04 { margin-bottom: 7px; margin-bottom: 63px; letter-spacing: 0; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .txt04 p:not(:last-child) { margin-bottom: 10px; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .txt05 { margin-bottom: 63px; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .txt06 { font-size: 14px; letter-spacing: 0.04em; margin-bottom: 6px; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .txt06 span { font-size: 28px; letter-spacing: 0.04em; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .boxGrey { background: #e7eef1; padding: 22px 32px; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .boxGrey .txt06 { margin-bottom: 17px; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .boxGrey .txt06 span { display: inline-block; position: relative; border-bottom: 1px solid #bbbbbb; position: relative; letter-spacing: 0; line-height: 1.7; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .boxGrey .txt06 span:after { content: ""; display: block; position: absolute; top: calc(100% + 2px); left: 0; width: 100%; border-bottom: 1px solid #bbbbbb; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .boxGrey ul { margin-left: -1px; }

#mesoceutical.productPage #wrap .previewProduct .rightProduct .boxGrey ul li { border-bottom: 1px solid #d2d2d2; line-height: 30px; background: url(../../mesoceutical/assets/img/product/icoCheck.svg) 0 center no-repeat; padding-left: 30px; letter-spacing: 0; }

#mesoceutical.productPage #wrap .boxBorder { border: 1px solid #9aabbe; padding: 32px 36px; position: relative; margin-top: 50px; }

#mesoceutical.productPage #wrap .boxBorder:before { content: ""; position: absolute; top: 2px; left: 2px; width: calc(100% - 6px); height: calc(100% - 6px); border: 1px solid #9aabbe; z-index: -1; }

#mesoceutical.productPage #wrap .boxBorder .titleBox { color: #9aabbe; padding-left: 20px; background: url(../../mesoceutical/assets/img/product/borderLeftTitle.jpg) left center no-repeat; margin-bottom: 26px; }

#mesoceutical.productPage #wrap .boxBorder .boxBorder_sub:not(:nth-child(2)) { padding-top: 24px; border-top: 1px solid #ddd; margin-top: 25px; }

#mesoceutical.productPage #wrap .boxBorder .boxBorder_sub .txt01 { line-height: 24px; margin-bottom: 8px; letter-spacing: 0; font-size: 14px; }

#mesoceutical.productPage #wrap .boxBorder .boxBorder_sub .txt02 { color: #9aabbe; font-size: 14px; font-weight: bold; }

#mesoceutical.productPage #wrap .blockPoint { margin-top: 80px; }

#mesoceutical.productPage #wrap .blockPoint .titleProduct01 { background: #cca431; line-height: 74px; color: #fff; letter-spacing: 2px; }

#mesoceutical.productPage #wrap .blockPoint .titlePoint { color: #9aabbe; margin-top: 44px; margin-bottom: 21px; }

#mesoceutical.productPage #wrap .blockPoint .titlePoint .fz30 { display: inline-block; vertical-align: middle; }

#mesoceutical.productPage #wrap .blockPoint .titlePoint .fz14 { display: inline-block; vertical-align: middle; margin-left: 15px; padding-left: 15px; border-left: 1px solid #9aabbe; }

#mesoceutical.productPage #wrap .blockPoint .boxPoint { margin-bottom: 20px; }

#mesoceutical.productPage #wrap .blockPoint .boxPoint .left { float: left; width: 58%; margin-right: 5%; font-size: 14px; }

#mesoceutical.productPage #wrap .blockPoint .boxPoint .left h2 { line-height: 1.5; margin-bottom: 21px; font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; margin-top: 32px; }

#mesoceutical.productPage #wrap .blockPoint .boxPoint .left h2:first-child { margin-top: 0; }

#mesoceutical.productPage #wrap .blockPoint .boxPoint .left p:not(:last-child) { margin-bottom: 10px; }

#mesoceutical.productPage #wrap .blockPoint .boxPoint .right { float: left; width: 37%; }

#mesoceutical.productPage #wrap .blockPoint .boxPoint .right img { display: block; margin: 0 auto 20px; }

#mesoceutical.productPage #wrap .blockPoint .boxPoint .right img:last-child { margin-bottom: 0; }

#mesoceutical.productPage #wrap .blockPoint .bigImage { display: block; width: 100%; }

#mesoceutical.productPage #wrap .blockStep { margin-top: 60px; }

#mesoceutical.productPage #wrap .blockStep .titleProduct01 { background: #cca431; line-height: 74px; color: #fff; letter-spacing: 2px; }

#mesoceutical.productPage #wrap .blockStep .titlePoint { color: #9aabbe; margin-top: 44px; margin-bottom: 21px; }

#mesoceutical.productPage #wrap .blockStep .titlePoint .fz30 { display: inline-block; vertical-align: middle; }

#mesoceutical.productPage #wrap .blockStep .titlePoint .fz14 { display: inline-block; vertical-align: middle; margin-left: 15px; padding-left: 15px; border-left: 1px solid #9aabbe; }

#mesoceutical.productPage #wrap .blockStep .imgStep { display: block; width: 100%; margin: 0 auto; }

#mesoceutical.productPage #wrap .blockStep .boxStep { margin-top: 52px; }

#mesoceutical.productPage #wrap .blockStep .boxStep .left { float: left; width: 58%; margin-right: 5%; }

#mesoceutical.productPage #wrap .blockStep .boxStep .left .listNumber li { position: relative; padding-left: 40px; margin-bottom: 13px; }

#mesoceutical.productPage #wrap .blockStep .boxStep .left .listNumber li .number { display: block; position: absolute; top: 0; left: 0; width: 26px; height: 26px; color: #fff; text-align: center; line-height: 26px; background: url(../../mesoceutical/assets/img/product/bgSquare.svg) center no-repeat; background-size: 100%; }

#mesoceutical.productPage #wrap .blockStep .boxStep .left .listNumber li .text { font-size: 14px; letter-spacing: 0; }

#mesoceutical.productPage #wrap .blockStep .boxStep .left .listNumber li .text .fz22 { color: #cca431; margin-top: 9px; }

#mesoceutical.productPage #wrap .blockStep .boxStep .left .listNumber li .text p:not(:last-child) { margin-bottom: 10px; }

#mesoceutical.productPage #wrap .blockStep .boxStep .right { float: left; width: 37%; }

#mesoceutical.productPage #wrap .blockStep .boxStep .right img { display: block; width: 100%; }

#mesoceutical.productPage #wrap .blockStep .txt01 { font-size: 14px; line-height: 1; margin-bottom: 10px; margin-top: 29px; }

#mesoceutical.productPage #wrap .blockStep .txt02 { line-height: 18px; margin-bottom: 2px; letter-spacing: 0; }

#mesoceutical.productPage #wrap .blockStep .txt03 { line-height: 1; }

#mesoceutical.productPage #wrap .blockPhoto { margin-top: 80px; }

#mesoceutical.productPage #wrap .blockPhoto .titleProduct01 { background: #cca431; line-height: 74px; color: #fff; letter-spacing: 2px; margin-bottom: 57px; }

#mesoceutical.productPage #wrap .blockPhoto .beforeAfter { text-align: center; font-size: 0; letter-spacing: 0; }

#mesoceutical.productPage #wrap .blockPhoto .beforeAfter .before { display: inline-block; vertical-align: middle; }

#mesoceutical.productPage #wrap .blockPhoto .beforeAfter .before .text { text-align: center; font-size: 14px; }

#mesoceutical.productPage #wrap .blockPhoto .beforeAfter .before img { display: block; margin-bottom: 15px; }

#mesoceutical.productPage #wrap .blockPhoto .beforeAfter .arr { display: inline-block; vertical-align: top; width: 39px; height: 238px; background: url(../../mesoceutical/assets/img/product/arr.jpg) center no-repeat; }

#mesoceutical.productPage #wrap .blockPhoto .beforeAfter .after { display: inline-block; vertical-align: middle; }

#mesoceutical.productPage #wrap .blockPhoto .beforeAfter .after .text { text-align: center; font-size: 14px; }

#mesoceutical.productPage #wrap .blockPhoto .beforeAfter .after img { display: block; margin-bottom: 15px; }

#mesoceutical.productPage #wrap .blockPhoto .boxComment { background: #e7eef1; padding: 37px 40px 34px; margin-top: 35px; }

#mesoceutical.productPage #wrap .blockPhoto .boxComment .titleComment { line-height: 1; margin-bottom: 13px; }

#mesoceutical.productPage #wrap .blockPhoto .boxComment .text { font-size: 14px; line-height: 24px; }

#mesoceutical.productPage #wrap .blockQA { margin-top: 80px; }

#mesoceutical.productPage #wrap .blockQA .titleProduct01 { background: #cca431; line-height: 74px; color: #fff; letter-spacing: 2px; margin-bottom: 65px; }

#mesoceutical.productPage #wrap .blockQA .listQA li { font-size: 14px; line-height: 24px; border-bottom: 1px solid #dedcdc; padding-bottom: 30px; margin-bottom: 30px; }

#mesoceutical.productPage #wrap .blockQA .listQA li:last-child { margin-bottom: 0; }

#mesoceutical.productPage #wrap .blockQA .listQA li .textQuestion { background: url(../../mesoceutical/assets/img/product/icoQ.svg) left top no-repeat; background-size: 28px 28px; padding-left: 40px; min-height: 28px; margin-bottom: 8px; }

#mesoceutical.productPage #wrap .blockQA .listQA li .textAnwser { background: url(../../mesoceutical/assets/img/product/icoA.svg) left top no-repeat; background-size: 28px 28px; padding-left: 40px; min-height: 28px; }

#mesoceutical.productPage #wrap .blockRelative { margin-top: 80px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

#mesoceutical.productPage #wrap .blockRelative .titleProduct01 { background: #cca431; line-height: 74px; color: #fff; letter-spacing: 2px; margin-bottom: 55px; }

#mesoceutical.productPage #wrap .blockRelative .text { line-height: 24px; font-size: 12px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate { padding: 80px 0 104px; margin-top: 74px; box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.1); }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate { margin-bottom: 61px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate:last-child { margin-bottom: 0; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate .titleBox { line-height: 30px; padding-left: 30px; background: url(../../mesoceutical/assets/img/care/borderLeftTitleCat.jpg) left center no-repeat; margin-bottom: 19px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate .titleBox span { display: inline-block; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul { margin-left: -6px; margin-right: -6px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li { float: left; width: 20%; padding: 0 6px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox { border: 1px solid #c1af49; padding-bottom: 10px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .img { padding: 10px 0; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .img img { display: block; margin: 0 auto; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .txt01 { letter-spacing: 0; line-height: 1; color: #cca431; text-transform: uppercase; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .txt02 { letter-spacing: 0; line-height: 1; font-size: 0; margin: 8px 0; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .txt02 span { display: inline-block; line-height: 23px; border-radius: 100px; padding: 0 15px; margin: 0 2px; font-size: 12px; background: #c1af49; color: #fff; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .txt03 { letter-spacing: 0; line-height: 20px; padding: 0 5px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox.bgPink { border-color: #d10057; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox.bgBlue { border-color: #9dc3dc; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox.bgBlue .txt01 { color: #9dc3dc; margin: 5px 0 0; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox.bgBlue .txt02 { margin: 4px 0 10px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox.bgBlue .txt02 span { background: #9dc3dc; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li { width: 33.333333%; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox { height: 445px; padding: 43px 0 0; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt04 { letter-spacing: 0; line-height: 1; margin-bottom: 17px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt05 { letter-spacing: 0; line-height: 20px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt06 { letter-spacing: 0; text-align: center; font-size: 0; line-height: 1; margin: 17px 0 10px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt06 span { display: inline-block; line-height: 23px; border-radius: 100px; background: #c1af49; color: #fff; padding: 0 20px; margin: 0 2px; font-size: 14px; text-transform: uppercase; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt06 span.cat02 { background: #9aabbe; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt06 span.cat03 { background: #d10057; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt06 span.cat04 { background: #9dc3dc; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .aButton { display: block; text-align: center; width: 160px; line-height: 38px; margin: 0 auto; border: 1px solid #cca431; border-radius: 3px; background: #fff; color: #cca431; font-size: 13px; margin-top: 10px; }

#mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .aButton span { display: block; }

#mesoceutical.productPage #wrap .pageNavi { margin: 50px 0 0; }

#mesoceutical.productPage #wrap .pageNavi ul { font-size: 0; letter-spacing: 0; text-align: center; }

#mesoceutical.productPage #wrap .pageNavi ul li { font-size: 13px; letter-spacing: 1px; display: inline-block; vertical-align: middle; margin: 0 5px; }

#mesoceutical.productPage #wrap .pageNavi ul li a { display: block; min-width: 32px; line-height: 30px; border: 1px solid #e7eef1; text-align: center; }

#mesoceutical.productPage #wrap .pageNavi ul li .current { background: #e7eef1; }

@media screen and (max-width: 1024px) { #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul { margin-left: 0; margin-right: 0; }
  #mesoceutical.productPage #wrap .previewProduct { padding: 0 15px; }
  #mesoceutical.productPage #wrap .blockPoint .container, #mesoceutical.productPage #wrap .blockQA .container, #mesoceutical.productPage #wrap .blockRelative .container, #mesoceutical.productPage #wrap .blockStep .container { padding-left: 15px; padding-right: 15px; }
  #mesoceutical.productPage #wrap .boxBorder, #mesoceutical.productPage #wrap .blockPhoto .boxComment { margin-left: 15px; margin-right: 15px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li { width: 25%; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .txt03 { font-size: 12px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox { height: 435px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt04 { font-size: 20px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt06 span { padding: 0 15px; margin: 0 1px; font-size: 12px; } }

@media screen and (max-width: 835px) { #mesoceutical.productPage #wrap .blockPhoto .beforeAfter .before, #mesoceutical.productPage #wrap .blockPhoto .beforeAfter .after { width: 320px; } }

@media screen and (max-width: 767px) { #mesoceutical.productPage #wrap .titleCategory { line-height: 50px; margin-bottom: 30px; }
  #mesoceutical.productPage #wrap .titleCategory h3 { font-size: 18px; letter-spacing: 5px; }
  #mesoceutical.productPage #wrap .previewProduct .imageProduct { float: none; width: auto; }
  #mesoceutical.productPage #wrap .previewProduct .imageProduct img { width: 230px; margin: 0 auto; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct { float: none; width: auto; padding: 0; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct .txt01 { text-align: center; font-size: 12px; margin-bottom: 10px; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct .txt02 { text-align: center; font-size: 23px; margin-bottom: 10px; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct .txt03 { text-align: center; font-size: 14px; margin-bottom: 10px; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct .txt04 { font-size: 14px; margin-bottom: 10px; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct .txt05 { font-size: 13px; margin-bottom: 20px; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct .txt06 { text-align: center; font-size: 12px; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct .txt06 span { font-size: 23px; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct .boxGrey { padding: 20px 15px; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct .boxGrey .txt06 { text-align: center; font-size: 15px; }
  #mesoceutical.productPage #wrap .previewProduct .rightProduct .boxGrey ul { font-size: 14px; }
  #mesoceutical.productPage #wrap .boxBorder { margin-top: 40px; padding: 15px 20px; }
  #mesoceutical.productPage #wrap .boxBorder .titleBox { font-size: 22px; margin-bottom: 20px; }
  #mesoceutical.productPage #wrap .boxBorder .boxBorder_sub .txt01 { font-size: 13px; line-height: 22px; }
  #mesoceutical.productPage #wrap .boxBorder .boxBorder_sub .txt02 { font-size: 14px; }
  #mesoceutical.productPage #wrap .boxBorder .boxBorder_sub:nth-child(2) { padding-bottom: 15px; margin-bottom: 15px; }
  #mesoceutical.productPage #wrap .blockStep, #mesoceutical.productPage #wrap .blockPhoto, #mesoceutical.productPage #wrap .blockQA, #mesoceutical.productPage #wrap .blockRelative, #mesoceutical.productPage #wrap .blockPoint { margin-top: 38px; }
  #mesoceutical.productPage #wrap .blockStep .titleProduct01, #mesoceutical.productPage #wrap .blockPhoto .titleProduct01, #mesoceutical.productPage #wrap .blockQA .titleProduct01, #mesoceutical.productPage #wrap .blockRelative .titleProduct01, #mesoceutical.productPage #wrap .blockPoint .titleProduct01 { font-size: 18px; line-height: 50px; }
  #mesoceutical.productPage #wrap .blockStep .titlePoint, #mesoceutical.productPage #wrap .blockPhoto .titlePoint, #mesoceutical.productPage #wrap .blockQA .titlePoint, #mesoceutical.productPage #wrap .blockRelative .titlePoint, #mesoceutical.productPage #wrap .blockPoint .titlePoint { margin: 30px 0; }
  #mesoceutical.productPage #wrap .blockStep .titlePoint .fz30, #mesoceutical.productPage #wrap .blockPhoto .titlePoint .fz30, #mesoceutical.productPage #wrap .blockQA .titlePoint .fz30, #mesoceutical.productPage #wrap .blockRelative .titlePoint .fz30, #mesoceutical.productPage #wrap .blockPoint .titlePoint .fz30 { font-size: 27px; }
  #mesoceutical.productPage #wrap .blockStep .titlePoint .fz14, #mesoceutical.productPage #wrap .blockPhoto .titlePoint .fz14, #mesoceutical.productPage #wrap .blockQA .titlePoint .fz14, #mesoceutical.productPage #wrap .blockRelative .titlePoint .fz14, #mesoceutical.productPage #wrap .blockPoint .titlePoint .fz14 { font-size: 13px; }
  #mesoceutical.productPage #wrap .blockPoint .boxPoint .left, #mesoceutical.productPage #wrap .blockPoint .boxPoint .right { float: none; width: auto; padding: 0; margin: 0; font-size: 13px; }
  #mesoceutical.productPage #wrap .blockPoint .boxPoint .left h2 { font-size: 18px; }
  #mesoceutical.productPage #wrap .blockPoint .boxPoint .left .txt02 { font-size: 13px; }
  #mesoceutical.productPage #wrap .blockPoint .boxPoint .left .txt03 { font-size: 13px; }
  #mesoceutical.productPage #wrap .blockPoint .boxPoint .left .txt04 { font-size: 18px; }
  #mesoceutical.productPage #wrap .blockPoint .boxPoint .left .txt05 { font-size: 13px; }
  #mesoceutical.productPage #wrap .blockPoint .boxPoint .right img { margin-bottom: 10px; }
  #mesoceutical.productPage #wrap .blockPoint .boxPoint .right img:last-child { margin-bottom: 0; }
  #mesoceutical.productPage #wrap .blockStep .boxStep { margin-top: 30px; }
  #mesoceutical.productPage #wrap .blockStep .boxStep .left, #mesoceutical.productPage #wrap .blockStep .boxStep .right { margin: 0; padding: 0; width: auto; float: none; }
  #mesoceutical.productPage #wrap .blockStep .boxStep .left .listNumber li .number { font-size: 16px; width: 19px; height: 19px; line-height: 19px; }
  #mesoceutical.productPage #wrap .blockStep .boxStep .left .listNumber li .text .fz22 { font-size: 18px; }
  #mesoceutical.productPage #wrap .blockStep .txt02 { margin-bottom: 0; }
  #mesoceutical.productPage #wrap .blockStep .txt03 { line-height: 20px; }
  #mesoceutical.productPage #wrap .blockPhoto .titleProduct01 { margin-bottom: 30px; }
  #mesoceutical.productPage #wrap .blockPhoto .beforeAfter .before, #mesoceutical.productPage #wrap .blockPhoto .beforeAfter .after { width: 133px; }
  #mesoceutical.productPage #wrap .blockPhoto .beforeAfter .arr { width: 20px; height: 90px; background-size: 7px auto; }
  #mesoceutical.productPage #wrap .blockPhoto .beforeAfter .after img { margin-bottom: 10px; }
  #mesoceutical.productPage #wrap .blockPhoto .beforeAfter .before .text { font-size: 12px; }
  #mesoceutical.productPage #wrap .blockPhoto .boxComment { margin-top: 28px; padding: 25px 20px; }
  #mesoceutical.productPage #wrap .blockPhoto .boxComment .titleComment { font-size: 23px; text-align: center; margin-bottom: 15px; }
  #mesoceutical.productPage #wrap .blockPhoto .boxComment .text { font-size: 13px; }
  #mesoceutical.productPage #wrap .blockQA { margin-top: 48px; }
  #mesoceutical.productPage #wrap .blockQA .titleProduct01 { margin-bottom: 30px; }
  #mesoceutical.productPage #wrap .blockQA .listQA li .textQuestion, #mesoceutical.productPage #wrap .blockQA .listQA li .textAnwser { letter-spacing: 0; }
  #mesoceutical.productPage #wrap .blockRelative .text { font-size: 12px; }
  #mesoceutical.productPage #wrap .blockRelative .titleProduct01 { margin-bottom: 28px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate { padding-top: 39px; margin-top: 39px; padding-bottom: 0; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate { margin-bottom: 28px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul { margin-left: -15px; margin-right: -15px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li { float: none; width: auto; margin: 0; padding: 0; clear: both; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li:last-child .innerBox { border-bottom: 1px solid #dcdcdc; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox { border: 0; border-top: 1px solid #dcdcdc; height: auto; background: url(../../mesoceutical/assets/img/top/polygon.svg) right 15px center no-repeat; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox.bgBlue { border-color: #dcdcdc !important; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox:after { content: ""; display: block; clear: both; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .img { float: left; width: 95px; padding: 0; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .img img { height: 75px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .txt01 { display: none; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .txt02 { text-align: left; margin: 0 0 10px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .txt02 span { font-size: 10px; line-height: 16px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .txt03 { text-align: left; font-size: 15px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .right { padding: 15px 0; overflow: hidden; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li { width: auto; float: none; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox { height: auto; border-color: #dcdcdc !important; padding: 0; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .right { padding: 15px 0; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt04 { text-align: left; font-size: 15px; margin-bottom: 10px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt05 { text-align: left; font-size: 11px; line-height: 14px; margin-bottom: 10px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt06 { text-align: left; font-size: 10px; margin: 0; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .txt06 span { line-height: 16px; font-size: 10px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .img { float: left; width: 95px; padding: 29px 0; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .img img { height: 50px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .aButton { display: none; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .txt03 { font-size: 15px; line-height: 21px; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox { padding-bottom: 0; display: table; width: 100%; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .img { display: table-cell; vertical-align: middle; float: none; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate ul li .innerBox .right { display: table-cell; vertical-align: middle; float: none; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox { display: table; width: 100%; }
  #mesoceutical.productPage #wrap .blockRelative .listBoxRelate .container .boxRelate.boxRelate02 ul li .innerBox .img.sp { float: none; display: table-cell !important; vertical-align: middle; } }

.fz10 { font-size: 10px; }

.fz11 { font-size: 11px; }

.fz12 { font-size: 12px; }

.fz13 { font-size: 13px; }

.fz14 { font-size: 14px; }

.fz15 { font-size: 15px; }

.fz16 { font-size: 16px; }

.fz17 { font-size: 17px; }

.fz18 { font-size: 18px; }

.fz19 { font-size: 19px; }

.fz20 { font-size: 20px; }

.fz21 { font-size: 21px; }

.fz22 { font-size: 22px; }

.fz23 { font-size: 23px; }

.fz24 { font-size: 24px; }

.fz25 { font-size: 25px; }

.fz26 { font-size: 26px; }

.fz27 { font-size: 27px; }

.fz28 { font-size: 28px; }

.fz29 { font-size: 29px; }

.fz30 { font-size: 30px; }

.fz31 { font-size: 31px; }

.fz32 { font-size: 32px; }

.fz33 { font-size: 33px; }

.fz34 { font-size: 34px; }

.fz35 { font-size: 35px; }

.fz36 { font-size: 36px; }

.fz37 { font-size: 37px; }

.fz38 { font-size: 38px; }

.fz39 { font-size: 39px; }

.fz40 { font-size: 40px; }

.fz41 { font-size: 41px; }

.fz42 { font-size: 42px; }

.fz43 { font-size: 43px; }

.fz44 { font-size: 44px; }

.fz45 { font-size: 45px; }

.fz46 { font-size: 46px; }

.fz47 { font-size: 47px; }

.fz48 { font-size: 48px; }

.fz49 { font-size: 49px; }

.fz50 { font-size: 50px; }

.fz51 { font-size: 51px; }

.fz52 { font-size: 52px; }

.fz53 { font-size: 53px; }

.fz54 { font-size: 54px; }

.fz55 { font-size: 55px; }

.fz56 { font-size: 56px; }

.fz57 { font-size: 57px; }

.fz58 { font-size: 58px; }

.fz59 { font-size: 59px; }

.fz60 { font-size: 60px; }

.taC { text-align: center; }

.dIB { display: inline-block; }

.tdU { text-decoration: underline; }

.ttU { text-transform: uppercase; }

@keyframes fadeZoomIn { 0% { transform: scale(1.1, 1.1);
    opacity: 0; }
  100% { transform: scale(1, 1);
    opacity: 1; } }

#mesoceutical { font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; line-height: 1.7692307692; letter-spacing: 1px; color: #404040; padding-top: 155px; }

#mesoceutical a:hover { opacity: 0.8; }

#mesoceutical .mainColor { color: #CCA431; }

#mesoceutical .fwM { font-weight: 500; }

#mesoceutical .ffM, #mesoceutical .ffR { font-family: "游明朝体","游明朝","Yu Mincho",YuMincho,'Sawarabi Mincho',"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ryo-display-plusn",serif; }

#mesoceutical _::-webkit-full-page-media, #mesoceutical _:future, #mesoceutical :root .ffM { font-family: "游明朝体", "游明朝", "Yu Mincho", "YuMincho"; }

#mesoceutical .ffC { font-family: "Cormorant", serif; }

#mesoceutical .container { max-width: 1000px; padding: 0; margin: 0 auto; }

#mesoceutical .container.container_1500 { max-width: 1500px; }

#mesoceutical header { padding: 0 0 16px; height: 155px; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 99; transition: 0.3s ease all; }

#mesoceutical header .top .container { position: relative; }

#mesoceutical header .top .logo a { display: block; padding: 32px 0 42px; height: 110px; transition: 0.3s ease all; overflow: hidden; }

#mesoceutical header .top .logo a img { display: block; margin: 0 auto; }

#mesoceutical header .top h1.txtH1 { position: absolute; top: 0; right: 0; font-size: 10px; text-align: right; padding: 10px 0 0; transition: 0.3s ease top; }

#mesoceutical header .mainMenu > ul { font-size: 0; letter-spacing: 0; text-align: center; }

#mesoceutical header .mainMenu > ul > li { display: inline-block; font-size: 16px; letter-spacing: 1px; vertical-align: middle; position: relative; }

#mesoceutical header .mainMenu > ul > li > a, #mesoceutical header .mainMenu > ul > li > span { display: block; padding: 0 60px; border-left: 1px solid #E3E2E3; transition: none; }

#mesoceutical header .mainMenu > ul > li > span { opacity: 0.5; }

#mesoceutical header .mainMenu > ul > li:after { content: ""; display: block; height: 17px; }

#mesoceutical header .mainMenu > ul > li:nth-last-child(2) a { border-right: 1px solid #E3E2E3; }

#mesoceutical header .mainMenu > ul > li.menuLogo { display: none; }

#mesoceutical header .mainMenu > ul > li ul.sub { position: absolute; top: 100%; left: 0; padding: 10px 9px; width: 825px; background: #fff; border: 1px solid #DDDDDD; display: none; }

#mesoceutical header .mainMenu > ul > li ul.sub > li { background: #fff; text-align: left; font-size: 0; letter-spacing: 0; }

#mesoceutical header .mainMenu > ul > li ul.sub > li > a { display: inline-block; vertical-align: middle; width: 250px; line-height: 49px; background: #F1F2F3; color: #ad7a26; padding: 0 0 0 27px; border-bottom: 1px solid #fff; letter-spacing: 0; font-size: 15px; font-weight: bold; }

#mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle { display: inline-block; vertical-align: middle; width: calc(100% - 250px); }

#mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle li { display: inline-block; vertical-align: middle; width: 50%; }

#mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle li a { display: block; width: 100%; position: relative; border-bottom: 1px solid #DDDDDD; font-size: 14px; letter-spacing: 0; background: url(../../mesoceutical/assets/img/top/polygon.svg) right 10px center no-repeat; line-height: 49px; height: 49px; }

#mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle li a img { display: inline-block; vertical-align: middle; opacity: 0; position: absolute; top: 0; left: 0; }

#mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle li a em.img { display: inline-block; vertical-align: middle; width: 68px; background: center no-repeat; height: 49px; }

#mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle li a span { display: inline-block; vertical-align: middle; }

#mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle li a:empty { background: transparent; cursor: default; }

#mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle li:first-child a { border-right: 1px dashed #DDDDDD; }

#mesoceutical header .mainMenu > ul > li ul.sub > li:last-child > a { border-bottom: 0; }

#mesoceutical header .mainMenu > ul > li ul.sub > li:last-child .proSingle li a { border-bottom: 0; }

#mesoceutical header .mainMenu > ul > li ul.subList { position: absolute; top: 100%; left: 0; padding: 0 9px 0; border: 1px solid #ddd; background: #fff; width: 240px; display: none; }

#mesoceutical header .mainMenu > ul > li ul.subList li { background: #fff; }

#mesoceutical header .mainMenu > ul > li ul.subList li a { display: block; text-align: left; font-size: 13px; line-height: 49px; border-bottom: 1px solid #ddd; background: url(../../mesoceutical/assets/img/top/polygon.svg) right 10px center no-repeat; letter-spacing: 0; }

#mesoceutical header .mainMenu > ul > li ul.subList li a img { display: inline-block; position: absolute; top: 0; left: 0; opacity: 0; }

#mesoceutical header .mainMenu > ul > li ul.subList li a em.img { display: inline-block; width: 50px; vertical-align: middle; background: center no-repeat; height: 49px; }

#mesoceutical header .mainMenu > ul > li ul.subList li a span { display: inline-block; vertical-align: middle; }

#mesoceutical header .mainMenu > ul > li ul.subList li:last-child a { border-bottom: 0; }

#mesoceutical header .mainMenu > ul > li.noHoverTablet:hover ul { display: block; }

#mesoceutical.smallHeader header { height: 65px; padding: 17px 0; }

#mesoceutical.smallHeader header .top .logo a { height: 0; padding: 0; }

#mesoceutical.smallHeader header .top h1.txtH1 { top: -100px; }

#mesoceutical.smallHeader header .mainMenu > ul > li > a, #mesoceutical.smallHeader header .mainMenu > ul > li > span { padding: 0 37px; }

#mesoceutical.smallHeader header .mainMenu > ul > li.menuLogo { display: inline-block; position: relative; top: -4px; }

#mesoceutical.smallHeader header .mainMenu > ul > li.menuLogo a { padding-left: 0; border-left: 0; }

#mesoceutical.smallHeader header .mainMenu > ul > li.menuLogo a img { display: block; height: 26px; width: 188px; }

#mesoceutical.smallHeader header .mainMenu > ul > li:after { height: 19px; }

#mesoceutical .blockColumn { padding: 67px 0 60px; border-bottom: 1px solid #E6DCBE; }

#mesoceutical .blockColumn .titleBlock { letter-spacing: 3px; line-height: 1; }

#mesoceutical .blockColumn .boxColumn { margin: 33px -17px 0; }

#mesoceutical .blockColumn .boxColumn .each { float: left; width: 33.33333%; padding: 0 17px; }

#mesoceutical .blockColumn .boxColumn .each .inner .aImg { display: block; }

#mesoceutical .blockColumn .boxColumn .each .inner .aImg img { display: block; }

#mesoceutical .blockColumn .boxColumn .each .inner .date { color: #A5A5A5; font-size: 12px; margin: 25px 0 10px; line-height: 1; }

#mesoceutical .blockColumn .boxColumn .each .inner .titleColumn { font-size: 16px; line-height: 26px; }

#mesoceutical .blockColumn .boxColumn .each .inner .descColumn { font-size: 12px; height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #787878; margin-bottom: 14px; margin-top: 8px; }

#mesoceutical .blockColumn .boxColumn .each .inner .catColumn { font-size: 12px; }

#mesoceutical .blockColumn .boxColumn .each .inner .catColumn span { display: inline-block; line-height: 20px; padding: 0 15px; border-radius: 100px; color: #fff; }

#mesoceutical .blockColumn .goToColumn { text-align: center; margin: 43px 0 0; }

#mesoceutical .blockColumn .goToColumn a { display: inline-block; width: 161px; line-height: 38px; margin: 0 auto; background: #CCA431; color: #fff; text-align: center; border-radius: 3px; font-size: 13px; position: relative; }

#mesoceutical .blockColumn .goToColumn a:after { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -moztransform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -3px; }

#mesoceutical .blockColumn .goToColumn a span { display: block; }

#mesoceutical .blockImg .img { float: left; width: 50%; height: 230px; padding: 80px 0 0; background: center no-repeat; background-size: cover; transition: 0.3s ease all; }

#mesoceutical .blockImg .img:hover { opacity: 0.5; }

#mesoceutical .blockImg .img .txt01 { font-size: 24px; color: #fff; line-height: 1; margin-bottom: 25px; }

#mesoceutical .blockImg .img a { display: block; margin: 0 auto; width: 161px; line-height: 38px; border: 1px solid #fff; background: rgba(255, 255, 255, 0.2); text-align: center; font-size: 13px; padding-right: 10px; position: relative; color: #fff; border-radius: 3px; }

#mesoceutical .blockImg .img a:after { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -moztransform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -3px; }

#mesoceutical .blockIcon { text-align: center; height: 120px; padding: 36px 0 0; font-size: 0; letter-spacing: 0; }

#mesoceutical .blockIcon a { display: inline-block; margin: 0 20px; }

#mesoceutical .blockIcon a img { display: block; }

#mesoceutical footer .blockFooter { background: #F9F4DE; padding: 55px 0 0 0; }

#mesoceutical footer .blockFooter .block01 { float: left; width: 260px; }

#mesoceutical footer .blockFooter .block01 ul li { line-height: 1; margin-bottom: 25px; }

#mesoceutical footer .blockFooter .block01 ul li:first-child { margin-bottom: 30px; }

#mesoceutical footer .blockFooter .block01 span { opacity: 0.5; }

#mesoceutical footer .blockFooter .block02 { float: left; width: 510px; }

#mesoceutical footer .blockFooter .block02 .txtBlockFooter { margin-bottom: 22px; line-height: 1; }

#mesoceutical footer .blockFooter .block02 ul { float: left; }

#mesoceutical footer .blockFooter .block02 ul li { line-height: 1; margin-bottom: 12px; }

#mesoceutical footer .blockFooter .block02 ul li a { background: url(../../mesoceutical/assets/img/top/polygon.svg) 3px center no-repeat; padding-left: 15px; letter-spacing: 0; display: block; font-size: 13px; }

#mesoceutical footer .blockFooter .block02 ul li:first-child { margin-bottom: 13px; }

#mesoceutical footer .blockFooter .block02 ul li:first-child a { background: transparent; padding: 0; }

#mesoceutical footer .blockFooter .block02 ul:nth-child(2) { width: 330px; margin-left: 43px; }

#mesoceutical footer .blockFooter .block02 ul:nth-child(2) li:not(:first-child) { float: left; }

#mesoceutical footer .blockFooter .block02 ul:nth-child(2) li:nth-child(2n) a { width: 160px; }

#mesoceutical footer .blockFooter .block03 { float: right; width: 226px; }

#mesoceutical footer .blockFooter .block03 .aLinkFooter { line-height: 48px; text-align: center; font-size: 13px; display: block; border-radius: 3px; background: #CCA431 url(../../mesoceutical/assets/img/top/icoEnvelope.svg) 15px center no-repeat; color: #fff; margin-bottom: 7px; padding-left: 30px; letter-spacing: 0; }

#mesoceutical footer .blockFooter .block03 .aLinkFooter.aLinkFooter02 { background-color: #9C7C30; }

#mesoceutical footer .blockFooter .block03 .aLinkFooter.aLinkFooter03 { background: transparent; line-height: 1; padding: 0; }

#mesoceutical footer .blockFooter .block03 .aLinkFooter.aLinkFooter03 img { display: block; height: 48px; }

#mesoceutical footer .blockFooter .block04 { border-top: 1px solid #E6DCBE; margin-top: 30px; }

#mesoceutical footer .blockFooter .block04 ul { font-size: 0; letter-spacing: 0; text-align: center; }

#mesoceutical footer .blockFooter .block04 ul li { display: inline-block; font-size: 12px; letter-spacing: 1px; margin-right: 36px; }

#mesoceutical footer .blockFooter .block04 ul li a { display: block; line-height: 67px; background: url(../../mesoceutical/assets/img/top/polygon.svg) left center no-repeat; padding-left: 13px; }

#mesoceutical footer .copyRight .listSocial { text-align: center; letter-spacing: 0; font-size: 0; padding: 38px 0 0; }

#mesoceutical footer .copyRight .listSocial .fz12 { display: inline-block; vertical-align: middle; margin-right: 23px; }

#mesoceutical footer .copyRight .listSocial ul { display: inline-block; vertical-align: middle; }

#mesoceutical footer .copyRight .listSocial ul li { display: inline-block; vertical-align: middle; margin-right: 5px; }

#mesoceutical footer .copyRight .listSocial ul li a { display: block; }

#mesoceutical footer .copyRight .listSocial ul li a img { display: block; height: 33px; }

#mesoceutical footer .copyRight .taC.fz10 { line-height: 80px; }

#mesoceutical.topPage #wrap .banner { position: relative; }

#mesoceutical.topPage #wrap .banner .ul .li { width: 100%; }

#mesoceutical.topPage #wrap .banner .ul .li img { display: block; margin: 0 auto; width: 100%; }

#mesoceutical.topPage #wrap .banner .ul .li { position: relative; background-repeat: no-repeat; background-position: center; }

#mesoceutical.topPage #wrap .banner .ul .li a { display: block; }

#mesoceutical.topPage #wrap .banner .ul .li a:hover { opacity: 1; }

#mesoceutical.topPage #wrap .banner .ul .li .textBanner { position: absolute; top: 50%; left: 50%; margin-top: -190px; margin-left: -500px; opacity: 0; animation: 1s 0.5s fadeZoomIn forwards; height: 321px; }

#mesoceutical.topPage #wrap .banner .newsBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: rgba(255, 255, 255, 0.8); z-index: 3; }

#mesoceutical.topPage #wrap .banner .newsBar .txtNews { display: inline-block; vertical-align: middle; font-size: 22px; line-height: 50px; letter-spacing: 0; padding-left: 23px; }

#mesoceutical.topPage #wrap .banner .newsBar .newsPost { display: inline-block; vertical-align: middle; font-size: 14px; padding-left: 36px; width: calc(100% - 259px); }

#mesoceutical.topPage #wrap .banner .newsBar .newsPost .date { font-size: 12px; display: inline-block; vertical-align: middle; line-height: 50px; color: #8E8E8E; }

#mesoceutical.topPage #wrap .banner .newsBar .newsPost .titleNews { display: inline-block; vertical-align: middle; line-height: 50px; margin-left: 10px; width: calc(100% - 95px); text-overflow: eclipse; height: 50px; overflow: hidden; }

#mesoceutical.topPage #wrap .banner .newsBar .goToNews { float: right; background: #CCA431; color: #fff; width: 170px; text-align: center; font-size: 14px; padding-right: 10px; position: relative; line-height: 50px; }

#mesoceutical.topPage #wrap .banner .newsBar .goToNews:after { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -moztransform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -3px; }

#mesoceutical.topPage #wrap .banner .owl-nav { content: ""; }

#mesoceutical.topPage #wrap .banner .owl-nav div { display: block; width: 36px; height: 36px; position: absolute; top: 50%; margin-top: -43px; font-size: 0; color: transparent; }

#mesoceutical.topPage #wrap .banner .owl-nav .owl-next { right: 50px; background: url(../../mesoceutical/assets/img/top/bannerArrRight.png) center no-repeat; }

#mesoceutical.topPage #wrap .banner .owl-nav .owl-prev { left: 50px; background: url(../../mesoceutical/assets/img/top/bannerArrLeft.png) center no-repeat; }

#mesoceutical.topPage #wrap .block01 { padding: 55px 0 42px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; z-index: 5; }

#mesoceutical.topPage #wrap .block01 .txt01 { line-height: 1; margin-bottom: 22px; }

#mesoceutical.topPage #wrap .block01 .txt02 { letter-spacing: 0; margin-bottom: 32px; }

#mesoceutical.topPage #wrap .block01 .link01 { display: inline-block; width: 320px; line-height: 60px; border: 1px solid #CCA431; text-align: center; font-size: 15px; position: relative; color: #CCA431; }

#mesoceutical.topPage #wrap .block01 .link01:after { content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -moztransform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -4px; }

#mesoceutical.topPage #wrap .block02 { background: #fff; padding: 70px 0; position: relative; z-index: 4; }

#mesoceutical.topPage #wrap .block02 .titleBlock { line-height: 1; letter-spacing: 3px; }

#mesoceutical.topPage #wrap .block02 .banner02 { margin: 43px -20px 0; }

#mesoceutical.topPage #wrap .block02 .banner02 a { display: block; float: left; width: 50%; padding: 0 20px; }

#mesoceutical.topPage #wrap .block02 .banner02 a img { display: block; }

#mesoceutical.topPage #wrap .block03 { position: relative; background: #fff url(../../mesoceutical/assets/img/top/bg.jpg); background-size: cover; padding: 97px 0 86px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 3; }

#mesoceutical.topPage #wrap .block03 .txt01 { margin-bottom: 30px; }

#mesoceutical.topPage #wrap .block03 .txt02 { line-height: 1.5; letter-spacing: 6px; margin-bottom: 50px; }

#mesoceutical.topPage #wrap .block03 .txt02 .dIB { position: relative; }

#mesoceutical.topPage #wrap .block03 .txt02 .dIB:before, #mesoceutical.topPage #wrap .block03 .txt02 .dIB:after { content: ""; display: block; width: 22px; height: 72px; position: absolute; }

#mesoceutical.topPage #wrap .block03 .txt02 .dIB:before { background: url(../../mesoceutical/assets/img/top/quoteLeft.svg) center no-repeat; top: 9px; left: -28px; }

#mesoceutical.topPage #wrap .block03 .txt02 .dIB:after { background: url(../../mesoceutical/assets/img/top/quoteRight.svg) center no-repeat; bottom: 11px; right: -13px; }

#mesoceutical.topPage #wrap .block03 .txt03 { line-height: 2.24; margin-bottom: 40px; }

#mesoceutical.topPage #wrap .block03 .txt03 .fz23.mainColor { text-decoration: underline; font-feature-settings: "palt"; margin-left: 10px; letter-spacing: 3px; }

#mesoceutical.topPage #wrap .block03 .txt04 { line-height: 1; margin-bottom: 15px; }

#mesoceutical.topPage #wrap .block04 { background: #EFEFF1; padding: 73px 0 50px; }

#mesoceutical.topPage #wrap .block04 .titleBlock { letter-spacing: 3px; line-height: 1; }

#mesoceutical.topPage #wrap .block04 .titleLineUp { line-height: 1; background: #CCA431; color: #fff; padding: 14px 0; }

#mesoceutical.topPage #wrap .block04 .blockLineUp01 { margin-top: 35px; }

#mesoceutical.topPage #wrap .block04 .boxLineUp { margin: 12px -6px 0; }

#mesoceutical.topPage #wrap .block04 .boxLineUp .each { float: left; width: 33.333333%; padding: 0 6px; }

#mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner { padding: 31px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); background: #fff; }

#mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .txt01 { text-align: center; letter-spacing: 0; }

#mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .txt02 { text-align: center; margin: 10px 0 14px; }

#mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .txt03 { text-align: center; font-size: 14px; }

#mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .txt03 span { color: #fff; display: inline-block; border-radius: 100px; line-height: 23px; padding: 0 20px; }

#mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .aImg { display: block; overflow: hidden; background: #fff center no-repeat; height: 210px; }

#mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .aImg img { display: block; margin: 0 auto; opacity: 0; max-height: 210px; }

#mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .aLink { display: block; width: 160px; margin: 0 auto; line-height: 38px; text-align: center; color: #CCA431; font-size: 13px; border: 1px solid #CCA431; position: relative; border-radius: 3px; padding-right: 10px; }

#mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .aLink:after { content: ""; display: block; width: 4px; height: 4px; border-top: 1px solid #CCA431; border-right: 1px solid #CCA431; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -moztransform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -3px; }

#mesoceutical.topPage #wrap .block04 .blockLineUp02 { margin-top: 50px; }

#mesoceutical.topPage #wrap .block04 .blockLineUp02 .titleLineUp { background: #C1AF49; }

#mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each { width: 20%; }

#mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each .inner { padding-bottom: 24px; }

#mesoceutical.topPage #wrap .block06 { padding: 60px 0 64px; }

#mesoceutical.topPage #wrap .block06 .boxTest { margin: 0 -19px; }

#mesoceutical.topPage #wrap .block06 .boxTest .each { float: left; width: 33.3333333%; padding: 0 19px; }

#mesoceutical.topPage #wrap .block06 .boxTest .each .inner img { display: block; border-radius: 100px; margin: 0 auto; }

#mesoceutical.topPage #wrap .block06 .boxTest .each .inner .txt01 { font-size: 18px; line-height: 28px; margin: 0 0 20px; }

#mesoceutical.topPage #wrap .block06 .boxTest .each .inner .txt02 { letter-spacing: 0; }

#mesoceutical.topPage #wrap .block06 .boxTest .each .inner .txt02 small { font-size: 11px; }

@media screen and (max-width: 1170px) { #mesoceutical.topPage #wrap .banner .ul .li { background: center no-repeat; background-size: cover; }
  #mesoceutical.topPage #wrap .banner .ul .li .textBanner { display: none; }
  #mesoceutical.topPage #wrap .banner .ul .li .imgBanner { opacity: 1; animation: none; }
  #mesoceutical.topPage #wrap .block06 .boxTest, #mesoceutical.topPage #wrap .block02 .banner02, #mesoceutical .blockColumn .boxColumn { margin-left: -10px; margin-right: -10px; } }

@media screen and (max-width: 1024px) { #mesoceutical header .mainMenu > ul > li[data-class="noHoverTablet"] > a { position: relative; }
  #mesoceutical header .mainMenu > ul > li[data-class="noHoverTablet"] > a:after { content: ""; display: block; width: 5px; height: 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -moztransform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -3px; }
  #mesoceutical header .mainMenu > ul > li[data-class="noHoverTablet"].openSub > a:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -moztransform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -2px; }
  #mesoceutical header .mainMenu > ul > li ul.sub { width: 470px; }
  #mesoceutical header .mainMenu > ul > li ul.sub > li > a { width: 100%; }
  #mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle { width: 100%; }
  #mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle li { width: 50%; }
  #mesoceutical header .mainMenu > ul > li ul.sub > li .proSingle li a { border-bottom: 0; }
  #mesoceutical header .top h1.txtH1 { right: 15px; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp, #mesoceutical.topPage #wrap .block06 .boxTest, #mesoceutical.topPage #wrap .block02 .banner02, #mesoceutical .blockColumn .boxColumn { margin-left: 0; margin-right: 0; } }

@media screen and (max-width: 1000px) { #mesoceutical header .mainMenu > ul > li > a, #mesoceutical header .mainMenu > ul > li > span { padding: 0 40px; }
  #mesoceutical.topPage #wrap .block06 .boxTest, #mesoceutical .blockColumn .boxColumn, #mesoceutical.topPage #wrap .block04 .boxLineUp, #mesoceutical.topPage #wrap .block02 .banner02 { margin-left: 0; margin-right: 0; }
  #mesoceutical.smallHeader header .mainMenu > ul > li a, #mesoceutical.smallHeader header .mainMenu > ul > li span { padding: 0 20px; font-size: 14px; }
  #mesoceutical.smallHeader header .mainMenu > ul > li.menuLogo a { padding-left: 0; }
  #mesoceutical footer .blockFooter { padding-left: 10px; padding-right: 10px; }
  #mesoceutical footer .blockFooter .block02 { width: 330px; }
  #mesoceutical footer .blockFooter .block02 ul:nth-child(2) { width: auto; margin-left: 20px; }
  #mesoceutical footer .blockFooter .block02 ul:nth-child(2) li:not(:first-child) { float: none; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .txt01 { font-size: 16px; } }

@media screen and (max-width: 835px) { #mesoceutical header .mainMenu > ul > li > a, #mesoceutical header .mainMenu > ul > li > span { padding: 0 30px; }
  #mesoceutical footer .blockFooter .block01 { width: 200px; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .aLink { width: 110px; }
  #mesoceutical footer .blockFooter .block04 ul li { margin-right: 20px; }
  #mesoceutical footer .blockFooter .block02 { width: calc(100% - 486px); } }

@media screen and (max-width: 767px) { #mesoceutical { letter-spacing: 0; }
  #mesoceutical header { height: 50px; padding: 0; }
  #mesoceutical header .top h1.txtH1 { display: none; }
  #mesoceutical header .top .logo a { padding: 14px 0 0; height: 50px; }
  #mesoceutical header .top .logo a img { height: 23px; }
  #mesoceutical header .mainMenu { position: absolute; top: 50px; left: 0; width: 100%; padding-bottom: 50px; overflow-y: scroll; background: #fff; height: calc(100vh - 50px); border-bottom: 4px solid #C6B75F; display: none; -webkit-overflow-scrolling: touch; }
  #mesoceutical header .mainMenu > ul > li { display: block; text-align: left; }
  #mesoceutical header .mainMenu > ul > li:nth-child(2) { display: none; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3), #mesoceutical header .mainMenu > ul > li:nth-child(4) { width: 50%; display: inline-block; z-index: 2; vertical-align: top; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) > a, #mesoceutical header .mainMenu > ul > li:nth-child(4) > a { text-align: center; text-decoration: underline; font-size: 14px; height: 85px; line-height: 1; padding-top: 55px; background: url(../../mesoceutical/assets/img/top/ico01SP.svg) center 15px no-repeat; background-size: 28px 29px; z-index: 2; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) > a:after, #mesoceutical header .mainMenu > ul > li:nth-child(4) > a:after { display: none; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3).openSub > a, #mesoceutical header .mainMenu > ul > li:nth-child(4).openSub > a { background-color: #CCA431; color: #fff; background-image: url(../../mesoceutical/assets/img/top/ico01SPActive.svg); }
  #mesoceutical header .mainMenu > ul > li:nth-child(3).openSub > a:after, #mesoceutical header .mainMenu > ul > li:nth-child(4).openSub > a:after { border: 0; background: #CCA431; width: 10px; height: 10px; display: block; top: 100%; margin-top: -5px; right: 50%; margin-right: -7px; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) .sub, #mesoceutical header .mainMenu > ul > li:nth-child(4) .sub { position: relative; border: 0; padding: 0; border-bottom: 1px solid #DCDCDC; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) .sub > li > a, #mesoceutical header .mainMenu > ul > li:nth-child(4) .sub > li > a { font-size: 14px; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) .sub > li > ul.proSingle, #mesoceutical header .mainMenu > ul > li:nth-child(4) .sub > li > ul.proSingle { padding: 0 5px; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) .sub > li > ul.proSingle > li, #mesoceutical header .mainMenu > ul > li:nth-child(4) .sub > li > ul.proSingle > li { width: 100%; display: block; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) .sub > li > ul.proSingle > li > a, #mesoceutical header .mainMenu > ul > li:nth-child(4) .sub > li > ul.proSingle > li > a { font-size: 14px; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) .sub > li > ul.proSingle > li:first-child a, #mesoceutical header .mainMenu > ul > li:nth-child(4) .sub > li > ul.proSingle > li:first-child a { border: 0; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) .sub > li:nth-child(1) > ul > li:nth-child(1), #mesoceutical header .mainMenu > ul > li:nth-child(4) .sub > li:nth-child(1) > ul > li:nth-child(1) { border-bottom: 1px dashed #ddd; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) .sub > li:nth-child(2) > ul > li:nth-child(2), #mesoceutical header .mainMenu > ul > li:nth-child(4) .sub > li:nth-child(2) > ul > li:nth-child(2) { display: none; }
  #mesoceutical header .mainMenu > ul > li:nth-child(3) .subList, #mesoceutical header .mainMenu > ul > li:nth-child(4) .subList { position: relative; border: 0; padding: 0; border-bottom: 1px solid #DCDCDC; left: -100%; width: 200%; }
  #mesoceutical header .mainMenu > ul > li:nth-child(4) > a { background-image: url(../../mesoceutical/assets/img/top/ico02SP.svg); }
  #mesoceutical header .mainMenu > ul > li:nth-child(4).openSub > a { background-image: url(../../mesoceutical/assets/img/top/ico02SPActive.svg); }
  #mesoceutical header .mainMenu > ul > li > a, #mesoceutical header .mainMenu > ul > li > span { line-height: 49px; border-bottom: 1px solid #DCDCDC; padding: 0 15px; font-size: 14px; }
  #mesoceutical header .mainMenu > ul > li:after { display: none; }
  #mesoceutical header .mainMenu > ul > li ul.sub { width: 200%; }
  #mesoceutical header .mainMenu .boxLikeFooter .bgMainColor { background: #F9F4DE; padding: 20px 0; }
  #mesoceutical header .mainMenu .boxLikeFooter .bgMainColor .linkBox { width: 290px; margin: 0 auto; }
  #mesoceutical header .mainMenu .boxLikeFooter .bgMainColor .linkBox li { margin-bottom: 10px; }
  #mesoceutical header .mainMenu .boxLikeFooter .bgMainColor .linkBox li a { display: block; }
  #mesoceutical header .mainMenu .boxLikeFooter .bgMainColor .linkBox li a span { display: block; background: #CCA431 url(../../mesoceutical/assets/img/top/icoEnvelope.svg) 15px center no-repeat; font-size: 16px; color: #fff; text-align: center; padding: 0 0 0 30px; line-height: 60px; border-radius: 3px; background-size: auto 14px; }
  #mesoceutical header .mainMenu .boxLikeFooter .bgMainColor .linkBox li a img { display: block; width: 100%; }
  #mesoceutical header .mainMenu .boxLikeFooter .bgMainColor .linkBox li:nth-child(2) a span { background-color: #9C7C30; }
  #mesoceutical header .mainMenu .boxLikeFooter .bgMainColor .linkBox li:nth-child(3) { margin-bottom: 0; }
  #mesoceutical header .mainMenu .boxLikeFooter .boxCloseMainMenu { padding: 25px 15px; font-size: 11px; }
  #mesoceutical header .mainMenu .boxLikeFooter .boxCloseMainMenu .logoRitsubi { display: block; height: 36px; margin: 0 auto 18px; }
  #mesoceutical header .mainMenu .boxLikeFooter .boxCloseMainMenu .txt01 { border-left: 3px solid #AD981A; padding-left: 10px; line-height: 16px; margin-bottom: 10px; }
  #mesoceutical header .mainMenu .boxLikeFooter .boxCloseMainMenu .txt01 { line-height: 16px; }
  #mesoceutical header .mainMenu .boxLikeFooter .closeMainMenu { text-align: center; display: block; }
  #mesoceutical header .mainMenu .boxLikeFooter .closeMainMenu span { display: inline-block; font-size: 13px; border: 1px solid #AD8A26; border-radius: 3px; width: 145px; line-height: 39px; color: #AD8A26; position: relative; }
  #mesoceutical header .mainMenu .boxLikeFooter .closeMainMenu span:before { content: ""; display: block; width: 11px; height: 11px; background: url(../../mesoceutical/assets/img/top/icoClose.svg) center no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: 10px; margin-top: -5px; }
  #mesoceutical header .menuCircle { top: 0; float: none; position: absolute; right: 0; background: transparent; }
  #mesoceutical header .menuCircle span, #mesoceutical header .menuCircle span:after, #mesoceutical header .menuCircle span:before { background: #717071; }
  #mesoceutical header .menuCircle.active span, #mesoceutical header .menuCircle.circle.active span { background: rgba(255, 255, 255, 0); }
  #mesoceutical.topPage #wrap .banner .owl-carousel .owl-nav { display: none; }
  #mesoceutical.topPage #wrap .banner .owl-carousel .owl-dots { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 0 35px 0; text-align: center; }
  #mesoceutical.topPage #wrap .banner .owl-carousel .owl-dots div { display: inline-block; width: 8px; height: 8px; border-radius: 14px; background: #fff; margin: 0 5px; }
  #mesoceutical.topPage #wrap .banner .owl-carousel .owl-dots div.active { background: #1E1E1E; }
  #mesoceutical.topPage #wrap .banner .ul .li .imgBanner { opacity: 1; }
  #mesoceutical.topPage #wrap .banner .ul .li .textBanner { display: block; height: 198px; margin-left: -125px; margin-top: -240px; }
  #mesoceutical { padding-top: 0; }
  #mesoceutical.topPage #wrap .banner .newsBar { position: relative; height: auto; background: #FAF6EA; padding: 20px 15px; }
  #mesoceutical.topPage #wrap .banner .newsBar .txtNews { display: block; margin: 0; padding: 0; width: 100%; text-align: center; font-size: 28px; line-height: 1; margin-bottom: 20px; }
  #mesoceutical.topPage #wrap .banner .newsBar .newsPost { display: block; margin: 0; padding: 0; width: 100%; margin-bottom: 20px; }
  #mesoceutical.topPage #wrap .banner .newsBar .newsPost .date { display: block; margin: 0; padding: 0; width: 100%; text-align: left; line-height: 1.5; font-size: 12px; }
  #mesoceutical.topPage #wrap .banner .newsBar .newsPost .titleNews { display: block; margin: 0; padding: 0; width: 100%; text-align: left; line-height: 1.5; font-size: 14px; height: auto; }
  #mesoceutical.topPage #wrap .banner .newsBar .newsPost .titleNews a { display: block; }
  #mesoceutical.topPage #wrap .banner .newsBar .goToNews { display: block; margin: 0; padding: 0; width: 100%; text-align: center; width: 145px; line-height: 45px; margin: 0 auto; float: none; font-size: 13px; border-radius: 3px; }
  #mesoceutical.topPage #wrap .block01 { padding: 30px 15px; }
  #mesoceutical.topPage #wrap .block01 .txt01 { font-size: 20px; }
  #mesoceutical.topPage #wrap .block01 .txt02 { font-size: 14px; text-align: left; }
  #mesoceutical.topPage #wrap .block01 .link01 { width: 145px; line-height: 38px; border-radius: 3px; }
  #mesoceutical.topPage #wrap .block02 { padding: 30px 15px; }
  #mesoceutical.topPage #wrap .block02 .titleBlock { font-size: 28px; }
  #mesoceutical.topPage #wrap .block02 .banner02 a { float: none; width: 100%; margin-bottom: 10px; padding: 0; }
  #mesoceutical.topPage #wrap .block02 .banner02 a img { width: 100%; }
  #mesoceutical.topPage #wrap .block03 { padding: 50px 0; }
  #mesoceutical.topPage #wrap .block03 .txt01 { font-size: 17px; }
  #mesoceutical.topPage #wrap .block03 .txt02 { margin-bottom: 30px; }
  #mesoceutical.topPage #wrap .block03 .txt02 img { width: 289px; height: auto; display: block; margin: 0 auto; }
  #mesoceutical.topPage #wrap .block03 .txt02 .dIB { font-size: 21px; letter-spacing: 1px; }
  #mesoceutical.topPage #wrap .block03 .txt02 .dIB .fz58 { font-size: 25px; }
  #mesoceutical.topPage #wrap .block03 .txt02 .dIB:before { width: 9px; height: 31px; background-size: 100%; left: -10px; top: -5px; }
  #mesoceutical.topPage #wrap .block03 .txt02 .dIB:after { width: 9px; height: 31px; background-size: 100%; right: -10px; bottom: -5px; }
  #mesoceutical.topPage #wrap .block03 .txt03 { font-size: 13px; padding: 0; line-height: 23px; margin-bottom: 20px; }
  #mesoceutical.topPage #wrap .block03 .txt03 .fz23 { font-size: 16px; }
  #mesoceutical.topPage #wrap .block03 .txt03 .fz18 { font-size: 13px; }
  #mesoceutical.topPage #wrap .block03 .txt04 { font-size: 16px; line-height: 27px; margin-bottom: 0; }
  #mesoceutical.topPage #wrap .block03 .txt05 { font-size: 16px; }
  #mesoceutical.topPage #wrap .block03 .txt05 .mainColor { font-size: 21px; }
  #mesoceutical.topPage #wrap .block03 .txt05 .fz35 { font-size: 27px; }
  #mesoceutical.topPage #wrap .block04 { padding: 50px 0 26px; background: #fff; border-bottom: 1px solid #DCDCDC; }
  #mesoceutical.topPage #wrap .block04 .titleBlock { font-size: 28px; margin-bottom: 30px; }
  #mesoceutical.topPage #wrap .block04 .titleLineUp { font-size: 16px; line-height: 35px; margin-bottom: 0; padding: 0; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp { margin: 0; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each { float: none; width: 100%; padding: 0; border-bottom: 1px solid #ddd; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner { padding: 20px 0; background: #fff url(../../mesoceutical/assets/img/top/polygon.svg) center right 15px no-repeat; background-size: 8px 6px; display: table; width: 100%; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner > a.aImg.sp { display: table-cell !important; width: 95px; height: auto; vertical-align: middle; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner > a.aImg img { height: 60px; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .ovh { overflow: hidden; display: table-cell !important; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .txt01 { text-align: left; font-size: 15px; line-height: 1; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .txt02 { text-align: left; font-size: 11px; line-height: 14px; margin: 10px 0; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .txt03 { text-align: left; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .txt03 span { font-size: 11px; padding: 0 15px; line-height: 16px; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each .inner .aLink { display: none; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each:nth-child(1) .inner > a.aImg { background-size: auto 43px; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each:nth-child(2) .inner > a.aImg { background-size: auto 52px; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each:nth-child(3) .inner > a.aImg { background-size: auto 60px; }
  #mesoceutical.topPage #wrap .block04 .boxLineUp .each:nth-child(3) .inner > a.aImg img { height: 75px; }
  #mesoceutical.topPage #wrap .block04 .blockLineUp02 { margin-top: 0; }
  #mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each { float: none; width: 100%; padding: 0; }
  #mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each .inner { padding: 0; }
  #mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each .inner a.aImg { height: 75px; background-size: auto 48px; }
  #mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each:nth-child(2) .inner a.aImg { background-size: auto 51px; }
  #mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each:nth-child(3) .inner a.aImg { background-size: auto 50px; }
  #mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each:nth-child(4) .inner a.aImg { background-size: auto 57px; }
  #mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each:nth-child(5) .inner a.aImg { background-size: auto 36px; }
  #mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each .inner a.aImg img { height: 40px; }
  #mesoceutical.topPage #wrap .block04 .blockLineUp02 .boxLineUp .each .inner .txt01 { margin: 0; line-height: 75px; }
  #mesoceutical.topPage #wrap .block04 .aLinkLineUp { display: block; background: #CCA431; width: 145px; line-height: 40px; border-radius: 3px; margin: 26px auto 0; color: #fff; font-size: 13px; text-align: center; position: relative; }
  #mesoceutical.topPage #wrap .block04 .aLinkLineUp:after { content: ""; display: block; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 5px; height: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -moztransform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -3px; }
  #mesoceutical.topPage #wrap .block04 .aLinkLineUp span { display: block; }
  #mesoceutical .blockColumn { padding: 50px 0; }
  #mesoceutical .blockColumn .titleBlock { font-size: 28px; margin-bottom: 30px; }
  #mesoceutical .blockColumn .boxColumn { padding: 0 15px; }
  #mesoceutical .blockColumn .boxColumn .each { float: none; width: 100%; padding: 0; margin-bottom: 30px; }
  #mesoceutical .blockColumn .boxColumn .each .inner .date { font-size: 12px; }
  #mesoceutical .blockColumn .boxColumn .each .inner .titleColumn { text-decoration: underline; font-size: 14px; }
  #mesoceutical .blockColumn .boxColumn .each .inner .descColumn { text-decoration: underline; font-size: 12px; }
  #mesoceutical .blockColumn .boxColumn .each .inner .aImg img { width: 100%; }
  #mesoceutical .blockColumn .boxColumn .each:last-child { margin-bottom: 0; }
  #mesoceutical .blockColumn .goToColumn { margin-top: 30px; }
  #mesoceutical .blockColumn .goToColumn a { width: 145px; line-height: 40px; }
  #mesoceutical.topPage #wrap .block06 .boxTest .each { float: none; width: 100%; padding: 0 15px; margin-bottom: 30px; }
  #mesoceutical.topPage #wrap .block06 .boxTest .each .inner img { width: 110px; height: 110px; float: left; margin-right: 15px; margin-bottom: 15px; }
  #mesoceutical.topPage #wrap .block06 .boxTest .each .inner .txt01 { text-align: left; overflow: hidden; font-size: 14px; line-height: 21px; margin: 0; padding: 0 0 5px; }
  #mesoceutical.topPage #wrap .block06 .boxTest .each .inner .txt02 { clear: both; font-size: 11px; line-height: 18px; }
  #mesoceutical.topPage #wrap .block06 .boxTest .each:nth-child(2n) .inner img { float: right; margin: 0; margin-left: 15px; margin-bottom: 15px; }
  #mesoceutical.topPage #wrap .block06 .boxTest .each:last-child { margin-bottom: 0; }
  #mesoceutical .blockImg .img { float: none; width: 100%; height: 150px; padding-top: 40px; }
  #mesoceutical .blockImg .img .txt01 { font-size: 20px; margin-bottom: 15px; }
  #mesoceutical .blockImg .img a { width: 145px; line-height: 40px; }
  #mesoceutical .blockIcon { display: none; }
  #mesoceutical footer .blockFooter { background: #fff; padding: 0; }
  #mesoceutical footer .blockFooter .block01 { float: none; width: 100%; }
  #mesoceutical footer .blockFooter .block01 ul li { margin-bottom: 0; }
  #mesoceutical footer .blockFooter .block01 ul li:first-child { margin-bottom: 0; }
  #mesoceutical footer .blockFooter .block01 ul li a, #mesoceutical footer .blockFooter .block01 ul li span { display: block; line-height: 49px; border-bottom: 1px solid #DCDCDC; padding: 0 15px; font-size: 15px; }
  #mesoceutical footer .blockFooter .block02 { float: none; width: 100%; }
  #mesoceutical footer .blockFooter .block02 .txtBlockFooter { line-height: 49px; border-bottom: 1px solid #DCDCDC; margin: 0; padding: 0 15px; font-size: 15px; }
  #mesoceutical footer .blockFooter .block02 .txtBlockFooter a { display: block; }
  #mesoceutical footer .blockFooter .block02 ul { float: none; width: auto; background: #F4F4F4; }
  #mesoceutical footer .blockFooter .block02 ul li { margin-bottom: 0; display: none; }
  #mesoceutical footer .blockFooter .block02 ul:nth-child(2) { margin-left: 0; }
  #mesoceutical footer .blockFooter .block02 ul li:first-child { margin: 0; line-height: 49px; background: #fff url(../../mesoceutical/assets/img/top/icoPlus.svg) right 15px center no-repeat; padding: 0 15px; border-bottom: 1px solid #DCDCDC; display: block; background-size: 20px 20px; }
  #mesoceutical footer .blockFooter .block02 ul li:first-child a { border-bottom: 0; }
  #mesoceutical footer .blockFooter .block02 ul.showSub li:first-child { background-image: url(../../mesoceutical/assets/img/top/icoMinus.svg); }
  #mesoceutical footer .blockFooter .block02 ul li a { line-height: 49px; border-bottom: 1px dashed #B9B9B9; background-position: 15px center; padding-left: 30px; font-size: 14px; }
  #mesoceutical footer .blockFooter .block02 ul:nth-child(2) li:nth-child(2n) a { width: 100%; }
  #mesoceutical footer .blockFooter .block03 { float: none; width: 100%; padding: 20px 15px; background: #F9F4DE; clear: both; }
  #mesoceutical footer .blockFooter .block03 .aLinkFooter { background-size: auto 16px; padding-left: 30px; width: 290px; margin: 0 auto 10px; }
  #mesoceutical footer .blockFooter .block03 .aLinkFooter span { font-size: 16px; }
  #mesoceutical footer .blockFooter .block03 .aLinkFooter.aLinkFooter03 img { width: 100%; height: auto; }
  #mesoceutical footer .blockFooter .block03 .aLinkFooter:last-child { margin-bottom: 0; }
  #mesoceutical footer .blockFooter .block04 { margin: 0; padding: 20px 0; }
  #mesoceutical footer .blockFooter .block04 ul li { display: inline-block; margin: 0; }
  #mesoceutical footer .blockFooter .block04 ul li a { background: transparent; padding: 0; line-height: 28px; font-size: 12px; display: inline-block; vertical-align: middle; text-decoration: underline; }
  #mesoceutical footer .blockFooter .block04 ul li:nth-child(2):before, #mesoceutical footer .blockFooter .block04 ul li:nth-child(5):before { content: "|"; display: inline-block; vertical-align: middle; margin: 0 5px; }
  #mesoceutical footer .copyRight .taC.fz10 { font-size: 10px; line-height: 50px; }
  #mesoceutical footer .copyRight .listSocial { padding: 0; }
  #mesoceutical footer .copyRight .listSocial .fz12 { display: none; }
  #mesoceutical footer .copyRight .listSocial ul { display: block; padding: 0 12px; width: 290px; margin: 0 auto; }
  #mesoceutical footer .copyRight .listSocial ul li { width: 33.333333%; margin: 0 0 6px; padding: 0 3px; }
  #mesoceutical footer .copyRight .listSocial ul li a { display: block; width: 100%; }
  #mesoceutical footer .copyRight .listSocial ul li a img { display: block; width: 100%; height: auto; }
  #mesoceutical.topPage #wrap .banner .bjqs-controls { display: none; }
  #mesoceutical.topPage #wrap .block06 .boxTest .each .inner .txt02 small { font-size: 9px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #mesoceutical footer .copyRight .listSocial ul li a img { width: 83px; }
  #mesoceutical.topPage #wrap .block04 .titleLineUp { line-height: 1; padding: 14px 0 13px; }
  #mesoceutical.carePage #wrap .blockCare .titleBlock, #mesoceutical.carePage.lineupPage #wrap .blockCare.block03 .titleBlock, #mesoceutical.carePage.lineupPage #wrap .blockCare.block02 .titleBlock, #mesoceutical.carePage.lineupPage #wrap .blockCare .titleBlock { line-height: 1; padding: 25px 0 29px; }
  #mesoceutical.carePage #wrap .blockCare .container > .clearfix .catList > .clearfix .eachPro .inner .txt02 span { line-height: 1; padding-top: 5px; padding-bottom: 5px; }
  #mesoceutical.topPage #wrap .block04 .titleLineUp { padding: 14px 0 10px; }
  #mesoceutical.carePage.lineupPage #wrap .blockCare .titleBlock, #mesoceutical.carePage #wrap .blockCare .titleBlock { padding: 27px 0 24px; } }

.cm_btn { display: block; width: 360px; padding: 15px 20px; border: 1px solid #bbbec2; color: #404040; font-size: 16px; line-height: 38px; letter-spacing: 0.1em; text-align: center; position: relative; }

.cm_btn:after { position: absolute; right: 16px; top: calc(50% - 3px); content: ""; display: block; width: 6px; height: 6px; border-top: 1px solid #ad981a; border-right: 1px solid #ad981a; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.cm_btn--white { color: #fff !important; border: 1px solid #fff; }

.cm_btn--white:after { border-color: #fff; }

.cm_btn--mincho { width: 100%; padding: 27px 20px 24px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 26px; line-height: 40px; font-weight: 500; border: 1px solid #bdad48; }

.cm_btn--yellow { background: #ad981a; color: #fff !important; padding: 13px 20px; }

.cm_btn--yellow:after { border-top: 1px solid #fff; border-right: 1px solid #fff; }

.cm_btn--big { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; border: 5px solid #d6cb8c; max-width: 880px; width: 100%; font-size: 17px; color: #787878; padding: 54px 38px 34px; }

.cm_btn--big:after { width: 9px; height: 9px; right: 30px; top: calc(50% - 4px); }

.cm_btn--big span { display: block; font-size: 29px; line-height: 29px; letter-spacing: 0.1em; margin-bottom: 13px; }

@media only screen and (max-width: 767px) { .cm_btn { max-width: 280px; width: 100%; padding: 15px 20px; font-size: 15px; line-height: 30px; }
  .cm_btn:after { width: 4px; height: 4px; right: 10px; }
  .cm_btn--white { padding: 8px 20px; }
  .cm_btn--mincho { font-size: 16px; line-height: 24px; max-width: 290px; }
  .cm_btn--yellow { padding: 12px 20px; }
  .cm_btn--big { font-size: 13px; line-height: 22px; border: 2.5px solid #d6cb8c; max-width: 350px; padding: 30px 20px 26px; }
  .cm_btn--big:after { display: none; }
  .cm_btn--big span { font-size: 18px; margin-bottom: 10px; line-height: 26px; } }

@media only screen and (max-width: 767px) and (max-width: 374px) { .cm_btn--big { font-size: 12px; letter-spacing: 0; padding: 20px 10px; }
  .cm_btn--big span { font-size: 17px; margin-bottom: 5px; } }

.top #wrap { width: 100%; }

@media only screen and (max-width: 767px) { .top #wrap { margin-top: 52px !important; } }

.top .sec_ttl { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 30px; font-weight: 500; letter-spacing: 0.08em; line-height: 42px; text-align: center; margin-bottom: 20px; }

.top .sec_ttl span { display: block; color: #ad981a; font-size: 13px; letter-spacing: 0.04em; line-height: 26px; }

@media only screen and (max-width: 767px) { .top .sec_ttl { font-size: 21.5px; }
  .top .sec_ttl span { margin-top: -5px; } }

.top .txt_yellow { color: #b9a73c; }

.top .wcm { max-width: 1100px; margin: 0 auto; padding: 0 15px; }

.top__visual { background: url(assets/img/top/img_visual.jpg) top center/cover no-repeat; width: 100%; padding-bottom: 20px; position: relative; min-height: 600px; }

@media only screen and (min-width: 768px) and (max-width: 1400px) { .top__visual { min-height: 430px !important; } }

@media screen and (min-device-width: 320) and (max-device-width: 767px) { .top__visual { min-height: 400px !important; } }

.top__visual__blk { width: 490px; position: absolute; left: calc(50% + 60px); top: 50%; transform: translateY(-50%); }

.top__visual__blk__ttl { margin-bottom: 10px; display: inline-block; width: 100%; margin-left: -40px; }

.top__visual__blk__ttl img { height: 100%; width: auto; display: block; }

.top__visual__blk__txt { color: #fff; font-size: 17px; font-weight: 300; letter-spacing: 0.18em; margin-bottom: 45px; display: block; }

.top__visual__blk__btn { margin-bottom: 30px; }

@media only screen and (max-width: 767px) { .top__visual { background: url(assets/img/top/img_visual_sp.jpg) top center/cover no-repeat; min-height: 0; padding-bottom: 0px; }
  .top__visual__blk { width: 100%; max-width: 280px; left: 40px; margin-top: 30px; top: auto; transform: translateY(0); }
  .top__visual__blk__ttl { margin-bottom: 0; margin-left: -24px; }
  .top__visual__blk__txt { font-size: 14px; line-height: 30px; margin-bottom: 25px; letter-spacing: 0.05em; margin-top: 0; }
  .top__visual__blk img { max-width: 100%; }
  .top__visual__blk .fadeOp_03 .cm_btn.cm_btn--white { width: 280px; } }

@media only screen and (max-width: 374px) { .top__visual__blk { left: 20px; }
  .top__visual__blk__ttl { max-width: 190px; margin-bottom: 0px; margin-left: -14px; }
  .top__visual__blk__txt { margin-bottom: 17px; line-height: 20px; } }

.top__banner { padding: 42px 0; overflow: hidden; }

.top__banner .slick-track { min-width: 100%; }

.top__banner .wcm { max-width: 1130px; }

.top__banner .slider { margin: 0 -10px; position: relative; }

.top__banner .slider:before, .top__banner .slider:after { content: " "; display: table; }

.top__banner .slider:after { clear: both; }

.top__banner .slider li { width: 25%; display: inline-block; padding: 0 10px; }

.top__banner .slider li img { display: block; width: 100%; }

.top__banner .slider .slick-arrow { width: 18px; height: 36px; z-index: 9; top: calc(50% - 8px); text-indent: -9999px; position: absolute; border: none; }

.top__banner .slider .slick-arrow:before { display: none; }

.top__banner .slider .slick-arrow.slick-prev, .top__banner .slider .slick-arrow.slick-next { background: url(assets/img/common/icon/ico_arrow_slider.svg) 0 0/18px 36px no-repeat; right: -40px; }

.top__banner .slider .slick-arrow.slick-prev { left: -40px; right: auto; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.top__banner .slider .slick-arrow.slick-disabled { display: none !important; }

@media only screen and (max-width: 767px) { .top__banner { padding: 24px 0 28px; }
  .top__banner .wcm { padding: 0; }
  .top__banner .slider { margin: 0; padding: 0 30px; }
  .top__banner .slider .slick-list { overflow: visible; }
  .top__banner .slider li { width: 100%; padding: 0 10px; overflow-y: hidden; }
  .top__banner .slider .slick-arrow { width: 6px; height: 12px; top: 50%; }
  .top__banner .slider .slick-arrow.slick-prev, .top__banner .slider .slick-arrow.slick-next { background: url(assets/img/common/icon/ico_arrow_slider_sp.svg) 0 0/6px 12px no-repeat; right: 27px; }
  .top__banner .slider .slick-arrow.slick-prev { left: 27px; } }

.top__sec { background: url(assets/img/top/img01.jpg) top right/1010px 100% no-repeat; padding: 1px 0; border-top: 1px solid #efead1; border-bottom: 1px solid #efead1; }

@media only screen and (max-width: 1300px) { .top__sec { background: url(assets/img/top/img01.jpg) top right -164px/1010px 100% no-repeat; } }

.top__sec .wcm { max-width: 1130px; }

.top__sec .block { width: 100%; max-width: 405px; text-align: center; margin: 59px 0 82px; }

.top__sec .block .cm_btn { margin-bottom: 20px; }

.top__sec .block .txt_yellow { font-size: 20px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; letter-spacing: 0.05em; line-height: 30px; }

.top__sec.sec02 { background: url(assets/img/top/img02.jpg) bottom left 110px/758px auto no-repeat; border: none; }

.top__sec.sec02:before, .top__sec.sec02:after { content: " "; display: table; }

.top__sec.sec02:after { clear: both; }

.top__sec.sec02 .block { float: right; margin: 190px 0 194px; }

@media only screen and (max-width: 1300px) { .top__sec.sec02 { background: url(assets/img/top/img02.jpg) bottom left -10px/758px auto no-repeat; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .top__sec.sec02 { min-height: 600px; }
  .top__sec.sec02 .block { margin: 30px 0 194px; } }

@media only screen and (max-width: 767px) { .top__sec { background: url(assets/img/top/img01_sp.jpg) top right/100% auto no-repeat; }
  .top__sec .block { margin: 40px 0 40px; max-width: 100%; }
  .top__sec .block .cm_btn { margin: 0 auto 10px; background: rgba(255, 255, 255, 0.5); }
  .top__sec .block .txt_yellow { font-size: 15px; line-height: 22.5px; }
  .top__sec.sec02 { background: url(assets/img/top/img02_sp.jpg) bottom 190px center/290px auto no-repeat; }
  .top__sec.sec02 .block { float: none; margin: 214px 0 85px; }
  .top__sec.sec02 .block .cm_btn { background: white; } }

.top__pickup { background: url(assets/img/top/bg_pickup.png) top center no-repeat; background-size: cover; padding: 202px 0 50px; margin-top: -160px; position: relative; }

.top__pickup:after { content: ''; width: 100%; height: 200px; background: #f8f8f9; position: absolute; left: 0; bottom: 0; z-index: -1; }

.top__pickup .wcm { max-width: 1130px; }

.top__pickup .lst_pickup { margin: 0 -15px; }

.top__pickup .lst_pickup:before, .top__pickup .lst_pickup:after { content: " "; display: table; }

.top__pickup .lst_pickup:after { clear: both; }

.top__pickup .lst_pickup li { width: 25%; float: left; padding: 0 15px; margin-bottom: 40px; }

.top__pickup .lst_pickup li a { display: block; letter-spacing: 0.06em; text-align: center; }

.top__pickup .lst_pickup li a .ttl { font-size: 18px; color: #231815; margin-bottom: 8px; }

.top__pickup .lst_pickup li a .btn { display: inline-block; font-size: 13px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: 500; color: #ad981a; border: 1px solid #ad981a; background: #fff; padding: 6px 18px; line-height: 15px; }

@media only screen and (min-width: 1500px) and (max-width: 1920px) { .top__pickup { padding: 250px 0 50px; } }

@media only screen and (min-width: 1200px) and (max-width: 1500px) { .top__pickup { padding: 240px 0 50px; } }

@media only screen and (max-width: 767px) { .top__pickup { background: url(assets/img/top/bg_pickup_sp.png) top left/100% auto no-repeat; padding: 78px 0 20px; margin-top: -80px; }
  .top__pickup .sec_ttl { margin-bottom: 13px; }
  .top__pickup .lst_pickup li { width: 50%; }
  .top__pickup .lst_pickup li a { letter-spacing: 0.05em; }
  .top__pickup .lst_pickup li a .ttl { font-size: 16px; } }

@media only screen and (max-width: 374px) { .top__pickup .lst_pickup li a .ttl { font-size: 15px; letter-spacing: 0; }
  .top__pickup .lst_pickup li a .btn { padding: 6px 10px; font-size: 12px; } }

.top__news { margin: 92px auto 88px; max-width: 1030px; }

.top__news .sec_ttl { margin-bottom: 16px; }

.top__news .cm_btn { margin: 44px auto 0; }

@media only screen and (max-width: 767px) { .top__news { margin: 0 auto 18px; }
  .top__news .sec_ttl { margin-bottom: 0; }
  .top__news .cm_btn { margin: 30px auto 0; } }

.top__media { background: #f8f7ed; padding: 85px 0 75px; }

.top__media .wcm { max-width: 1030px; }

.top__media .sec_ttl { margin-bottom: 44px; }

.top__media .lst_media { margin: 0 -25px; }

.top__media .lst_media:before, .top__media .lst_media:after { content: " "; display: table; }

.top__media .lst_media:after { clear: both; }

.top__media .lst_media li { width: 25%; float: left; padding: 0 25px; margin-bottom: 33px; }

.top__media .lst_media li a { display: block; letter-spacing: 0.05em; font-size: 15px; font-weight: 300; line-height: 24px; color: #404040; }

.top__media .lst_media li a figure { margin-bottom: 12px; }

.top__media .lst_media li a figure img { display: block; width: 100%; }

.top__media .lst_media li a .ttl { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; }

.top__media .cm_btn { margin: 0 auto 0; }

@media only screen and (max-width: 767px) { .top__media { padding: 36px 0 58px; }
  .top__media .sec_ttl { margin-bottom: 16px; }
  .top__media .lst_media { margin: 0 -11px; }
  .top__media .lst_media li { width: 50%; padding: 0 11px; }
  .top__media .lst_media li a { line-height: 22px; }
  .top__media .lst_media li a figure { margin-bottom: 12px; }
  .top__media .lst_media li a .ttl { font-size: 15px; } }

.top__ritsubiway { background: url(assets/img/top/bg_ritsubiway.jpg) center center/100% 100% no-repeat; padding: 103px 0 85px; }

.top__ritsubiway .sec_ttl2 { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 33px; font-weight: 500; letter-spacing: 0.1em; text-align: center; position: relative; margin-bottom: 72px; }

.top__ritsubiway .sec_ttl2:before { content: ''; width: 248px; height: 1px; background: #dacb95; position: absolute; left: calc(50% - 124px); top: 64px; }

.top__ritsubiway .sec_ttl2 span { font-size: 17px; display: block; margin-top: 10px; letter-spacing: 0.05em; }

.top__ritsubiway .txt01 img { margin: 0 auto; }

.top__ritsubiway .lst_step { counter-reset: number; }

.top__ritsubiway .lst_step li { margin-top: 57px; text-align: center; }

.top__ritsubiway .lst_step li:before { counter-increment: number; content: "0" counter(number); font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 26px; letter-spacing: 0.08em; color: #b9a73c; font-style: italic; display: inline-block; }

.top__ritsubiway .lst_step li p { font-size: 18px; line-height: 36px; font-weight: 300; letter-spacing: 0.2em; }

.top__ritsubiway .cm_btn { margin: 50px auto 0; line-height: 26px; }

@media only screen and (max-width: 767px) { .top__ritsubiway { background: url(assets/img/top/bg_ritsubiway.jpg) center center/auto 100% no-repeat; padding: 55px 0 60px; }
  .top__ritsubiway .sec_ttl2 { font-size: 23px; letter-spacing: 0.05em; margin-bottom: 32px; }
  .top__ritsubiway .sec_ttl2:before { width: 180px; left: calc(50% - 90px); top: 44px; }
  .top__ritsubiway .sec_ttl2 span { font-size: 15px; margin-top: 14px; }
  .top__ritsubiway .txt01 img { max-width: 314px; width: 92%; }
  .top__ritsubiway .lst_step { max-width: 300px; margin: 0 auto; }
  .top__ritsubiway .lst_step li { margin-top: 23px; }
  .top__ritsubiway .lst_step li:before { font-size: 23px; }
  .top__ritsubiway .lst_step li p { font-size: 15px; line-height: 25px; letter-spacing: 0.1em; text-align: left; }
  .top__ritsubiway .cm_btn { margin: 30px auto 0; line-height: 22px; padding: 14px 20px; } }

.top__beautycolumn { padding: 86px 0 88px; background: #F8F7ED; }

.top__beautycolumn .wcm { max-width: 1030px; }

.top__beautycolumn .sec_ttl { margin-bottom: 25px; font-size: 30px; }

.top__beautycolumn .lst_column { margin: 0 -17px; }

.top__beautycolumn .lst_column:before, .top__beautycolumn .lst_column:after { content: " "; display: table; }

.top__beautycolumn .lst_column:after { clear: both; }

.top__beautycolumn .lst_column li { width: 33.33%; float: left; padding: 0 17px; margin-bottom: 33px; letter-spacing: 0.05em; }

.top__beautycolumn .lst_column li a { display: inline-block; }

.top__beautycolumn .lst_column li figure { margin-bottom: 6px; }

.top__beautycolumn .lst_column li figure img { width: 100%; display: block; }

.top__beautycolumn .lst_column li .date { display: block; margin-bottom: 2px; color: #a5a5a5; font-size: 12px; }

.top__beautycolumn .lst_column li .ttl { font-size: 16px; color: #404040; line-height: 26px; margin-bottom: 7px; }

.top__beautycolumn .lst_column li p { font-size: 12px; color: #787878; margin-bottom: 12px; letter-spacing: 0; }

.top__beautycolumn .lst_column li p.lst_cat { font-size: 0; }

.top__beautycolumn .lst_column li p.lst_cat .cat { margin-bottom: 5px; margin-right: 3px; display: inline-block; border-radius: 10px; color: #fff; background: #9DC3DC; font-size: 12px; line-height: 1; padding: 4px 14px; }

.top__beautycolumn .lst_column li p.is-truncated { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }

.top__beautycolumn .cm_btn { margin: 0 auto; }

@media only screen and (max-width: 767px) { .top__beautycolumn { padding: 57px 0 58px; }
  .top__beautycolumn .wcm { padding: 0 18px; }
  .top__beautycolumn .sec_ttl { margin-bottom: 19px; font-size: 19px; }
  .top__beautycolumn .lst_column { margin: 0; }
  .top__beautycolumn .lst_column li { width: 100%; float: none; padding: 0; }
  .top__beautycolumn .lst_column li figure { margin-bottom: 10px; }
  .top__beautycolumn .lst_column li .date { font-size: 14px; }
  .top__beautycolumn .lst_column li .ttl { line-height: 24px; }
  .top__beautycolumn .lst_column li p { font-size: 14px; line-height: 21px; }
  .top__beautycolumn .lst_column li a { width: 100%; } }

.top__findstore { background: url(assets/img/top/bg_storelocator.jpg) center center/100% 100% no-repeat; padding: 85px 0 0; }

.top__findstore .wcm { max-width: 1130px; }

.top__findstore .block:before, .top__findstore .block:after { content: " "; display: table; }

.top__findstore .block:after { clear: both; }

.top__findstore .block__left { width: 60%; float: left; }

.top__findstore .block__left__inner { height: 100%; background: url(assets/img/top/img_map.png) bottom -80px right/640px auto no-repeat; }

.top__findstore .block__left .sec_ttl { text-align: left; }

.top__findstore .block__left .sec_ttl span { margin-top: 6px; }

.top__findstore .block__left p { font-size: 17px; font-weight: 300; line-height: 31px; letter-spacing: 0.1em; }

.top__findstore .block__right { width: 40%; float: left; }

.top__findstore .block__right .lst01 { margin-top: -20px; }

.top__findstore .block__right .lst01 > li { border-bottom: 1px solid #e4e5e7; padding: 30px 12px 34px; }

.top__findstore .block__right .lst01 > li h3 { font-size: 19px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: 500; padding-left: 28px; background: url(assets/img/common/icon/ico_bullet.svg) left center/14px 14px no-repeat; margin-bottom: 3px; }

.top__findstore .block__right .lst01 > li .lst_link li { display: inline-block; padding-left: 30px; }

.top__findstore .block__right .lst01 > li .lst_link li a { font-size: 16px; letter-spacing: 0; font-weight: 500; padding-left: 20px; position: relative; color: #787878; display: inline-block; }

.top__findstore .block__right .lst01 > li .lst_link li a:before { position: absolute; left: 0; top: 12px; content: ""; display: block; width: 6px; height: 6px; border-top: 1px solid #ad981a; border-right: 1px solid #ad981a; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.top__findstore .block__right .lst01 > li .lst_link li a.target_blank:after { content: ''; width: 13px; height: 13px; background: url(assets/img/common/icon/ico_blank.svg) left center/13px 13px no-repeat; display: inline-block; margin-left: 8px; }

.top__findstore .block__right .cm_btn { margin: 40px auto 70px; border: none; }

@media only screen and (max-width: 767px) { .top__findstore { background: url(assets/img/top/bg_storelocator_sp.jpg) top left/100% 100% no-repeat; padding: 50px 0 0; }
  .top__findstore .block:before, .top__findstore .block:after { content: " "; display: table; }
  .top__findstore .block:after { clear: both; }
  .top__findstore .block__left { width: 100%; float: none; }
  .top__findstore .block__left__inner { height: 350px; background: url(assets/img/top/img_map.png) bottom right -10px/100% auto no-repeat; }
  .top__findstore .block__left .sec_ttl { text-align: left; font-size: 19px; line-height: 26px; margin-bottom: 15px; }
  .top__findstore .block__left .sec_ttl span { margin-top: 2px; }
  .top__findstore .block__left p { font-size: 15px; line-height: 25px; letter-spacing: 0.05em; }
  .top__findstore .block__right { width: 100%; float: none; margin-top: -62px; padding: 0 12px; }
  .top__findstore .block__right .lst01 { margin-top: 0; }
  .top__findstore .block__right .lst01 > li { padding: 18px 5px 25px; }
  .top__findstore .block__right .lst01 > li h3 { font-size: 17px; padding-left: 23px; background: url(assets/img/common/icon/ico_bullet.svg) left center/12px 12px no-repeat; margin-bottom: 3px; }
  .top__findstore .block__right .lst01 > li .lst_link li { display: inline-block; padding-left: 30px; }
  .top__findstore .block__right .lst01 > li .lst_link li a { font-size: 15px; padding-left: 15px; display: inline-block; }
  .top__findstore .block__right .lst01 > li .lst_link li a:before { top: 11px; width: 4px; height: 4px; }
  .top__findstore .block__right .lst01 > li .lst_link li a.target_blank:after { width: 10px; height: 10px; background: url(assets/img/common/icon/ico_blank.svg) left center/10px 10px no-repeat; }
  .top__findstore .block__right .cm_btn { margin: 24px auto 50px; } }

.top__customer { margin-top: 87px; }

.top__customer .cm_btn { margin: 0 auto; }

@media only screen and (max-width: 767px) { .top__customer { margin-top: 40px; } }

.top__quicklink { margin-top: 90px; }

.top__quicklink .wcm { max-width: 1130px; }

.top__quicklink .lst_quicklink { margin: 0 -25px; }

.top__quicklink .lst_quicklink:before, .top__quicklink .lst_quicklink:after { content: " "; display: table; }

.top__quicklink .lst_quicklink:after { clear: both; }

.top__quicklink .lst_quicklink li { width: 33.33%; float: left; padding: 0 25px; }

.top__quicklink .lst_quicklink li a { display: block; position: relative; }

.top__quicklink .lst_quicklink li a:before { background-repeat: no-repeat; background-position: center; background-size: cover; content: ""; display: inline-block; vertical-align: middle; position: absolute; opacity: 0; background-image: -webkit-gradient(linear, left top, right top, from(#AD981A), to(#AD981A)); background-image: linear-gradient(90deg, #AD981A 0%, #AD981A 100%); -webkit-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1), width 350ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1), width 350ms cubic-bezier(0.165, 0.84, 0.44, 1); left: 0; top: 0; height: 100%; width: 0; }

.top__quicklink .lst_quicklink li a:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); }

@media only screen and (min-width: 768px) { .top__quicklink .lst_quicklink li a:hover { opacity: 1; }
  .top__quicklink .lst_quicklink li a:hover:before { opacity: 1; width: 100%; }
  .top__quicklink .lst_quicklink li a:hover:after { opacity: 0; }
  .top__quicklink .lst_quicklink li a:hover em { color: #fff !important; } }

.top__quicklink .lst_quicklink li a figure img { display: block; width: 100%; }

.top__quicklink .lst_quicklink li a .txt_inner { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); font-size: 22px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; line-height: 18px; letter-spacing: 0.1em; color: #fff; z-index: 1; }

.top__quicklink .lst_quicklink li a .txt_inner em { font-size: 13px; color: #bbbec2; letter-spacing: 0.05em; display: block; font-style: normal; margin-top: 10px; }

@media only screen and (max-width: 767px) { .top__quicklink { margin-top: 6px; }
  .top__quicklink .wcm { padding: 0; }
  .top__quicklink .lst_quicklink { margin: 0; }
  .top__quicklink .lst_quicklink li { width: 100%; float: none; padding: 0; margin-bottom: 1px; }
  .top__quicklink .lst_quicklink li a .txt_inner { font-size: 19px; margin-top: 8px; }
  .top__quicklink .lst_quicklink li a .txt_inner em { margin-top: 10px; } }

.top__sns { margin-top: 115px; }

.top__sns .wcm { max-width: 1030px; }

.top__sns .lst_sns { margin: 0 -20px; }

.top__sns .lst_sns:before, .top__sns .lst_sns:after { content: " "; display: table; }

.top__sns .lst_sns:after { clear: both; }

.top__sns .lst_sns li { width: 50%; float: left; padding: 0 20px; }

.top__sns .lst_sns li a { display: block; }

.top__sns .lst_sns li img { display: block; width: 100%; }

@media only screen and (max-width: 767px) { .top__sns { margin-top: 55px; }
  .top__sns .lst_sns { margin: 0; text-align: center; }
  .top__sns .lst_sns li { max-width: 290px; width: 100%; float: none; padding: 0; margin: 0 auto 15px; } }

.top__partner { margin: 75px 0; }

.top__partner .lst_partnerlogo { text-align: center; }

.top__partner .lst_partnerlogo li { display: inline-block; vertical-align: middle; padding: 0 20px; }

.top__partner .lst_partnerlogo li a img { display: block; }

.top__partner .lst_partnerlogo li:nth-child(1) img { width: 96px; }

.top__partner .lst_partnerlogo li:nth-child(2) img { width: 109px; }

.top__partner .lst_partnerlogo li:nth-child(3) img { width: 105px; }

@media only screen and (max-width: 767px) { .top__partner { margin: 28px 0 40px; }
  .top__partner .lst_partnerlogo li { padding: 0 10px; }
  .top__partner .lst_partnerlogo li:nth-child(1) img { width: 62px; }
  .top__partner .lst_partnerlogo li:nth-child(2) img { width: 71px; }
  .top__partner .lst_partnerlogo li:nth-child(3) img { width: 68px; } }

@media only screen and (max-width: 767px) { .top .top__quicklink { margin-top: 40px; } }

.fadeOp_01 { opacity: 0; transition: all  1s; }

.fadeOp_02 { opacity: 0; transition: all 1.5s; }

.fadeOp_03 { opacity: 0; transition: all  1.5s; }

.fadeOp_01 { transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); opacity: 0; transition-delay: 0.2s; }

.fadeOp_01.on { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }

.fadeOp_02 { transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); opacity: 0; transition-delay: 0.8s; }

.fadeOp_02.on { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }

.fadeOp_03 { vertical-align: middle; opacity: 0; transition-delay: 1.4s; display: inline-block; }

.fadeOp_03.on { opacity: 1; }

.fadeOp_03 .cm_btn.cm_btn--white a { color: #fff; }

.fadeOp_03 .cm_btn.cm_btn--white { line-height: 37px !important; }

.fadeOp_03.on .cm_btn.cm_btn--white { line-height: 37px !important; }

.fadeOp_03.on .cm_btn.cm_btn--white:hover { transition: all  0.5s; opacity: 0.5; line-height: 37px !important; }

.cm_btn.cm_btn--white a:hover { opacity: 1 !important; }

@media only screen and (max-width: 767px) { #top .top__news.common_News { margin: 0 auto 40px; } }

body.top .sec-brand { background: #f3f3f3 url(assets/img/top/bg_brand.jpg) center/100% no-repeat; padding: 100px 0; -webkit-font-feature-settings: "palt" 1; -moz-font-feature-settings: "palt" 1; -ms-font-feature-settings: "palt" 1; -o-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; }

body.top .sec-brand .script { font-size: 20px; font-weight: 500; line-height: 30px; letter-spacing: 0.16em; color: #b9a73c; text-align: center; margin-bottom: 52px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }

body.top .sec-brand .lst-brand { max-width: 1030px; padding: 0 15px; margin: 0 auto; font-size: 0; }

body.top .sec-brand .lst-brand .item { display: inline-block; width: calc(33.33% - 23px); margin-bottom: 34px; }

body.top .sec-brand .lst-brand .item:not(:nth-child(3n + 1)) { margin-left: 33px; }

body.top .sec-brand .lst-brand .item a { display: block; position: relative; background: center/cover no-repeat; }

body.top .sec-brand .lst-brand .item a .link { color: #fff; font-size: 13px; line-height: 1; letter-spacing: 0.3em; text-align: center; width: 106px; background: transparent; position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 4.5px 5px; opacity: 0; backface-visibility: hidden; transition: letter-spacing 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms, opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms; -ms-transition: letter-spacing 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms, opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms; -moz-transition: letter-spacing 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms, opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms; -webkit-transition: letter-spacing 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms, opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms; }

body.top .sec-brand .lst-brand .item a .link:before { content: ""; position: absolute; width: 5px; height: 5px; border-top: 1px solid #fff; border-left: 1px solid #fff; top: calc(50% - 3px); right: 0px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

body.top .sec-brand .lst-brand .item a .link:after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border: 1px solid #fff; -webkit-transform: translate(-50%, -50%) scale(1.2); -moz-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); -o-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

body.top .sec-brand .lst-brand .item a:before { display: block; content: " "; width: 100%; padding-top: 100%; }

body.top .sec-brand .lst-brand .item a:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(64, 64, 64, 0.5); top: 0; left: 0; opacity: 0; z-index: 0; -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms; transition: opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms; will-change: opacity; }

body.top .sec-brand .lst-brand .item a .ttl { width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; z-index: 2; padding: 0 10px 25px; line-height: 1; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; transition: 0.5s ease; }

body.top .sec-brand .lst-brand .item a .ttl-jp { font-size: 22px; font-weight: 500; color: #fff; letter-spacing: 0.04em; display: block; }

body.top .sec-brand .lst-brand .item a .ttl-en { color: #bbbec2; font-size: 13px; letter-spacing: 0.04em; display: block; margin-top: 11px; }

body.top .sec-brand .lst-brand .item a:hover { opacity: 1; }

body.top .sec-brand .lst-brand .item a:hover .link { opacity: 1; letter-spacing: 0.06em; }

body.top .sec-brand .lst-brand .item a:hover .link:after { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

body.top .sec-brand .lst-brand .item a:hover .link:before { right: 6px; }

body.top .sec-brand .lst-brand .item a:hover:after, body.top .sec-brand .lst-brand .item a:hover .ttl { opacity: 1; }

body.top .sec-brand .cm_btn { margin: 0 auto; }

@media only screen and (max-width: 767px) { body.top .sec-brand { padding: 50px 0 72px; }
  body.top .sec-brand .sec_ttl { margin-bottom: 0px; line-height: 1; padding: 10px 10px 14px; }
  body.top .sec-brand .script { font-size: 15px; line-height: 22px; margin-bottom: 29px; }
  body.top .sec-brand .lst-brand { margin-bottom: 30px; padding: 0; background: #E5E5E5; }
  body.top .sec-brand .lst-brand .item { width: calc(50% - 0.5px); margin-bottom: 0px; }
  body.top .sec-brand .lst-brand .item .link { display: none; }
  body.top .sec-brand .lst-brand .item a:after { content: none; }
  body.top .sec-brand .lst-brand .item:not(:nth-child(3n + 1)) { margin-left: 0px; }
  body.top .sec-brand .lst-brand .item:not(:nth-child(2n + 1)) { margin-left: 1px; }
  body.top .sec-brand .lst-brand .item a .ttl-jp { font-size: 16px; }
  body.top .sec-brand .lst-brand .item a .ttl-en { font-size: 11px; margin-top: 8px; } }

#news .common_News { display: none; }

.mainText em { font-style: normal; }

#txt03 { display: none; }

#iconPlus { position: relative; }

#iconPlus:before { content: ''; position: absolute; right: 0px; top: 7px; width: 22px; height: 22px; background: url(assets/img/common/header/icon_navisp01.svg) no-repeat left center; background-size: 22px auto; border: 0; -moztransform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

#iconPlus.active { padding-bottom: 0; }

#iconPlus.active:before { background: url(assets/img/common/header/icon_navisp01on.svg) no-repeat left center; background-size: 22px auto; }

.news .mainText2 { padding: 25px 0 30px; }

.news .mainText2 h2 span { display: inline-block; text-align: center; }

.news .mainText2 h2 small { display: block; text-align: center; letter-spacing: 0; }

@media only screen and (max-width: 767px) { .news .mainText2 { padding: 18px 0 13px; }
  .news .mainText2 h2 { font-size: 21px; line-height: 27px; }
  .news .mainText2 h2 small { font-size: 13px; line-height: 21px; } }

.news.single .pagede { margin-bottom: 100px; }

@media only screen and (max-width: 767px) { .news.single .pagede { margin-bottom: 50px; } }

.newsWrap .container { max-width: 1040px; padding: 0 20px; }

.newsWrap .top__quicklink { display: none; }

.newsWrap .top__beautycolumn { background: #F8F7ED; margin: 66px auto 81px; padding: 134px 0 85px; }

@media only screen and (max-width: 767px) { .newsWrap .top__beautycolumn { margin: 75px auto 0px; padding: 57px 0 56px; } }

.newsWrap .commonImg { margin: 0 auto 60px; }

.newsWrap .top__sns { margin-top: 60px; }

.newsWrap .divlist { float: left; width: 100%; margin-bottom: 70px; }

@media only screen and (max-width: 767px) { .newsWrap .divlist { margin-bottom: 0; } }

.newsWrap .ullist { margin: 0 -17px 0px; font-size: 0; letter-spacing: 0; }

.newsWrap .ullist li { width: 33.33333%; display: inline-block; vertical-align: top; padding: 0 17px 70px; margin-bottom: 0; font-size: 15px; border-bottom: none !important; }

.newsWrap .ullist li .thumb { line-height: 1; margin-bottom: 15px; max-height: 180px; text-align: center; overflow: hidden; }

.newsWrap .ullist li .thumb img { max-width: 100%; max-height: 180px; height: auto; width: 100%; }

.newsWrap .ullist li .desc { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; font-size: 12px; line-height: 20px; margin-bottom: 18px; color: #787878; }

.newsWrap .ullist li .the_time { font-size: 12px; display: inline-block; line-height: 20px; color: #787878; }

.newsWrap .ullist li .title { font-size: 16px; line-height: 26px; margin-top: 0px; margin-bottom: 8px; font-size: 16px; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }

.newsWrap .ullist li .date .iconnew { display: inline-block; vertical-align: middle; border: #AD981A 1px solid; width: 70px; height: 20px; line-height: 20px; color: #AD981A; font-size: 12px; text-align: center; margin-bottom: 3px; }

.newsWrap .ullist li .date .iconcat { background: #AD981A; display: inline-block; min-width: 110px; height: 20px; line-height: 20px; border-radius: 10px; padding: 0 10px; color: #fff; font-size: 12px; text-align: center; margin-top: 2px; }

@media only screen and (max-width: 767px) { .newsWrap .ullist { margin: 0 0px 0px; }
  .newsWrap .ullist li { width: 100%; padding: 0 0px 37px; }
  .newsWrap .ullist li .thumb { max-height: 100%; }
  .newsWrap .ullist li .thumb img { max-width: 100%; max-height: inherit; height: auto; width: 100%; }
  .newsWrap .ullist li .the_time { font-size: 14px; }
  .newsWrap .ullist li .title { font-size: 16px; padding-top: 5px; margin-bottom: 6px; }
  .newsWrap .ullist li .desc { font-size: 14px; margin-bottom: 17px; }
  .newsWrap .ullist li .date .iconnew { width: 75px; }
  .newsWrap .ullist li .date .other { padding-left: 0; } }

.newsWrap .ullist .date { color: #a5a5a5; font-size: 12px; }

.newsWrap .ullist .iconcat.cat01 { background: #AD981A; }

.newsWrap .ullist .iconcat.cat02 { background: #DDCE98; }

.newsWrap .ullist .iconcat.cat03 { background: none; border: #AD981A 1px solid; color: #AD981A; }

.newsWrap .divright { float: right; width: 20%; margin-top: 10px; }

.newsWrap .ulnavicom li { position: relative; }

.newsWrap .ulnavicom .txt02_icon { position: absolute; top: 0; left: 0; width: 100%; height: 37px; cursor: pointer; color: transparent; }

.newsWrap .ulnavicom .txt02_icon.on { background: rgba(255, 255, 255, 0.5); }

.newsdeWrap .divdetail { float: left; width: 74%; }

.newsdeWrap .divdetail .date { color: #8E8E8E; font-size: 12px; }

.newsdeWrap .divdetail .iconcat { background: #AD981A; display: inline-block; margin-left: 5px; min-width: 110px; height: 20px; line-height: 20px; border-radius: 10px; padding: 0 10px; color: #fff; font-size: 12px; text-align: center; }

.newsdeWrap .divdetail .iconcat.cat01 { background: #AD981A; }

.newsdeWrap .divdetail .iconcat.cat02 { background: #DDCE98; }

.newsdeWrap .divdetail .iconcat.cat03 { background: none; border: #AD981A 1px solid; color: #AD981A; }

.newsdeWrap .divdetail .iconnew { display: inline-block; border: #AD981A 1px solid; margin-left: 5px; width: 75px; height: 18px; line-height: 18px; color: #AD981A; font-size: 12px; text-align: center; }

@media only screen and (max-width: 767px) { .newsdeWrap .divdetail .iconnew { width: 75px; } }

.newsdeWrap .divdetail .h301 { margin: 20px 0 40px; background: #717071; padding: 20px 15px; color: #fff; font-size: 20px; text-align: center; line-height: 1.6; }

.newsdeWrap .divright { float: right; width: 20%; }

.newsdeWrap img { margin-bottom: 20px; }

@media only screen and (max-width: 767px) { #news #wrap { margin-top: 38px !important; }
  .mainText em { line-height: 1.6; display: block; }
  #news .mainText { margin-top: 50px; padding: 20px 15px; }
  .divcms { letter-spacing: 0.56px; }
  .newsWrap .divlist { float: none; width: 100%; }
  .newsWrap .ullist .iconcat { min-width: 104px; font-size: 11px; margin: 0 5px 5px 0; }
  .newsWrap .ullist .iconnew { width: 65px; height: 19px; line-height: 19px; }
  .newsWrap .divright { float: none; width: 100%; margin-top: 50px; padding: 0 27px; }
  .news .top__beautycolumn { margin-top: 65px; }
  .newsdeWrap .divdetail { float: none; width: 100%; }
  .newsdeWrap .divdetail .iconcat { min-width: 104px; font-size: 11px; }
  .newsdeWrap .divdetail .date .the_time { display: block; float: left; }
  .newsdeWrap .divdetail .date .other { display: block; overflow: hidden; padding-left: 10px; }
  .newsdeWrap .divdetail .date .other span { margin-bottom: 5px; }
  .newsdeWrap .divdetail .iconnew { width: 65px; height: 19px; line-height: 19px; margin-bottom: 5px; }
  .newsdeWrap .divdetail .h301 { margin: 10px 0 20px; padding: 10px 15px; font-size: 15px; text-align: left; }
  .newsdeWrap .divright { float: none; width: 100%; margin-top: 25px; }
  #iconPlus { pointer-events: none; }
  #iconPlus.active:before, #iconPlus:before { background: none; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .newsWrap .ullist .iconnew, .newsWrap .ullist .iconcat { padding: 2px 5px 0; } }

.philosophy .ttt { font-family: "A-OTF リュウミン Pr5"; font-size: 60px; font-style: italic; }

.philosophy .ttl_block { text-align: center; font-size: 27px; letter-spacing: 2px; margin: 0 auto 33px; }

.philosophy .ttl_block em { font-style: normal; text-align: center; display: block; text-align: center; font-size: 13px; color: #AD981A; letter-spacing: 1px; line-height: 13px; margin-top: 0px; }

@media screen and (max-width: 767px) { .philosophy .ttl_block { font-size: 19px; margin: 0 auto 5px; }
  .philosophy .ttl_block em { font-size: 13px; } }

.philosophy .cont_w01 { max-width: 940px; width: 100%; padding: 16px 20px 0; margin: 0px auto 0; }

@media screen and (max-width: 767px) { .philosophy .cont_w01 { padding: 10px 20px 0; } }

.philosophy .cont_w01 .block { text-align: center; padding: 0px 0 92px 0; border-bottom: 1px solid #dbdbdb; margin: 0 auto 90px; }

@media screen and (max-width: 767px) { .philosophy .cont_w01 .block { padding: 0 0 65px 0; margin: 0 auto 65px; } }

.philosophy .cont_w01 .block p { font-size: 15px; line-height: 34px; letter-spacing: 1px; }

@media screen and (max-width: 767px) { .philosophy .cont_w01 .block p { text-align: left; line-height: 30px; text-align: justify; letter-spacing: 0px; }
  .philosophy .cont_w01 .block p br { display: none; } }

.philosophy .cont_w01 .block .tit { padding: 28px 0 22px; text-align: center; display: inline-block !important; }

.philosophy .cont_w01 .block--01 .tit { font-size: 34px; font-weight: bold; letter-spacing: 2px; padding: 28px 0 28px; }

.philosophy .cont_w01 .block--02 .tit { padding: 28px 0 30px; }

@media screen and (max-width: 767px) { .philosophy .cont_w01 .block--02 .tit { padding: 31px 0 25px; } }

.philosophy .cont_w01 .block--03 { border-bottom: none; margin-bottom: 0; padding-bottom: 116px; }

@media screen and (max-width: 767px) { .philosophy .cont_w01 .block--03 { padding-bottom: 72px; } }

.philosophy .cont_w01 .block--03 .tit { padding: 28px 0 40px; }

@media screen and (max-width: 767px) { .philosophy .cont_w01 .block--03 .tit { padding: 38px 0 28px; } }

.philosophy .cont_w01 .block--03 .tit img { max-width: 382px; }

@media screen and (max-width: 767px) { .philosophy .cont_w01 .block--03 .tit img { max-width: 200px; } }

.philosophy .cont_w02 { background: url(assets/img/philosophy/bg.jpg) no-repeat center top; background-size: cover; margin: 0 auto 10px; padding: 82px 0 100px; }

@media screen and (max-width: 767px) { .philosophy .cont_w02 { margin: 0 auto 5px; padding: 64px 0 57px; background: url(assets/img/philosophy/bg_sp.jpg) no-repeat center top; background-size: cover; } }

.philosophy .cont_w02 .inside { max-width: 940px; padding: 0 20px; width: 100%; margin: 0 auto; }

.philosophy .cont_w02 .inside .im { text-align: center; padding: 10px 0 0 0; }

.philosophy .cont_w02 .inside .im img { max-width: 282px; width: 100%; }

.philosophy .cont_w02 .inside .im .cap { padding: 14px 0 0 0; font-size: 15px; line-height: 18px; }

.philosophy .cont_w02 .inside .im .cap span { display: block; width: 100%; font-size: 23px; line-height: 18px; padding: 20px 0 0 0; letter-spacing: 2px; }

@media screen and (max-width: 767px) { .philosophy .cont_w02 .inside .im { padding: 18px 0 0 0; }
  .philosophy .cont_w02 .inside .im img { max-width: 170px; }
  .philosophy .cont_w02 .inside .im .cap { padding: 14px 0 0 0; font-size: 15px; line-height: 18px; }
  .philosophy .cont_w02 .inside .im .cap span { font-size: 18px; line-height: 18px; padding: 10px 0 0 0; letter-spacing: 2px; } }

.philosophy .cont_w02 .inside .txt_st { font-size: 33px; line-height: 77px; text-align: center; font-style: italic; letter-spacing: 9px; margin: 30px auto 10px; }

.philosophy .cont_w02 .inside .txt_st span { color: #AD981A; }

@media screen and (max-width: 767px) { .philosophy .cont_w02 .inside .txt_st { font-size: 24px; line-height: 35px; letter-spacing: 4px; margin: 41px auto 24px; }
  .philosophy .cont_w02 .inside .txt_st span { display: inline-block; width: 100%; } }

.philosophy .cont_w02 .inside .txt_pre { text-align: center; margin: 0 auto 36px; }

.philosophy .cont_w02 .inside .txt_pre p { letter-spacing: 1px; line-height: 34px; }

@media screen and (max-width: 767px) { .philosophy .cont_w02 .inside .txt_pre { text-align: left; margin: 0 auto 26px; }
  .philosophy .cont_w02 .inside .txt_pre p { line-height: 30px; font-size: 15px; letter-spacing: 0; display: inline; text-align: justify; } }

@media only screen and (max-width: 767px) { #privacypolicy .mainText { margin: 58px 0 0 0; } }

#privacypolicy .mainText h2 span { font-size: 30px; color: #404040; letter-spacing: 5px; }

@media only screen and (max-width: 767px) { #privacypolicy .mainText h2 span { font-size: 21px; letter-spacing: 3px; } }

#privacypolicy .commonNews, #privacypolicy .commonImg, #privacypolicy .common_News, #privacypolicy .common_socical { display: none; }

#privacypolicy .container { max-width: 940px; padding: 0 20px; }

#privacypolicy .block { margin: 0 0 35px 0; }

@media only screen and (max-width: 767px) { #privacypolicy .block { margin: 0 0 20px 0; } }

#privacypolicy .block__01 { padding: 35px 0 70px 0; border-bottom: 1px solid #EFEAD1; }

@media only screen and (max-width: 767px) { #privacypolicy .block__01 { padding: 10px 0 35px 0; } }

#privacypolicy .block__02 { padding: 35px 0 42px 0; border-bottom: 1px solid #EFEAD1; }

@media only screen and (max-width: 767px) { #privacypolicy .block__02 { padding: 10px 0; } }

#privacypolicy .block__03 { padding: 30px 0 70px 0; border-bottom: 1px solid #EFEAD1; }

@media only screen and (max-width: 767px) { #privacypolicy .block__03 { padding: 10px 0 0 0; } }

#privacypolicy .block__04 { padding: 30px 0 70px 0; border-bottom: 1px solid #EFEAD1; }

@media only screen and (max-width: 767px) { #privacypolicy .block__04 { padding: 10px 0 20px 0; } }

#privacypolicy .block__05 { padding: 30px 0 70px 0; border-bottom: 1px solid #EFEAD1; }

@media only screen and (max-width: 767px) { #privacypolicy .block__05 { padding: 10px 0 20px 0; } }

#privacypolicy .block__06 { padding: 30px 0 70px 0; }

@media only screen and (max-width: 767px) { #privacypolicy .block__06 { padding: 10px 0 20px 0; } }

#privacypolicy .block__tit { font-size: 24px; color: #404040; letter-spacing: 3px; margin: 0 0 20px 0; }

@media only screen and (max-width: 767px) { #privacypolicy .block__tit { font-size: 18px; margin: 0 0 15px 0; } }

#privacypolicy .block ul { counter-reset: li; }

#privacypolicy .block li { display: table; counter-increment: li; font-size: 15px; color: #1E1E1E; line-height: 30px; margin: 0 0 25px 0; }

@media only screen and (max-width: 767px) { #privacypolicy .block li { line-height: 26px; } }

#privacypolicy .block li::before { content: counter(li) "."; font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; color: #AD981A; display: table-cell; width: 1em; font-size: 16px; }

#privacypolicy .block li span { display: table-cell; }

#privacypolicy .bl_txt { margin-bottom: 30px; font-size: 15px; }

#privacypolicy .bl_txt p a { text-decoration: underline; }

@media only screen and (max-width: 767px) { #privacypolicy .bl_txt p a { display: inline-block; } }

.opa:hover { opacity: 0.8; }

#product .commonNews { margin-top: 0; }

.productWrap { margin-top: -22px !important; }

.productWrap .h301 { font-size: 26px; text-align: center; }

.productWrap .h301 .text01 { display: block; color: #AD981A; font-size: 13px; }

.productWrap .boxpickup { overflow: hidden; }

.productWrap .boxpickup .divslide { margin-top: 21px; }

.productWrap .boxtel { background: #F8F7ED; padding: 32px 0 42px; border-top: #EFEAD1 1px solid; border-bottom: #EFEAD1 1px solid; text-align: center; }

.productWrap .boxtel .txt01 { font-size: 20px; }

.productWrap .boxtel .txt01 span { font-size: 16px; }

.productWrap .boxtel .btnmail { display: inline-block; width: 320px; height: 60px; line-height: 60px; margin-left: 25px; border: #AD981A 1px solid; background: #fff url(assets/img/product/icon_tel02.svg) no-repeat right 10px center; border-radius: 5px; color: #443B38; font-size: 16px; text-align: center; }

.productWrap .boxtel .btnmail span { background: url(assets/img/product/icon_tel01.svg) no-repeat left center; padding-left: 30px; }

.productWrap .boxtel .divtel { position: relative; top: 18px; display: inline-block; text-align: left; padding-left: 35px; }

.productWrap .boxtel .divtel .num { display: block; background: url(assets/img/product/icon_tel03.svg) no-repeat left 5px; padding-left: 30px; text-align: left; font-family: 'AGaramondPro-Regular'; font-size: 45px; line-height: 1; }

.productWrap .boxtel .divtel .time { display: block; padding-top: 6px; font-size: 13px; line-height: 1; }

.productWrap .boxnavi { padding: 50px 0; }

.productWrap .boxnavi .ul01 li { position: relative; float: left; width: 31.8%; min-height: 120px; margin-right: 2.3%; border: #876263 1px solid; text-align: center; padding: 0 15px; }

.productWrap .boxnavi .ul01 li:nth-child(3n+2) { border: #BDAD48 1px solid; }

.productWrap .boxnavi .ul01 li:nth-child(3n) { margin-right: 0; border: #DE5783 1px solid; }

.productWrap .boxnavi .ul01 li:before { content: ""; position: absolute; left: 50%; bottom: 10px; width: 8px; height: 8px; margin-left: -4px; border-left: 1px solid #876263; border-top: 1px solid #876263; -moztransform: rotate(225deg); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }

.productWrap .boxnavi .ul01 li:nth-child(3n+2):before { border-color: #BDAD48; }

.productWrap .boxnavi .ul01 li:nth-child(3n):before { border-color: #DE5783; }

.productWrap .boxnavi .ul01 .txt01 { padding-top: 12px; font-size: 26px; }

.productWrap .boxnavi .ul01 .txt02 { font-size: 13px; color: #876263; }

.productWrap .boxnavi .ul01 li:nth-child(3n+2) .txt02 { color: #BDAD48; }

.productWrap .boxnavi .ul01 li:nth-child(3n) .txt02 { color: #DE5783; }

.productWrap .boxlist > li { border-top: #EFEAD1 1px solid; padding-bottom: 65px; padding-top: 60px; }

.productWrap .boxlist > li:nth-child(3n+1) .text01 { color: #876263; }

.productWrap .boxlist > li:nth-child(3n+2) .text01 { color: #AD981A; }

.productWrap .boxlist > li:nth-child(3n+3) .text01 { color: #DE5783; }

.productWrap .boxlist .ullist .txt01 { line-height: 1.8; padding-top: 14px; font-size: 20px; }

.productWrap .boxlist .ullist .txt02 { padding-top: 10px; color: #787878; font-size: 14px; line-height: 1.43; }

.productWrap .boxlist .ul01 { margin: 47px -15px 0; }

.productWrap .boxlist .ul01 li { float: left; width: 50%; padding: 0 15px; }

.productWrap .boxlist .ul02 { margin: 54px -13px 0; }

.productWrap .boxlist .ul02 li { float: left; width: 25%; padding: 0 13px; margin-bottom: 30px; }

.productWrap .boxlist .ul02 li:hover { opacity: 0.8; }

.productWrap .boxlist .ul02 .imgdiv { border: #EEEFF0 1px solid; }

.productWrap .boxlist .ul02 .imgdiv img { display: block; }

.productWrap .boxlist .btn01 { display: block; width: 320px; height: 60px; line-height: 60px; margin: 56px auto 0px; border: #AD981A 1px solid; background: url(assets/img/product/icon_01.svg) no-repeat right 10px center; border-radius: 5px; text-align: center; color: #AD981A; font-size: 15px; }

.common_salon_support { border-bottom: 1px solid #EFEAD1; padding: 0 0 80px; margin-bottom: 65px; }

.common_salon_support .listTesttimonial ul { margin: 0 -18px; }

.common_salon_support .listTesttimonial ul li { width: 33.3333333%; float: left; padding: 0 18px; }

.common_salon_support .listTesttimonial .innerTest .imgTest { display: block; width: 193px; height: 194px; border-radius: 200px; margin: 0 auto 20px; }

.common_salon_support .listTesttimonial .innerTest .titleTest { line-height: 28px; margin-bottom: 30px; }

.common_salon_support .listTesttimonial .innerTest .contentTest { line-height: 23px; }

.common_salon_support .boxSupport { margin: 60px 0 0; }

.common_salon_support .boxSupport .titleSupport { color: #404040; line-height: 1; margin-bottom: 15px; }

.common_salon_support .boxSupport .subTitleSupport { color: #AD981A; line-height: 1; margin-bottom: 35px; }

.common_salon_support .boxSupport .listSupport { margin: 0 -12px; }

.common_salon_support .boxSupport .listSupport li { float: left; width: 50%; padding: 0 12px; }

.common_salon_support .boxSupport .listSupport .innerSupport .buttonSupport { background: #DE5783; display: block; line-height: 54px; text-align: center; position: relative; color: #fff; padding-right: 10px; }

.common_salon_support .boxSupport .listSupport .innerSupport .buttonSupport:after { content: ""; display: block; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 50%; right: 15px; margin-top: -3px; }

.common_salon_support .boxSupport .listSupport .innerSupport .buttonSupport.bgViolet { background: #7879B2; }

.common_salon_support .boxSupport .listSupport .innerSupport .textSupport { padding: 15px 15px 0; line-height: 23px; }

@media only screen and (max-width: 767px) { #product .mainText { margin-top: 50px; }
  .productWrap .h301 { font-size: 25px; letter-spacing: 3px; }
  .productWrap .h301 .text01 { font-size: 13px; letter-spacing: 0.5px; }
  .productWrap .boxpickup .divslide { margin-top: 15px; }
  .productWrap .boxtel { padding: 25px 0 35px; border: none; }
  .productWrap .boxtel .txt01 { font-size: 18px; }
  .productWrap .boxtel .txt01 span { display: block; font-size: 15px; }
  .productWrap .boxtel .btnmail { float: right; display: block; width: 100%; height: 46px; line-height: 46px; background: #fff url(assets/img/product/icon_tel02.svg) no-repeat right 12px center; background-size: 4px auto; border-radius: 5px; padding-right: 25px; color: #404040; font-size: 15px; }
  .productWrap .boxtel .btnmail span { background: url(assets/img/product/icon_tel01.svg) no-repeat left center; background-size: 25px auto; padding-left: 38px; }
  .productWrap .boxtel .divtel { top: 0; display: block; background: #fff; margin: 18px 0 7px; padding: 20px 0 10px; text-align: center; }
  .productWrap .boxtel .divtel .num { display: inline-block; background: url(assets/img/product/icon_tel03.svg) no-repeat left 5px; background-size: 20px auto; padding-left: 25px; font-size: 38px; }
  .productWrap .boxtel .divtel .time { display: block; padding-top: 2px; font-size: 12px; line-height: 1; }
  .productWrap .boxtel .divtel .txtmore { display: block; padding-top: 12px; margin: 12px 15px 0; border-top: 1px solid #ddd; font-size: 11px; }
  .productWrap .boxnavi { padding: 28px 0 45px; margin-bottom: 0; }
  .productWrap .boxnavi .ul01 li { float: none; width: 100%; min-height: 90px; margin-bottom: 10px; margin-right: 0; }
  .productWrap .boxnavi .ul01 li:before { bottom: 8px; width: 6px; height: 6px; margin-left: -3px; }
  .productWrap .boxnavi .ul01 .txt01 { padding-top: 15px; font-size: 19px; letter-spacing: 4px; }
  .productWrap .boxlist > li { padding-top: 45px; padding-bottom: 30px; margin-bottom: 30px; }
  .productWrap .boxlist .ullist .txt01 { padding-top: 7px; font-size: 15px; }
  .productWrap .boxlist .ullist .txt02 { padding-top: 4px; font-size: 12px; line-height: 1.5; }
  .productWrap .boxlist .ul01 { margin: 27px 0 0; }
  .productWrap .boxlist .ul01 li { float: left; width: 100%; padding: 0; margin-bottom: 38px; }
  .productWrap .boxlist .ul02 { margin: 0 -7px; }
  .productWrap .boxlist .ul02 li { float: left; width: 50%; padding: 0 7px; margin-bottom: 20px; }
  .productWrap .boxlist .btn01 { margin-top: 6px; width: 100%; height: 46px; line-height: 46px; background: url(assets/img/product/icon_01.svg) no-repeat right 10px center; background-size: 4px auto; font-size: 15px; } }

.productdeWrap { margin-top: -5px !important; }

.productdeWrap .w800 { max-width: 800px; margin: 0 auto; }

.productdeWrap .box01 .imgdiv { float: left; width: 50.2%; margin-right: 4.7%; border: #E7E8E8 1px solid; }

.productdeWrap .box01 .imgdiv img { display: block; }

.productdeWrap .box01 .txt01 { margin-top: 0; line-height: 1; color: #443B38; font-size: 26px; letter-spacing: 0px; }

.productdeWrap .box01 .txt02 { padding-top: 20px; color: #787878; font-size: 14px; line-height: 1.7; }

.productdeWrap .box01 .divcat01 { padding-top: 32px; font-size: 0; letter-spacing: 0; margin-bottom: 3px; }

.productdeWrap .box01 .divcat01 span { display: inline-block; margin-right: 3px; margin-bottom: 3px; min-width: 104px; height: 24px; min-height: 24px; border: #AD981A 1px solid; padding: 0 12px; color: #AD981A; text-align: center; font-size: 12px; }

.productdeWrap .box01 .divcat02 { font-size: 0; letter-spacing: 0; }

.productdeWrap .box01 .divcat02 span { display: inline-block; margin-right: 4px; min-width: 104px; height: 24px; min-height: 24px; background: #F8F7ED; padding: 0 12px; color: #AD981A; text-align: center; font-size: 12px; }

.productdeWrap .box01 .bnr01 { padding-top: 30px; }

.productdeWrap .box01 .bnr01 p { margin-top: 10px; }

.productdeWrap .box01 .btn01 { display: block; background: #BBBEC2; height: 60px; line-height: 60px; text-align: center; }

.productdeWrap .box01 .btn01 span { display: inline-block; background: url(assets/img/product/icon_de0102.svg) no-repeat left center; padding-left: 26px; color: #fff; font-size: 19px; letter-spacing: 2px; }

.productdeWrap .box01 .iconsocial { padding-top: 30px; }

.productdeWrap .box01 .iconsocial a { padding-right: 10px; }

.productdeWrap .boxtel { margin-top: 90px; background: #F8F7ED; padding: 30px 0 40px; border-top: #EFEAD1 1px solid; border-bottom: #EFEAD1 1px solid; text-align: center; }

.productdeWrap .boxtel .txt01 { font-size: 20px; }

.productdeWrap .boxtel .txt01 span { font-size: 16px; }

.productdeWrap .boxtel .btnmail { display: inline-block; width: 320px; height: 60px; line-height: 60px; margin-left: 25px; border: #AD981A 1px solid; background: #fff url(assets/img/product/icon_tel02.svg) no-repeat right 10px center; border-radius: 5px; color: #443B38; font-size: 16px; text-align: center; }

.productdeWrap .boxtel .btnmail span { background: url(assets/img/product/icon_tel01.svg) no-repeat left center; padding-left: 30px; }

.productdeWrap .boxtel .divtel { position: relative; top: 18px; display: inline-block; text-align: left; padding-left: 35px; }

.productdeWrap .boxtel .divtel .num { display: block; background: url(assets/img/product/icon_tel03.svg) no-repeat left 5px; padding-left: 30px; text-align: left; font-family: 'AGaramondPro-Regular'; font-size: 45px; line-height: 1; }

.productdeWrap .boxtel .divtel .time { display: block; padding-top: 6px; font-size: 13px; line-height: 1; }

.productdeWrap .box02 { margin-top: 68px; }

.productdeWrap .box02 .txt01 { text-align: center; color: #443B38; font-size: 26px; }

.productdeWrap .box02 .txt01 span { display: block; color: #AD981A; font-size: 13px; }

.productdeWrap .box02 .txt02 { padding-top: 23px; text-align: center; color: #AD981A; font-size: 32px; }

.productdeWrap .box02 .txt03 { margin-top: 25px; }

.productdeWrap .box02 .txt03 h1, .productdeWrap .box02 .txt03 h2, .productdeWrap .box02 .txt03 h3, .productdeWrap .box02 .txt03 h4, .productdeWrap .box02 .txt03 h5, .productdeWrap .box02 .txt03 h6 { font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: normal; }

.productdeWrap .box02 table th, .productdeWrap .box02 table td { vertical-align: middle; }

.productdeWrap .h301 { background: #AD981A; height: 74px; line-height: 77px; text-align: center; color: #fff; font-size: 20px; letter-spacing: 5px; }

.productdeWrap .box03 { margin-top: 140px; }

.productdeWrap .box03 .ul01 { margin-top: 60px; }

.productdeWrap .box03 .ul01 li { margin-bottom: 22px; border: #EEEFF0 1px solid; border-bottom: none; }

.productdeWrap .box03 .ul01 .imgdiv { margin: 40px; position: relative; }

.productdeWrap .box03 .ul01 .imgdiv.hinhdung { width: 520px; margin: 40px auto; }

.productdeWrap .box03 .ul01 .imgdiv .img { float: left; width: 45.88%; }

.productdeWrap .box03 .ul01 .imgdiv.hinhdung .img { width: 44.24%; }

.productdeWrap .box03 .ul01 .imgdiv .img .imgpos { position: relative; }

.productdeWrap .box03 .ul01 .imgdiv .img.left .imgpos:before { content: ''; position: absolute; top: 50%; right: -35px; width: 14px; height: 52px; margin-top: -26px; background: url(assets/img/product/icon_de0301.svg) no-repeat center center; }

.productdeWrap .box03 .ul01 .imgdiv .img.right { float: right; }

.productdeWrap .box03 .ul01 .imgdiv .text01 { padding-top: 2px; font-size: 12px; line-height: 1.5; letter-spacing: -1px; }

.productdeWrap .box03 .ul01 .divcomment { background: #F8F6EA; padding: 13px 30px 20px; }

.productdeWrap .box03 .ul01 .divcomment .text01 { color: #AD981A; font-size: 20px; }

.productdeWrap .box03 .ul01 .divcomment .text02 { padding-top: 4px; line-height: 1.8; }

.productdeWrap .box04 { margin-top: 60px; }

.productdeWrap .box04 .ul01 { margin-top: 60px; }

.productdeWrap .box04 .ul01 li { margin-bottom: 18px; border: #ddce97 1px solid; padding: 4px; }

.productdeWrap .box04 .ul01 .divbor { border: #ece4c9 1px solid; padding: 32px 38px; }

.productdeWrap .box04 .ul01 .txt01 { line-height: 1.6; }

.productdeWrap .box04 .ul01 .txt02 { padding-top: 7px; color: #AD981A; font-size: 14px; font-weight: bold; }

.productdeWrap .box05 { margin-top: 80px; }

.productdeWrap .box05 .ul01 { margin-top: 30px; }

.productdeWrap .box05 .ul01 li { border-bottom: #DEDCDC 1px solid; padding: 30px 0 27px; }

.productdeWrap .box05 .ul01 .txt01 { background: url(assets/img/product/icon_de0501.svg) no-repeat left center; padding-left: 40px; min-height: 30px; }

.productdeWrap .box05 .ul01 .txt02 { margin-top: 10px; background: url(assets/img/product/icon_de0502.svg) no-repeat left top; padding-left: 40px; min-height: 30px; }

.productdeWrap .box06 { margin-top: 80px; }

.productdeWrap .box06 .divtxt01 { margin-top: 60px; }

.productdeWrap .box06 .imgdiv { float: left; width: 45%; margin-right: 5%; }

.productdeWrap .box06 .TB01 { border-top: #DEDCDC 3px solid; border-bottom: #DEDCDC 3px solid; }

.productdeWrap .box06 .TB01 tr { border-top: #DEDCDC 1px solid; }

.productdeWrap .box06 .TB01 th { width: 130px; background: #F5F5F6; padding: 10px 0; text-align: center; }

.productdeWrap .box06 .TB01 td { padding: 10px 20px; line-height: 1.8; }

.productdeWrap .box06 .divtxt02 { margin-top: 45px; line-height: 1.71; }

.productdeWrap .box07 { margin-top: 76px; margin-bottom: 95px; border-top: #EFEAD1 1px solid; padding-top: 80px; }

.productdeWrap .box07 .txt01 { background: url(assets/img/product/icon_de0701.svg) no-repeat left center; height: 30px; line-height: 30px; padding-left: 20px; font-size: 20px; }

.productdeWrap .box07 .ul01 { margin-top: 35px; }

.productdeWrap .box07 .ul01 li { float: left; width: 23%; margin-right: 2.66%; }

.productdeWrap .box07 .ul01 li:nth-child(4n) { margin-right: 0; }

.productdeWrap .box07 .ul01 .text01 { font-size: 18px; }

@media only screen and (max-width: 767px) { .productdeWrap { margin-top: 35px !important; }
  .productdeWrap .box01 .imgdiv { float: none; width: 68.96%; margin: 20px auto 0; }
  .productdeWrap .box01 .txt01 { font-size: 25px; text-align: center; }
  .productdeWrap .box01 .txt02 { padding-top: 24px; color: #787878; font-size: 13px; }
  .productdeWrap .box01 .divcat01 { width: auto; text-align: left; margin: 0 auto; padding-top: 22px; }
  .productdeWrap .box01 .divcat01 span { display: inline-block; margin: 0 2px 5px; width: 110px; }
  .productdeWrap .box01 .divcat02 { width: auto; text-align: left; margin: 0 auto; }
  .productdeWrap .box01 .divcat02 span { display: inline-block; margin: 0 2px 5px; width: 110px; padding-top: 6px; line-height: 1; }
  .productdeWrap .box01 .bnr01 { padding-top: 20px; }
  .productdeWrap .box01 .bnr01 p { margin-top: 5px; }
  .productdeWrap .box01 .btn01 { height: 39px; line-height: 39px; text-align: center; }
  .productdeWrap .box01 .btn01 span { background: url(assets/img/product/icon_de0102.svg) no-repeat left center; background-size: 12px auto; padding-left: 20px; font-size: 14px; }
  .productdeWrap .box01 .iconsocial { padding-top: 23px; text-align: center; }
  .productdeWrap .box01 .iconsocial a { padding: 0 5px; }
  .productdeWrap .boxtel { margin-top: 36px; padding: 20px 0 35px; border: none; }
  .productdeWrap .boxtel .txt01 { font-size: 18px; }
  .productdeWrap .boxtel .txt01 span { display: block; font-size: 15px; }
  .productdeWrap .boxtel .btnmail { float: right; display: block; width: 100%; height: 46px; line-height: 46px; background: #fff url(assets/img/product/icon_tel02.svg) no-repeat right 12px center; background-size: 4px auto; border-radius: 5px; padding-right: 25px; color: #404040; font-size: 15px; }
  .productdeWrap .boxtel .btnmail span { background: url(assets/img/product/icon_tel01.svg) no-repeat left center; background-size: 25px auto; padding-left: 38px; }
  .productdeWrap .boxtel .divtel { top: 0; display: block; background: #fff; margin: 18px 0 7px; padding: 20px 0 10px; text-align: center; }
  .productdeWrap .boxtel .divtel .num { display: inline-block; background: url(assets/img/product/icon_tel03.svg) no-repeat left 5px; background-size: 20px auto; padding-left: 25px; font-size: 38px; }
  .productdeWrap .boxtel .divtel .time { display: block; padding-top: 2px; font-size: 12px; line-height: 1; }
  .productdeWrap .boxtel .divtel .txtmore { display: block; margin-left: 15px; margin-right: 15px; margin-top: 15px; padding-top: 13px; font-size: 11px; border-top: 1px solid #efebcd; }
  .productdeWrap .box02 { margin-top: 47px; }
  .productdeWrap .box02 .txt01 { font-size: 25px; }
  .productdeWrap .box02 .txt01 span { font-size: 13px; }
  .productdeWrap .box02 .txt02 { padding-top: 25px; font-size: 23px; }
  .productdeWrap .box02 .tx03 { margin-top: 15px; }
  .productdeWrap .h301 { height: 45px; line-height: 45px; font-size: 18px; letter-spacing: 2px; }
  .productdeWrap .box03 { margin-top: 33px; }
  .productdeWrap .box03 .ul01 { margin-top: 32px; }
  .productdeWrap .box03 .ul01 li { margin-bottom: 15px; border: none; }
  .productdeWrap .box03 .ul01 .imgdiv { width: 100% !important; margin: 0 auto !important; border: #EEEFF0 1px solid; padding: 15px 10px; }
  .productdeWrap .box03 .ul01 .imgdiv .img { float: left; width: 45.99% !important; }
  .productdeWrap .box03 .ul01 .imgdiv .img.left .imgpos:before { right: -15px; width: 7px; height: 26px; margin-top: -13px; background: url(assets/img/product/icon_de0301.svg) no-repeat center center; background-size: 7px auto; }
  .productdeWrap .box03 .ul01 .imgdiv .text01 { font-size: 12px; line-height: 1.58; color: #787878; }
  .productdeWrap .box03 .ul01 .divcomment { padding: 11px 15px; }
  .productdeWrap .box03 .ul01 .divcomment .text01 { font-size: 17px; letter-spacing: 1px; }
  .productdeWrap .box03 .ul01 .divcomment .text02 { padding-top: 0; font-size: 14px; }
  .productdeWrap .box04 { margin-top: 35px; }
  .productdeWrap .box04 .ul01 { margin-top: 20px; }
  .productdeWrap .box04 .ul01 li { margin-bottom: 10px; padding: 4px; }
  .productdeWrap .box04 .ul01 .divbor { padding: 12px 18px 18px; }
  .productdeWrap .box04 .ul01 .txt02 { font-size: 14px; }
  .productdeWrap .box05 { margin-top: 40px; }
  .productdeWrap .box05 .ul01 { margin-top: 10px; }
  .productdeWrap .box05 .ul01 li { padding: 20px 0 18px; }
  .productdeWrap .box05 .ul01 .txt01 { background: url(assets/img/product/icon_de0501.svg) no-repeat left top; background-size: 26px auto; padding-left: 40px; min-height: 26px; }
  .productdeWrap .box05 .ul01 .txt02 { margin-top: 10px; background: url(assets/img/product/icon_de0502.svg) no-repeat left top; background-size: 26px auto; padding-left: 40px; min-height: 26px; }
  .productdeWrap .box06 { margin-top: 50px; }
  .productdeWrap .box06 .divtxt01 { margin-top: 20px; }
  .productdeWrap .box06 .imgdiv { float: none; width: 100%; margin-right: 0; text-align: center; }
  .productdeWrap .box06 .TB01 { border-top: #DEDCDC 2px solid; border-bottom: #DEDCDC 2px solid; font-size: 11px; }
  .productdeWrap .box06 .TB01 th { display: block; width: 100%; padding: 4px 15px; text-align: left; }
  .productdeWrap .box06 .TB01 td { display: block; width: 100%; padding: 3px 15px; }
  .productdeWrap .box06 .divtxt02 { margin-top: 30px; line-height: 1.57; }
  .productdeWrap .box07 { margin-top: 33px; padding-top: 40px; }
  .productdeWrap .box07 .txt01 { background: url(assets/img/product/icon_de0701.svg) no-repeat left center; background-size: 5px auto; font-size: 18px; }
  .productdeWrap .box07 .ul01 { margin-top: 20px; }
  .productdeWrap .box07 .ul01 li { float: left; width: 47.24%; }
  .productdeWrap .box07 .ul01 li:nth-child(2n) { float: right; }
  .productdeWrap .box07 .ul01 .text01 { font-size: 15px; } }

#slider { max-width: 1030px; margin: 0 auto 20px; opacity: 0; }

#slider.owl-carousel .owl-stage-outer { overflow: visible; }

#slider .owl-item { float: left; padding: 0 15px; }

#slider .owl-item img { display: block; }

#slider .owl-nav > div { display: block; width: 89px; height: 89px; position: absolute; top: 50%; left: 50%; margin-left: -502px; z-index: 9; background: url(assets/img/top/arrLeft.svg) center no-repeat; color: transparent; transition: 0.3s ease all; margin-top: -45px; }

#slider .owl-nav > div:hover { opacity: 0.8; }

#slider .owl-nav > div.owl-next { left: auto; margin-left: 0; right: 50%; margin-right: -502px; background: url(assets/img/top/arRight.svg) center no-repeat; }

#slider .owl-dots { text-align: center; }

#slider .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

#slider .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 30px 7px; background: #D2D2D2; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

#slider .owl-dots .owl-dot.active span, #slider .owl-dots .owl-dot:hover span { background: #1E1E1E; }

@media screen and (max-width: 1010px) { #slider .owl-item { max-width: 100vw; }
  #slider .owl-nav > div { margin-left: 0; left: 0; }
  #slider .owl-nav > div.owl-next { margin-right: 0; right: 0; } }

@media screen and (max-width: 767px) { #slider { margin: 0 15px; overflow: hidden; }
  #slider .owl-item { border: 0; padding: 0 15px 0 0; }
  #slider .owl-item a { border: 0; }
  #slider .owl-item img { border: 0; width: 100%; border-radius: 0; }
  #slider .owl-nav { display: none; }
  .common_salon_support { padding-bottom: 45px; margin-bottom: 0; }
  .common_salon_support .listTesttimonial ul { margin: 0; }
  .common_salon_support .listTesttimonial ul li { padding: 0; float: none; width: auto; margin: 20px 0 0; }
  .common_salon_support .listTesttimonial .innerTest .imgTest { width: 110px; height: 110px; float: left; margin-right: 20px; }
  .common_salon_support .listTesttimonial .innerTest .titleTest { overflow: hidden; text-align: left; padding-top: 28px; margin: 0; font-size: 14px; line-height: 21px; }
  .common_salon_support .listTesttimonial .innerTest .contentTest { clear: both; font-size: 11px; line-height: 18px; }
  .common_salon_support .listTesttimonial ul li:nth-child(2n) .innerTest .imgTest { float: right; margin-right: 0; margin-left: 20px; }
  .common_salon_support .boxSupport { margin-top: 60px; }
  .common_salon_support .boxSupport .titleSupport { font-size: 25px; margin-bottom: 10px; }
  .common_salon_support .boxSupport .subTitleSupport { font-size: 13px; margin-bottom: 25px; }
  .common_salon_support .boxSupport .listSupport { margin: 0; }
  .common_salon_support .boxSupport .listSupport li { float: none; padding: 0; width: auto; margin-bottom: 28px; }
  .common_salon_support .boxSupport .listSupport li:last-child { margin-bottom: 0; }
  .common_salon_support .boxSupport .listSupport .innerSupport .buttonSupport { margin-bottom: 15px; font-size: 14px; height: 50px; padding: 7px 0 0 0; line-height: 19px; }
  .common_salon_support .boxSupport .listSupport .innerSupport .buttonSupport.bgViolet { padding: 16px 0 0 0; }
  .common_salon_support .boxSupport .listSupport .innerSupport .textSupport { padding: 0; font-size: 13px; line-height: 18px; }
  .productWrap .boxlist > li:nth-child(3n+3) .text01 { margin-bottom: 30px; }
  .productdeWrap .box02 .txt03.divcms table td, .productdeWrap .box02 .txt03.divcms table th { display: block; width: 100% !important; } }

.product_archive .beautyColumnRelative.beautyWrap { background: none; }

@media only screen and (max-width: 767px) { .product_archive .common_News { padding: 40px 15px 40px; } }

div.yellow_box { margin-top: 20px; }

#search main { max-width: 830px; margin: 0 auto; }

#search .tblSearch { width: 100%; border: 1px solid #dddddd; }

#search .tblSearch th { background: #fafafa; vertical-align: top; padding: 21px 40px 18px 5px; font-size: 16px; width: 32%; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; font-weight: normal; }

#search .tblSearch tr td { padding: 16px 25px; border-bottom: 1px solid #dddddd; font-size: 14px; }

#search .tblSearch tr td span { color: #ad981a; font-size: 18px; display: inline-block; vertical-align: middle; margin-right: 20px; }

#search .tblSearch tr td .wrapCheck { display: inline-block; vertical-align: middle; }

#search .tblSearch tr td .wrapCheck p { margin-bottom: 5px; }

#search .tblSearch tr td .wrapCheck p input[type=checkbox] { margin-right: 4px; }

#search .tblSearch tr td .label { width: 15%; display: inline-block; }

#search .tblSearch .select-style { padding: 0; margin: 0; border: 1px solid #717071; display: inline-block; vertical-align: middle; border-radius: 5px; width: 262px; overflow: hidden; background: #fff url("assets/img/search/arrow.svg") no-repeat 95% 50%; background-size: 8px auto; margin-left: 14px; }

#search .tblSearch .select-style select { padding: 12px 8px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; color: #717071; }

#search .tblSearch .select-style select:focus { outline: none; }

#search .tblSearch .mb10 { margin-bottom: 10px; }

#search .txtNote { font-size: 14px; margin: 20px 0 60px; line-height: 1.8; }

#search .submitBtn { background: #ad8a26; cursor: pointer; color: #fff; text-align: center; border-radius: 5px; position: relative; margin: 0 auto 80px; max-width: 400px; font-weight: normal; }

#search .submitBtn input[type=submit] { border: none; background: none; color: #fff; font-size: 18px; display: block; text-align: center; width: 100%; padding: 0; line-height: 60px; }

#search .submitBtn:before { content: ""; position: absolute; right: 15px; top: 45%; width: 6px; height: 6px; border-left: 1px solid #fff; border-top: 1px solid #fff; -moztransform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

#search .submitBtn:hover { opacity: .6; }

#search .h3_search { font-size: 22px; padding-left: 20px; padding-top: 10px; position: relative; margin-bottom: 18px; }

#search .h3_search:before { content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: white; background: -moz-linear-gradient(top, white 0%, white 13%, #ad8926 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(13%, white), color-stop(100%, #ad8926)); background: -webkit-linear-gradient(top, white 0%, white 13%, #ad8926 100%); background: -o-linear-gradient(top, white 0%, white 13%, #ad8926 100%); background: -ms-linear-gradient(top, white 0%, white 13%, #ad8926 100%); background: linear-gradient(to bottom, white 0%, white 13%, #ad8926 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ad8926', GradientType=0 ); }

#search .subH3 { font-size: 14px; margin-bottom: 35px; }

#search .innerRes { background: #fafafa; padding: 40px; margin-bottom: 10px; }

#search .innerRes h4 { font-size: 22px; }

#search .innerRes h4 a { display: block; float: right; width: 147px; border: 1px solid #ad8a26; padding: 12px 0; text-align: center; font-size: 13px; position: relative; border-radius: 4px; color: #ad8a26; }

#search .innerRes h4 a:before { content: ""; position: absolute; right: 15px; top: 43%; width: 5px; height: 5px; border-left: 1px solid #ad8a26; border-top: 1px solid #ad8a26; -moztransform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

#search .innerRes h4 a:hover { opacity: .6; }

#search .innerRes .tblRes { width: 100%; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; font-size: 14px; margin-top: 30px; }

#search .innerRes .tblRes th { background: #717071; color: #fff; text-align: center; width: 15%; vertical-align: middle; border-bottom: 1px dotted #c6c6c6; font-weight: normal; }

#search .innerRes .tblRes tr td { padding: 18px 15px; border-bottom: 1px dotted #c6c6c6; }

#search .innerRes .tblRes tr td a { text-decoration: underline; }

@media only screen and (max-width: 767px) { #search #wrap { margin-top: 56px !important; }
  #search main { padding: 38px 15px; }
  #search .search__content .container { padding: 0 !important; }
  #search .tblSearch { border-bottom: none; }
  #search .tblSearch .select-style { background: #fff url(assets/img/search/arrow.svg) no-repeat 95% 50%; background-size: 8px auto; width: 100%; margin-left: 0; }
  #search .tblSearch th, #search .tblSearch tr td { display: block; width: 100%; }
  #search .tblSearch tr td { padding: 12px 15px 18px; }
  #search .tblSearch th { border-right: none; padding: 12px 15px; text-align: left; font-size: 15px; }
  #search .tblSearch tr td span { margin-right: 0; margin-bottom: 5px; display: block; }
  #search .tblSearch tr td .label { width: 50%; margin-bottom: 5px; }
  #search .txtNote { margin-top: 10px; margin-bottom: 30px; }
  #search .submitBtn { border-radius: 4px; padding: 0; margin-bottom: 30px; }
  #search .h3_search { font-size: 17px; }
  #search .innerRes { padding: 20px 15px; }
  #search .innerRes h4 { font-size: 16px; margin-bottom: 10px; }
  #search .innerRes h4 a { display: none; }
  #search .innerRes .tblRes { margin-top: 10px; margin-bottom: 20px; }
  #search .innerRes .tblRes th { width: 30%; vertical-align: top; padding-top: 10px; }
  #search .innerRes .tblRes tr td { padding: 10px; }
  #search .btnSP { width: 145px; border: 1px solid #ad8a26; padding: 10px 0; text-align: center; font-size: 13px; position: relative; border-radius: 4px; color: #ad8a26; margin: 0 auto; font-size: 14px; }
  #search .btnSP:before { content: ""; position: absolute; right: 15px; top: 43%; width: 5px; height: 5px; border-left: 1px solid #ad8a26; border-top: 1px solid #ad8a26; -moztransform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
  #search .submitBtn input[type=submit] { padding: 5px 0px; line-height: 40px; } }

@media only screen and (max-width: 767px) { #bread a:before { margin-top: 0; top: 0; right: 8px; } }

@media only screen and (max-width: 767px) { .seminar #wrap { margin-top: 25px !important; } }

.seminar .mainText2 { padding: 42px 0 38px; }

@media only screen and (max-width: 767px) { .seminar .mainText2 { padding: 31px 0 25px; } }

.seminar .mainText2 h2 { letter-spacing: 0; }

.seminar .divanchor { display: flex; align-items: center; justify-content: center; padding-bottom: 42px; border-bottom: 1px solid #dfdedf; }

@media only screen and (max-width: 767px) { .seminar .divanchor { padding-bottom: 24px; } }

.seminar .divanchor a { color: #b4b5b5; font-size: 15px; line-height: 20px; width: 235px; height: 50px; border: 1px solid #b4b5b5; display: flex; align-items: center; justify-content: center; margin: 0 6px; transition: all 0.3s ease-in-out; font-size: 15px; line-height: 20px; }

@media only screen and (min-width: 768px) { .seminar .divanchor a:hover { color: #ad981a; border-color: #ad981a; } }

.seminar .divanchor a.active { color: #ad981a; border-color: #ad981a; }

@media only screen and (max-width: 767px) { .seminar .divanchor a { font-size: 12px; line-height: 15px; height: 39px; } }

.seminar .pkimg { margin-bottom: 44px; }

@media only screen and (max-width: 767px) { .seminar .pkimg { width: calc(100% + 30px); margin: 37px auto 25px -15px; } }

.seminar .pkimg__ttl { font-weight: 500; font-size: 30px; color: #ad981a; position: relative; line-height: 1; width: fit-content; margin: auto; padding: 0 40px 25px; }

@media only screen and (max-width: 767px) { .seminar .pkimg__ttl { font-size: 22px; padding: 0 40px 14px; } }

.seminar .pkimg__ttl:before, .seminar .pkimg__ttl:after { content: ''; position: absolute; width: 16px; height: 25px; top: 0; }

@media only screen and (max-width: 767px) { .seminar .pkimg__ttl:before, .seminar .pkimg__ttl:after { width: 12px; height: 20px; } }

.seminar .pkimg__ttl:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.78' height='25.378' viewBox='0 0 15.78 25.378'%3E%3Cpath id='Path_104' data-name='Path 104' d='M632.46,394l14.923,24.863' transform='translate(-632.032 -393.743)' fill='none' stroke='%23ad981a' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: cover; left: -5px; }

.seminar .pkimg__ttl:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.78' height='25.378' viewBox='0 0 15.78 25.378'%3E%3Cpath id='Path_105' data-name='Path 105' d='M647.383,394,632.46,418.863' transform='translate(-632.032 -393.743)' fill='none' stroke='%23ad981a' stroke-width='1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: cover; right: 0; }

.seminar .pkimg a { display: block; }

.seminar .tllpage { font-weight: 500; font-size: 26px; letter-spacing: 0.02em; }

@media only screen and (max-width: 767px) { .seminar .tllpage { font-size: 20px; } }

.seminar .divtag { margin: 15px auto 17px; padding: 0; }

@media only screen and (min-width: 768px) { .seminar .divtag { display: flex; justify-content: flex-start; flex-wrap: wrap; } }

@media only screen and (max-width: 767px) { .seminar .divtag { align-items: flex-start; justify-content: flex-start; margin-top: 10px; padding: 0; margin-bottom: 15px; } }

.seminar .divtag .lb { font-size: 15px; letter-spacing: 0.07em; color: #ad981a; padding-right: 10px; width: 171px; margin-bottom: 12px; }

.seminar .divtag .items { width: calc(100% - 171px); display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }

@media only screen and (max-width: 767px) { .seminar .divtag .items { flex-wrap: nowrap; overflow: scroll; width: calc(100% + 15px); } }

.seminar .divtag .items a { color: #787878; font-size: 13px; line-height: 20px; padding-left: 22px; position: relative; text-decoration: underline; margin: 0 19px 12px 0; }

@media only screen and (max-width: 767px) { .seminar .divtag .items a { width: fit-content; white-space: nowrap; } }

.seminar .divtag .items a.active { text-decoration: none; color: #ad981a; }

.seminar .divtag .items a::before { content: ""; position: absolute; top: 1px; left: 0; background: url(../assets/img/common/tag.png) no-repeat; background-size: contain; width: 15px; height: 15px; }

@media only screen and (max-width: 767px) { .seminar .divtag .items a { font-size: 12px; line-height: 18px; margin-bottom: 8px; } }

.seminar .divlist { float: left; width: 100%; margin-bottom: 70px; }

@media only screen and (max-width: 767px) { .seminar .divlist { margin-bottom: 55px; } }

.seminar .ullist { margin: 0 auto; }

.seminar .ullist .ullist-event { font-size: 15px; border: 1px solid #d8c993; position: relative; overflow: hidden; padding: 45px 40px 50px; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event { padding: 20px 18px 63px; } }

.seminar .ullist .ullist-event .bg { position: relative; }

.seminar .ullist .ullist-event .bg:after { content: ''; position: absolute; width: 1000px; height: calc(100% + 100px); background: #f8f7ed; top: -80px; right: -40px; z-index: -1; }

.seminar .ullist .ullist-event + .ullist-event { margin-top: 30px; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event { margin-right: 3.5%; } }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event { width: 100%; margin: 0 auto 28px; } }

.seminar .ullist .ullist-event a { display: block; }

.seminar .ullist .ullist-event:nth-child(3n + 3) { margin-right: 0; }

.seminar .ullist .ullist-event.close-event .thumb { position: relative; }

.seminar .ullist .ullist-event.close-event .thumb::before { content: ""; background-color: rgba(8, 8, 10, 0.68); background-image: url(../assets/img/common/text.png); background-size: 231px; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: flex; align-items: center; justify-content: center; color: #fff; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event.close-event .thumb::before { background-size: 204px; } }

.seminar .ullist .ullist-event .wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.seminar .ullist .ullist-event .thumb { line-height: 1; height: auto; text-align: center; overflow: hidden; aspect-ratio: 1 / 1; width: 32.5%; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .thumb { width: 100%; max-width: 257px; margin: 15px auto 0; order: 2; } }

.seminar .ullist .ullist-event .thumb a { display: block; width: 100%; height: 100%; }

.seminar .ullist .ullist-event .thumb img { height: 100%; width: 100%; object-fit: cover; }

.seminar .ullist .ullist-event .cont { width: 63.5%; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .cont { width: 100%; order: 1; } }

.seminar .ullist .ullist-event .wraptiem { margin-bottom: 15px; }

@media only screen and (min-width: 768px) { .seminar .ullist .ullist-event .wraptiem { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .wraptiem { margin-bottom: 10px; } }

.seminar .ullist .ullist-event .label { height: 33px; min-width: 75px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; line-height: 24px; width: auto; background: #404040; color: #fff; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .label { font-size: 16px; letter-spacing: 0.08em; height: 26px; } }

.seminar .ullist .ullist-event .time { font-size: 20px; letter-spacing: 0.04em; font-feature-settings: "palt"; position: relative; top: -3px; margin-left: 20px; line-height: 1.7; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .time { margin-top: 15px; margin-left: 0; display: block; font-size: 16px; line-height: 1.4; } }

.seminar .ullist .ullist-event .date { font-size: 16px; line-height: 26px; margin-left: 5px; }

.seminar .ullist .ullist-event .title { line-height: 1.58; margin: 5px 0 0; font-size: 24px; letter-spacing: 0.04em; font-weight: bold; overflow: hidden; width: 100%; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; margin-bottom: 53px; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .title { font-size: 22px; line-height: 1.45; margin-bottom: 32px; } }

.seminar .ullist .ullist-event .wrapcat { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 100%; margin-bottom: 15px; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .wrapcat { margin-bottom: 9px; } }

.seminar .ullist .ullist-event .cat { display: inline-flex; flex-wrap: wrap; }

.seminar .ullist .ullist-event .cat span { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 17px; color: #ad981a; padding: 2px 7px 1px; border: 1px solid #ad981a; margin-right: 15px; margin-bottom: 5px; height: 24px; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .cat span { font-size: 12px; } }

.seminar .ullist .ullist-event .extrainf { font-size: 15px; letter-spacing: 0.04em; line-height: 1.6; overflow: hidden; width: 100%; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .extrainf { font-size: 14px; } }

.seminar .ullist .ullist-event .audience { display: inline-flex; flex-wrap: wrap; width: 100%; position: relative; }

.seminar .ullist .ullist-event .audience span { font-size: 12px; color: #fff; background: #b2a559; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; margin-right: 7px; margin-bottom: 5px; min-width: 93px; height: 20px; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .audience span { font-size: 12px; } }

.seminar .ullist .ullist-event .tag { position: relative; display: flex; flex-wrap: wrap; }

.seminar .ullist .ullist-event .tag span { position: relative; padding-left: 23px; font-size: 13px; letter-spacing: 0.02em; color: #787878; margin-right: 10px; display: inline-block; }

.seminar .ullist .ullist-event .tag span::before { content: ""; position: absolute; top: 4px; left: 0; background: url(../assets/img/common/tag.png) no-repeat; background-size: contain; width: 15px; height: 15px; }

.seminar .ullist .ullist-event .readmore { position: absolute; display: flex; align-items: center; justify-content: center; width: 214px; height: 41px; background: #b2a559; color: #fff; padding-right: 25px; right: 0; bottom: 0; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .readmore { width: 100%; padding-right: 0; } }

.seminar .ullist .ullist-event .readmore::after { position: absolute; right: 25px; top: calc(50% - 3px); content: ""; display: block; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.seminar .ullist .ullist-event .desc { font-size: 12px; line-height: 20px; letter-spacing: 1px; font-feature-settings: "palt"; margin-top: 8px; }

@media only screen and (max-width: 767px) { .seminar .ullist .ullist-event .desc { margin-top: 5px; font-size: 14px; line-height: 21px; letter-spacing: 0.06em; overflow: hidden; width: 100%; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; } }

.seminar .wp-pagenavi { margin: 32px auto 0; }

@media only screen and (max-width: 767px) { .seminar .wp-pagenavi { margin-top: 14px; } }

.single-seminar #wrap .wrapctn { max-width: 1000px; width: 100%; margin: 0 auto; }

.single-seminar .mainText { padding: 46px 0 40px; }

@media only screen and (max-width: 767px) { .single-seminar .mainText { padding: 31px 20px 25px; margin-top: 52px; } }

.single-seminar .mainText h2, .single-seminar .mainText span { font-size: 30px; letter-spacing: 0; }

@media only screen and (max-width: 767px) { .single-seminar .mainText h2, .single-seminar .mainText span { font-size: 21px; line-height: 27px; } }

@media only screen and (min-width: 768px) { .single-seminar .wrapinfo { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
  .single-seminar .wrapinfo .box-thumb { width: 48.9%; }
  .single-seminar .wrapinfo .summary { width: 45%; } }

@media only screen and (max-width: 767px) { .single-seminar .wrapinfo { padding: 0 20px; } }

.single-seminar .singlettl { font-size: 32px; letter-spacing: 0.04em; font-weight: bold; line-height: 1.5; margin: 28px auto 35px; }

@media only screen and (max-width: 767px) { .single-seminar .singlettl { font-size: 24px; margin: 12px auto 0px; } }

.single-seminar .box-info { display: flex; align-items: center; justify-content: space-between; }

@media only screen and (max-width: 767px) { .single-seminar .box-info { display: block; margin-top: 22px; } }

.single-seminar .box-info__cat { display: flex; flex-wrap: wrap; align-items: flex-start; }

@media only screen and (max-width: 767px) { .single-seminar .box-info__cat { display: inline-flex; flex-wrap: wrap; margin-top: 3px; } }

.single-seminar .box-info .label { height: 20px; min-width: 60px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; line-height: 24px; width: auto; background: #404040; color: #fff; padding: 4px 0 3px 0; height: 22px; }

@media (min-width: 768px) and (max-width: 1200px) { .single-seminar .box-info .label { padding-bottom: 5px; } }

@media only screen and (max-width: 767px) { .single-seminar .box-info .label { font-size: 12px; min-width: 54px; height: 22px; padding-bottom: 4px; } }

.single-seminar .box-info .time { display: inline-block; margin: 0 0 0 8px; position: relative; top: 1px; font-size: 16px; font-feature-settings: "palt"; letter-spacing: 1px; }

@media only screen and (max-width: 767px) { .single-seminar .box-info .time { line-height: 1; font-size: 15px; margin-left: 5px; } }

.single-seminar .box-info .date { font-size: 16px; line-height: 26px; margin-left: 5px; }

.single-seminar .box-info .title { font-size: 16px; line-height: 26px; margin: 5px 0 0; }

.single-seminar .box-info .cat { display: inline-flex; flex-wrap: wrap; margin-bottom: 5px; }

@media only screen and (max-width: 767px) { .single-seminar .box-info .cat { display: inline; } }

.single-seminar .box-info .cat span { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; line-height: 17px; height: 24px; color: #ad981a; padding: 3px 7px 2px; border: 1px solid #ad981a; margin-right: 7px; }

.single-seminar .box-info .tags { display: inline-flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; min-height: 24px; }

.single-seminar .box-info .tags span { color: #787878; font-size: 13px; line-height: 20px; padding-left: 22px; position: relative; margin: 0 19px 0 0; }

.single-seminar .box-info .tags span::before { content: ""; position: absolute; top: 1px; left: 0; background: url(../assets/img/common/tag.png) no-repeat; background-size: contain; width: 15px; height: 15px; }

@media only screen and (max-width: 767px) { .single-seminar .box-info .tags span { font-size: 12px; line-height: 18px; } }

.single-seminar .box-thumb { position: relative; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; }

.single-seminar .box-thumb img { width: 100%; height: 100%; object-fit: cover; }

.single-seminar .box-thumb.close-event::before { content: ""; background-color: rgba(8, 8, 10, 0.68); background-image: url(../assets/img/common/text.png); background-size: 260px; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: flex; align-items: center; justify-content: center; color: #fff; }

@media only screen and (max-width: 767px) { .single-seminar .box-thumb.close-event::before { background-size: 204px; } }

@media only screen and (max-width: 767px) { .single-seminar .box-table { margin-top: 15px; } }

.single-seminar .box-table tr { border-top: 1px solid #e9e9e9; }

.single-seminar .box-table tr:last-child { border-bottom: 1px solid #e9e9e9; }

.single-seminar .box-table tr th, .single-seminar .box-table tr td { font-size: 14px; line-height: 27px; text-align: left; padding: 22px 0 22px 30px; letter-spacing: 0.08em; }

@media only screen and (max-width: 767px) { .single-seminar .box-table tr th, .single-seminar .box-table tr td { font-size: 14px; padding: 10px 13px 10px; font-weight: 400; line-height: 18px; } }

.single-seminar .box-table tr th { background: #f3f3f4; width: 112px; font-weight: bold; }

@media only screen and (max-width: 767px) { .single-seminar .box-table tr th { width: 65px; } }

.single-seminar .box-table tr td { width: calc(100% - 186px); }

@media only screen and (max-width: 767px) { .single-seminar .box-table tr td { width: calc(100% - 87px); padding-right: 0; letter-spacing: 0; line-height: 1.8; } }

.single-seminar .box-content { margin: 58px auto 69px; }

@media only screen and (max-width: 767px) { .single-seminar .box-content { padding: 0 20px; margin: 44px auto 30px; overflow: hidden; } }

.single-seminar .box-content .divcms { font-size: 14px; line-height: 28px; color: #404040; letter-spacing: 0; }

@media only screen and (max-width: 767px) { .single-seminar .box-content .divcms { line-height: 22px; } }

.single-seminar .box-content div, .single-seminar .box-content p { font-size: 14px; line-height: 28px; color: #404040; margin-bottom: 30px; letter-spacing: 0; padding: 0 0 0 5px; }

@media only screen and (max-width: 767px) { .single-seminar .box-content div, .single-seminar .box-content p { line-height: 22px; padding: 0; margin-top: 0; } }

.single-seminar .box-content img { display: block; }

@media only screen and (max-width: 767px) { .single-seminar .box-content img { margin-bottom: 40px; } }

.single-seminar .box-content h3, .single-seminar .box-content .title_border { color: #ad981a; font-size: 20px; line-height: 26px; border-bottom: 2px solid #d6cb8c; padding: 0 0 12px; position: relative; margin: 0 0 33px; font-weight: 600; letter-spacing: 0; }

@media only screen and (max-width: 767px) { .single-seminar .box-content h3, .single-seminar .box-content .title_border { font-size: 15px; letter-spacing: -0.06em; padding-bottom: 2px; margin-bottom: 22px; } }

.single-seminar .box-content h3::after, .single-seminar .box-content .title_border::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 100%; height: 1px; background: #d6cb8c; }

.single-seminar .box-content h4 { color: #ad981a; font-size: 18px; line-height: 26px; padding: 0 0 0 31px; position: relative; margin: 0 0 19px; font-weight: 600; letter-spacing: 0; }

@media only screen and (max-width: 767px) { .single-seminar .box-content h4 { font-size: 15px; line-height: 24px; letter-spacing: -0.05em; margin-bottom: 10px; } }

.single-seminar .box-content h4::after { content: ""; position: absolute; left: 4px; top: 5px; width: 100%; height: 1px; background: #ad981a; background: url(../assets/img/common/square.png) no-repeat; background-size: contain; width: 15px; height: 15px; }

@media only screen and (max-width: 767px) { .single-seminar .box-content h4::after { top: 3px; } }

.single-seminar .box-content .pink_box { background: #fceef3; display: inline-block; font-size: 14px; line-height: 28px; color: #de5783; padding: 5px 8px; margin-bottom: 0 !important; }

.single-seminar .box-content blockquote, .single-seminar .box-content .yellow_box { background: #fbfaf4; border: 1px solid #e6e0ba; font-size: 14px; line-height: 28px; color: #404040; padding: 20px 22px; margin: 24px auto 33px; }

@media only screen and (max-width: 767px) { .single-seminar .box-content blockquote, .single-seminar .box-content .yellow_box { font-size: 14px; line-height: 22px; padding: 18px 22px; margin: 10px auto 44px; letter-spacing: -0.03em; } }

.single-seminar .cmn_btn { font-size: 19px; line-height: 1; color: #fff; max-width: 481px; width: 100%; height: 64px; display: flex; align-items: center; justify-content: center; background: #b2a559; margin: 0 auto 115px; position: relative; }

@media only screen and (max-width: 767px) { .single-seminar .cmn_btn { margin: 0 auto 74px; max-width: 334px; font-size: 15px; letter-spacing: 1px; } }

.single-seminar .cmn_btn::after { content: ""; position: absolute; right: 15px; top: 45%; width: 6px; height: 6px; border-left: 1px solid #fff; border-top: 1px solid #fff; -moztransform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.single-seminar .cmn_btn .hide { display: none; }

.single-seminar .cmn_btn.close-event { background: #717071; }

.single-seminar .cmn_btn.close-event::after { display: none; }

.single-seminar .cmn_btn.close-event .show { display: none; }

.single-seminar .cmn_btn.close-event .hide { display: block; }

.single-seminar .pagede { margin-bottom: 80px; overflow: hidden; }

@media only screen and (max-width: 767px) { .single-seminar .pagede { margin-bottom: 30px; } }

.single-seminar .pagede li:nth-child(1) span { text-align: left; }

@media only screen and (max-width: 767px) { .single-seminar .pagede { overflow: hidden; }
  .single-seminar .pagede li:nth-child(1) { padding: 0 20px; }
  .single-seminar .pagede li:nth-child(3) { padding: 0 20px; } }

.single-seminar .listime { margin: 60px auto; }

@media only screen and (max-width: 767px) { .single-seminar .listime { margin: 35px auto; width: calc(100% - 30px); } }

.single-seminar .listime__ttl { height: 62px; background: #ad981a; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 22px; letter-spacing: 0.02em; }

@media only screen and (max-width: 767px) { .single-seminar .listime__ttl { font-size: 20px; height: 52px; } }

@media only screen and (max-width: 767px) { .single-seminar .listime--bot { width: 100%; margin-bottom: 20px; } }

.single-seminar .listime--bot .listime__ttl { height: 112px; font-size: 28px; }

@media only screen and (max-width: 767px) { .single-seminar .listime--bot .listime__ttl { height: 90px; font-size: 24px; } }

.single-seminar .listime--bot .list { margin-bottom: 110px; margin-top: 54px !important; }

@media only screen and (max-width: 767px) { .single-seminar .listime--bot .list { margin-top: 22px !important; width: calc(100% - 30px); } }

.single-seminar .listime .list { border: 1px solid #d8c993; max-width: 1000px; margin: auto; }

.single-seminar .listime .list li { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 20px 0; }

.single-seminar .listime .list li + li { border-top: 1px solid #e9e9e9; }

.single-seminar .listime .list li .txt { font-size: 20px; letter-spacing: 0.04em; }

@media only screen and (max-width: 767px) { .single-seminar .listime .list li .txt { font-size: 16px; } }

.single-seminar .listime .list li .btn { display: flex; align-items: center; justify-content: center; width: 270px; height: 41px; background: #1aa2ad; color: #fff; padding-right: 25px; right: 0; bottom: 0; position: relative; font-size: 15px; }

@media only screen and (min-width: 768px) { .single-seminar .listime .list li .btn { margin-left: 40px; } }

@media only screen and (max-width: 767px) { .single-seminar .listime .list li .btn { margin-top: 10px; } }

.single-seminar .listime .list li .btn::after { position: absolute; right: 25px; top: calc(50% - 3px); content: ""; display: block; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.single-seminar .listime .list li .btn.anchor::after { transform: rotate(135deg); }

.single-seminar .frmembed { border: 1px solid #d8c993; padding: 30px; max-width: 1000px; margin: 0 auto 110px; }

@media only screen and (max-width: 767px) { .single-seminar .frmembed { width: calc(100% - 30px); margin-bottom: 50px; } }

#support .top__beautycolumn { margin-top: 40px; }

#support .commonNews { margin-top: 45px; }

#support .common_contact.common_contact_topSupport { padding: 29px 0 37px; }

#support .common_contact.common_contact_topSupport .inner .text { margin-bottom: 25px; }

#support .btnSupport { margin: 55px -12px 29px; }

#support .btnSupport p { padding: 12px 20px; font-size: 13px; }

#support .btnSupport a { display: block; color: #fff; font-size: 16px; text-align: center; padding: 12px 0; position: relative; }

#support .btnSupport a:before { content: ""; position: absolute; right: 15px; top: 43%; width: 6px; height: 6px; border-left: 1px solid #fff; border-top: 1px solid #fff; -moztransform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

#support .btnSupport a:hover { opacity: .6; }

#support .btnSupport .leftSup { float: left; width: 50%; padding: 0 12px; }

#support .btnSupport .leftSup a { background: #de5783; }

#support .btnSupport .rightSup { float: right; width: 50%; padding: 0 12px; }

#support .btnSupport .rightSup a { background: #7879b2; }

#support .boxSup01 { background: #f7f5e8; padding: 52px 65px 53px; text-align: center; font-size: 14px; margin-bottom: 72px; }

#support .boxSup01 p { letter-spacing: 0; line-height: 1.9; }

#support .boxSup01 h3 { font-size: 26px; position: relative; color: #ad981a; padding-bottom: 10px; margin-bottom: 40px; letter-spacing: 2px; }

#support .boxSup01 h3:before { content: ''; width: 100%; height: 2px; background: #d6ca8f; position: absolute; left: 0; bottom: 4px; }

#support .boxSup01 h3:after { content: ''; width: 100%; height: 1px; background: #d6ca8f; position: absolute; left: 0; bottom: 0px; }

#support .boxSup01 h4 { font-size: 18px; color: #ad981a; margin-bottom: 16px; }

#support .h4_supp { font-size: 21px; text-align: center; margin-bottom: 22px; }

#support .lstSup { margin: 0 -15px; }

#support .lstSup li { float: left; width: 33.33%; padding: 0 15px; }

#support .lstSup li .thumb { font-size: 14px; border: 1px solid #d6cb8c; padding: 2px; }

#support .lstSup li .thumb img { width: 100%; line-height: 1; vertical-align: bottom; }

#support .lstSup li .title { text-align: center; font-size: 18px; margin: 14px 0 4px; }

#support .lstSup li .text { line-height: 1.9; letter-spacing: 0; }

#support .boxSup02 { position: relative; padding: 25px 35px; margin: 55px 0 20px; letter-spacing: 0; }

#support .boxSup02:before { content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 100%; background: url(assets/img/support/border.svg) no-repeat left top; background-size: cover; }

#support .boxSup02:after { content: ''; position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: url(assets/img/support/border2.svg) no-repeat right top; background-size: cover; }

#support .boxSup03 { background: #fafafa; padding: 30px; font-size: 14px; margin-bottom: 68px; line-height: 24px; }

#support .sub_h4_sup { text-align: center; font-size: 14px; margin-bottom: 27px; }

#support .lstSup02 { margin: 0 auto 80px; max-width: 800px; }

#support .lstSup02 li { background: #eeebf4; padding: 15px 0 10px 40px; margin-bottom: 10px; font-size: 14px; position: relative; }

#support .lstSup02 li:before { content: ''; position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; background: url(assets/img/support/icon.svg) no-repeat left top; }

#support .lstSup02 li .title { color: #5b3c8a; font-size: 18px; cursor: pointer; position: relative; z-index: 90; }

#support .lstSup02 li .desc { margin: 10px 40px 25px 0; display: none; text-align: justify; }

#support .lstSup02 li.active:before { content: ''; position: absolute; top: 24px; right: 20px; width: 25px; height: 25px; background: url(assets/img/support/icon_open.svg) no-repeat left top; }

#support .h5_cms { background: #ad981a; text-align: center; color: #fff; font-size: 26px; padding: 11px 0; margin-bottom: 60px; }

#support .lstSup03 { margin-bottom: 80px; }

#support .lstSup03 li { position: relative; padding-bottom: 60px; font-size: 14px; }

#support .lstSup03 li:before { content: ""; position: absolute; left: 48%; bottom: 15px; width: 66px; height: 28px; background: url(assets/img/support/border3.svg) no-repeat left top; }

#support .lstSup03 li .wrap { border: 1px solid #e4e5e7; padding: 27px 28px 28px; }

#support .lstSup03 li .title { color: #ad981a; font-size: 20px; margin-bottom: 20px; }

#support .lstSup03 li .title span { color: #fff; display: inline-block; padding: 3px 20px; margin-right: 20px; background: url(assets/img/support/bg.svg) no-repeat left top; background-size: 100% 100%; min-height: 30px; font-size: 16px; }

#support .lstSup03 li a { display: block; color: #fff; position: relative; font-size: 16px; max-width: 490px; margin: 20px auto 10px; text-align: center; padding: 10px 0; background: #de5783; }

#support .lstSup03 li a:before { content: ""; position: absolute; right: 15px; top: 40%; width: 6px; height: 6px; border-left: 1px solid #fff; border-top: 1px solid #fff; -moztransform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

#support .lstSup03 li .taC { font-size: 12px; }

#support .lstSup03 li .bgVio { background: #7879b2 !important; }

#support .lstSup03 li:last-child { padding-bottom: 0; }

#support .lstSup03 li:last-child:before { background: none; }

#support .interviewWrap a.btnMore { padding: 7px 0; position: relative; }

#support .interviewWrap a.btnMore:before { content: ""; display: block; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 50%; right: 15px; margin-top: -3px; }

@media only screen and (max-width: 767px) { #support #wrap { margin-top: 30px !important; }
  #support .mainText { margin-top: 50px; padding-left: 0; padding-right: 0; margin-bottom: 10px; }
  #support .common_contact .inner { padding: 0 15px; }
  #support .btnSupport { margin: 0; }
  #support .btnSupport .leftSup, #support .btnSupport .rightSup { width: 100%; padding: 0; }
  #support .btnSupport a { font-size: 14px; padding: 5px 0 3px; }
  #support .btnSupport .rightSup a { padding: 14px 0 12px; }
  #support .btnSupport p { padding: 10px 0; font-size: 13px; margin-bottom: 8px; }
  #support .boxSup01 { margin: 0 -15px 48px; padding: 30px 15px; }
  #support .boxSup01 h3 { font-size: 18px; margin-bottom: 25px; padding-bottom: 20px; }
  #support .boxSup01 h4 { text-align: left; font-size: 16px; margin-bottom: 20px; }
  #support .boxSup01 p { text-align: left; font-size: 14px; }
  #support .h4_supp { font-size: 18px; }
  #support .lstSup { margin: 0; }
  #support .lstSup li { width: 100%; padding: 0; margin-bottom: 30px; font-size: 14px; }
  #support .lstSup .title { font-size: 17px; }
  #support .boxSup02 { margin-top: 0px; padding: 20px 15px; font-size: 14px; }
  #support .boxSup02 strong { display: inline-block; margin-bottom: 5px; }
  #support .boxSup03 { padding: 20px 15px; margin-bottom: 45px; }
  #support .boxSup03 span { font-size: 12px; }
  #support .sub_h4_sup { text-align: left; }
  #support .lstSup02 { margin-bottom: 50px; }
  #support .lstSup02 li { padding: 15px; margin-bottom: 8px; }
  #support .lstSup02 li .title { font-size: 16px; }
  #support .lstSup02 li .title span { font-size: 13px; letter-spacing: 0px; font-feature-settings: "palt"; }
  #support .lstSup02 li:before { content: ''; position: absolute; top: 38%; right: 16px; width: 18px; height: 18px; background: url(assets/img/support/icon.svg) no-repeat left top; background-size: 18px 18px; }
  #support .lstSup02 li.active:before { content: ''; position: absolute; top: 21px; right: 16px; width: 18px; height: 18px; background: url(assets/img/support/icon_open.svg) no-repeat left top; background-size: 18px 18px; }
  #support .h5_cms { font-size: 18px; padding: 10px 0; margin-bottom: 20px; }
  #support .lstSup03 { margin-bottom: 60px; }
  #support .lstSup03 li .wrap { padding: 15px 15px 20px; }
  #support .lstSup03 li .title { font-size: 18px; margin-bottom: 0px; }
  #support .lstSup03 li .title span { font-size: 14px; margin-right: 10px; margin-bottom: 10px; padding-top: 6px; padding-left: 16px; }
  #support .lstSup03 li a { width: 100% !important; width: 100%; font-size: 14px; }
  #support .lstSup03 li .taC { text-align: left; }
  #support .lstSup03 li:before { left: 39%; }
  #support .lstSup02 li .desc { margin-right: 0; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #support .btnSupport .rightSup a { padding-bottom: 8px; }
  #support .h5_cms { padding-bottom: 7px; }
  #support .lstSup03 li .title span { padding-bottom: 0; height: 29px; }
  #support .lstSup03 li a { padding-bottom: 6px; } }

.cm_btn { display: block; width: 360px; padding: 15px 20px; border: 1px solid #bbbec2; color: #404040; font-size: 16px; line-height: 38px; letter-spacing: 0.1em; text-align: center; position: relative; }

.cm_btn:after {position: absolute;right: 16px;top: calc(50% - 3px);content: "";display: block;width: 6px;height: 6px;border-top: 1px solid #ad981a;border-right: 1px solid #ad981a;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(130deg);}

.cm_btn--white { color: #fff !important; border: 1px solid #fff; }

.cm_btn--white:after { border-color: #fff; }

.cm_btn--mincho { width: 100%; padding: 27px 20px 24px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 26px; line-height: 40px; font-weight: 500; border: 1px solid #bdad48; }

.cm_btn--yellow { background: #ad981a; color: #fff !important; padding: 13px 20px; }

.cm_btn--yellow:after { border-top: 1px solid #fff; border-right: 1px solid #fff; }

.cm_btn--big { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; border: 5px solid #d6cb8c; max-width: 880px; width: 100%; font-size: 17px; color: #787878; padding: 54px 38px 34px; }

.cm_btn--big:after { width: 9px; height: 9px; right: 30px; top: calc(50% - 4px); }

.cm_btn--big span { display: block; font-size: 29px; line-height: 29px; letter-spacing: 0.1em; margin-bottom: 13px; }

@media only screen and (max-width: 767px) { .cm_btn { max-width: 280px; width: 100%; padding: 15px 20px; font-size: 15px; line-height: 30px; }
  .cm_btn:after { width: 4px; height: 4px; right: 10px; }
  .cm_btn--white { padding: 8px 20px; }
  .cm_btn--mincho { font-size: 16px; line-height: 24px; max-width: 290px; }
  .cm_btn--yellow { padding: 12px 20px; }
  .cm_btn--big { font-size: 13px; line-height: 22px; border: 2.5px solid #d6cb8c; max-width: 350px; padding: 30px 20px 26px; }
  .cm_btn--big:after { display: none; }
  .cm_btn--big span { font-size: 18px; margin-bottom: 10px; line-height: 26px; } }

@media only screen and (max-width: 767px) and (max-width: 374px) { .cm_btn--big { font-size: 12px; letter-spacing: 0; padding: 20px 10px; }
  .cm_btn--big span { font-size: 17px; margin-bottom: 5px; } }

.top #wrap { width: 100%; }

@media only screen and (max-width: 767px) { .top #wrap { margin-top: 52px !important; } }

.top .sec_ttl { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 30px; font-weight: 500; letter-spacing: 0.08em; line-height: 42px; text-align: center; margin-bottom: 20px; }

.top .sec_ttl span { display: block; color: #ad981a; font-size: 13px; letter-spacing: 0.04em; line-height: 26px; }

@media only screen and (max-width: 767px) { .top .sec_ttl { font-size: 21.5px; }
  .top .sec_ttl span { margin-top: -5px; } }

.top .txt_yellow { color: #b9a73c; }

.top .wcm { max-width: 1100px; margin: 0 auto; padding: 0 15px; }

.top__visual { background: url(assets/img/top/img_visual.jpg) top center/cover no-repeat; width: 100%; padding-bottom: 20px; position: relative; min-height: 600px; }

@media only screen and (min-width: 768px) and (max-width: 1400px) { .top__visual { min-height: 430px !important; } }

@media screen and (min-device-width: 320) and (max-device-width: 767px) { .top__visual { min-height: 400px !important; } }

.top__visual__blk { width: 490px; position: absolute; left: calc(50% + 60px); top: 50%; transform: translateY(-50%); }

.top__visual__blk__ttl { margin-bottom: 10px; display: inline-block; width: 100%; margin-left: -40px; }

.top__visual__blk__ttl img { height: 100%; width: auto; display: block; }

.top__visual__blk__txt { color: #fff; font-size: 17px; font-weight: 300; letter-spacing: 0.18em; margin-bottom: 45px; display: block; }

.top__visual__blk__btn { margin-bottom: 30px; }

@media only screen and (max-width: 767px) { .top__visual { background: url(assets/img/top/img_visual_sp.jpg) top center/cover no-repeat; min-height: 0; padding-bottom: 0px; }
  .top__visual__blk { width: 100%; max-width: 280px; left: 40px; margin-top: 30px; top: auto; transform: translateY(0); }
  .top__visual__blk__ttl { margin-bottom: 0; margin-left: -24px; }
  .top__visual__blk__txt { font-size: 14px; line-height: 30px; margin-bottom: 25px; letter-spacing: 0.05em; margin-top: 0; }
  .top__visual__blk img { max-width: 100%; }
  .top__visual__blk .fadeOp_03 .cm_btn.cm_btn--white { width: 280px; } }

@media only screen and (max-width: 374px) { .top__visual__blk { left: 20px; }
  .top__visual__blk__ttl { max-width: 190px; margin-bottom: 0px; margin-left: -14px; }
  .top__visual__blk__txt { margin-bottom: 17px; line-height: 20px; } }

.top__banner { padding: 42px 0; overflow: hidden; }

.top__banner .slick-track { min-width: 100%; }

.top__banner .wcm { max-width: 1130px; }

.top__banner .slider { margin: 0 -10px; position: relative; }

.top__banner .slider:before, .top__banner .slider:after { content: " "; display: table; }

.top__banner .slider:after { clear: both; }

.top__banner .slider li { width: 25%; display: inline-block; padding: 0 10px; }

.top__banner .slider li img { display: block; width: 100%; }

.top__banner .slider .slick-arrow { width: 18px; height: 36px; z-index: 9; top: calc(50% - 8px); text-indent: -9999px; position: absolute; border: none; }

.top__banner .slider .slick-arrow:before { display: none; }

.top__banner .slider .slick-arrow.slick-prev, .top__banner .slider .slick-arrow.slick-next { background: url(assets/img/common/icon/ico_arrow_slider.svg) 0 0/18px 36px no-repeat; right: -40px; }

.top__banner .slider .slick-arrow.slick-prev { left: -40px; right: auto; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.top__banner .slider .slick-arrow.slick-disabled { display: none !important; }

@media only screen and (max-width: 767px) { .top__banner { padding: 24px 0 28px; }
  .top__banner .wcm { padding: 0; }
  .top__banner .slider { margin: 0; padding: 0 30px; }
  .top__banner .slider .slick-list { overflow: visible; }
  .top__banner .slider li { width: 100%; padding: 0 10px; overflow-y: hidden; }
  .top__banner .slider .slick-arrow { width: 6px; height: 12px; top: 50%; }
  .top__banner .slider .slick-arrow.slick-prev, .top__banner .slider .slick-arrow.slick-next { background: url(assets/img/common/icon/ico_arrow_slider_sp.svg) 0 0/6px 12px no-repeat; right: 27px; }
  .top__banner .slider .slick-arrow.slick-prev { left: 27px; } }

.top__sec { background: url(assets/img/top/img01.jpg) top right/1010px 100% no-repeat; padding: 1px 0; border-top: 1px solid #efead1; border-bottom: 1px solid #efead1; }

@media only screen and (max-width: 1300px) { .top__sec { background: url(assets/img/top/img01.jpg) top right -164px/1010px 100% no-repeat; } }

.top__sec .wcm { max-width: 1130px; }

.top__sec .block { width: 100%; max-width: 405px; text-align: center; margin: 59px 0 82px; }

.top__sec .block .cm_btn { margin-bottom: 20px; }

.top__sec .block .txt_yellow { font-size: 20px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; letter-spacing: 0.05em; line-height: 30px; }

.top__sec.sec02 { background: url(assets/img/top/img02.jpg) bottom left 110px/758px auto no-repeat; border: none; }

.top__sec.sec02:before, .top__sec.sec02:after { content: " "; display: table; }

.top__sec.sec02:after { clear: both; }

.top__sec.sec02 .block { float: right; margin: 190px 0 194px; }

@media only screen and (max-width: 1300px) { .top__sec.sec02 { background: url(assets/img/top/img02.jpg) bottom left -10px/758px auto no-repeat; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .top__sec.sec02 { min-height: 600px; }
  .top__sec.sec02 .block { margin: 30px 0 194px; } }

@media only screen and (max-width: 767px) { .top__sec { background: url(assets/img/top/img01_sp.jpg) top right/100% auto no-repeat; }
  .top__sec .block { margin: 40px 0 40px; max-width: 100%; }
  .top__sec .block .cm_btn { margin: 0 auto 10px; background: rgba(255, 255, 255, 0.5); }
  .top__sec .block .txt_yellow { font-size: 15px; line-height: 22.5px; }
  .top__sec.sec02 { background: url(assets/img/top/img02_sp.jpg) bottom 190px center/290px auto no-repeat; }
  .top__sec.sec02 .block { float: none; margin: 214px 0 85px; }
  .top__sec.sec02 .block .cm_btn { background: white; } }

.top__pickup { background: url(assets/img/top/bg_pickup.png) top center no-repeat; background-size: cover; padding: 202px 0 50px; margin-top: -160px; position: relative; }

.top__pickup:after { content: ''; width: 100%; height: 200px; background: #f8f8f9; position: absolute; left: 0; bottom: 0; z-index: -1; }

.top__pickup .wcm { max-width: 1130px; }

.top__pickup .lst_pickup { margin: 0 -15px; }

.top__pickup .lst_pickup:before, .top__pickup .lst_pickup:after { content: " "; display: table; }

.top__pickup .lst_pickup:after { clear: both; }

.top__pickup .lst_pickup li { width: 25%; float: left; padding: 0 15px; margin-bottom: 40px; }

.top__pickup .lst_pickup li a { display: block; letter-spacing: 0.06em; text-align: center; }

.top__pickup .lst_pickup li a .ttl { font-size: 18px; color: #231815; margin-bottom: 8px; }

.top__pickup .lst_pickup li a .btn { display: inline-block; font-size: 13px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: 500; color: #ad981a; border: 1px solid #ad981a; background: #fff; padding: 6px 18px; line-height: 15px; }

@media only screen and (min-width: 1500px) and (max-width: 1920px) { .top__pickup { padding: 250px 0 50px; } }

@media only screen and (min-width: 1200px) and (max-width: 1500px) { .top__pickup { padding: 240px 0 50px; } }

@media only screen and (max-width: 767px) { .top__pickup { background: url(assets/img/top/bg_pickup_sp.png) top left/100% auto no-repeat; padding: 78px 0 20px; margin-top: -80px; }
  .top__pickup .sec_ttl { margin-bottom: 13px; }
  .top__pickup .lst_pickup li { width: 50%; }
  .top__pickup .lst_pickup li a { letter-spacing: 0.05em; }
  .top__pickup .lst_pickup li a .ttl { font-size: 16px; } }

@media only screen and (max-width: 374px) { .top__pickup .lst_pickup li a .ttl { font-size: 15px; letter-spacing: 0; }
  .top__pickup .lst_pickup li a .btn { padding: 6px 10px; font-size: 12px; } }

.top__news { margin: 92px auto 88px; max-width: 1030px; }

.top__news .sec_ttl { margin-bottom: 16px; }

.top__news .cm_btn { margin: 44px auto 0; }

@media only screen and (max-width: 767px) { .top__news { margin: 0 auto 18px; }
  .top__news .sec_ttl { margin-bottom: 0; }
  .top__news .cm_btn { margin: 30px auto 0; } }

.top__media { background: #f8f7ed; padding: 85px 0 75px; }

.top__media .wcm { max-width: 1030px; }

.top__media .sec_ttl { margin-bottom: 44px; }

.top__media .lst_media { margin: 0 -25px; }

.top__media .lst_media:before, .top__media .lst_media:after { content: " "; display: table; }

.top__media .lst_media:after { clear: both; }

.top__media .lst_media li { width: 25%; float: left; padding: 0 25px; margin-bottom: 33px; }

.top__media .lst_media li a { display: block; letter-spacing: 0.05em; font-size: 15px; font-weight: 300; line-height: 24px; color: #404040; }

.top__media .lst_media li a figure { margin-bottom: 12px; }

.top__media .lst_media li a figure img { display: block; width: 100%; }

.top__media .lst_media li a .ttl { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; }

.top__media .cm_btn { margin: 0 auto 0; }

@media only screen and (max-width: 767px) { .top__media { padding: 36px 0 58px; }
  .top__media .sec_ttl { margin-bottom: 16px; }
  .top__media .lst_media { margin: 0 -11px; }
  .top__media .lst_media li { width: 50%; padding: 0 11px; }
  .top__media .lst_media li a { line-height: 22px; }
  .top__media .lst_media li a figure { margin-bottom: 12px; }
  .top__media .lst_media li a .ttl { font-size: 15px; } }

.top__ritsubiway { background: url(assets/img/top/bg_ritsubiway.jpg) center center/100% 100% no-repeat; padding: 103px 0 85px; }

.top__ritsubiway .sec_ttl2 { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 33px; font-weight: 500; letter-spacing: 0.1em; text-align: center; position: relative; margin-bottom: 72px; }

.top__ritsubiway .sec_ttl2:before { content: ''; width: 248px; height: 1px; background: #dacb95; position: absolute; left: calc(50% - 124px); top: 64px; }

.top__ritsubiway .sec_ttl2 span { font-size: 17px; display: block; margin-top: 10px; letter-spacing: 0.05em; }

.top__ritsubiway .txt01 img { margin: 0 auto; }

.top__ritsubiway .lst_step { counter-reset: number; }

.top__ritsubiway .lst_step li { margin-top: 57px; text-align: center; }

.top__ritsubiway .lst_step li:before { counter-increment: number; content: "0" counter(number); font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 26px; letter-spacing: 0.08em; color: #b9a73c; font-style: italic; display: inline-block; }

.top__ritsubiway .lst_step li p { font-size: 18px; line-height: 36px; font-weight: 300; letter-spacing: 0.2em; }

.top__ritsubiway .cm_btn { margin: 50px auto 0; line-height: 26px; }

@media only screen and (max-width: 767px) { .top__ritsubiway { background: url(assets/img/top/bg_ritsubiway.jpg) center center/auto 100% no-repeat; padding: 55px 0 60px; }
  .top__ritsubiway .sec_ttl2 { font-size: 23px; letter-spacing: 0.05em; margin-bottom: 32px; }
  .top__ritsubiway .sec_ttl2:before { width: 180px; left: calc(50% - 90px); top: 44px; }
  .top__ritsubiway .sec_ttl2 span { font-size: 15px; margin-top: 14px; }
  .top__ritsubiway .txt01 img { max-width: 314px; width: 92%; }
  .top__ritsubiway .lst_step { max-width: 300px; margin: 0 auto; }
  .top__ritsubiway .lst_step li { margin-top: 23px; }
  .top__ritsubiway .lst_step li:before { font-size: 23px; }
  .top__ritsubiway .lst_step li p { font-size: 15px; line-height: 25px; letter-spacing: 0.1em; text-align: left; }
  .top__ritsubiway .cm_btn { margin: 30px auto 0; line-height: 22px; padding: 14px 20px; } }

.top__beautycolumn { padding: 86px 0 88px; background: #F8F7ED; }

.top__beautycolumn .wcm { max-width: 1030px; }

.top__beautycolumn .sec_ttl { margin-bottom: 25px; font-size: 30px; }

.top__beautycolumn .lst_column { margin: 0 -17px; }

.top__beautycolumn .lst_column:before, .top__beautycolumn .lst_column:after { content: " "; display: table; }

.top__beautycolumn .lst_column:after { clear: both; }

.top__beautycolumn .lst_column li { width: 33.33%; float: left; padding: 0 17px; margin-bottom: 33px; letter-spacing: 0.05em; }

.top__beautycolumn .lst_column li a { display: inline-block; }

.top__beautycolumn .lst_column li figure { margin-bottom: 6px; }

.top__beautycolumn .lst_column li figure img { width: 100%; display: block; }

.top__beautycolumn .lst_column li .date { display: block; margin-bottom: 2px; color: #a5a5a5; font-size: 12px; }

.top__beautycolumn .lst_column li .ttl { font-size: 16px; color: #404040; line-height: 26px; margin-bottom: 7px; }

.top__beautycolumn .lst_column li p { font-size: 12px; color: #787878; margin-bottom: 12px; letter-spacing: 0; }

.top__beautycolumn .lst_column li p.lst_cat { font-size: 0; }

.top__beautycolumn .lst_column li p.lst_cat .cat { margin-bottom: 5px; margin-right: 3px; display: inline-block; border-radius: 10px; color: #fff; background: #9DC3DC; font-size: 12px; line-height: 1; padding: 4px 14px; }

.top__beautycolumn .lst_column li p.is-truncated { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }

.top__beautycolumn .cm_btn { margin: 0 auto; }

@media only screen and (max-width: 767px) { .top__beautycolumn { padding: 57px 0 58px; }
  .top__beautycolumn .wcm { padding: 0 18px; }
  .top__beautycolumn .sec_ttl { margin-bottom: 19px; font-size: 19px; }
  .top__beautycolumn .lst_column { margin: 0; }
  .top__beautycolumn .lst_column li { width: 100%; float: none; padding: 0; }
  .top__beautycolumn .lst_column li figure { margin-bottom: 10px; }
  .top__beautycolumn .lst_column li .date { font-size: 14px; }
  .top__beautycolumn .lst_column li .ttl { line-height: 24px; }
  .top__beautycolumn .lst_column li p { font-size: 14px; line-height: 21px; }
  .top__beautycolumn .lst_column li a { width: 100%; } }

.top__findstore { background: url(assets/img/top/bg_storelocator.jpg) center center/100% 100% no-repeat; padding: 85px 0 0; }

.top__findstore .wcm { max-width: 1130px; }

.top__findstore .block:before, .top__findstore .block:after { content: " "; display: table; }

.top__findstore .block:after { clear: both; }

.top__findstore .block__left { width: 60%; float: left; }

.top__findstore .block__left__inner { height: 100%; background: url(assets/img/top/img_map.png) bottom -80px right/640px auto no-repeat; }

.top__findstore .block__left .sec_ttl { text-align: left; }

.top__findstore .block__left .sec_ttl span { margin-top: 6px; }

.top__findstore .block__left p { font-size: 17px; font-weight: 300; line-height: 31px; letter-spacing: 0.1em; }

.top__findstore .block__right { width: 40%; float: left; }

.top__findstore .block__right .lst01 { margin-top: -20px; }

.top__findstore .block__right .lst01 > li { border-bottom: 1px solid #e4e5e7; padding: 30px 12px 34px; }

.top__findstore .block__right .lst01 > li h3 { font-size: 19px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: 500; padding-left: 28px; background: url(assets/img/common/icon/ico_bullet.svg) left center/14px 14px no-repeat; margin-bottom: 3px; }

.top__findstore .block__right .lst01 > li .lst_link li { display: inline-block; padding-left: 30px; }

.top__findstore .block__right .lst01 > li .lst_link li a { font-size: 16px; letter-spacing: 0; font-weight: 500; padding-left: 20px; position: relative; color: #787878; display: inline-block; }

.top__findstore .block__right .lst01 > li .lst_link li a:before { position: absolute; left: 0; top: 12px; content: ""; display: block; width: 6px; height: 6px; border-top: 1px solid #ad981a; border-right: 1px solid #ad981a; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.top__findstore .block__right .lst01 > li .lst_link li a.target_blank:after { content: ''; width: 13px; height: 13px; background: url(assets/img/common/icon/ico_blank.svg) left center/13px 13px no-repeat; display: inline-block; margin-left: 8px; }

.top__findstore .block__right .cm_btn { margin: 40px auto 70px; border: none; }

@media only screen and (max-width: 767px) { .top__findstore { background: url(assets/img/top/bg_storelocator_sp.jpg) top left/100% 100% no-repeat; padding: 50px 0 0; }
  .top__findstore .block:before, .top__findstore .block:after { content: " "; display: table; }
  .top__findstore .block:after { clear: both; }
  .top__findstore .block__left { width: 100%; float: none; }
  .top__findstore .block__left__inner { height: 350px; background: url(assets/img/top/img_map.png) bottom right -10px/100% auto no-repeat; }
  .top__findstore .block__left .sec_ttl { text-align: left; font-size: 19px; line-height: 26px; margin-bottom: 15px; }
  .top__findstore .block__left .sec_ttl span { margin-top: 2px; }
  .top__findstore .block__left p { font-size: 15px; line-height: 25px; letter-spacing: 0.05em; }
  .top__findstore .block__right { width: 100%; float: none; margin-top: -62px; padding: 0 12px; }
  .top__findstore .block__right .lst01 { margin-top: 0; }
  .top__findstore .block__right .lst01 > li { padding: 18px 5px 25px; }
  .top__findstore .block__right .lst01 > li h3 { font-size: 17px; padding-left: 23px; background: url(assets/img/common/icon/ico_bullet.svg) left center/12px 12px no-repeat; margin-bottom: 3px; }
  .top__findstore .block__right .lst01 > li .lst_link li { display: inline-block; padding-left: 30px; }
  .top__findstore .block__right .lst01 > li .lst_link li a { font-size: 15px; padding-left: 15px; display: inline-block; }
  .top__findstore .block__right .lst01 > li .lst_link li a:before { top: 11px; width: 4px; height: 4px; }
  .top__findstore .block__right .lst01 > li .lst_link li a.target_blank:after { width: 10px; height: 10px; background: url(assets/img/common/icon/ico_blank.svg) left center/10px 10px no-repeat; }
  .top__findstore .block__right .cm_btn { margin: 24px auto 50px; } }

.top__customer { margin-top: 87px; }

.top__customer .cm_btn { margin: 0 auto; }

@media only screen and (max-width: 767px) { .top__customer { margin-top: 40px; } }

.top__quicklink { margin-top: 90px; }

.top__quicklink .wcm { max-width: 1130px; }

.top__quicklink .lst_quicklink { margin: 0 -25px; }

.top__quicklink .lst_quicklink:before, .top__quicklink .lst_quicklink:after { content: " "; display: table; }

.top__quicklink .lst_quicklink:after { clear: both; }

.top__quicklink .lst_quicklink li { width: 33.33%; float: left; padding: 0 25px; }

.top__quicklink .lst_quicklink li a { display: block; position: relative; }

.top__quicklink .lst_quicklink li a:before { background-repeat: no-repeat; background-position: center; background-size: cover; content: ""; display: inline-block; vertical-align: middle; position: absolute; opacity: 0; background-image: -webkit-gradient(linear, left top, right top, from(#AD981A), to(#AD981A)); background-image: linear-gradient(90deg, #AD981A 0%, #AD981A 100%); -webkit-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1), width 350ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1), width 350ms cubic-bezier(0.165, 0.84, 0.44, 1); left: 0; top: 0; height: 100%; width: 0; }

.top__quicklink .lst_quicklink li a:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); }

@media only screen and (min-width: 768px) { .top__quicklink .lst_quicklink li a:hover { opacity: 1; }
  .top__quicklink .lst_quicklink li a:hover:before { opacity: 1; width: 100%; }
  .top__quicklink .lst_quicklink li a:hover:after { opacity: 0; }
  .top__quicklink .lst_quicklink li a:hover em { color: #fff !important; } }

.top__quicklink .lst_quicklink li a figure img { display: block; width: 100%; }

.top__quicklink .lst_quicklink li a .txt_inner { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); font-size: 22px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; line-height: 18px; letter-spacing: 0.1em; color: #fff; z-index: 1; }

.top__quicklink .lst_quicklink li a .txt_inner em { font-size: 13px; color: #bbbec2; letter-spacing: 0.05em; display: block; font-style: normal; margin-top: 10px; }

@media only screen and (max-width: 767px) { .top__quicklink { margin-top: 6px; }
  .top__quicklink .wcm { padding: 0; }
  .top__quicklink .lst_quicklink { margin: 0; }
  .top__quicklink .lst_quicklink li { width: 100%; float: none; padding: 0; margin-bottom: 1px; }
  .top__quicklink .lst_quicklink li a .txt_inner { font-size: 19px; margin-top: 8px; }
  .top__quicklink .lst_quicklink li a .txt_inner em { margin-top: 10px; } }

.top__sns { margin-top: 115px; }

.top__sns .wcm { max-width: 1030px; }

.top__sns .lst_sns { margin: 0 -20px; }

.top__sns .lst_sns:before, .top__sns .lst_sns:after { content: " "; display: table; }

.top__sns .lst_sns:after { clear: both; }

.top__sns .lst_sns li { width: 50%; float: left; padding: 0 20px; }

.top__sns .lst_sns li a { display: block; }

.top__sns .lst_sns li img { display: block; width: 100%; }

@media only screen and (max-width: 767px) { .top__sns { margin-top: 55px; }
  .top__sns .lst_sns { margin: 0; text-align: center; }
  .top__sns .lst_sns li { max-width: 290px; width: 100%; float: none; padding: 0; margin: 0 auto 15px; } }

.top__partner { margin: 75px 0; }

.top__partner .lst_partnerlogo { text-align: center; }

.top__partner .lst_partnerlogo li { display: inline-block; vertical-align: middle; padding: 0 20px; }

.top__partner .lst_partnerlogo li a img { display: block; }

.top__partner .lst_partnerlogo li:nth-child(1) img { width: 96px; }

.top__partner .lst_partnerlogo li:nth-child(2) img { width: 109px; }

.top__partner .lst_partnerlogo li:nth-child(3) img { width: 105px; }

@media only screen and (max-width: 767px) { .top__partner { margin: 28px 0 40px; }
  .top__partner .lst_partnerlogo li { padding: 0 10px; }
  .top__partner .lst_partnerlogo li:nth-child(1) img { width: 62px; }
  .top__partner .lst_partnerlogo li:nth-child(2) img { width: 71px; }
  .top__partner .lst_partnerlogo li:nth-child(3) img { width: 68px; } }

@media only screen and (max-width: 767px) { .top .top__quicklink { margin-top: 40px; } }

.fadeOp_01 { opacity: 0; transition: all  1s; }

.fadeOp_02 { opacity: 0; transition: all 1.5s; }

.fadeOp_03 { opacity: 0; transition: all  1.5s; }

.fadeOp_01 { transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); opacity: 0; transition-delay: 0.2s; }

.fadeOp_01.on { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }

.fadeOp_02 { transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); opacity: 0; transition-delay: 0.8s; }

.fadeOp_02.on { transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }

.fadeOp_03 { vertical-align: middle; opacity: 0; transition-delay: 1.4s; display: inline-block; }

.fadeOp_03.on { opacity: 1; }

.fadeOp_03 .cm_btn.cm_btn--white a { color: #fff; }

.fadeOp_03 .cm_btn.cm_btn--white { line-height: 37px !important; }

.fadeOp_03.on .cm_btn.cm_btn--white { line-height: 37px !important; }

.fadeOp_03.on .cm_btn.cm_btn--white:hover { transition: all  0.5s; opacity: 0.5; line-height: 37px !important; }

.cm_btn.cm_btn--white a:hover { opacity: 1 !important; }

@media only screen and (max-width: 767px) { #top .top__news.common_News { margin: 0 auto 40px; } }

body.top .sec-brand { background: #f3f3f3 url(assets/img/top/bg_brand.jpg) center/100% no-repeat; padding: 100px 0; -webkit-font-feature-settings: "palt" 1; -moz-font-feature-settings: "palt" 1; -ms-font-feature-settings: "palt" 1; -o-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; }

body.top .sec-brand .script { font-size: 20px; font-weight: 500; line-height: 30px; letter-spacing: 0.16em; color: #b9a73c; text-align: center; margin-bottom: 52px; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }

body.top .sec-brand .lst-brand { max-width: 1030px; padding: 0 15px; margin: 0 auto; font-size: 0; }

body.top .sec-brand .lst-brand .item { display: inline-block; width: calc(33.33% - 23px); margin-bottom: 34px; }

body.top .sec-brand .lst-brand .item:not(:nth-child(3n + 1)) { margin-left: 33px; }

body.top .sec-brand .lst-brand .item a { display: block; position: relative; background: center/cover no-repeat; }

body.top .sec-brand .lst-brand .item a .link { color: #fff; font-size: 13px; line-height: 1; letter-spacing: 0.3em; text-align: center; width: 106px; background: transparent; position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 4.5px 5px; opacity: 0; backface-visibility: hidden; transition: letter-spacing 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms, opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms; -ms-transition: letter-spacing 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms, opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms; -moz-transition: letter-spacing 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms, opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms; -webkit-transition: letter-spacing 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms, opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms; }

body.top .sec-brand .lst-brand .item a .link:before { content: ""; position: absolute; width: 5px; height: 5px; border-top: 1px solid #fff; border-left: 1px solid #fff; top: calc(50% - 3px); right: 0px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

body.top .sec-brand .lst-brand .item a .link:after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border: 1px solid #fff; -webkit-transform: translate(-50%, -50%) scale(1.2); -moz-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); -o-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

body.top .sec-brand .lst-brand .item a:before { display: block; content: " "; width: 100%; padding-top: 100%; }

body.top .sec-brand .lst-brand .item a:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(64, 64, 64, 0.5); top: 0; left: 0; opacity: 0; z-index: 0; -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms; transition: opacity 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms; will-change: opacity; }

body.top .sec-brand .lst-brand .item a .ttl { width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; z-index: 2; padding: 0 10px 25px; line-height: 1; font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; transition: 0.5s ease; }

body.top .sec-brand .lst-brand .item a .ttl-jp { font-size: 22px; font-weight: 500; color: #fff; letter-spacing: 0.04em; display: block; }

body.top .sec-brand .lst-brand .item a .ttl-en { color: #bbbec2; font-size: 13px; letter-spacing: 0.04em; display: block; margin-top: 11px; }

body.top .sec-brand .lst-brand .item a:hover { opacity: 1; }

body.top .sec-brand .lst-brand .item a:hover .link { opacity: 1; letter-spacing: 0.06em; }

body.top .sec-brand .lst-brand .item a:hover .link:after { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

body.top .sec-brand .lst-brand .item a:hover .link:before { right: 6px; }

body.top .sec-brand .lst-brand .item a:hover:after, body.top .sec-brand .lst-brand .item a:hover .ttl { opacity: 1; }

body.top .sec-brand .cm_btn { margin: 0 auto; }

@media only screen and (max-width: 767px) { body.top .sec-brand { padding: 50px 0 72px; }
  body.top .sec-brand .sec_ttl { margin-bottom: 0px; line-height: 1; padding: 10px 10px 14px; }
  body.top .sec-brand .script { font-size: 15px; line-height: 22px; margin-bottom: 29px; }
  body.top .sec-brand .lst-brand { margin-bottom: 30px; padding: 0; background: #E5E5E5; }
  body.top .sec-brand .lst-brand .item { width: calc(50% - 0.5px); margin-bottom: 0px; }
  body.top .sec-brand .lst-brand .item .link { display: none; }
  body.top .sec-brand .lst-brand .item a:after { content: none; }
  body.top .sec-brand .lst-brand .item:not(:nth-child(3n + 1)) { margin-left: 0px; }
  body.top .sec-brand .lst-brand .item:not(:nth-child(2n + 1)) { margin-left: 1px; }
  body.top .sec-brand .lst-brand .item a .ttl-jp { font-size: 16px; }
  body.top .sec-brand .lst-brand .item a .ttl-en { font-size: 11px; margin-top: 8px; } }

/* Slider */
.slick-loading .slick-list { /*  background: #fff url('./ajax-loader.gif') center center no-repeat; */ }

/* Icons */
@font-face { /* font-family: 'slick'; */ font-weight: normal; font-style: normal; /* src: url('./fonts/slick.eot'); */ /* src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); */ }

/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }

.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir='rtl'] .slick-prev { right: -25px; left: auto; }

.slick-prev:before { content: '竊�'; }

[dir='rtl'] .slick-prev:before { content: '竊�'; }

.slick-next { right: -25px; }

[dir='rtl'] .slick-next { right: auto; left: -25px; }

.slick-next:before { content: '竊�'; }

[dir='rtl'] .slick-next:before { content: '竊�'; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }

.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { font-family: 'slick'; font-size: 0; line-height: 20px; position: absolute; top: 0px; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; -ms-filter: "alpha(opacity=25)"; /* ie 8 */ filter: alpha(opacity=25); /* ie lt 8 */ color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-filter: "alpha(opacity=25)"; filter: alpha(opacity=25); /* ie lt 8 */ width: 8px; height: 8px; background: #ccc; border-radius: 10px; }

.slick-dots li.slick-active button:before { opacity: .75; -ms-filter: "alpha(opacity=75)"; /* ie 8 */ filter: alpha(opacity=70); /* ie lt 8 */ color: black; }

/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/*# sourceMappingURL=maps/style.css.map */