@import url(/fonts/e9bad472631e4ffa827fb7ae6a64f3bc.woff);
background-image:linear-gradient(to bottom, red 0, #ff0 16.7%, #0f0 33.3%, #0ff 50%, #00f 66.7%, #f0f 83.3%, red 100%)
}
.cp-container .cp-hsvpanel .cp-hsvpanel-a span, .cp-container .cp-hsvpanel .cp-hsvpanel-sv span { display: block; width: 100%; height: 100% }
.cp-container .cp-hsvpanel .cp-hsvpanel-sv span { background-image: url(/fonts/b8c6c453a10245aca29756982c9c8eef.woff), url(/fonts/72b32391ae824d949fe55e694829101e.woff); background-image: linear-gradient(to top, #000 0, transparent 100%), linear-gradient(to right, #fff 0, rgba(255,255,255,0) 100%) }
.cp-container .cp-slider { cursor: ew-resize; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.cp-container .cp-preview { height: 39px }
.cp-container .cp-preview input, .cp-container .cp-slider span { display: block; width: 100%; height: 100%; text-align: center; font-family: sans-serif; line-height: 26px; font-size: 14px }
.cp-container .cp-preview input { line-height: 39px; padding: 0; outline: 0; box-shadow: none; border: none; border-radius: 0; background: 0 0 }
.cp-container .cp-marker { position: absolute; display: block; width: 11px; height: 10px; margin-left: -5px; top: -2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAtFBMVEUAAAB1dXVsbGxwcHBqampoaGj+/v7r6+vw8PBmZmb6+vp/f39kZGTh4eGxsbHT09NlZWXX19dgYGBfX1/W1tb7+/vx8fHZ2dna2tqBgYFnZ2fg4ODe3t7j4+Pi4uL39/eampro6Ojl5eXy8vLt7e3p6emgoKCmpqatra1ra2v19fXm5ubz8/Pv7+9hYWFjY2N5eXlvb29zc3Ps7Ozd3d2ysrKCgoKDg4P9/f2zs7P4+Pj///83Bdu/AAAAAXRSTlMAQObYZgAAAGlJREFUeNo9ylcbgWAAhuG3ZZQoEkkhDe099P3//9Xg6j56Dh6cjkm623IsnTNIDsqlEsN1HBVI5evdDMtN0FOQKt14lWrArzLcnpZjvx9nshcA342jviO1hlHuTdlgVnzIt8VfNubiNwzmhAsoIAkssgAAAABJRU5ErkJggg==) }
.cp-container .cp-hsvmarker-vertical { position: absolute; display: block; width: 10px; height: 11px; margin-top: -5px; right: -2px; top: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAMAAABxsOwqAAAAbFBMVEUAAACysrLz8/NjY2Pw8PBmZmbe3t7////4+PiBgYHs7Oxra2t0dHSDg4Ozs7P9/f3p6enj4+Pa2trh4eFhYWFfX1/X19d5eXlvb2/7+/vm5ub19fXt7e2tra2mpqagoKCamprl5eXT09NwcHAw/sWYAAAAAXRSTlMAQObYZgAAAFtJREFUCNclzNsWQCAURdFDF1RIpZI7//+P6thP82GPBTjGiJtR8uL+Qcbztsa7LHVQPXFDAMLe1pu2nEA3NGNbi2QZQF9MRWKQXTXLSoUshQ6dic73CL+DUu8HF6YEcUMoNOYAAAAASUVORK5CYII=) }
.cp-container .cp-marker-point { position: absolute; display: block; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; left: 0; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAALVBMVEX///8AAADX19d7e3t4eHhDQ0NnZ2dzc3NLS0tbW1tTU1POzs7AwMC0tLSoqKgWXydUAAAAAnRSTlN1ACTbQIsAAAA/SURBVAjXYxAUDBcUZBCUeOQIJNcyqAgySB4QZDJkyGYUFFBmMAKS2xiEFQR5JjIIOjHcAqoR0WsEkoKlgoIAHu8JgCiLy9kAAAAASUVORK5CYII=) }
.cp-container.cp-unconvertible-cie-color .cp-slider.cp-ciechroma .cp-marker, .cp-container.cp-unconvertible-cie-color .cp-slider.cp-ciehue .cp-marker, .cp-container.cp-unconvertible-cie-color .cp-slider.cp-cielightness .cp-marker { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAvVBMVEUAAADLy8u8vLzZ2dlgYGDe3t5sbGxoaGjr6+vb29tqamrCwsJmZmZkZGTW1tbExMTw8PDj4+Pa2tpfX1/z8/PU1NTp6enX19fg4OBwcHDc3NzJycn4+Pj7+/v6+vrd3d3h4eH+/v6lpaWmpqaampqgoKBlZWWzs7Orq6tra2uxsbGBgYF1dXVnZ2d/f3/T09PMzMxhYWFjY2P19fXv7+9vb2/l5eVzc3P////n5+eysrKDg4OCgoJ5eXnoAACu7h75AAAAAXRSTlMAQObYZgAAAG1JREFUeNo1ytsaQkAAReGdkpRKRUTofEANBoOY93+sfMp/tS4WNqM4mSvSdJztEJPFkETyJNUYEmMtzvhApfsQN89cCXxJ3WOD1yXfRlx3Cv8NPK+pZedFFaCVnQ+8rGp02Kl8fPDX3Nvs/YYvAnQLhiGwga0AAAAASUVORK5CYII=) }
.cp-container .cp-swatches ul { width: auto; margin: -7px -7px 0 0; padding: 0; list-style-type: none }
.cp-container .cp-swatches li { float: left; margin: 7px 7px 0 0 }
.cp-swatches button { float: left; margin: 7px 7px 0 0; width: 26px; height: 26px; display: inline-block; font-size: 12px; padding: 0 }
.cp-container .cp-swatch { width: 26px; height: 26px; display: inline-block; cursor: pointer; border-color: #ccc; position: relative; overflow: hidden; outline: 0; padding: 0 }
.cp-container .cp-swatch span { display: block; width: 100%; height: 100% }
.cp-container .cp-swatches .cp-swatch.actual { border-color: #777; box-shadow: 0 0 5px #fa8000 }
.cp-popover-container .popover { max-width: 1000px }
.popover-content .cp-container { width: 263px }
.popover-content .cp-container.cp-container-sm { width: 208px }
.popover-content .cp-container.cp-container-sm .cp-swatch, .popover-content .cp-container.cp-container-sm .cp-swatches button { width: 23px; height: 23px }
.popover-content .cp-container.cp-container-lg { width: 369px }
.popover-content .cp-container.cp-container-lg .cp-swatch, .popover-content .cp-container.cp-container-lg .cp-swatches button { width: 27px; height: 27px }
.cp-container .cp-pills { display: none }
.cp-container .cp-pills { display: inline-block }
.cp-container .cp-pills { list-style-type: none; margin-bottom: 5px; padding: 0; font-size: 12px }
.cp-container .cp-pills li { display: inline-block; margin: 3px; padding: 3px 0 }
.cp-container .cp-pills li a { padding: 5px; color: #000; text-decoration: none }
.cp-container .cp-pills li a.active, .cp-container .cp-pills li a:hover { background-color: #02afff; color: #fff }
.cp-container.hsvpanel-active .cp-sliders, .cp-container.hsvpanel-active .cp-swatches { display: none }
.cp-container.sliders-active .cp-hsvpanel, .cp-container.sliders-active .cp-swatches { display: none }
.cp-container.swatches-active .cp-hsvpanel, .cp-container.swatches-active .cp-sliders { display: none }
.cp-popover-container .cp-hsvpanel, .cp-popover-container .cp-sliders { margin-top: 7px }
.form-control[readonly].cp-preventtouchkeyboardonshow { cursor: text }
.popover-content .cp-container.hsvpanel-active { width: 220px }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 }
.swiper-container-no-flexbox .swiper-slide { float: left }
.swiper-container-vertical>.swiper-wrapper { flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform, -webkit-transform; box-sizing: content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform, -webkit-transform }
.swiper-invisible-blank-slide { visibility: hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { touch-action: pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { touch-action: pan-x }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-lock { display: none }
.swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33) }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff }
.swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s top, .2s -webkit-transform; transition: .2s transform, .2s top; transition: .2s transform, .2s top, .2s -webkit-transform }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s left, .2s -webkit-transform; transition: .2s transform, .2s left; transition: .2s transform, .2s left, .2s -webkit-transform }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s right, .2s -webkit-transform; transition: .2s transform, .2s right; transition: .2s transform, .2s right, .2s -webkit-transform }
.swiper-pagination-progressbar { background: rgba(0,0,0,0.25); position: absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top }
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 }
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255,255,255,0.25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0,0,0,0.25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 }
.swiper-pagination-lock { display: none }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0 }
.swiper-scrollbar-cursor-drag { cursor: move }
.swiper-scrollbar-lock { display: none }
.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain }
.swiper-slide-zoomed { cursor: move }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat }
.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out }
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube { overflow: visible }
.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }
.swiper-container-flip { overflow: visible }
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px }
.mapView { position: relative }
.mapView .mapListCont { padding: 0 40px; margin: 0 1% }
.mapListCont .item { position: relative; margin: 50px auto }
.mapListCont .item .itemCont { display: block; background-color: #FFFFFF; padding: 50px 100px 30px; overflow: auto; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; border-radius: 25px }
.mapListCont .item label { display: inline-block; padding: 5px 40px; text-align: center; background-color: #77675A; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: 2px; font-weight: 600; position: absolute; top: -10px; left: 30px; border-radius: 25px }
.mapView .itemHead { text-align: left; color: #77675A; padding: 10px 0; width: 80%; margin: 0 auto }
.mapView .itemImg { width: 80%; max-width: 800px; margin: 0 auto }
.mapView .itemImg img { width: 100% }
.mapView .itemTxt { width: 80%; color: #77675A; margin: 10px auto 30px }

@media screen and (max-width: 1023px) {
.mapListCont .item .itemCont { padding: 50px 80px 30px }
.mapView .itemHead { width: calc(100% - 80px) }
}

@media screen and (max-width: 740px) {
.mapView .mapListCont { padding: 0 15px; margin: 0 auto }
.mapListCont .item .itemCont { padding: 50px 15px 15px }
.mapListCont .item label { font-size: 14px }
.mapView .itemHead { width: calc(100% - 30px) }
.mapView .itemImg { width: calc(100% - 30px) }
.mapView .itemTxt { width: calc(100% - 30px) }
}
.storeView { position: relative }
.storeViewCont .item { padding: 0 40px; position: relative }
.storeViewCont .itemImg { width: 60%; height: auto; position: relative; border-radius: 25px; box-shadow: 0 0 0 5px #77675A }
.storeViewCont .itemImg img { display: block; width: 100%; height: auto; border-radius: 25px }
.storeViewCont .itemInfo { background-color: #FFF; width: calc(40% - 100px); padding: 62px 40px 64px 60px; position: absolute; top: 50%; right: 40px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; border-radius: 25px; box-shadow: 0 0 0 5px #77675A }
.storeView .sectionDesc p { font-size: 14px; margin-top: 5px }
.storeViewCont .itemInfo h2 { width: 150px }
.storeViewCont .itemInfo h2 img { width: 100% }
.storeViewCont .itemInfo .sectionTitleLineLeft:after { background-image: linear-gradient(90deg, RGBA(119, 103, 90, 100%), RGBA(119, 103, 90, 1) 50%, RGBA(119, 103, 90, 0) 100%); width: 250px }
.storeViewCont .item .sectionTitleTop { font-size: initial }

@media screen and (max-width: 1023px) {
.storeViewCont .item { padding: 0 40px }
}

@media screen and (max-width: 740px) {
.storeViewCont .item { padding: 0 15px }
.storeViewCont .itemImg { width: 100%; height: auto; position: relative }
.storeViewCont .itemInfo { width: 92%; padding: 30px 4%; margin: 0 auto; right: 0; position: relative; -webkit-transform: translate(0, 0%); transform: translate(0, 0%) }
.storeViewCont .itemInfo h2 { width: 180px }
.storeViewCont .itemInfo .sectionTitle p { font-size: 10px }
}
.blogMainView .writerIcon { display: inline-block; width: 16px; height: 16px }
.blogMainView .writerIcon img { width: 100% }
.blogView .blogViewCont { padding: 0 40px }
.blogView .item { margin: 30px auto; background: #FFFFFF; padding: 50px 100px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.25); overflow: auto }
.blogView .item .title { padding: 20px 0 0 }
.blogView .item .title h3 { color: #bb934e; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 18px }
.blogView .item .updatedDay { font-size: 12px; padding: 10px 0 20px }
.blogView .item .itemInner { font-size: 14px }
.blogView .infoWriterButton { overflow: auto; width: 502px; text-align: center; margin: 50px auto 0 }
.blogView .infoWriterButton .itemButton { width: 30%; margin: 0; padding: 5px 0; display: inline-block }
.blogView .infoWriterButton .profileButton { float: left; margin-left: 1px }
.blogView .infoWriterButton .blogListButton { float: right; margin-right: 1px }
.blogView .infoWriterButton .itemButton .btn { font-size: 12px; line-height: 36px; padding: 18px 0 }
.blogView .infoWriterButton .itemButton .btnCont .btn:hover { color: #bb934e }
.blogView .itemImg { width: 450px; margin: 30px auto; border: 1px solid #ded9d9; padding: 5px; background: #FFFFFF; -moz-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4); -o-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4); -ms-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4) }
.blogView .itemImg img { width: 100% }
.blogView .nextPrevButtonCont { overflow: auto; width: 500px; text-align: center; margin: 50px auto 0 }
.blogView .nextPrevButtonCont .itemImageButton { width: 130px; margin: 0; padding: 5px 0; display: inline-block }
.blogView .nextPrevButtonCont .itemImageButton.prevButton { float: left }
.blogView .nextPrevButtonCont .itemImageButton.nextButton { float: right }
.blogView .nextPrevButtonCont .itemImageButton .imageButton { overflow: auto; display: block; position: relative }
.blogView .nextPrevButtonCont .itemImageButton img { width: 100% }
.blogView .nextPrevButtonCont .itemImageButton span { color: #77675A; padding-top: 10px; display: block }
.blogView .nextPrevButtonCont .updatedDayButton { position: absolute; left: 0; bottom: 30px; background: rgba(0,0,0,0.55); width: 100%; padding: 5px 0; color: #FFFFFF; font-size: 12px }

@media screen and (max-width: 740px) {
.blogView .blogViewCont { padding: 0 15px }
.blogView .item { padding: 30px }
.blogView .infoWriterButton { width: 90% }
.blogView .infoWriterButton .itemButton { width: 100% }
.blogView .infoWriterButton .profileButton { float: none; margin: 1px }
.blogView .infoWriterButton .blogListButton { float: none; margin: 1px }
.blogView .infoWriterButton .itemButton .btn { font-size: 10px }
.blogView .itemImg { width: 90% }
.blogView .nextPrevButtonCont { width: 90% }
.blogView .nextPrevButtonCont .itemImageButton { width: 80px }
.blogView .nextPrevButtonCont .updatedDayButton { padding: 2px 0; font-size: 8px; bottom: 28px }
.blogView .nextPrevButtonCont .itemImageButton span { font-size: 12px }
}
.blogListView .blogListViewCont { padding: 0 40px }
.blogListView .item { margin: 30px auto; background: #FFFFFF; padding: 50px 100px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.25); overflow: auto }
.blogListViewCont .blogItem { display: table; overflow: auto; position: relative; width: 100% }
.blogListViewCont dt { display: table-cell; font-weight: bold; margin-right: 2%; width: 180px; text-align: center }
.blogListViewCont dt img { width: 100% }
.blogListViewCont dd { display: table-cell; padding-bottom: 15px; padding-left: 5%; vertical-align: middle; font-size: 16px }
.blogListViewCont .blogItem h3.blogTitle { color: #77675A }
.blogListViewCont .blogItem p { color: #898989 }
.blogListViewCont .blogItem .content { font-size: 14px }
.blogListViewCont .blogItem p.blogPostedDay, .blogListViewCont .blogItem p.writer { font-size: 12px }
.blogListViewCont .blogItem p.blogPostedDay, .blogListViewCont .blogItem p.writer { font-size: 12px }
.blogListViewCont .writer .icon { display: inline-block; width: 12px; height: 12px; vertical-align: middle }
.blogListViewCont .writer .icon img { width: 100% }
.blogListViewCont .detailButton { width: 180px; position: absolute; bottom: 0; right: 0 }
.blogListViewCont .detailButton .itemButton { margin: 0; padding: 5px 0; cursor: pointer }
.blogListViewCont .detailButton .itemButton .btn { font-size: 12px; line-height: 36px; padding: 18px 0 }

@media screen and (max-width: 1023px) {
.blogListView .blogListViewCont { padding: 0 15px }
.blogListView .item { padding: 50px 30px }
.blogListViewCont .blogItem h3.blogTitle { font-size: 14px }
.blogListViewCont .blogItem .content { font-size: 12px }
.blogListViewCont dt { width: 200px }
.blogListViewCont dd { padding-left: 5% }
}

@media screen and (max-width: 740px) {
.blogListView .item { padding: 10px 5px }
.blogListViewCont dt { width: 120px }
.blogListViewCont dd { padding-left: 10px }
.blogListViewCont .detailButton { width: 80px }
.blogListViewCont .detailButton .itemButton .btn { font-size: 10px; line-height: 20px; padding: 10px 0 }
}
.therapistBlogView .therapistBlogViewCont { padding: 0 40px }
.therapistBlogView .item { margin: 30px auto; background: #FFFFFF; padding: 50px 50px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.25); overflow: auto }
.therapistBlogViewCont .blogItem { display: block; overflow: auto; position: relative }
.therapistBlogViewCont .blogInfoCont { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.55); padding: 5px 5px; text-align: center; width: calc(100% - 10px) }
.therapistBlogViewCont .blogInfoCont p { color: #FFFFFF; font-size: 10px }
.therapistBlogViewCont .blogInfoCont .blogInfo .icon { display: inline-block; width: 12px; height: 12px }
.therapistBlogViewCont .blogInfoCont .blogInfo .icon img { width: 100% }
.therapistBlogViewCont .swiper-pagination { position: initial; padding-top: 10px }

@media screen and (max-width: 740px) {
.therapistBlogView .therapistBlogViewCont { padding: 0 15px }
.therapistBlogView .item { padding: 10px 5px }
}
.cont { max-width: 1265px; margin: 0 auto; padding: 0 }
.clearfix { zoom: 1 }
.clearfix:after, .clearfix:before { content: "\0020"; display: block; height: 0; overflow: hidden }
.clearfix:after { clear: both }
.textCenter { text-align: center }
.textRight { text-align: right }
.textLeft { text-align: right }

@media screen and (max-width: 1023px) {
.textCenter1023 { text-align: center }
}

@media screen and (max-width: 740px) {
.textCenter740 { text-align: center }
}
.fontWhite { color: #FFFFFF }
.displayNone { display: none }
.displayNoneLess1023 { display: block }
.displayNoneMore1023 { display: none }
.displayNoneLess740 { display: block }
.displayNoneMore740 { display: none }

@media screen and (max-width: 1023px) {
.displayNoneLess1023 { display: none }
.displayNoneMore1023 { display: block }
}

@media screen and (max-width: 740px) {
.displayNoneLess740 { display: none }
.displayNoneMore740 { display: block }
}
.pd0 { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important }
.pdTop0 { padding-top: 0 !important }
.pdLeft0 { padding-left: 0 !important }
.pdRight0 { padding-right: 0 !important }
.pdBottom0 { padding-bottom: 0 !important }
.pd10 { padding-left: 10px !important; padding-right: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important }
.pdTop10 { padding-top: 10px !important }
.pdLeft10 { padding-left: 10px !important }
.pdRight10 { padding-right: 10px !important }
.pdBottom10 { padding-bottom: 10px !important }
.pd20 { padding-left: 20px !important; padding-right: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important }
.pdTop20 { padding-top: 20px !important }
.pdLeft20 { padding-left: 20px !important }
.pdRight20 { padding-right: 20px !important }
.pdBottom20 { padding-bottom: 20px !important }
.pd30 { padding-left: 30px !important; padding-right: 30px !important; padding-top: 30px !important; padding-bottom: 30px !important }
.pdTop30 { padding-top: 30px !important }
.pdLeft30 { padding-left: 30px !important }
.pdRight30 { padding-right: 30px !important }
.pdBottom30 { padding-bottom: 30px !important }
.pd40 { padding-left: 40px !important; padding-right: 40px !important; padding-top: 40px !important; padding-bottom: 40px !important }
.pdTop40 { padding-top: 40px !important }
.pdLeft40 { padding-left: 40px !important }
.pdRight40 { padding-right: 40px !important }
.pdBottom40 { padding-bottom: 40px !important }
.pd50 { padding-left: 50px !important; padding-right: 50px !important; padding-top: 50px !important; padding-bottom: 50px !important }
.pdTop50 { padding-top: 50px !important }
.pdLeft50 { padding-left: 50px !important }
.pdRight50 { padding-right: 50px !important }
.pdBottom50 { padding-bottom: 50px !important }
.pd60 { padding-left: 60px !important; padding-right: 60px !important; padding-top: 60px !important; padding-bottom: 60px !important }
.pdTop60 { padding-top: 60px !important }
.pdLeft60 { padding-left: 60px !important }
.pdRight60 { padding-right: 60px !important }
.pdBottom60 { padding-bottom: 60px !important }
.pd70 { padding-left: 70px !important; padding-right: 70px !important; padding-top: 70px !important; padding-bottom: 70px !important }
.pdTop70 { padding-top: 70px !important }
.pdLeft70 { padding-left: 70px !important }
.pdRight70 { padding-right: 70px !important }
.pdBottom70 { padding-bottom: 70px !important }
.pd80 { padding-left: 80px !important; padding-right: 80px !important; padding-top: 80px !important; padding-bottom: 80px !important }
.pdTop80 { padding-top: 80px !important }
.pdLeft80 { padding-left: 80px !important }
.pdRight80 { padding-right: 80px !important }
.pdBottom80 { padding-bottom: 80px !important }
.pd90 { padding-left: 90px !important; padding-right: 90px !important; padding-top: 90px !important; padding-bottom: 90px !important }
.pdTop90 { padding-top: 90px !important }
.pdLeft90 { padding-left: 90px !important }
.pdRight90 { padding-right: 90px !important }
.pdBottom90 { padding-bottom: 90px !important }
.pd100 { padding-left: 100px !important; padding-right: 100px !important; padding-top: 100px !important; padding-bottom: 100px !important }
.pdTop100 { padding-top: 100px !important }
.pdLeft100 { padding-left: 100px !important }
.pdRight100 { padding-right: 100px !important }
.pdBottom100 { padding-bottom: 100px !important }
.pd110 { padding-left: 110px !important; padding-right: 110px !important; padding-top: 110px !important; padding-bottom: 110px !important }
.pdTop110 { padding-top: 110px !important }
.pdLeft110 { padding-left: 110px !important }
.pdRight110 { padding-right: 110px !important }
.pdBottom110 { padding-bottom: 110px !important }
.pd120 { padding-left: 120px !important; padding-right: 120px !important; padding-top: 120px !important; padding-bottom: 120px !important }
.pdTop120 { padding-top: 120px !important }
.pdLeft120 { padding-left: 120px !important }
.pdRight120 { padding-right: 120px !important }
.pdBottom120 { padding-bottom: 120px !important }
.pd130 { padding-left: 130px !important; padding-right: 130px !important; padding-top: 130px !important; padding-bottom: 130px !important }
.pdTop130 { padding-top: 130px !important }
.pdLeft130 { padding-left: 130px !important }
.pdRight130 { padding-right: 130px !important }
.pdBottom130 { padding-bottom: 130px !important }
.pd140 { padding-left: 140px !important; padding-right: 140px !important; padding-top: 140px !important; padding-bottom: 140px !important }
.pdTop140 { padding-top: 140px !important }
.pdLeft140 { padding-left: 140px !important }
.pdRight140 { padding-right: 140px !important }
.pdBottom140 { padding-bottom: 140px !important }
.pdTop170 { padding-top: 170px }
.pdTop250 { padding-top: 250px }

@media screen and (max-width: 1023px) {
.m-pd0 { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important }
.m-pdTop0 { padding-top: 0 !important }
.m-pdLeft0 { padding-left: 0 !important }
.m-pdRight0 { padding-right: 0 !important }
.m-pdBottom0 { padding-bottom: 0 !important }
.m-pd10 { padding-left: 10px !important; padding-right: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important }
.m-pdTop10 { padding-top: 10px !important }
.m-pdLeft10 { padding-left: 10px !important }
.m-pdRight10 { padding-right: 10px !important }
.m-pdBottom10 { padding-bottom: 10px !important }
.m-pd20 { padding-left: 20px !important; padding-right: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important }
.m-pdTop20 { padding-top: 20px !important }
.m-pdLeft20 { padding-left: 20px !important }
.m-pdRight20 { padding-right: 20px !important }
.m-pdBottom20 { padding-bottom: 20px !important }
.m-pd30 { padding-left: 30px !important; padding-right: 30px !important; padding-top: 30px !important; padding-bottom: 30px !important }
.m-pdTop30 { padding-top: 30px !important }
.m-pdLeft30 { padding-left: 30px !important }
.m-pdRight30 { padding-right: 30px !important }
.m-pdBottom30 { padding-bottom: 30px !important }
.m-pd40 { padding-left: 40px !important; padding-right: 40px !important; padding-top: 40px !important; padding-bottom: 40px !important }
.m-pdTop40 { padding-top: 40px !important }
.m-pdLeft40 { padding-left: 40px !important }
.m-pdRight40 { padding-right: 40px !important }
.m-pdBottom40 { padding-bottom: 40px !important }
.m-pd50 { padding-left: 50px !important; padding-right: 50px !important; padding-top: 50px !important; padding-bottom: 50px !important }
.m-pdTop50 { padding-top: 50px !important }
.m-pdLeft50 { padding-left: 50px !important }
.m-pdRight50 { padding-right: 50px !important }
.m-pdBottom50 { padding-bottom: 50px !important }
.m-pd60 { padding-left: 60px !important; padding-right: 60px !important; padding-top: 60px !important; padding-bottom: 60px !important }
.m-pdTop60 { padding-top: 60px !important }
.m-pdLeft60 { padding-left: 60px !important }
.m-pdRight60 { padding-right: 60px !important }
.m-pdBottom60 { padding-bottom: 60px !important }
.m-pd70 { padding-left: 70px !important; padding-right: 70px !important; padding-top: 70px !important; padding-bottom: 70px !important }
.m-pdTop70 { padding-top: 70px !important }
.m-pdLeft70 { padding-left: 70px !important }
.m-pdRight70 { padding-right: 70px !important }
.m-pdBottom70 { padding-bottom: 70px !important }
.m-pd80 { padding-left: 80px !important; padding-right: 80px !important; padding-top: 80px !important; padding-bottom: 80px !important }
.m-pdTop80 { padding-top: 80px !important }
.m-pdLeft80 { padding-left: 80px !important }
.m-pdRight80 { padding-right: 80px !important }
.m-pdBottom80 { padding-bottom: 80px !important }
.m-pd90 { padding-left: 90px !important; padding-right: 90px !important; padding-top: 90px !important; padding-bottom: 90px !important }
.m-pdTop90 { padding-top: 90px !important }
.m-pdLeft90 { padding-left: 90px !important }
.m-pdRight90 { padding-right: 90px !important }
.m-pdBottom90 { padding-bottom: 90px !important }
.m-pd100 { padding-left: 100px !important; padding-right: 100px !important; padding-top: 100px !important; padding-bottom: 100px !important }
.m-pdTop100 { padding-top: 100px !important }
.m-pdLeft100 { padding-left: 100px !important }
.m-pdRight100 { padding-right: 100px !important }
.m-pdBottom100 { padding-bottom: 100px !important }
.m-pd110 { padding-left: 110px !important; padding-right: 110px !important; padding-top: 110px !important; padding-bottom: 110px !important }
.m-pdTop110 { padding-top: 110px !important }
.m-pdLeft110 { padding-left: 110px !important }
.m-pdRight110 { padding-right: 110px !important }
.m-pdBottom110 { padding-bottom: 110px !important }
.m-pd120 { padding-left: 120px !important; padding-right: 120px !important; padding-top: 120px !important; padding-bottom: 120px !important }
.m-pdTop120 { padding-top: 120px !important }
.m-pdLeft120 { padding-left: 120px !important }
.m-pdRight120 { padding-right: 120px !important }
.m-pdBottom120 { padding-bottom: 120px !important }
.m-pd130 { padding-left: 130px !important; padding-right: 130px !important; padding-top: 130px !important; padding-bottom: 130px !important }
.m-pdTop130 { padding-top: 130px !important }
.m-pdLeft130 { padding-left: 130px !important }
.m-pdRight130 { padding-right: 130px !important }
.m-pdBottom130 { padding-bottom: 130px !important }
.m-pd140 { padding-left: 140px !important; padding-right: 140px !important; padding-top: 140px !important; padding-bottom: 140px !important }
.m-pdTop140 { padding-top: 140px !important }
.m-pdLeft140 { padding-left: 140px !important }
.m-pdRight140 { padding-right: 140px !important }
.m-pdBottom140 { padding-bottom: 140px !important }
.m-pdTop170 { padding-top: 170px }
.m-pdTop250 { padding-top: 250px }
}

@media screen and (max-width: 740px) {
.s-pd0 { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important }
.s-pdTop0 { padding-top: 0 !important }
.s-pdLeft0 { padding-left: 0 !important }
.s-pdRight0 { padding-right: 0 !important }
.s-pdBottom0 { padding-bottom: 0 !important }
.s-pd10 { padding-left: 10px !important; padding-right: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important }
.s-pdTop10 { padding-top: 10px !important }
.s-pdLeft10 { padding-left: 10px !important }
.s-pdRight10 { padding-right: 10px !important }
.s-pdBottom10 { padding-bottom: 10px !important }
.s-pd20 { padding-left: 20px !important; padding-right: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important }
.s-pdTop20 { padding-top: 20px !important }
.s-pdLeft20 { padding-left: 20px !important }
.s-pdRight20 { padding-right: 20px !important }
.s-pdBottom20 { padding-bottom: 20px !important }
.s-pd30 { padding-left: 30px !important; padding-right: 30px !important; padding-top: 30px !important; padding-bottom: 30px !important }
.s-pdTop30 { padding-top: 30px !important }
.s-pdLeft30 { padding-left: 30px !important }
.s-pdRight30 { padding-right: 30px !important }
.s-pdBottom30 { padding-bottom: 30px !important }
.s-pd40 { padding-left: 40px !important; padding-right: 40px !important; padding-top: 40px !important; padding-bottom: 40px !important }
.s-pdTop40 { padding-top: 40px !important }
.s-pdLeft40 { padding-left: 40px !important }
.s-pdRight40 { padding-right: 40px !important }
.s-pdBottom40 { padding-bottom: 40px !important }
.s-pd50 { padding-left: 50px !important; padding-right: 50px !important; padding-top: 50px !important; padding-bottom: 50px !important }
.s-pdTop50 { padding-top: 50px !important }
.s-pdLeft50 { padding-left: 50px !important }
.s-pdRight50 { padding-right: 50px !important }
.s-pdBottom50 { padding-bottom: 50px !important }
.s-pd60 { padding-left: 60px !important; padding-right: 60px !important; padding-top: 60px !important; padding-bottom: 60px !important }
.s-pdTop60 { padding-top: 60px !important }
.s-pdLeft60 { padding-left: 60px !important }
.s-pdRight60 { padding-right: 60px !important }
.s-pdBottom60 { padding-bottom: 60px !important }
.s-pd70 { padding-left: 70px !important; padding-right: 70px !important; padding-top: 70px !important; padding-bottom: 70px !important }
.s-pdTop70 { padding-top: 70px !important }
.s-pdLeft70 { padding-left: 70px !important }
.s-pdRight70 { padding-right: 70px !important }
.s-pdBottom70 { padding-bottom: 70px !important }
.s-pd80 { padding-left: 80px !important; padding-right: 80px !important; padding-top: 80px !important; padding-bottom: 80px !important }
.s-pdTop80 { padding-top: 80px !important }
.s-pdLeft80 { padding-left: 80px !important }
.s-pdRight80 { padding-right: 80px !important }
.s-pdBottom80 { padding-bottom: 80px !important }
.s-pd90 { padding-left: 90px !important; padding-right: 90px !important; padding-top: 90px !important; padding-bottom: 90px !important }
.s-pdTop90 { padding-top: 90px !important }
.s-pdLeft90 { padding-left: 90px !important }
.s-pdRight90 { padding-right: 90px !important }
.s-pdBottom90 { padding-bottom: 90px !important }
.s-pd100 { padding-left: 100px !important; padding-right: 100px !important; padding-top: 100px !important; padding-bottom: 100px !important }
.s-pdTop100 { padding-top: 100px !important }
.s-pdLeft100 { padding-left: 100px !important }
.s-pdRight100 { padding-right: 100px !important }
.s-pdBottom100 { padding-bottom: 100px !important }
.s-pd110 { padding-left: 110px !important; padding-right: 110px !important; padding-top: 110px !important; padding-bottom: 110px !important }
.s-pdTop110 { padding-top: 110px !important }
.s-pdLeft110 { padding-left: 110px !important }
.s-pdRight110 { padding-right: 110px !important }
.s-pdBottom110 { padding-bottom: 110px !important }
.s-pd120 { padding-left: 120px !important; padding-right: 120px !important; padding-top: 120px !important; padding-bottom: 120px !important }
.s-pdTop120 { padding-top: 120px !important }
.s-pdLeft120 { padding-left: 120px !important }
.s-pdRight120 { padding-right: 120px !important }
.s-pdBottom120 { padding-bottom: 120px !important }
.s-pd130 { padding-left: 130px !important; padding-right: 130px !important; padding-top: 130px !important; padding-bottom: 130px !important }
.s-pdTop130 { padding-top: 130px !important }
.s-pdLeft130 { padding-left: 130px !important }
.s-pdRight130 { padding-right: 130px !important }
.s-pdBottom130 { padding-bottom: 130px !important }
.s-pd140 { padding-left: 140px !important; padding-right: 140px !important; padding-top: 140px !important; padding-bottom: 140px !important }
.s-pdTop140 { padding-top: 140px !important }
.s-pdLeft140 { padding-left: 140px !important }
.s-pdRight140 { padding-right: 140px !important }
.s-pdBottom140 { padding-bottom: 140px !important }
.s-pdTop170 { padding-top: 170px }
.s-pdTop250 { padding-top: 250px }
}
footer.priority { z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background: #462714 }
.scrollUp { width: 100%; height: 100px; background-color: #77675A; border-top: solid 5px #77675A }
.scrollUp a { display: block; width: 100%; height: 100px; position: relative }
.scrollUp a .scrollUpIcon { display: block; width: 20px; height: 20px; margin: 0 auto; vertical-align: middle; position: absolute; right: 0; left: 0; top: 45% }
.scrollUp a .scrollUpIcon svg { width: 100%; height: 100% }
footer .footerCont { padding: 60px 0 }
.footerNav { overflow: auto; width: 100%; margin: 0 auto }
.footerNav ul { overflow: auto; font-size: 0; text-align: center }
.footerNav ul li { text-align: center; width: auto; padding: 0 15px; margin: 15px 0; list-style-type: none; display: inline-block; font-size: 12px }
.footerTop .footerNav ul li a { font-size: 12px; text-decoration: none; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #FFFFFF }
.footerLogo { width: 185px; padding: 30px 0 15px; margin: 0 auto; text-align: center }
.footerLogo img { width: 100% }
.footerLogo span { display: block; font-weight: bold; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 12px; margin-top: 10px }
.footerText { width: 50%; padding: 20px 0; margin: 0 auto }
.footerText p { color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif }
.footerInfo { overflow: auto; width: 50%; padding: 20px 0; margin: 0 auto }
.footerInfo p { color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 18px; text-align: center }
.footerInfo .icon { width: 20px; height: 20px; display: inline-block }
.footerInfo img { width: 100% }
.footerCopyright { width: 100%; display: block; text-align: center; font-size: 12px; padding-top: 20px }
.footerCopyright p { color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif }
.footerProvided { width: 100%; display: block; text-align: center; font-size: 8px; padding-top: 10px }
.footerProvided a { color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif }
.footerFixedBtn { position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; height: 80px; z-index: 99 }
.footerFixedBtn ul { display: table; table-layout: fixed; width: 100%; height: 80px; padding: 0; margin: 0 }
.footerFixedBtn ul li { display: table-cell }
.footerFixedBtn li a { background: #77675A; display: block; color: #FFFFFF; text-align: center; font-size: 14px; text-decoration: none; height: 80px; border-left: solid 3px #77675A; border-top: solid 3px #77675A; vertical-align: bottom; padding-top: 15px }
.footerFixedBtn li a.tel { border-left: none }
.footerFixedBtn li a:hover { color: #77675A; background: #FFFFFF }
.footerFixedBtn li a i { font-size: 25px }

@media screen and (max-width: 1023px) {
footer.priority { padding-bottom: 80px }
footer .footerCont { padding: 40px 20px }
.footerInfo { width: 70% }
.footerLogo span { font-size: 10px }
.footerText { font-size: 12px; width: 70% }
}

@media screen and (max-width: 740px) {
.scrollUp { height: 50px }
.scrollUp a { height: 50px }
.scrollUp a .scrollUpIcon { width: 15px; height: 15px; top: 40% }
.footerText { width: 90% }
.footerLogo { float: none; width: 160px; text-align: center }
}
header.priority { height: 110px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; border-top: 5px solid #77675A;left: calc((100% - 1265px)/2); }
header .headerLeft { float: left; height: 110px; display: table; padding-left: 15px }
header .headerRight { float: right; line-height: 1.8; overflow: auto; display: table; height: 110px; padding-right: 15px }
header .headerLogo { width: 220px; display: table-cell; vertical-align: middle }
header .headerLogo img { width: 100% }
header .headerLogo img.logo { display: block }
header .headerLogo img.logoB { display: none }
header .headerLogo .logoDesc { font-size: 14px; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; padding: 5px 0; text-align: center; text-shadow: 2.2px 0 0 #4A4A4A }
header .logoLink { display: block }
main.priority { display: block; width: 100%; margin: 0 auto }
header.priority.isOpen { position: fixed; z-index: 1000; background: #77675A }
main.noHome header .headerLogo .logoDesc { color: #77675A; text-shadow: none }
main.noHome header .headerLogo img.logo { display: none }
main.noHome header .headerLogo img.logoB { display: block }
main.noHome header.isOpen .headerLogo img.logo { display: block }
main.noHome header.isOpen .headerLogo img.logoB { display: none }

@media screen and (max-width: 1023px) {
header .headerLeft .headerLogo { width: 200px }
header .headerLeft .headerLogo img { width: 100% }
header .headerLeft .logoDesc { font-size: 12px }
}

@media screen and (max-width: 740px) {
header .headerLeft .headerLogo { width: 160px }
}
.navPc { position: absolute; bottom: 0; left: 0; overflow: hidden; width: 100%; background: #77675A; z-index: 2; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.25);left: calc((100% - 1265px)/2);}
.navPc ul { text-align: center; letter-spacing: -50px }
.navPc li { letter-spacing: normal }
.navPc .navItem { text-align: center; display: inline-block; width: auto; margin: 15px 13px; font-size: 16px }
.navPc .navItem a { color: #FFFFFF; font-family: "Pacifico", cursive }
.navPc .navItem a:hover { color: #B9ACA2; font-weight: bold }
.navPc .navItem small { font-size: 12px }
.noHome .navPc { bottom: 30vh }
.blogMainView .navPc { bottom: 50vh }

@media screen and (max-width: 1023px) {
.navSpTb { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #FFFFFF; justify-content: center; align-items: center; flex-direction: column; z-index: 999; color: #77675A; opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.165, 0.865, 0.86, 1.015); overflow: auto }
.navSpTb .navItems { width: 100%; display: block; margin-top: 150px }
.navSpTb .navItem { display: block; text-align: center; margin: 0 0 30px }
.navSpTb .navItem a { display: inline-block; height: 20px; color: currentColor; position: relative; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 20px; line-height: 1; letter-spacing: 5px; font-weight: 400 }
.navSpTb .navItem a small { font-size: 11px }
.navSpTb.isOpen { opacity: 1; visibility: visible }
.navSpTb .navInfo p { color: #77675A; text-align: center; font-size: 18px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; padding-top: 5px; padding-bottom: 5px; letter-spacing: 5px }
.navSpTb .navInfo p a { color: #77675A; display: block; overflow: auto }
.navSpTb .navInfo .icon { width: 18px; height: 18px; display: inline-block; vertical-align: initial }
.navSpTb .navInfo img { width: 100% }
header .navBar { color: #FFFFFF; cursor: pointer; display: table-cell; vertical-align: middle; position: relative }
header .navBar div { position: relative; vertical-align: middle }
header .navBar i { display: block; overflow: auto; width: 30px; box-shadow: 0 0 0 0.5px #FFFFFF; border: solid 1px #FFFFFF; background-color: #FFFFFF; opacity: 1; margin-top: 10px; transition: all 0.3s cubic-bezier(0.165, 0.865, 0.86, 1.015) }
header .navBar i:first-child { margin-top: 0 }
header .navBar i:last-child { width: 15px }
header .navBar>span:before { content: 'CLOSE'; position: absolute; top: 53px; right: 40px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 12px; line-height: 1; letter-spacing: 4px; font-weight: 600; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; transition: all 0.3s cubic-bezier(0.165, 0.865, 0.86, 1.015); visibility: hidden; color: #FFFFFF }
header .navBar>span:after { content: 'CLOSE'; position: absolute; top: 53px; right: 40px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 12px; line-height: 1; letter-spacing: 4px; font-weight: 600; -webkit-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; transition: all 0.3s cubic-bezier(0.165, 0.865, 0.86, 1.015); color: #FFFFFF }
header .navBar.isOpen>span:before { -webkit-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0 }
header .navBar.isOpen>span:after { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 }
header .navBar.isOpen>div i { margin-top: 0; width: 35px }
header .navBar.isOpen>div i:first-child { -webkit-transform: translate(0, 2px) rotate(45deg); transform: translate(0, 2px) rotate(45deg) }
header .navBar.isOpen>div i:nth-child(2) { -webkit-transform: translate(0, 0) rotate(135deg); transform: translate(0, 0) rotate(135deg) }
header .navBar.isOpen>div i:last-child { opacity: 0; -webkit-transform: translate(0, 2px) rotate(45deg); -ms-transform: translate(0, 2px) rotate(45deg) }
header.isOpen .logoDesc { color: #FFFFFF !important }
.noHome .navPc { bottom: 50vh }
main.noHome header .navBar i { box-shadow: 0 0 0 0.5px #77675A; border: solid 1px #77675A; background-color: #77675A }
header .navBar.isOpen>div i { box-shadow: 0 0 0 0.5px #FFFFFF; border: solid 1px #FFFFFF; background-color: #FFFFFF }
.navItem { margin: 0 0 30px }
.navItem a { font-size: 24px }
header .navBar>span:before { font-size: 12px }
header .navBar>span:after { font-size: 12px }
}

@media screen and (max-width: 740px) {
.navItem { margin: 0 0 20px }
.navItem a { font-size: 18px }
header .navBar>span:before { font-size: 10px }
header .navBar>span:after { font-size: 10px }
}
.TopNewsAndTwitterView { position: relative }
.TopNewsAndTwitterViewCont .item { padding: 100px 40px; position: relative }
.TopNewsAndTwitterViewCont .itemTwitter { width: 40%; height: auto; position: relative; float: right; background: #77675A; padding: 40px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.25); min-height: 380px; border-radius: 25px }
.TopNewsAndTwitterViewCont .itemTwitter iframe { margin: 0 auto; display: block !important; padding-top: 20px !important }
.TopNewsAndTwitterViewCont .itemNoticesFixed { width: calc(60% - 100px); padding: 62px 0 64px; position: absolute; top: -5%; left: 40px; z-index: 2 }
.TopNewsAndTwitterView .itemNoticesFixed .itemNoticesCont { padding: 40px 20px; margin-top: 10px; border: solid 20px #77675A; border-radius: 25px; background: #FFFFFF; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.25); height: 350px; overflow-y: auto; overflow-x: hidden }

@media screen and (max-width: 1023px) {
.TopNewsAndTwitterViewCont .item { padding: 0 40px }
.TopNewsAndTwitterViewCont .itemTwitter { width: calc(100% - 80px); float: right }
.TopNewsAndTwitterViewCont .itemNoticesFixed { width: calc(100% - 80px); padding: 60px 40px 0; position: relative; top: 0; left: 0; -webkit-transform: translate(0, 0%); transform: translate(0, 0%); z-index: 2; float: right }
.TopNewsAndTwitterViewCont .itemTwitter iframe { width: 1025px !important }
}

@media screen and (max-width: 740px) {
.TopNewsAndTwitterViewCont .item { padding: 0 15px }
.TopNewsAndTwitterViewCont .itemTwitter { width: calc(100% - 30px); padding: 15px }
.TopNewsAndTwitterViewCont .itemTwitter iframe { height: 300px !important }
.TopNewsAndTwitterViewCont .itemNoticesFixed { width: 100%; padding: 30px 0 0 }
}
.topNewsView { position: relative }
.topNewsViewCont .item { padding: 50px 40px; position: relative }
.topNewsViewCont .itemNoticesFixed { width: 80%; padding: 0; max-width: 1023px; margin: 0 auto }
.topNewsView .itemNoticesFixed .itemNoticesCont { padding: 40px 20px; margin-top: 10px; border-top: solid 20px #77675A; border-bottom: solid 20px #77675A; background: #FFFFFF; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.25); height: 350px; overflow-y: auto; overflow-x: hidden }

@media screen and (max-width: 1023px) {
.topNewsViewCont .item { padding: 0 40px }
.topNewsViewCont .itemNoticesFixed { width: calc(100% - 80px); padding: 60px 40px 0 }
}

@media screen and (max-width: 740px) {
.topNewsViewCont .item { padding: 0 15px }
.topNewsViewCont .itemNoticesFixed { width: 100%; padding: 0 }
}
.todayStaffView { position: relative }
.todayStaffView .todayStaffList { padding: 70px 40px 0px }
.todayStaffList .item { width: 31.3%; margin: 30px 1%; position: relative; float: left }
.todayStaffViewCont .itemButton { width: 300px; margin: 0 auto; padding: 20px 0 50px }
.todayStaffViewCont .itemButton .btn { font-size: 14px; padding: 25px 0; line-height: 50px }
.todayStaffViewCont .sectionLink { float: right; margin-right: 30px }

@media screen and (max-width: 1023px) {
.todayStaffViewCont .itemButton { padding: 20px 0 30px }
}

@media screen and (max-width: 740px) {
.todayStaffView .todayStaffList { padding: 50px 15px 30px }
.todayStaffList .item { width: 48%; float: left; margin: 15px 1% }
}
.topSlideView { position: relative }
.topSlideViewCont .item { padding: 0 40px; position: relative }
.topSlideViewCont .itemImg { width: 80%; height: auto; position: relative; margin: 30px auto 0 }
.topSlideViewCont .itemImg a { display: block; overflow: auto; padding: 10px 0 }
.topSlideViewCont .itemImg img { display: block; width: 100%; height: auto }
.topSlideViewCont .itemInfo { background-color: #FFF; width: calc(40% - 100px); padding: 62px 40px 64px 60px; position: absolute; top: 50%; right: 40px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2 }

@media screen and (max-width: 1023px) {
.topSlideViewCont .item { padding: 0 40px }
}

@media screen and (max-width: 740px) {
.topSlideViewCont .item { padding: 0 15px }
.topSlideViewCont .itemImg { width: 100%; height: auto; position: relative }
.topSlideViewCont .itemInfo { width: 92%; padding: 30px 4%; margin: 0 auto; right: 0; position: relative; -webkit-transform: translate(0, 0%); transform: translate(0, 0%) }
}
.pickUpAndBlogsView { position: relative }
.pickUpAndBlogsViewCont .item { padding: 50px 40px; position: relative }
.pickUpAndBlogsViewCont .itemBlogs { width: 45%; height: auto; position: relative; float: right; background: #FFFFFF; padding: 40px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.25) }
.pickUpAndBlogsViewCont .itemPickUp { background-color: #77675A; width: calc(55% - 100px); padding: 30px 0 20px; position: absolute; top: 50%; left: 40px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2 }
.pickUpAndBlogsViewCont .itemPickUp .swiper-pagination { position: relative; display: block }
.pickUpAndBlogsView .itemPickUp .swiper-pagination-bullet-active { background: #FFFFFF }
.pickUpAndBlogsViewCont .itemPickUp a.itemPickUpStaff { display: block; width: 90%; margin: 30px auto 15px }
.pickUpAndBlogsViewCont .itemPickUp .itemPickUpStaff .itemPickUpInfo { border-top: solid 2px #77675A; background-color: rgba(0,0,0,0.55); padding: 0; width: 100%; margin: -44px 0 0; box-shadow: 0 2px 2px rgba(0,0,0,0.29); text-align: center; bottom: 0; position: relative }
.pickUpAndBlogsViewCont .itemPickUp .itemPickUpStaff .itemPickUpInfo .itemName { font-size: 20px; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; padding: 6px 0 }
.pickUpAndBlogsViewCont .itemPickUp .itemPickUpStaff .itemPickUpInfo p { font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #898989; margin: 5px 0 5px 15px }
.pickUpAndBlogsViewCont .itemPickUp .itemPickUpStaff .itemPickUpInfo .mark { margin: 6px auto; display: inline-block }
.pickUpAndBlogsViewCont .itemPickUp .itemPickUpStaff .itemPickUpInfo .mark label { font-size: 20px; color: #77675A; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; text-align: center }
.pickUpAndBlogsViewCont .itemPickUp .itemPickUpImg img { width: 100% }
.blogsListPc { height: 500px; overflow: auto }
.blogsListPc .blogItem { display: table; overflow: auto }
.blogsListPc .blogItem p { color: #4A4A4A }
.blogsListPc .blogItem h3 { color: #77675A }
.blogsListPc .blogItem p.blogPostedDay, .blogsListPc .blogItem p.writer { font-size: 12px }
.blogsListPc .blogItem .content { font-size: 14px }
.blogsListPc dt { display: table-cell; font-weight: bold; margin-right: 2%; width: 18%; text-align: center }
.blogsListPc dt img { width: 100% }
.blogsListPc dd { display: table-cell; width: 75%; padding-bottom: 15px; padding-left: 15px; vertical-align: middle; font-size: 16px }
.blogsListPc .writer .icon { display: inline-block; width: 12px; height: 12px; vertical-align: middle }
.blogsListPc .writer .icon img { width: 100% }
.blogsListPc .blogInfo { display: inline-block }

@media screen and (max-width: 1023px) {
.pickUpAndBlogsViewCont .item { padding: 30px 40px }
.pickUpAndBlogsViewCont .itemBlogs { width: calc(100% - 80px); float: none }
.pickUpAndBlogsViewCont .itemPickUp { width: calc(100% - 80px); padding: 40px; position: relative; top: 0; left: 0; -webkit-transform: translate(0, 0%); transform: translate(0, 0%); z-index: 2; float: none; margin: 0 auto }
.blogsListSp { padding: 30px 0 }
.blogsListSp .swiper-pagination { position: initial; padding-top: 10px }
.blogsListSp .swiper-pagination-bullet { width: 15px; height: 15px }
.blogsListSp .blogItem { display: block; overflow: hidden; position: relative }
.blogsListSp .blogInfoCont { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.55); width: 100%; padding: 5px }
.blogsListSp .blogInfoCont p { color: #FFFFFF; font-size: 10px }
.blogsListSp .blogInfoCont .blogInfo .icon { display: inline-block; width: 12px; height: 12px }
.blogsListSp .blogInfoCont .blogInfo .icon img { width: 100% }
}

@media screen and (max-width: 740px) {
.pickUpAndBlogsViewCont .item { padding: 0 15px }
.pickUpAndBlogsViewCont .itemBlogs { width: calc(100% - 30px); padding: 15px }
.pickUpAndBlogsViewCont .itemPickUp { width: calc(100% - 30px); padding: 15px }
.pickUpAndBlogsViewCont .itemPickUp a.itemPickUpStaff { width: 90%; margin: 30px auto }
.pickUpAndBlogsViewCont .itemPickUp .itemPickUpStaff .itemPickUpInfo { width: 100% }
.pickUpAndBlogsViewCont .itemPickUp .itemPickUpStaff .itemPickUpInfo { margin: -35px 0 0 }
.pickUpAndBlogsViewCont .itemPickUp .itemPickUpStaff .itemPickUpInfo .mark label { font-size: 14px }
.pickUpAndBlogsViewCont .itemPickUp .itemPickUpStaff .itemPickUpInfo .itemName { font-size: 14px }
}
.pickUpView { position: relative }
.pickUpView .itemPickUp { width: 80%; max-width: 800px; margin: 30px auto; padding: 50px 0; background: #77675A; border-radius: 25px }
.pickUpView .staffs { width: 300px; margin: 0 auto; border-radius: 25px }
.pickUpView .staffs .item { box-shadow: none }
.pickUpView .swiper-button-next.swiper-custom-button { right: 0 }
.pickUpView .swiper-button-prev.swiper-custom-button { left: 0 }
.pickUpView .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0 }

@media screen and (max-width: 740px) {
.pickUpView .pickUpViewCont { padding: 0 15px }
.pickUpView .itemPickUp { width: 100%; padding: 30px 0 }
.pickUpView .staffs { width: 250px; margin: 0 auto; border-radius: 25px }
}
.noticeView { position: relative }
.noticeView .noticeList { padding: 70px 40px 30px }
.noticeView .noticeList .item a { display: block; background-color: #FFFFFF; padding: 40px 20px 30px; height: 100px; overflow: auto; border: solid 2px #77675A; border-radius: 100px }
.noticeView .noticeList .item { width: 31.3%; margin: 15px 1%; position: relative; float: left }
.noticeView .noticeList .item label { display: inline-block; padding: 4px 40px; text-align: center; background-color: #77675A; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 12px; line-height: 1.5; letter-spacing: 2px; font-weight: 600; position: absolute; top: -10px; left: 30px; border-radius: 100px }
.noticeView .noticeList .item .itemTime { font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #898989 }
.noticeView .noticeList .item .itemTitle { font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; margin: 5px 0 }
.noticeViewCont .itemButton { width: 300px; margin: 0 auto; padding: 30px 0 }
.noticeViewCont .itemButton .btn { font-size: 12px; padding: 25px 0; line-height: 50px }

@media screen and (max-width: 1023px) {
.noticeView .noticeList .item { width: 48% }
}

@media screen and (max-width: 740px) {
.noticeView .noticeList .item { width: 100%; margin: 15px auto }
.noticeView .noticeList .item a { padding: 30px 20px 15px; height: 85px }
.noticeView .noticeList { padding: 30px 15px; z-index: 1 }
.noticeView .noticeList .item label { padding: 4px 20px; font-size: 10px; left: 20px }
}
.roomView .itemRooms { display: flex; flex-direction: row; padding: 30px 40px }
.itemRooms .itemRoom { position: relative; display: block; border-radius: 50%; box-shadow: 0 0 0 5px #77675A; margin: 0 20px }
.itemRoom:nth-child(2) { margin: 0 10px }
.itemRooms .itemRoom img { width: 100%; border-radius: 50% }
.itemRooms .itemRoom .roomName { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(119,103,90,0.7); padding: 5px 0; text-align: center }
.itemRooms .itemRoom .roomName p { color: #FFFFFF }

@media screen and (max-width: 1023px) {
.itemRooms .itemRoom { margin: 0 10px }
}

@media screen and (max-width: 740px) {
.roomView .itemRooms { display: block; padding: 0px 15px }
.roomView .itemRooms .itemRoom { width: 75%; margin: 30px auto }
}
.greetingView { position: relative }
.greetingViewCont { padding: 50px 40px; position: relative }
.greetingViewCont .item { padding: 140px 40px; position: relative }
.greetingViewCont .itemGreeting { width: 40%; height: auto; position: relative; float: left; background: #FFFFFF; padding: 40px; box-shadow: 0 0 0 5px #77675A; z-index: 2; border-radius: 25px }
.greetingViewCont .itemGreetingImg { background-color: #77675A; width: calc(60% - 100px); padding: 30px 0 20px; position: absolute; top: 50%; right: 40px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background-image: url(../img/greetingimage-c27d5b7645a071aa6e741880d6e26d0f4dc7efd6b28a5d3173d324cb6b346c35.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px; border-radius: 25px; box-shadow: 0 0 0 5px #77675A }
.greetingViewCont .itemGreeting .greetingInner { margin: 20px 10px }
.greetingViewCont .itemGreeting .greetingInner p span { font-size: 32px }

@media screen and (max-width: 1023px) {
.greetingViewCont { padding: 5px 40px 20px }
.greetingViewCont .itemGreeting { width: calc(80% - 80px); float: none; margin: -5px auto }
.greetingViewCont .itemGreetingImg { width: calc(100% - 80px); padding: 40px; position: relative; top: 0; left: 0; -webkit-transform: translate(0, 0%); transform: translate(0, 0%); float: none; margin: 0 auto; height: 350px }
}

@media screen and (max-width: 740px) {
.greetingViewCont { padding: 5px 15px 40px }
.greetingViewCont .itemGreeting { width: calc(90% - 30px); padding: 15px }
.greetingViewCont .itemGreetingImg { width: calc(100% - 30px); padding: 15px; height: 250px }
.greetingViewCont .itemGreeting .greetingInner p { font-size: 14px }
.greetingViewCont .itemGreeting .greetingInner p span { font-size: 22px }
}
.conceptView .itemConcepts { padding: 50px 40px }
.conceptView .itemConcept { display: flex; flex-direction: row; padding: 30px 0 }
.conceptView .itemConcept .itemLeft { padding: 30px 10px; margin: 0 auto }
.conceptView .itemConcept .itemImage img { width: 100% }
.conceptView .itemConcept .itemImage { width: 47.5% }
.conceptView .itemConcept .itemRight { padding: 30px 10px; margin: 0 auto }
.conceptView .sectionTitleSub { margin-bottom: 50px }
.conceptView .itemConcept p { font-size: 16px }

@media screen and (max-width: 1023px) {
.conceptView .itemConcept { display: block; position: relative }
.conceptView .itemConcept .itemImage { width: 30%; position: absolute; top: 0; right: 0 }
}

@media screen and (max-width: 740px) {
.conceptView .itemConcepts { padding: 0 15px 30px }
.conceptView .itemConcept .itemLeft { padding: 30px 0 }
.conceptView .itemConcept { padding: 40px 0 }
.conceptView .itemConcept .itemRight { padding: 30px 0 }
.conceptView .itemConcept .itemImage { width: 180px; bottom: -90px; right: 0; top: initial }
.conceptView .itemConcept p { font-size: 14px }
}
.mainView { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100vh - 86px); color: #FFF; overflow: hidden }
.mainViewCont { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/mv-660f1d5ef26fca3adbd083b0660c07be0c31c5327530d36f7cdf374c6d1cab8c.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; display: table }
.mainView.therapistShow>.mainViewCont { background-position-y: top }
.mainView .mainViewInner { position: relative; display: table-cell; vertical-align: middle }
.mainViewInner .title { text-align: center; font-family: "Pacifico", cursive; font-size: 50px; line-height: 1; letter-spacing: 0; font-weight: 400; margin: 40px 0 15px; color: #FFFFFF; text-shadow: 3px 0 0 #4A4A4A }
.mainViewInner .title span { opacity: 0; display: inline-block; position: relative; margin: 0 -3px }
.mainViewInner .title span:nth-child(8) { margin-left: 20px }
.mainViewInner .subTitle { text-align: center; font-family: "Pacifico", cursive; font-size: 29px; line-height: 1; letter-spacing: 0; font-weight: 400; margin: 0 0 15px; color: #FFFFFF; text-shadow: 3px 0 0 #4A4A4A }
.mainViewInner .subTitle span { opacity: 0; display: inline-block; position: relative }
.mainView .mainViewInner .description { width: 60%; font-size: 18px; margin: 60px auto 50px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #FFFFFF; text-shadow: 3px 0 0 #4A4A4A }
.mainViewInner .scrollDown { opacity: 0; width: 60px; height: 60px; margin: 40px auto }
.mainViewInner .scrollDown a { display: block; cursor: pointer }
.mainViewInner .scrollDown svg { width: 100% }
.mainView .storeDesc { position: absolute; bottom: 100px; left: 20px; z-index: 2 }
.mainView .storeDesc h1 { font-size: 12px; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif }
.noHome .mainView { height: calc(70vh - 86px) }
.noHome .mainViewCont { background-image: url(../img/mvnohome-5c97b93ae11d663d5c1dcd97fa4161e5a527e5f29c809f0b6acd4f78ea3e3acb.jpg) }
.noHome .mainViewCont .sectionDesc p { color: #000000 }
.noHome .therapistShow .mainViewCont:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.65) }
.blogMainView .mainView { height: 50vh }
.noHome.blogMainView .mainViewCont:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.65) }

@media screen and (max-width: 1023px) {
.mainViewInner .title { font-size: 36px }
.mainViewInner .subTitle { font-size: 22px }
.mainView .mainViewInner .description { width: 70%; text-align: center }
.mainViewInner .scrollDown { width: 55px; height: 55px }
.mainView .storeDesc { bottom: 30px }
.noHome .mainView { height: 450px }
}

@media screen and (max-width: 740px) {
.noHome .mainView { height: 450px }
.mainViewCont { background-image: url(../img/mv@sp-2d30ccfef9fcd3164c7009c9d4c93db5104bc85ea353f368b4692f3e546e2bf9.jpg) }
.noHome .mainViewCont { background-image: url(../img/mvnohome@sp-b0a40f2762bcd69bd04e46c04d312b95232c6069c0c597fabe4f9cd25f1d7385.jpg) }
.mainViewInner .title { font-size: 24px; margin-top: 50px }
.mainViewInner .subTitle { font-size: 18px }
.mainView .mainViewInner .description { width: 85%; font-size: 14px; margin: 10px auto 20px }
.mainViewInner .scrollDown { width: 40px; height: 40px; margin: 10px auto }
.mainView .storeDesc { bottom: 30px; left: 5px }
.mainView .storeDesc h1 { font-size: 9px }
}

@media screen and (max-width: 1023px) {
.blogMainView .mainView { height: 250px }
}
.newsView .newsViewCont { padding: 0 40px }
.newsView .item { margin: 30px auto; background: #FFFFFF; padding: 50px 100px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.25); overflow: auto }
.newsView .item .title { padding: 20px 0 0 }
.newsView .item .title h3 { color: #77675A; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 18px }
.newsView .item .updatedDay { font-size: 12px; padding: 10px 0 20px }
.newsView .item .itemInner { font-size: 14px }
.newsView .nextPrevButtonCont { overflow: auto; width: 740px; text-align: center; margin: 50px auto 0 }
.newsView .nextPrevButtonCont .itemButton { width: 30%; margin: 0px; padding: 5px 0px; display: inline-block }
.newsView .nextPrevButtonCont .itemButton.prevButton { float: left; margin: 0 1px }
.newsView .nextPrevButtonCont .itemButton.nextButton { float: right; margin: 0 1px }
.newsView .nextPrevButtonCont .itemButton .btn { font-size: 12px; line-height: 50px; padding: 25px 0 }
.newsView .nextPrevButtonCont .itemButton .btnCont .btn:hover { color: #77675A }

@media screen and (max-width: 1023px) {
.newsView .nextPrevButtonCont { width: 100%; margin: 0 auto }
}

@media screen and (max-width: 740px) {
.newsView .newsViewCont { padding: 0 15px }
.newsView .item { padding: 30px 50px }
.newsView .nextPrevButtonCont .itemButton { width: 40%; margin: 0 }
.newsView .nextPrevButtonCont .itemButton .btn { font-size: 10px; padding: 18px 0; line-height: 36px }
}
.loaderBack { background: #77675A; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; display: table }
.blob { width: 2rem; height: 2rem; background: rgba(230,230,230,0.85); border-radius: 50%; position: absolute; left: calc(50% - 1rem); top: calc(50% - 1rem); box-shadow: 0 0 1rem rgba(255,255,255,0.25) }
.blob-2 { -webkit-animation: animate-to-2 1.5s infinite; animation: animate-to-2 1.5s infinite }
.blob-3 { -webkit-animation: animate-to-3 1.5s infinite; animation: animate-to-3 1.5s infinite }
.blob-1 { -webkit-animation: animate-to-1 1.5s infinite; animation: animate-to-1 1.5s infinite }
.blob-4 { -webkit-animation: animate-to-4 1.5s infinite; animation: animate-to-4 1.5s infinite }
.blob-0 { -webkit-animation: animate-to-0 1.5s infinite; animation: animate-to-0 1.5s infinite }
.blob-5 { -webkit-animation: animate-to-5 1.5s infinite; animation: animate-to-5 1.5s infinite }
@-webkit-keyframes animate-to-2 {
25%,  75% {
-webkit-transform:translateX(-1.5rem) scale(0.75);
transform:translateX(-1.5rem) scale(0.75)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@keyframes animate-to-2 {
25%,  75% {
-webkit-transform:translateX(-1.5rem) scale(0.75);
transform:translateX(-1.5rem) scale(0.75)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@-webkit-keyframes animate-to-3 {
25%,  75% {
-webkit-transform:translateX(1.5rem) scale(0.75);
transform:translateX(1.5rem) scale(0.75)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@keyframes animate-to-3 {
25%,  75% {
-webkit-transform:translateX(1.5rem) scale(0.75);
transform:translateX(1.5rem) scale(0.75)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@-webkit-keyframes animate-to-1 {
25% {
-webkit-transform:translateX(-1.5rem) scale(0.75);
transform:translateX(-1.5rem) scale(0.75)
}
50%,  75% {
-webkit-transform:translateX(-4.5rem) scale(0.6);
transform:translateX(-4.5rem) scale(0.6)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@keyframes animate-to-1 {
25% {
-webkit-transform:translateX(-1.5rem) scale(0.75);
transform:translateX(-1.5rem) scale(0.75)
}
50%,  75% {
-webkit-transform:translateX(-4.5rem) scale(0.6);
transform:translateX(-4.5rem) scale(0.6)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@-webkit-keyframes animate-to-4 {
25% {
-webkit-transform:translateX(1.5rem) scale(0.75);
transform:translateX(1.5rem) scale(0.75)
}
50%,  75% {
-webkit-transform:translateX(4.5rem) scale(0.6);
transform:translateX(4.5rem) scale(0.6)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@keyframes animate-to-4 {
25% {
-webkit-transform:translateX(1.5rem) scale(0.75);
transform:translateX(1.5rem) scale(0.75)
}
50%,  75% {
-webkit-transform:translateX(4.5rem) scale(0.6);
transform:translateX(4.5rem) scale(0.6)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@-webkit-keyframes animate-to-0 {
25% {
-webkit-transform:translateX(-1.5rem) scale(0.75);
transform:translateX(-1.5rem) scale(0.75)
}
50% {
-webkit-transform:translateX(-4.5rem) scale(0.6);
transform:translateX(-4.5rem) scale(0.6)
}
75% {
-webkit-transform:translateX(-7.5rem) scale(0.5);
transform:translateX(-7.5rem) scale(0.5)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@keyframes animate-to-0 {
25% {
-webkit-transform:translateX(-1.5rem) scale(0.75);
transform:translateX(-1.5rem) scale(0.75)
}
50% {
-webkit-transform:translateX(-4.5rem) scale(0.6);
transform:translateX(-4.5rem) scale(0.6)
}
75% {
-webkit-transform:translateX(-7.5rem) scale(0.5);
transform:translateX(-7.5rem) scale(0.5)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@-webkit-keyframes animate-to-5 {
25% {
-webkit-transform:translateX(1.5rem) scale(0.75);
transform:translateX(1.5rem) scale(0.75)
}
50% {
-webkit-transform:translateX(4.5rem) scale(0.6);
transform:translateX(4.5rem) scale(0.6)
}
75% {
-webkit-transform:translateX(7.5rem) scale(0.5);
transform:translateX(7.5rem) scale(0.5)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
@keyframes animate-to-5 {
25% {
-webkit-transform:translateX(1.5rem) scale(0.75);
transform:translateX(1.5rem) scale(0.75)
}
50% {
-webkit-transform:translateX(4.5rem) scale(0.6);
transform:translateX(4.5rem) scale(0.6)
}
75% {
-webkit-transform:translateX(7.5rem) scale(0.5);
transform:translateX(7.5rem) scale(0.5)
}
95% {
-webkit-transform:translateX(0rem) scale(1);
transform:translateX(0rem) scale(1)
}
}
.fadein { opacity: 0; -webkit-transform: translate(0, 70px); transform: translate(0, 70px); transition: all 0.5s }
.fadein.scrollin { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0) }
.btnCont { position: relative; margin: 0 2px }
.btnCont .btn { vertical-align: middle; text-align: center; background: #77675A; overflow: auto; color: #FFFFFF; display: block; box-shadow: 0 0 0 1px #77675A; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; width: 100%; border-radius: 25px }
.btnCont .btn:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: top; transform-origin: top; transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); background: #FFFFFF; box-shadow: 0 0 0 1px #77675A; border-radius: 25px }
.btnCont .btn:hover { color: #77675A }
.btnCont .btn:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: top; transform-origin: top }
.btnCont .btn span { position: absolute; z-index: 3; top: 0; left: 0; display: block; width: 100%; border-radius: 25px }
section .twoColorBackGround { position: absolute; bottom: 0; left: 0; background-color: #E9E5D9; width: 100%; z-index: 0; width: 100%; height: 50% }
.swiper-slide img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% }
.swiper-button-next.swiper-custom-button { right: 35px }
.swiper-button-prev.swiper-custom-button { left: 35px }
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { background-color: #77675A; width: 50px; height: 50px; border-radius: 50px }
.swiper-button-next, .swiper-button-prev { background-size: 17px 44px }
.swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; background: rgba(0,0,0,0.2); letter-spacing: 0 }
.swiper-pagination-bullet-active { color: white; background: #77675A }
.swiper-container-horizontal>.swiper-pick-up-pagination { text-align: center; position: absolute; bottom: 20px }
#therapist-slider { width: 100% }
#therapist-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0 }
#therapist-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; cursor: pointer }
#therapist-thumbs .swiper-slide-active { opacity: 1 }

@media screen and (max-width: 1023px) {
.swiper-custom-button { font-size: 45px; width: 45px !important; height: 45px !important }
}

@media screen and (max-width: 740px) {
.swiper-custom-button { font-size: 24px; width: 24px !important; height: 24px !important }
.swiper-button-prev.swiper-custom-button { left: 24px }
.swiper-button-next.swiper-custom-button { right: 24px }
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { width: 30px; height: 30px; border-radius: 30px }
.swiper-button-next, .swiper-button-prev { background-size: 12px 12px }
}
.sectionTitle { padding-top: 0 }
.sectionTitle p { font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; color: #77675A }
.sectionTitleTop { font-size: 40px; font-weight: lighter; display: block; letter-spacing: 1px; font-family: "Pacifico", cursive; color: #77675A }
.sectionTitleTop.sectionTitleTopWhite { color: #FFFFFF }
.sectionTitleTop.Jp { font-size: 32px; letter-spacing: 1px }
.sectionTitleLine { position: relative; padding-bottom: 10px }
.sectionTitleLineLeft { position: relative; padding-bottom: 10px }
.sectionTitleLineLeft:after { content: ''; position: absolute; bottom: 0; left: 0; margin: 0 auto; height: 2px; width: 200px; background-image: linear-gradient(90deg, RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 1) 50%, RGBA(0, 0, 0, 0) 100%) }
.sectionDesc { font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif }
.sectionDesc p { font-size: 14px; font-weight: bold; color: #77675A }
.sectionDesc.sectionDescWhite p { color: #FFFFFF }
.sectionTitleSub { font-size: 26px; font-weight: normal; display: block; letter-spacing: 2px; font-family: "Pacifico", cursive; color: #77675A; position: relative }
.sectionTitleSub span { font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif }
.sectionTitleSub:after { content: ''; position: absolute; bottom: 0; left: 0; margin: 0 auto; height: 2px; width: 300px; background-image: linear-gradient(90deg, RGBA(0, 0, 0, 100%), RGBA(0, 0, 0, 1) 50%, RGBA(0, 0, 0, 0) 100%) }
.mainView .sectionTitleTop { text-transform: capitalize; font-size: 50px }

@media screen and (max-width: 1023px) {
.sectionTitleSub { font-size: 24px }
}

@media screen and (max-width: 740px) {
.sectionTitleLine { padding-bottom: 5px }
.sectionTitleTop { font-size: 26px; margin-bottom: 8px }
.sectionTitleTop.Jp { font-size: 22px; margin-bottom: 8px }
.sectionDesc { width: 90%; margin: 0 auto }
.sectionTitleSub { font-size: 22px }
.mainView .sectionTitleTop { text-transform: capitalize; font-size: 36px }
}

@media screen and (max-width: 740px) {
.marquee { width: 100%; overflow: hidden; text-align: left }
.marquee .marqueeTxt:after { content: ""; white-space: nowrap }
.marquee .marqueeTxt { margin: 0; padding-left: 100%; display: inline-block; white-space: nowrap; -webkit-animation-name: marqueeRL; -webkit-animation-timing-function: linear; -webkit-animation-duration: 12s; -webkit-animation-iteration-count: infinite; -moz-animation-name: marqueeRL; -moz-animation-timing-function: linear; -moz-animation-duration: 12s; -moz-animation-iteration-count: infinite; -ms-animation-name: marqueeRL; -ms-animation-timing-function: linear; -ms-animation-duration: 12s; -ms-animation-iteration-count: infinite; -o-animation-name: marqueeRL; -o-animation-timing-function: linear; -o-animation-duration: 12s; -o-animation-iteration-count: infinite; animation-name: marqueeRL; animation-timing-function: linear; animation-duration: 12s; animation-iteration-count: infinite }
@-webkit-keyframes marqueeRL {
from {
-webkit-transform:translate(0)
}
to {
-webkit-transform:translate(-100%)
}
}
@keyframes marqueeRL {
from {
-webkit-transform:translate(0);
transform:translate(0)
}
to {
-webkit-transform:translate(-100%);
transform:translate(-100%)
}
}
}
.itemImgZoom { overflow: hidden }
.itemImgZoom img { display: block; transition-duration: 0.8s }
.itemImgZoom img:hover { -webkit-transform: scale(1.3); transform: scale(1.3); transition-duration: 0.8s }
hr.therapistDivision { border-top: 1px solid #77675A; width: 80%; margin: 0px auto }
.paginationContent .pagination ul { padding: 20px 0 0; margin: 0 auto }
.paginationContent .pagination li { display: inline-block; list-style: none; margin: 0 5px }
.paginationContent .pagination li span.current { background-color: #77675A; border-radius: 50%; color: #FFFFFF; display: inline-block; height: 36px; line-height: 36px; width: 36px; border: 1px solid #77675A }
.paginationContent .pagination li a.page-number { border: 1px solid #77675A; color: #77675A; height: 36px; line-height: 36px; width: 36px; display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background-color: #FFFFFF; border-radius: 50%; transition-property: color; transition-duration: 0.3s; letter-spacing: 0px }
.paginationContent .pagination li a.page-number:hover { background-color: #cdb58a; color: #FFFFFF }
.paginationContent .pagination li a.next:hover { color: #d8d8d8 }
.paginationContent .pagination li span.next a, .paginationContent .pagination li span.last a, .paginationContent .pagination li span.prev a, .paginationContent .pagination li span.first a { color: #77675A; font-size: 16px }
.sectionLink { display: table }
.sectionLink .sectionLinkCont { overflow: auto; display: block }
.sectionLink .label { display: table-cell; vertical-align: middle; cursor: pointer; padding-right: 20px; color: #77675A }
.sectionLink .linkBtn { display: table-cell; vertical-align: middle; width: 50px; height: 50px; background: #77675A; color: #FFFFFF; text-align: center; font-size: 16px; border-radius: 7px }

@media screen and (max-width: 740px) {
.sectionLink { display: none }
}
.staffs .item { box-shadow: 7px 7px 0 0 #77675A; border-radius: 15px }
.staffs .item a { overflow: hidden; display: block; border-radius: 15px }
.staffs .item .itemImg img { width: 100% }
.staffs .item .itemInfo { background-color: rgba(255,255,255,0.7); position: relative; padding: 0px; width: 100%; height: 78px; margin: -80px 0 0; float: right; border-top: solid 2px #77675A }
.staffs .item .itemInfo .itemName { font-size: 18px; margin: 3px 0; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; color: #77675A }
.staffs .item .itemInfo .itemName span { font-size: 14px }
.staffs .itemInfo .scheduleIcon { width: 20px; height: 20px; display: inline-block; vertical-align: text-bottom }
.staffs .itemInfo .scheduleIcon img { width: 100% }
.staffs .itemInfo .scheduleType { background-color: #77675A; padding: 3px 10px; font-size: 11px; color: #FFFFFF; border-radius: 30px; margin-left: 5px }
.staffs .item .itemInfo p { font-size: 20px; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #77675A; margin: 3px 0 }
.staffs .item .mark { position: absolute; right: 5px; bottom: 80px }
.staffs .item .mark label { background: #77675A; padding: 2px 5px; font-size: 12px; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; text-shadow: 0 1px 0 rgba(68,68,68,0.55) }

@media screen and (max-width: 1023px) {
.staffs .item { box-shadow: 5px 5px 0 0 #77675A }
}

@media screen and (max-width: 740px) {
.staffs .item .itemInfo .itemName { font-size: 14px }
.staffs .item .itemInfo .itemName span { font-size: 10px }
.staffs .item .itemInfo { height: 50px; margin: -52px 0 0 }
.staffs .item .mark { position: absolute; right: 5px; bottom: 50px }
.staffs .item .mark label { padding: 2px 3px; font-size: 10px }
.staffs .itemInfo .scheduleType { padding: 3px 5px; font-size: 10px; margin-left: 5px }
.staffs .itemInfo .scheduleIcon { width: 14px; height: 14px }
.staffs .item .itemInfo p { font-size: 14px }
.staffs .item .itemInfo .itemName { margin: 2px 0 0 0 }
}
.sectionTitleLine.recruitLine { padding-top: 10px; padding-bottom: 10px }
.sectionTitleLine.recruitLine::before { content: ''; position: absolute; top: 0; left: 5%; right: 0; margin: 0 auto; height: 2px; width: 50%; background-image: linear-gradient(90deg, RGB(119, 103, 90, 1), RGB(119, 103, 90, 1) 50%, RGB(119, 103, 90, 1) 100%) }
.sectionTitleLine.recruitLine::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50%; right: 5%; margin: 0 auto; height: 2px; background-image: linear-gradient(90deg, RGB(119, 103, 90, 1), RGB(119, 103, 90, 1) 50%, RGB(119, 103, 90, 1) 100%) }
.sectionDesc.recruitDesc { padding-top: 10px }

@media screen and (max-width: 1023px) {
.sectionTitleLine.recruitLine::before { width: 70% }
.sectionTitleLine.recruitLine::after { width: 70% }
}
.sectionTitleTop.recruitSectionTitleTop { margin-bottom: 0 }
.navPc.recruitNav { bottom: 0 }
.navPc.recruitNav.notLp { bottom: 30vh }
.recruitMainView.mainView { height: calc(100vh - 86px) }
.recruitMainView .mainViewCont { background-image: url(../img/mvrq-0d4e1520b8c64eb7871cb7f49b0a1bc631884b4b137188b6d52349db2a67288b.jpg) }
.recruitMainView .mainViewInner { position: absolute; left: 10%; bottom: 0; position: absolute; background: url(../img/mainviewfame-76c3285fd8623a3cc2d0cdf3ec7b1eef1012752af7b42ddc1c7cce3964b41656.png); background-repeat: no-repeat; background-size: cover; background-position: center }
.recruitMainView .sectionTitle { width: 430px; height: 493px; display: table }
.recruitMainView .mainViewInner .sectionTitleTop { font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #4A4A4A; line-height: 2; display: table-cell; vertical-align: middle; padding-left: 15px }
.recruitMainView .mainViewInner .sectionTitleTop span { font-size: 40px; font-weight: 600; color: #77675A }
.recruitMainView .mainViewInner .sectionDesc { padding-top: 30px; color: #4A4A4A; width: 100% }
.recruitMainView .mainViewInner .sectionDesc p { font-size: 22px; color: #4A4A4A; font-weight: 100 }

@media screen and (max-width: 1023px) {
.recruitMainView.mainView { height: 80vh }
.recruitMainView .mainViewInner { left: 10%; bottom: 10px }
.recruitMainView .sectionTitle { width: 300px; height: 344px }
.recruitMainView .mainViewInner .sectionTitleTop { font-size: 18px; padding-left: 30px }
.recruitMainView .mainViewInner .sectionTitleTop span { font-size: 26px }
.recruitMainView .mainViewInner .sectionDesc { padding-top: 15px }
.recruitMainView .mainViewInner .sectionDesc p { font-size: 18px }
}

@media screen and (max-width: 740px) {
.recruitMainView.mainView { height: 380px }
.recruitMainView .mainViewInner { left: 5px; bottom: 0px }
.recruitMainView .sectionTitle { width: 200px; height: 229px }
.recruitMainView .mainViewInner .sectionTitleTop { font-size: 12px; padding-left: 22px; letter-spacing: 0.5px }
.recruitMainView .mainViewInner .sectionTitleTop span { font-size: 18px }
.recruitMainView .mainViewInner .sectionDesc { padding-top: 5px }
.recruitMainView .mainViewInner .sectionDesc p { font-size: 14px }
}
.recruitGreetingView .recruitGreetingViewCont { padding: 80px 40px; background-image: url(../img/greeting-3228972e1dc984f4f8e9935568dcce3974b745b0a75708cb72bbc4643ed2875c.jpg); background-repeat: no-repeat; background-size: cover; background-position: center }
.recruitGreetingView .itemGreeting { width: 80%; margin: 0 auto; text-align: center; padding: 50px 0 }
.recruitGreetingView .itemGreeting .catchphrase { color: #77675A; font-size: 30px; font-weight: 100; padding: 20px 0 30px; text-shadow: 1px 1px 0px #B0A297 }
.recruitGreetingView .itemGreeting p { color: #4A4A4A; line-height: 1.8; font-weight: lighter; letter-spacing: 2px; font-weight: 100 }
.recruitGreetingView .itemGreeting p.name { width: 80%; text-align: right; padding: 50px 0 0 }

@media screen and (max-width: 1023px) {
.recruitGreetingView .recruitGreetingViewCont { padding: 80px 40px 120px }
.recruitGreetingView .itemGreeting p { font-size: 14px }
.recruitGreetingView .itemGreeting { width: 100%; padding: 35px 0 }
.recruitGreetingView .itemGreeting .catchphrase { font-size: 28px }
}

@media screen and (max-width: 740px) {
.recruitGreetingView .itemGreeting { padding: 20px 0 0 }
.recruitGreetingView .recruitGreetingViewCont { background-image: url(../img/greetingsp-edf6c7ed5e586fa3e8b04cbe53893ed59b01cdd2f3a93ed4bb493d9c787e1766.jpg); padding: 50px 15px 30px }
.recruitGreetingView .itemGreeting .catchphrase { font-size: 20px; padding: 0px 0 15px }
.recruitGreetingView .itemGreeting p { letter-spacing: 0; text-align: left; line-height: 1.6; max-width: 480px; margin: 0 auto }
.recruitGreetingView .itemGreeting p.name { padding: 15px 0 0 }
}
.recommendationView .recommendationViewCont { padding: 80px 40px 250px; background-image: url(../img/recommendation-8e36723422d03f3d43b6019d07a1aaabc07ab96a0e1ab8e11c47a4bb37746c41.jpg); background-repeat: no-repeat; background-size: cover; background-position: center }
.recommendationView .headRecommendation { color: #77675A; font-size: 30px; font-weight: 100; padding-bottom: 50px }
.recommendationView .itemRecommendation { width: 700px; text-align: center; background-image: url(../img/recommendationitem-400f87f9effc81535981d9548af87ed8f69651b1bcfc7a893fe00d7cad83c715.png); background-repeat: no-repeat; background-size: cover; background-position: center }
.recommendationView .itemRecommendation .listRecommendation { color: #000000; margin: 50px auto; display: inline-block; text-align: left; line-height: 1.2; font-size: 18px; width: 560px; color: #77675A }
.recommendationView .itemRecommendation .listRecommendation .icon { width: 18px; height: 18px; display: inline-block; vertical-align: text-bottom; margin-right: 5px }
.recommendationView .itemRecommendation .listRecommendation .icon img { width: 100% }

@media screen and (max-width: 1023px) {
.recommendationView .recommendationViewCont { background-image: url(../img/recommendationtb-63fdbb3a8c0ed11c6918ea0196317e2a81c22c7dc542c4e7305052b68b8d8ee5.jpg) }
.recommendationView .headRecommendation { padding-bottom: 30px }
.recommendationView .itemRecommendation { width: 550px }
.recommendationView .itemRecommendation .listRecommendation { font-size: 14px; width: 465px }
}

@media screen and (max-width: 740px) {
.recommendationView .recommendationViewCont { padding: 50px 15px 300px; background-image: url(../img/recommendationsp-47b44b7c208277c94817b2cfd3ee6814d9237c44adc2f7ae4fc7879ecda818ce.jpg) }
.recommendationView .headRecommendation { font-size: 20px; text-align: center }
.recommendationView .itemRecommendation { width: 100%; background-image: none }
.recommendationView .itemRecommendation .listRecommendation { margin: 0 auto; line-height: 1.3; font-size: 14px; text-shadow: 1px 1px 0 white; width: 100% }
.recommendationView .itemRecommendation .listRecommendation .icon { width: 14px; height: 14px }
}
.trainingView .catchphraseCont { position: relative; width: 100%; height: 150px; background: #77675A; margin: -90px auto; -webkit-transform: skew(0deg, 3deg); transform: skew(0deg, 3deg) }
.trainingView .catchphraseCont .trainingMov1 { position: absolute; width: 280px; top: -100px; left: 10%; -webkit-transform: skew(0deg, -3deg); transform: skew(0deg, -3deg) }
.trainingView .catchphraseCont .trainingMov1 img { width: 100% }
.trainingView .catchphraseTxt { position: absolute; -webkit-transform: skew(0deg, -3deg); transform: skew(0deg, -3deg); right: 10%; bottom: 25%; width: 400px }
.trainingView .catchphraseTxt p { color: #FFFFFF }
.trainingView .catchphraseTxt p.catchphrase { font-size: 36px }
.trainingView .catchphraseTxt p.catchphraseSub { text-align: right }
.trainingView .trainingViewCont { margin: -90px auto 0 }
.trainingView .trainingViewCont .descTraining { text-align: center; padding: 30px 0 0 }
.trainingView .trainingViewCont .descTraining p { text-align: left; color: #77675A; display: inline-block; font-size: 16px; font-weight: bold }
.trainingView .itemTrainingCont { padding: 150px 40px 50px; margin: 0 auto; background-image: url(../img/training-5a7c67115a7ebfca93c8d5e27e39b0c602afea0525bde7eeb1d9398bd3ce55b6.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden }
.trainingView .itemTraining { position: relative; margin: 40px auto; padding: 20px; background: #FFFFFF; width: 80% }
.trainingView .itemTraining .trainingMov2 { position: absolute; width: 130px; top: -138px; right: 2% }
.trainingView .itemTraining .trainingMov2 img { width: 100% }
.trainingView .itemTraining .item { margin: 0 auto 50px; padding: 10px 20px; box-shadow: 0 0 0 2px #77675A; position: relative; display: block }
.trainingView .itemTraining .item:nth-child(4) { margin: 0 auto }
.trainingView .itemTraining .item:before { content: ""; border: 60px solid transparent; border-top: 30px solid #77675A; position: absolute; right: calc(50% - 60px); bottom: -90px; z-index: 2; text-align: center }
.trainingView .itemTraining .item:nth-child(4):before { content: none }
.trainingView .itemTraining .item .itemLeft { width: 200px; float: left }
.trainingView .itemTraining .item .itemLeft img { width: 100% }
.trainingView .itemTraining .item .itemRight { width: calc(100% - 200px); float: right }
.trainingView .itemTraining .item .head { font-size: 24px; color: #77675A; padding: 10px 10px 0; font-family: "Pacifico", cursive }
.trainingView .itemTraining .item .text { padding: 0 0 0 15px }
.trainingView .itemTraining .item .text span { color: #77675A }

@media screen and (max-width: 1023px) {
.trainingView .catchphraseCont .trainingMov1 { width: 230px; top: -70px; left: 5% }
.trainingView .itemTraining .trainingMov2 { top: -53px }
}

@media screen and (max-width: 740px) {
.trainingView .itemTrainingCont { padding: 150px 15px 50px; background-image: url(../img/trainingsp-eacd69baed0507716402624741b9ca9f1f4f21202b66d3a1b83c3a1e2fa1b181.jpg) }
.trainingView .catchphraseCont { height: 130px }
.trainingView .catchphraseCont .trainingMov1 { width: 150px; top: -95px }
.trainingView .catchphraseTxt { right: 5%; width: auto }
.trainingView .catchphraseTxt p.catchphrase { font-size: 22px }
.trainingView .trainingViewCont .descTraining p { font-size: 14px }
.trainingView .itemTraining { margin: 30px auto; width: calc(100% - 40px); max-width: 420px }
.trainingView .itemTraining .item .itemLeft { width: 100%; float: none }
.trainingView .itemTraining .item .itemRight { width: 100%; float: none }
.trainingView .itemTraining .item .head { font-size: 22px }
.trainingView .itemTraining .item .text { padding: 0 0 10px }
.trainingView .itemTraining .trainingMov2 { top: -34px; width: 110px }
}
.salaryView { background: #FFFFFF }
.salaryView .salaryViewCont { position: relative; padding: 80px 40px 0 }
.salaryView .items { padding: 50px 0 }
.salaryView .item { display: table; flex-direction: row; margin: 0 auto; width: 80%; border: solid 1px #77675A; box-shadow: 10px 10px 0 0 #77675A; margin-bottom: 40px }
.salaryView .item:last-child { margin-bottom: 0 }
.salaryView .item .itemLeft { margin: 0 auto }
.salaryView .item .itemRight { margin: 0 auto }
.salaryView .item .itemImage { padding: 30px 10px; width: 25%; display: table-cell; vertical-align: middle }
.salaryView .item .itemImage.itemLeft { padding: 30px 0 30px 30px }
.salaryView .item .itemImage.itemRight { padding: 30px 30px 30px 0 }
.salaryView .item .itemImage img { width: 100%; position: relative }
.salaryView .item .itemTxtBox { padding: 30px; width: 75%; display: table-cell; vertical-align: middle }
.salaryView .item .itemTxtBox h3, .salaryView .item .itemTxtBox p { text-align: left }
.salaryView .sectionTitleSub { margin-bottom: 10px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 22px }
.salaryView .sectionTitleSub:after { content: none }
.salaryView .item .itemEx { font-size: 20px; font-weight: bold }
.salaryView .item .itemEx .salary { color: #77675A; font-size: 26px }
.salaryView .item .itemTxt { font-size: 14px; margin-top: 10px }

@media screen and (max-width: 1023px) {
.salaryView .item { width: 90% }
.salaryView .item .itemImage { width: 28% }
.salaryView .item .itemTxtBox { width: 72% }
.salaryView .sectionTitleSub { font-size: 20px }
.salaryView .item .itemEx { font-size: 18px }
.salaryView .item .itemEx .salary { font-size: 24px }
.salaryView .item .itemTxtBox { margin-top: 70px }
.salaryView .item .itemTxt { font-size: 14px }
}

@media screen and (max-width: 740px) {
.salaryView .salaryViewCont { padding: 50px 15px }
.salaryView .items { padding: 50px 0 0; margin: 0 auto; max-width: 420px }
.salaryView .item { display: block; width: 100%; position: relative; margin-bottom: 60px }
.salaryView .item .itemTxtBox { width: calc(100% - 20px); padding: 10px; margin: 0 auto; padding: 40px 10px 10px }
.salaryView .item .itemLeft { display: block }
.salaryView .item .itemImage.itemRight { display: block; padding: 0 }
.salaryView .item .itemImage { width: 100px; position: absolute; right: 0; top: -35px }
.salaryView .sectionTitleSub { font-size: 18px }
.salaryView .item .itemEx { font-size: 14px }
.salaryView .item .itemEx .salary { font-size: 18px }
.salaryView .item .itemTxt { font-size: 12px }
}
.pointView { background: #FFFFFF }
.pointView .pointViewCont { padding: 0 40px 80px }
.pointTitleCont { text-align: center; position: relative }
.pointTitleCont .pointMov1 { position: absolute; width: 100px; top: 0; left: 0 }
.pointTitleCont .pointMov2 { position: absolute; width: 100px; top: 0; right: 0 }
.pointItemCont .pointItem .pointMov3 img, .pointItemCont .pointItem .pointMov5 img, .pointItemCont .pointMov4 img, .pointTitleCont .pointMov1 img, .pointTitleCont .pointMov2 img { width: 100% }
.pointTitleCont h2 { font-size: 36px; letter-spacing: 5px; color: #77675A; text-shadow: -1px -1px 0 #FFFFFF, -1.7px -1.5px 0 #77675A }
.pointTitleCont p { font-size: 18px }
.pointView .pointItemCont { padding: 100px 0 50px; position: relative; max-width: 1023px; margin: 100px auto 0 }
.pointView .pointItemCont .pointItem { float: right; border: solid 2px #77675A; padding: 5px; border-radius: 5px; text-align: center; position: relative; z-index: 0 }
.pointItemCont .pointItem .pointMov3 { position: absolute; right: 0; left: 0; z-index: -1; top: -150px; margin: 30px }
.pointItemCont .pointItem .pointMov5 { position: absolute; right: 0; left: 0; z-index: -1; bottom: -150px; margin: 30px }
.pointView .pointItemCont .pointItem p { color: #FFFFFF; background: #77675A; padding: 20px; border-radius: 5px; text-align: left; display: inline-block; font-size: 18px; letter-spacing: 5px }
.pointView .pointItemCont .pointItem p span { font-size: 24px }
.pointView .pointItemCont .pointItem p span.emphasis { -webkit-text-emphasis: dot filled; text-emphasis: dot filled }
.pointItemCont .pointMov4 { position: absolute; width: calc(100% - 510px); top: -30px }

@media screen and (max-width: 1023px) {
.pointView .pointViewCont { padding: 0px 40px 0px }
.pointView .pointItemCont { margin: 50px auto 0; max-width: 800px }
.pointView .pointItemCont .pointItem p { font-size: 14px }
.pointView .pointItemCont .pointItem p span { font-size: 20px }
.pointItemCont .pointItem .pointMov3 { top: -85px; width: 80%; margin: 0 auto }
.pointItemCont .pointItem .pointMov5 { bottom: -85px; width: 80%; margin: 0 auto }
.pointItemCont .pointMov4 { width: calc(100% - 430px); top: 75px }
}

@media screen and (max-width: 740px) {
.pointView .pointViewCont { padding: 0 15px 30px }
.pointView .pointItemCont { max-width: 480px }
.pointTitleCont p { font-size: 12px }
.pointTitleCont h2 { font-size: 18px; width: 80%; margin: 0 auto }
.pointTitleCont .pointMov1, .pointTitleCont .pointMov2 { width: 45px }
.pointView .pointItemCont { margin: 0 auto; padding: 100px 0 60px }
.pointView .pointItemCont .pointItem p { font-size: 12px }
.pointView .pointItemCont .pointItem p span { font-size: 16px }
.pointItemCont .pointItem .pointMov3 { top: -70px }
.pointItemCont .pointItem .pointMov5 { bottom: -70px }
.pointItemCont .pointItem .pointMov5 img { width: 100% }
.pointItemCont .pointMov4 { width: 150px; top: initial; bottom: -100px }
}
.privilegeView .privilegeViewCont { padding: 80px 40px }
.privilegeView .privilegeViewCont .descPrivilege { text-align: center; padding: 30px 0 0 }
.privilegeView .privilegeViewCont .descPrivilege p { text-align: left; color: #000000; display: inline-block; font-size: 16px }
.privilegeViewCont .itemsPrivilege { overflow: hidden; display: table; margin: 50px auto }
.privilegeViewCont .itemPrivilege { display: table-cell; vertical-align: middle; padding: 0 15px }
.privilegeViewCont .itemPrivilege img { width: 100% }
.privilegeViewCont .moreTxt { text-align: center; font-size: 20px; color: #77675A }
.privilegeViewCont .itemBanner { width: 60%; margin: 30px auto; max-width: 1023px; min-width: 850px }
.privilegeViewCont .itemBanner a { display: block }
.privilegeViewCont .itemBanner img { width: 100% }

@media screen and (max-width: 1023px) {
.privilegeViewCont .itemBanner { width: 90%; min-width: initial }
}

@media screen and (max-width: 740px) {
.privilegeView .privilegeViewCont { padding: 80px 15px 0 }
.privilegeView .privilegeViewCont .descPrivilege p { font-size: 14px }
.privilegeViewCont .itemsPrivilege { display: block; margin: 30px auto 20px; max-width: 420px }
.privilegeViewCont .itemPrivilege { display: block; padding: 15px 0 }
.privilegeViewCont .itemBanner { width: 100% }
.privilegeViewCont .moreTxt { font-size: 16px }
}
.coreValuesView .sectionTitleLine.recruitLine::after, .coreValuesView .sectionTitleLine.recruitLine::before { background-image: linear-gradient(90deg, RGB(255, 255, 255, 1), RGB(255, 255, 255, 1) 50%, RGB(255, 255, 255, 1) 100%) }
.coreValuesView .coreValuesViewCont { background: #77675A; padding: 80px 40px }
.coreValuesViewCont .coreLists { overflow: hidden; padding: 50px 0 0 }
.coreValuesViewCont .coreLists li { width: 33.333%; float: left; text-align: center; padding: 30px 0 }
.coreValuesViewCont .coreLists li img { width: 70px; height: 70px }
.coreValuesViewCont .coreLists li p { width: 100%; display: block; padding: 10px 0 0; color: #FFFFFF }

@media screen and (max-width: 740px) {
.coreValuesView .coreValuesViewCont { padding: 50px 15px }
.coreValuesViewCont .coreLists { padding: 30px 0 0 }
.coreValuesViewCont .coreLists li { width: 50% }
}
.voicesView .voicesViewCont { padding: 80px 40px 20px; background-image: url(../img/voice-52dbb22d39075d5547a31f7565e2c5a8fc2f0e50d90df4452d360ae85a123339.jpg); background-repeat: no-repeat; background-size: cover; background-position: center }
.voicesViewCont .itemsVoice { max-width: 1023px; margin: 50px auto }
.voicesViewCont .itemsVoice .name { color: #77675A; font-size: 20px; margin-bottom: 5px }
.voicesViewCont .itemVoice { background: #FFFFFF; width: 40%; margin: 2.5%; padding: 2.5%; float: left; box-shadow: 0 0 0 2px #77675A inset; position: relative; background-size: auto 80%; background-position: 96% 80%; background-repeat: no-repeat }
.voicesViewCont .itemVoice.voice1 { background-image: url(../img/voice1-9e6afdd024b95281ff8038c7fe05dc45d1339d97f4311ecd822dfd00b10f8612.png) }
.voicesViewCont .itemVoice.voice2 { background-image: url(../img/voice2-cd9cff3fb346684d16e5f11b1942f36dd20ba75cf2016c92f686822d43ddf13d.png) }
.voicesViewCont .itemVoice.voice3 { background-image: url(../img/voice3-5c2eedf22fb2d2a3b66b1a9f72b723cfca9a6e1d6d7915eff2848b13afc5c069.png) }
.voicesViewCont .itemVoice.voice4 { background-image: url(../img/voice4-e3a7e4f34914e6c0294deb7385d5d608afdac573df52cb1112a401520084cfcc.png) }
.voicesViewCont .itemVoice .voiceTxt { z-index: 1; position: relative }
.voicesViewCont .itemVoice p { margin-bottom: 5px; color: #000000 }
.voicesViewCont .itemVoice p:last-child { margin-bottom: 0 }
.voicesViewCont .itemVoice .age { font-weight: bold }

@media screen and (max-width: 1023px) {
.voicesView .voicesViewCont { padding: 80px 40px }
}

@media screen and (max-width: 740px) {
.voicesView .voicesViewCont { padding: 50px 15px 10px; background-image: url(../img/voicesp-f29104957a81cb027091a26a83d8d3f66d25077811ca9156e9113deb3575147d.jpg) }
.voicesViewCont .itemsVoice { max-width: 420px; margin: 30px auto }
.voicesViewCont .itemVoice { width: 95%; margin: 15px 0; padding: 2.5% }
.voicesViewCont .itemsVoice .name { font-size: 18px }
.voicesViewCont .itemVoice p { font-size: 12px }
}
.detailsView { background: #FFFFFF }
.detailsView .detailsViewCont { padding: 80px 40px 0 }
.detailsTableCont { margin-top: 30px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; margin: 0 1% }
.detailsTableCont table.details { width: 80%; margin: 30px auto; border-collapse: separate; border-spacing: 0 15px; font-size: 12px; max-width: 1023px }
.detailsTableCont table.details th { background: #77675A; vertical-align: middle; text-align: left; width: 100px; overflow: visible; position: relative; color: #FFFFFF; font-weight: normal; font-size: 15px }
.detailsTableCont table.details td { background: #f8f8f8; width: 360px; padding-left: 20px }
.detailsTableCont table.details th { padding: 10px; font-size: 15px }
.detailsTableCont table.details td { padding: 10px 10px 10px 35px; font-size: 15px }
.detailsTableCont table.details th:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-left-color: #77675A; border-width: 10px; margin-top: -10px }

@media screen and (max-width: 740px) {
.detailsView .detailsViewCont { padding: 30px 15px 0 }
.detailsTableCont { margin: 0 auto }
.detailsTableCont table.details { width: 100% }
.detailsTableCont table.details th { font-size: 14px }
.detailsTableCont table.details td { padding: 10px 10px 10px 20px; font-size: 14px }
}
.recruitConceptView .itemConcepts { padding: 0 40px }
.recruitConceptView .itemConcept { display: flex; flex-direction: row; padding: 30px 0 }
.recruitConceptView .itemConcept .itemLeft { padding: 30px 10px; margin: 0 auto }
.recruitConceptView .itemConcept .itemImage img { width: 100% }
.recruitConceptView .itemConcept .itemRight { padding: 30px 10px; margin: 0 auto }
.recruitConceptView .sectionTitleSub { margin-bottom: 50px }
.recruitConceptView .sectionTitleSub:after { background-image: linear-gradient(90deg, RGB(119, 103, 90, 0), RGB(119, 103, 90, 1) 50%, RGB(119, 103, 90, 0) 100%); right: 0 }
.recruitConceptView .itemConcept .itemTxt { color: #77675A; font-size: 16px }

@media screen and (max-width: 1023px) {
.recruitConceptView .itemConcept { display: block }
.recruitConceptView .itemConcept .itemTxt { color: #77675A; font-size: 16px; letter-spacing: 2px }
.recruitConceptView .sectionTitleSub { font-size: 32px }
}

@media screen and (max-width: 740px) {
.recruitConceptView .sectionTitleSub { font-size: 26px; margin-bottom: 30px }
.recruitConceptView .sectionTitleSub:after { width: 200px }
.recruitConceptView .itemConcept .itemTxt { color: #77675A; font-size: 14px; letter-spacing: 0 }
.recruitConceptView .itemConcepts { padding: 0 15px }
.recruitConceptView .itemConcept .itemLeft { padding: 20px 0 10px }
.recruitConceptView .itemConcept .itemRight { padding: 10px 0 20px }
}
.lineRecruitView { background: #FFFFFF }
.lineRecruitView .bannerCont { width: 65%; margin: 30px auto; position: relative }
.lineRecruitView .bannerCont a { display: block }
.lineRecruitView .bannerCont img { width: 100% }
.lineRecruitView .bannerCont .lineQrCode { position: absolute; width: 30%; bottom: 25px; right: 25px }
.lineRecruitView .bannerCont .noLineQrCode { position: absolute; width: 50%; bottom: 0; right: 0 }
.lineRecruitView .bannerCont .lineQrCode img { width: 100% }
.lineRecruitView .bannerCont .noLineQrCode img { width: 100% }

@media screen and (max-width: 740px) {
.lineRecruitView .bannerCont { width: 90% }
.lineRecruitView .bannerCont .lineQrCode { bottom: 15px }
}
.telRecruitView .bannerCont { width: 65%; margin: 30px auto }
.telRecruitView .bannerCont a { display: block }
.telRecruitView .bannerCont img { width: 100% }

@media screen and (max-width: 740px) {
.telRecruitView .bannerCont { width: 90% }
}
.faqView { background: #FFFFFF }
.faqView .items { padding: 80px 40px }
.faqView .items .item { max-width: 800px; margin: 0 auto; padding: 15px 0 }
.faqView .items .item:nth-child(1) { padding: 0 0 15px }
.faqView .item .iconQA { width: 50px; height: 50px; display: inline-block; vertical-align: top; margin-right: 20px; background: #77675A }
.faqView .item .head { color: #77675A; font-size: 20px; line-height: 50px; box-shadow: 0 0 0 2px #77675A; background-image: url(../img/faqarrowr-bc20ff84831c645d804b87cc44f6a8feba1f23137827f80c3ef94a34b852de89.png); background-size: 15px; background-position: 96% 50%; background-repeat: no-repeat; cursor: pointer }
.faqView .item .head.active { background-image: url(../img/faqarrowd-266112cb505bd743824e13302d5f21d1086fa11b71aa8f95b33a744b86e91900.png); background-size: 30px; background-position: 96% 50%; background-repeat: no-repeat }
.faqView .item .detail { padding: 30px; box-shadow: 2px 2px 0 #77675A, -2px 2px 0 #77675A; display: none; color: #77675A }

@media screen and (max-width: 740px) {
.faqView .items { padding: 30px 15px }
.faqView .items .item { width: 100% }
.faqView .items .iconQA { width: 30px; height: 30px; margin-right: 5px }
.faqView .items .itemTxt { width: calc(100% - 40px) }
.faqView .item .head { font-size: 14px; line-height: 30px; background-size: 8px }
.faqView .item .head.active { background-size: 16px }
.faqView .item .detail { padding: 15px; font-size: 12px }
}
.recruitWebFormView { background: #FFFFFF }
.recruitWebFormView .webFromViewFormCont { background: none }
.webFromViewFormCont { margin-top: 30px; padding: 0 40px 50px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; background: #FFFFFF; border-radius: 25px }
.webFromViewForm { display: block; margin: 0 1% }
.webFromViewForm .item { text-align: center; overflow: auto; width: 100%; display: table; border-top: solid 1px #eceeef }
.webFromViewForm .item:last-child { border-bottom: solid 1px #eceeef }
.webFromViewForm .itemLabel { width: 30%; display: table-cell; color: #000000; vertical-align: middle }
.webFromViewForm .required { background-color: #77675A; color: #FFFFFF; font-size: 10px; padding: 4px 12px; margin-left: 15px; border-radius: 3px }
.webFromViewForm .itemParts { width: 70%; display: table-cell }
.webFromViewForm .itemParts input, .webFromViewForm .itemParts select, .webFromViewForm .itemParts textarea { background-color: #FFFFFF; border: 1px solid #d0d0d0; color: #000000; box-shadow: none; font-weight: 400; font-size: 13px; text-align: center; margin: 30px auto; width: 80%; padding: 15px 0; line-height: 1.25; display: block; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif }
.webFromViewForm .itemParts select { border: 0; outline: 1px solid #ccc; outline-offset: -1px }
.webFromViewForm .itemPartsCont { width: 80%; margin: 0 auto; text-align: left }
.webFromViewForm .itemParts input.date { width: 50%; display: inline-block }
.webFromViewForm .itemParts select.hour, .webFromViewForm .itemParts select.minute { width: calc(25% - 15px); display: inline-block }
.webFromViewForm .itemParts select.courseMenu { width: 50%; display: inline-block }
.webFromViewForm .itemParts select.courseTime { width: calc(50% - 5px); display: inline-block }
.webFromViewForm .itemParts select { height: calc(3.25rem + 1.5px) }
.webFromViewForm .itemParts .searchTherapistButton { background-color: #FFFFFF; border: 1px solid #d0d0d0; color: #000000; box-shadow: none; font-weight: 400; font-size: 12px; text-align: center; width: 50%; padding: 15px 0; line-height: 1.25; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; cursor: pointer }
.webFromViewForm .itemParts .searchTherapistInput { width: calc(50% - 7px); display: inline-block }
.webFromViewForm .itemButton { margin: 30px auto; width: 300px }
.webFromViewForm .itemButton .btn { font-size: 12px; padding: 25px 0; line-height: 50px }
.reservationTherapists .scheduleList .item { width: 46%; margin: 2% }
.reservationTherapists .scheduleList .item:last-child { border: none }
.reservationTherapists .scheduleList .item .itemInfo .itemName { font-size: 16px; margin: 3px 0 }
.reservationTherapists .scheduleList .item .itemInfo p { margin: 3px 0; font-size: 16px }
.reservationTherapists .scheduleList .item .itemInfo { border-top: 2px solid #77675A; background-color: rgba(255,255,255,0.55); padding: 0px; width: 100%; text-align: center; bottom: 0; height: 58px; margin: -60px 0 0 }
.reservationTherapists .scheduleList .item .itemInfo .scheduleType { border-radius: 0px; margin: 5px auto; display: block; width: 70px; padding: 0 2px }
.reservationTherapists .description { font-size: 12px; padding: 0 0 10px }

@media screen and (max-width: 740px) {
.webFromViewFormCont { padding: 30px 15px }
.webFromViewForm { margin: 0 auto }
.webFromViewForm .item { display: block; border: none }
.webFromViewForm .itemLabel { width: 100%; display: block; background: #FFFFFF; border: none; color: #000000; text-align: left; padding: 10px 0 0 }
.webFromViewForm .itemLabel label { width: 90%; margin: 0 auto; display: block }
.webFromViewForm .itemParts { width: 100%; display: block; border: none }
.webFromViewForm .itemParts input, .webFromViewForm .itemParts select, .webFromViewForm .itemParts textarea { width: 90%; margin: 10px auto }
.webFromViewForm .itemPartsCont { width: 90% }
.webFromViewForm .itemParts select.hour, .webFromViewForm .itemParts select.minute { width: calc(30% - 15px); display: inline-block }
.webFromViewForm .itemParts input.date { width: 40% }
.webFromViewForm .itemParts select.courseMenu { width: 60% }
.webFromViewForm .itemParts select.courseTime { width: calc(40% - 5px) }
.webFromViewForm .itemParts .searchTherapistInput { width: calc(50% - 7px) }
.reservationTherapists .scheduleList .item .itemInfo .itemName { font-size: 12px; margin: 0 }
.reservationTherapists .scheduleList .item .itemInfo p { font-size: 12px; margin: 0 }
.reservationTherapists .scheduleList .item .itemInfo { height: 38px; margin: -40px 0 0 }
.webFromViewForm .itemButton { width: auto }
}
.lineReservationView .bannerCont { width: 65%; margin: 30px auto; position: relative }
.lineReservationView .bannerCont a { display: block }
.lineReservationView .bannerCont img { width: 100% }
.lineReservationView .bannerCont .lineQrCode { position: absolute; width: 30%; bottom: 25px; right: 25px }
.lineReservationView .bannerCont .noLineQrCode { position: absolute; width: 50%; bottom: 0px; right: 0px }
.lineReservationView .bannerCont .lineQrCode img { width: 100% }
.lineReservationView .bannerCont .noLineQrCode img { width: 100% }
.webFromViewCont .bannerCont { margin: 20px auto; width: calc(100% - 100px) }
.webFromViewCont .bannerCont img { width: 100% }

@media screen and (max-width: 740px) {
.webFromViewCont .bannerCont { margin: 20px auto; width: calc(100% - 60px) }
.lineReservationView .bannerCont { width: 90% }
.lineReservationView .bannerCont .lineQrCode { bottom: 15px }
}
.telReservationView .bannerCont { width: 65%; margin: 30px auto }
.telReservationView .bannerCont a { display: block }
.telReservationView .bannerCont img { width: 100% }

@media screen and (max-width: 740px) {
.telReservationView .bannerCont { width: 90% }
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video, button { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
p, h1, h2, h3, h4, h5 { color: #4A4A4A }
html { font: 14px sans-serif }
body { -webkit-text-size-adjust: 100%; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 100%; background: #F2EBD9 }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block }
img { vertical-align: top; font-size: 0; -ms-interpolation-mode: bicubic; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
zoom: 1 }
li, ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: #1b1b1b }
a:link { text-decoration: none }
ins { background-color: #ff9; color: #000; text-decoration: none }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
input, select { vertical-align: middle; font-size: 100% }
textarea { font-size: 100% }
code, kbd, pre, samp, tt { font-family: monospace }
sub, sup { margin: 0; padding: 0; border: 0; outline: 0 }

@media print {
body { -webkit-print-color-adjust: exact }
}
.scheduleView { position: relative }
.scheduleViewCont { position: relative }
.scheduleView .scheduleList { padding: 30px 40px }
.scheduleList .item { width: 31.3%; margin: 30px 1%; position: relative; float: left }
.scheduleBtns { margin: 0 auto; padding: 20px 0; list-style: none; font-size: 14px; overflow: auto; width: calc(100% - 80px); display: block }
.scheduleBtns a { float: left; margin: 5px 3px; display: inline; display: block; padding: 8px 0; text-align: center; background: #77675A; border: 1px solid #77675A; text-decoration: none; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; border-radius: 7px }
.scheduleBtns a:hover { color: #77675A; background: #FFFFFF }
.scheduleBtns a.todays { color: #77675A; background: #FFFFFF }

@media screen and (max-width: 740px) {
.scheduleView .scheduleList { padding: 10px 15px }
.scheduleList .item { width: 48%; float: left; margin: 15px 1% }
.scheduleBtns { padding: 20px 0 0; width: calc(100% - 22px) }
.scheduleList .itemInfo .scheduleType { padding: 3px 5px; font-size: 10px; margin-left: 5px }
}
.sideBarButton { position: fixed; bottom: 140px; right: 0; z-index: 999999 }
.sideBarButton a { text-decoration: none; width: 110px; display: block; padding: 20px 15px; background: -ms-linear-gradient(0deg, #fbcc3c, orange); color: #FFF; border-bottom: solid 4px #d68b01; border-right: solid 4px #d68b01; border-radius: 3px; text-align: center; font-size: 15px; vertical-align: middle }
.sideBarButton a:active { -webkit-transform: translateY(4px); transform: translateY(4px); box-shadow: 0 0 1px rgba(0,0,0,0.2); border-bottom: none }
.sideBarButton a i { text-shadow: 2px 2px 1px #d48900; font-size: 25px }
.sideBarButton a span { display: inline-block; transition: 0.5s; padding: 5px 0 }
.sideBarButton a:hover span { -webkit-transform: rotateX(360deg); transform: rotateX(360deg) }
#sidebar.sidebarPc { position: fixed; right: 0; bottom: 140px; z-index: 99999 }
#sidebar.sidebarPc .sideBanner li { width: 180px }
#sidebar.sidebarPc .sideBanner li a { display: block }
#sidebar.sidebarPc .sideBanner li img { width: 100% }

@media screen and (max-width: 1023px) {
#sidebar.sidebarSp { position: relative; margin: 20px auto }
#sidebar.sidebarSp .sideBanner ul { width: 80%; margin: 0 auto }
#sidebar.sidebarSp .sideBanner li { width: 100% }
#sidebar.sidebarSp .sideBanner li a { display: block }
#sidebar.sidebarSp .sideBanner li img { width: 100% }
}
.confirmViewFormCont { margin-top: 30px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; background: #FFFFFF; border-radius: 25px; padding: 0 0 30px }
.confirmViewForm { display: block; width: 80%; margin: 0 auto }
.confirmViewForm .item { text-align: center; overflow: auto; width: 100%; display: table; border-top: solid 1px #eceeef }
.confirmViewForm .item:last-child { border-bottom: solid 1px #eceeef }
.confirmViewForm .itemLabel { width: 30%; display: table-cell; color: #77675A; padding: 44px 0 }
.confirmViewForm .required { background-color: #77675A; color: #FFFFFF; font-size: 10px; padding: 4px 12px; margin-left: 15px }
.confirmViewForm .itemParts { width: 70%; display: table-cell; padding: 44px 0 }
.confirmViewForm .itemButton { width: 300px; margin: 30px auto }
.confirmViewForm .itemButton .btn { font-size: 12px; padding: 25px 0; line-height: 50px }

@media screen and (max-width: 740px) {
.confirmViewFormCont { padding: 20px 0 }
.confirmViewForm .itemLabel { width: 100%; display: block; border: none; text-align: left; padding: 15px 0 }
.confirmViewForm .itemLabel label { width: 90%; margin: 0 auto; display: block }
.confirmViewForm .itemParts { width: 90%; display: block; border: none; margin: 0 auto; padding: 10px 0 20px }
.confirmViewForm .itemLabel { padding: 10px 0 20px }
.confirmViewForm .itemButton { width: auto }
}
.policyView { position: relative }
.policyView .policyList { padding: 0 40px; margin: 0 1% }
.policyList .item { position: relative; margin: 50px auto }
.policyList .item .itemCont { display: block; background-color: #FFFFFF; padding: 50px 100px 30px; overflow: auto; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 16px; border-radius: 25px }
.policyList .item label { display: inline-block; padding: 5px 40px; text-align: center; background-color: #1b1b1b; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: 2px; font-weight: 600; position: absolute; top: -10px; left: 30px; border-radius: 25px }

@media screen and (max-width: 1023px) {
.policyList .item .itemCont { padding: 50px 80px 30px }
}

@media screen and (max-width: 740px) {
.policyView .policyList { padding: 0 15px; margin: 0 auto }
.policyList .item .itemCont { padding: 50px 40px 30px; font-size: 14px }
.policyList .item label { font-size: 14px }
}
.thanksView .bannerCont { margin: 0 auto }
.thanksView .bannerCont .imgCont { display: block; margin: 0 auto; padding: 50px 40px 0; width: 80%; max-width: 800px }
.thanksView .bannerCont img { width: 100% }
.thanksView .itemButton { width: 300px; margin: 30px auto }
.thanksView .itemButton .btn { font-size: 12px; padding: 25px 0; line-height: 50px }

@media screen and (max-width: 740px) {
.thanksView .bannerCont { margin: 0 auto }
.thanksView .bannerCont .imgCont { padding: 30px 15px 0px; width: calc(100% - 30px) }
}
.contactViewFormCont { margin-top: 30px }
.contactViewForm { display: block; width: 80%; margin: 0 auto }
.contactViewForm .item { text-align: center; overflow: auto; width: 100%; display: table; border-top: solid 1px #eceeef }
.contactViewForm .item:last-child { border-bottom: solid 1px #eceeef }
.contactViewForm .itemLabel { width: 30%; display: table-cell; background: #f9f9f9; border-left: solid 1px #eceeef; color: #00336D }
.contactViewForm .required { background-color: #FF4F4F; color: #FFFFFF; font-size: 10px; padding: 1px 12px; margin-left: 15px }
.contactViewForm .itemParts { width: 70%; display: table-cell; border-right: solid 1px #eceeef; border-left: solid 1px #eceeef }
.contactViewForm .itemParts input, .contactViewForm .itemParts select, .contactViewForm .itemParts textarea { background-color: #FFFFFF; border: 1px solid #d0d0d0; color: #000000; box-shadow: none; font-weight: 400; font-size: 12px; text-align: center; margin: 10px auto; width: 80%; padding: 15px 0; line-height: 1.25; display: block }
.contactViewForm .itemParts select { height: calc(3.25rem + 2px) }
.contactViewForm .itemButton { width: 300px; margin: 30px auto }
.contactViewForm .itemButton .btn { font-size: 12px; padding: 25px 20px; line-height: 50px }

@media screen and (max-width: 740px) {
.contactViewForm .item { display: block; border: none }
.contactViewForm .itemLabel { width: 100%; display: block; background: #FFFFFF; border: none; color: #00336D; text-align: left; padding: 10px 0 0 }
.contactViewForm .itemLabel label { width: 90%; margin: 0 auto; display: block }
.contactViewForm .itemParts { width: 100%; display: block; border: none }
.contactViewForm .itemParts input, .contactViewForm .itemParts select, .contactViewForm .itemParts textarea { width: 90% }
}
.contactButton .itemButton { width: 600px; margin: 15px auto 0; padding-bottom: 50px }
.contactButton .itemButton .btn { font-size: 18px; padding: 40px 0; line-height: 80px; background: #fbcc3c; background: -ms-linear-gradient(0deg, #fbcc3c, orange); box-shadow: 0 0 0 2px #fbcc3c; color: #FFFFFF }
.contactButton .itemButton .btn:before { background: #FFFFFF; box-shadow: 0 0 0 2px #fbcc3c }
.contactButton .itemButton .btn:hover { color: #fbcc3c }

@media screen and (max-width: 1023px) {
.contactButton .itemButton { width: 450px; padding-bottom: 40px }
.contactButton .itemButton .btn { padding: 30px 0; line-height: 60px }
}

@media screen and (max-width: 740px) {
.contactButton .itemButton { width: 300px; padding-bottom: 30px }
.contactButton .itemButton .btn { font-size: 16px; padding: 25px 0; line-height: 50px }
}
.courseView { position: relative }
.courseView .itemName h4 { font-weight: 400; font-size: 22px; text-align: center; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; text-shadow: 2.2px 0 0 #77675A }
.courseView .itemDesc p { font-size: 14px; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; padding: 10px 0; width: 85%; margin: 0 auto; text-shadow: 1.5px 0 0 #77675A }
.courseView .itemTable { font-size: 20px; text-align: center; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; width: 100% }
.courseView .itemTable th { padding: 4% 0; width: 40%; font-weight: 400; text-shadow: 2.2px 0 0 #77675A }
.courseView .itemTable td { font-weight: 400; text-shadow: 2.2px 0 0 #77675A }
.courseViewCont .itemList { padding: 0 40px; margin: 0 auto }
.courseViewCont .item { width: 80%; margin: 30px auto; position: relative; padding: 28px 20px; background: #77675A; border-radius: 25px }
.courseViewCont .item:nth-child(2n) { background-image: url(../img/courseback-838b48f033eb17cfeab00a5f34f5ebb7968830726191aee8d00822e95c21096f.jpg); background-repeat: no-repeat; background-size: cover; background-position: center }
.courseViewCont .item:nth-child(2n-1) { background-image: url(../img/courseback2-257adf9391342919e857e3314075dff780adc7343f99a21b8179a09f626610fc.jpg); background-repeat: no-repeat; background-size: cover; background-position: center }
.courseViewCont .item.option { background-image: url(../img/optionback-50e2871538b7278e71445b551e114438294b2c35c44880646fbe13247fd6af46.jpg); background-repeat: no-repeat; background-size: cover; background-position: center }

@media screen and (max-width: 740px) {
.courseViewCont .itemList { padding: 0 15px }
.courseViewCont .item { width: 100%; margin: 30px auto; float: none; padding: 28px 0 }
.courseView .itemTowCont { overflow: initial }
}
.systemPolicyView { position: relative }
.systemPolicyView .policyList { padding: 0 40px; margin: 0 1% }
.policyList .item { position: relative; margin: 50px auto }
.policyList .item .itemCont { display: block; background-color: #FFFFFF; padding: 50px 100px 30px; overflow: auto; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; box-shadow: 0px 0px 0px 2px #77675A }
.policyList .item label { display: inline-block; padding: 5px 40px; text-align: center; background-color: #77675A; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: 2px; font-weight: 600; position: absolute; top: -10px; left: 30px }

@media screen and (max-width: 1023px) {
.policyList .item .itemCont { padding: 50px 80px 30px }
}

@media screen and (max-width: 740px) {
.systemPolicyView .policyList { padding: 0 15px; margin: 0 auto }
.policyList .item .itemCont { padding: 50px 40px 30px }
.policyList .item label { font-size: 14px }
}
.staffsView { position: relative }
.staffsView .staffsList { padding: 30px 40px }
.staffsList .item { width: 31.3%; margin: 30px 1%; position: relative; float: left }
.staffsList .item .itemInfo { height: auto; margin: -44px 0 0 }
.staffsList .item .itemInfo .itemName { font-size: 20px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; margin: 6px 0 }
.staffsList .item .itemInfo .itemName span { font-size: 16px }

@media screen and (max-width: 740px) {
.staffsView .staffsList { padding: 30px 15px }
.staffsList .item { width: 48%; float: left; margin: 15px 1% }
.staffsList .item .itemInfo .itemName { font-size: 14px }
.staffsList .item .itemInfo .itemName span { font-size: 12px }
.staffsList .item .itemInfo { width: 100%; margin: -30px 0 0 }
}
.profileView { position: relative }
.profileView .item { margin: 70px auto; display: block; background: #FFFFFF; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.25); max-width: 1024px; border-radius: 25px }
.profileView .item .itemLeft { width: 46%; display: block; background: #FFFFFF; padding: 15px 15px 0; margin: 0 auto; float: left; padding: 2%; border-radius: 25px 0 0 25px }
.profileView .item .itemImg { width: 100%; margin: 0 auto }
.profileView .item .itemRight { background: #FFFFFF; width: 46%; padding: 0 15px 30px; display: block; margin: 0 auto; float: right; padding: 2%; border-radius: 25px 25px 0 0 }
.profileView .itemRight .itemInfo { position: relative }
.profileView .itemRight .itemInfo .itemName { font-size: 20px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold }
.profileView .itemRight .itemInfo .itemProf { font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #000000; margin: 10px 5px }
.profileView .itemRight .itemInfo .itemProf label { font-size: 16px; color: #77675A; font-weight: 500 }
.profileView .itemRight .itemInfo .itemComment p { margin: 0 }
.profileView .itemRight .itemInfo .mark { padding: 20px 0 }
.profileView .itemRight .itemInfo .mark label { background: #77675A; padding: 5px 15px; font-size: 12px; color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif }
.profileView .itemRight .itemComment { overflow: auto }
.profileView .itemRight .itemThumb { padding-top: 0; padding-bottom: 10px }
.profileView .itemRight .itemThumb .swiper-wrapper { margin-left: -37.5% }
.profileView .itemRight .itemInfo .itemButton { width: 80%; padding: 20px 0 30px; margin: 0 auto }
.profileView .itemRight .itemInfo .itemButton .btn { font-size: 14px; padding: 25px 0; line-height: 50px }

@media screen and (max-width: 1023px) {
.profileView .itemRight .itemThumb { padding-top: 0 }
}

@media screen and (max-width: 740px) {
.profileView .itemRight .itemInfo .itemName { font-size: 18px }
.profileView .item { margin: 50px 15px 20px; display: block }
.profileView .item .itemLeft { width: calc(100% - 30px); padding-top: 20px; float: none; border-radius: 25px 25px 0 0 }
.profileView .item .itemImg { width: 100% }
.profileView .item .itemRight { width: calc(100% - 30px); float: none; border-radius: 0 0 25px 25px }
.profileView .itemRight .itemInfo .itemProf { width: 100%; float: none; margin: 15px 0 }
.profileView .itemRight .itemInfo .mark { padding: 10px 0 }
.profileView .itemRight .itemInfo .itemButton { width: 100% }
}
.profileScheduleView { position: relative }
.profileScheduleView .profileScheduleCont { padding: 70px 40px }
.profileScheduleView .profileScheduleTable { margin: 0 1% }
.profileScheduleCont table.timeTable { border-collapse: collapse; line-height: 1.5; width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif }
.profileScheduleCont table.timeTable th { padding: 10px; font-size: 14px; text-align: center; vertical-align: top; background: #77675A; color: #FFFFFF }
.profileScheduleCont table.timeTable th:first-child { border-radius: 10px 0 0 0 }
.profileScheduleCont table.timeTable th:last-child { border-radius: 0 10px 0 0 }
.profileScheduleCont table.timeTable td:first-child { border-radius: 0 0 0 10px; border-left: none }
.profileScheduleCont table.timeTable td:last-child { border-radius: 0 0 10px 0 }
.profileScheduleCont table.timeTable td { padding: 10px; font-size: 14px; font-weight: bold; vertical-align: top; color: #77675A; text-align: center; border-left: dotted 1px #77675A; background: #FFFFFF }

@media screen and (max-width: 740px) {
.profileScheduleView .profileScheduleCont { padding: 30px 15px }
.profileScheduleView .profileScheduleTable { margin: 0 auto }
.profileScheduleCont table.timeTable tr.headerTr { width: 30% }
.profileScheduleCont table.timeTable tr { display: inline-grid }
.profileScheduleCont table.timeTable th { border-bottom: dotted 1px #77675A }
.profileScheduleCont table.timeTable td, .profileScheduleCont table.timeTable th { padding: 10px; font-size: 12px }
.profileScheduleCont table.timeTable tr.bodyTr { width: 70% }
.profileScheduleCont table.timeTable tr { display: inline-grid }
.profileScheduleCont table.timeTable td { border-left: none; border-bottom: dotted 1px #77675A }
.profileScheduleCont table.timeTable td:last-child { border-bottom: none }
.profileScheduleCont table.timeTable th:first-child { border-radius: 10px 0 0 0 }
.profileScheduleCont table.timeTable th:last-child { border-radius: 0 0 0 10px }
.profileScheduleCont table.timeTable td:first-child { border-radius: 0 10px 0 0; border-left: none }
.profileScheduleCont table.timeTable td:last-child { border-radius: 0 0 10px 0 }
}
.fs-0 { font-size: 0 }
.fs-10 { font-size: 10px }
.fs-11 { font-size: 11px }
.fs-12 { font-size: 12px }
.fs-13 { font-size: 13px }
.fs-14 { font-size: 14px }
.fs-15 { font-size: 15px }
.fs-16 { font-size: 16px }
.fs-17 { font-size: 17px }
.fs-18 { font-size: 18px }
.fs-24 { font-size: 24px }
.fs-30 { font-size: 30px }
.fs-40 { font-size: 40px }
.fs-50 { font-size: 50px }
.fs-60 { font-size: 60px }
.fb-100 { font-weight: 100 }
.fb-500 { font-weight: 500 }
.fb-700 { font-weight: 700 }
.fb-900 { font-weight: 900 }

@media (max-width: 1023px) {
.m-fs-0 { font-size: 0 }
.m-fs-10 { font-size: 10px }
.m-fs-11 { font-size: 11px }
.m-fs-12 { font-size: 12px }
.m-fs-13 { font-size: 13px }
.m-fs-14 { font-size: 14px }
.m-fs-15 { font-size: 15px }
.m-fs-16 { font-size: 16px }
.m-fs-17 { font-size: 17px }
.m-fs-18 { font-size: 18px }
.m-fs-24 { font-size: 24px }
.m-fs-30 { font-size: 30px }
.m-fs-40 { font-size: 40px }
.m-fs-50 { font-size: 50px }
.m-fs-60 { font-size: 60px }
.m-fb-100 { font-weight: 100 }
.m-fb-500 { font-weight: 500 }
.m-fb-700 { font-weight: 700 }
.m-fb-900 { font-weight: 900 }
}

@media (max-width: 740px) {
.s-fs-0 { font-size: 0 }
.s-fs-10 { font-size: 10px }
.s-fs-11 { font-size: 11px }
.s-fs-12 { font-size: 12px }
.s-fs-13 { font-size: 13px }
.s-fs-14 { font-size: 14px }
.s-fs-15 { font-size: 15px }
.s-fs-16 { font-size: 16px }
.s-fs-17 { font-size: 17px }
.s-fs-18 { font-size: 18px }
.s-fs-24 { font-size: 24px }
.s-fs-30 { font-size: 30px }
.s-fs-40 { font-size: 40px }
.s-fs-50 { font-size: 50px }
.s-fs-60 { font-size: 60px }
.s-fb-100 { font-weight: 100 }
.s-fb-500 { font-weight: 500 }
.s-fb-700 { font-weight: 700 }
.s-fb-900 { font-weight: 900 }
}
.pd-0 { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important }
.pd-top-0 { padding-top: 0 }
.pd-left-0 { padding-left: 0 }
.pd-righ-0 { padding-right: 0 }
.pd-top-20 { padding-top: 20px }
.pd-bottom-20 { padding-bottom: 20px }
.pd-top-50 { padding-top: 50px }
.pd-bottom-50 { padding-bottom: 50px }
.pd-top-170 { padding-top: 170px }
.pd-top-250 { padding-top: 250px }

@media (max-width: 1023px) {
.m-pd-0 { padding: 0 }
.m-pd-left-0 { padding-left: 0 }
.m-pd-righ-0 { padding-right: 0 }
}

@media (max-width: 740px) {
.s-pd-0 { padding: 0 }
.s-pd-left-0 { padding-left: 0 }
.s-pd-righ-0 { padding-right: 0 }
.s-pd-top-30 { padding-top: 30px }
.s-pd-top-100 { padding-top: 100px }
.s-pd-top-200 { padding-top: 200px }
}
.mg-0 { margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important }
.mg-bottom-50 { margin-bottom: 50px !important }
.mg-top-50 { margin-top: 50px !important }
.mg-bottom-30 { margin-bottom: 30px !important }
.mg-top-30 { margin-top: 30px !important }
.mg-bottom-20 { margin-bottom: 20px !important }
.mg-top-20 { margin-top: 20px !important }

@media (max-width: 1023px) {
.m-mg-0 { margin: 0 }
}

@media (max-width: 740px) {
.s-mg-0 { margin: 0 }
}
.text-center { text-align: center !important }
.text-left { text-align: left !important }
.text-right { text-align: right !important }

@media (max-width: 1023px) {
.m-text-center { text-align: center !important }
.m-text-left { text-align: left !important }
.m-text-right { text-align: right !important }
}

@media (max-width: 740px) {
.s-text-center { text-align: center !important }
.s-text-left { text-align: left !important }
.s-text-right { text-align: right !important }
}
.display-none { display: none !important }
.display-block { display: block !important }
.display-inline-block { display: inline-block !important }
.display-none-less-1023 { display: block !important }
.display-none-more-1023 { display: none !important }
.display-none-less-740 { display: block !important }
.display-none-more-740 { display: none !important }

@media screen and (max-width: 1023px) {
.display-none-less-1023 { display: none !important }
.display-none-more-1023 { display: block !important }
}

@media screen and (max-width: 740px) {
.display-none-less-740 { display: none !important }
.display-none-more-740 { display: block !important }
}

@media (max-width: 575px) {
.hidden-xs-down { display: none !important }
}

@media (min-width: 576px) {
.hidden-sm-up { display: none !important }
}

@media (min-width: 740px) {
.hidden-sm-min-740 { display: none !important }
}

@media (max-width: 740px) {
.hidden-sm-down { display: none !important }
.show-sm-block { display: block !important }
}

@media (min-width: 768px) {
.hidden-md-up { display: none !important }
}

@media (max-width: 991px) {
.hidden-md-down { display: none !important }
}

@media (min-width: 992px) {
.hidden-lg-up { display: none !important }
}

@media (max-width: 1023px) {
.hidden-lg-down { display: none !important }
}

@media (min-width: 1200px) {
.hidden-xl-up { display: none !important }
}
.hidden-xl-down { display: none !important }
.visible-print-block { display: none !important }

@media print {
.visible-print-block { display: block !important }
}
.visible-print-inline { display: none !important }

@media print {
.visible-print-inline { display: inline !important }
}
.visible-print-inline-block { display: none !important }

@media print {
.visible-print-inline-block { display: inline-block !important }
}

@media print {
.hidden-print { display: none !important }
}
.pull-0 { right: auto }
.pull-1 { right: 8.333333% }
.pull-2 { right: 16.666667% }
.pull-3 { right: 25% }
.pull-4 { right: 33.333333% }
.pull-5 { right: 41.666667% }
.pull-6 { right: 50% }
.pull-7 { right: 58.333333% }
.pull-8 { right: 66.666667% }
.pull-9 { right: 75% }
.pull-10 { right: 83.333333% }
.pull-11 { right: 91.666667% }
.pull-12 { right: 100% }
.push-0 { left: auto }
.push-1 { left: 8.333333% }
.push-2 { left: 16.666667% }
.push-3 { left: 25% }
.push-4 { left: 33.333333% }
.push-5 { left: 41.666667% }
.push-6 { left: 50% }
.push-7 { left: 58.333333% }
.push-8 { left: 66.666667% }
.push-9 { left: 75% }
.push-10 { left: 83.333333% }
.push-11 { left: 91.666667% }
.push-12 { left: 100% }

@media (min-width: 576px) {
.pull-sm-0 { right: auto }
.pull-sm-1 { right: 8.333333% }
.pull-sm-2 { right: 16.666667% }
.pull-sm-3 { right: 25% }
.pull-sm-4 { right: 33.333333% }
.pull-sm-5 { right: 41.666667% }
.pull-sm-6 { right: 50% }
.pull-sm-7 { right: 58.333333% }
.pull-sm-8 { right: 66.666667% }
.pull-sm-9 { right: 75% }
.pull-sm-10 { right: 83.333333% }
.pull-sm-11 { right: 91.666667% }
.pull-sm-12 { right: 100% }
.push-sm-0 { left: auto }
.push-sm-1 { left: 8.333333% }
.push-sm-2 { left: 16.666667% }
.push-sm-3 { left: 25% }
.push-sm-4 { left: 33.333333% }
.push-sm-5 { left: 41.666667% }
.push-sm-6 { left: 50% }
.push-sm-7 { left: 58.333333% }
.push-sm-8 { left: 66.666667% }
.push-sm-9 { left: 75% }
.push-sm-10 { left: 83.333333% }
.push-sm-11 { left: 91.666667% }
.push-sm-12 { left: 100% }
}

@media (min-width: 768px) {
.pull-md-0 { right: auto }
.pull-md-1 { right: 8.333333% }
.pull-md-2 { right: 16.666667% }
.pull-md-3 { right: 25% }
.pull-md-4 { right: 33.333333% }
.pull-md-5 { right: 41.666667% }
.pull-md-6 { right: 50% }
.pull-md-7 { right: 58.333333% }
.pull-md-8 { right: 66.666667% }
.pull-md-9 { right: 75% }
.pull-md-10 { right: 83.333333% }
.pull-md-11 { right: 91.666667% }
.pull-md-12 { right: 100% }
.push-md-0 { left: auto }
.push-md-1 { left: 8.333333% }
.push-md-2 { left: 16.666667% }
.push-md-3 { left: 25% }
.push-md-4 { left: 33.333333% }
.push-md-5 { left: 41.666667% }
.push-md-6 { left: 50% }
.push-md-7 { left: 58.333333% }
.push-md-8 { left: 66.666667% }
.push-md-9 { left: 75% }
.push-md-10 { left: 83.333333% }
.push-md-11 { left: 91.666667% }
.push-md-12 { left: 100% }
}

@media (min-width: 992px) {
.pull-lg-0 { right: auto }
.pull-lg-1 { right: 8.333333% }
.pull-lg-2 { right: 16.666667% }
.pull-lg-3 { right: 25% }
.pull-lg-4 { right: 33.333333% }
.pull-lg-5 { right: 41.666667% }
.pull-lg-6 { right: 50% }
.pull-lg-7 { right: 58.333333% }
.pull-lg-8 { right: 66.666667% }
.pull-lg-9 { right: 75% }
.pull-lg-10 { right: 83.333333% }
.pull-lg-11 { right: 91.666667% }
.pull-lg-12 { right: 100% }
.push-lg-0 { left: auto }
.push-lg-1 { left: 8.333333% }
.push-lg-2 { left: 16.666667% }
.push-lg-3 { left: 25% }
.push-lg-4 { left: 33.333333% }
.push-lg-5 { left: 41.666667% }
.push-lg-6 { left: 50% }
.push-lg-7 { left: 58.333333% }
.push-lg-8 { left: 66.666667% }
.push-lg-9 { left: 75% }
.push-lg-10 { left: 83.333333% }
.push-lg-11 { left: 91.666667% }
.push-lg-12 { left: 100% }
}

@media (min-width: 1200px) {
.pull-xl-0 { right: auto }
.pull-xl-1 { right: 8.333333% }
.pull-xl-2 { right: 16.666667% }
.pull-xl-3 { right: 25% }
.pull-xl-4 { right: 33.333333% }
.pull-xl-5 { right: 41.666667% }
.pull-xl-6 { right: 50% }
.pull-xl-7 { right: 58.333333% }
.pull-xl-8 { right: 66.666667% }
.pull-xl-9 { right: 75% }
.pull-xl-10 { right: 83.333333% }
.pull-xl-11 { right: 91.666667% }
.pull-xl-12 { right: 100% }
.push-xl-0 { left: auto }
.push-xl-1 { left: 8.333333% }
.push-xl-2 { left: 16.666667% }
.push-xl-3 { left: 25% }
.push-xl-4 { left: 33.333333% }
.push-xl-5 { left: 41.666667% }
.push-xl-6 { left: 50% }
.push-xl-7 { left: 58.333333% }
.push-xl-8 { left: 66.666667% }
.push-xl-9 { left: 75% }
.push-xl-10 { left: 83.333333% }
.push-xl-11 { left: 91.666667% }
.push-xl-12 { left: 100% }
}
.offset-1 { margin-left: 8.333333% }
.offset-2 { margin-left: 16.666667% }
.offset-3 { margin-left: 25% }
.offset-4 { margin-left: 33.333333% }
.offset-5 { margin-left: 41.666667% }
.offset-6 { margin-left: 50% }
.offset-7 { margin-left: 58.333333% }
.offset-8 { margin-left: 66.666667% }
.offset-9 { margin-left: 75% }
.offset-10 { margin-left: 83.333333% }
.offset-11 { margin-left: 91.666667% }

@media (min-width: 576px) {
.offset-sm-0 { margin-left: 0% }
.offset-sm-1 { margin-left: 8.333333% }
.offset-sm-2 { margin-left: 16.666667% }
.offset-sm-3 { margin-left: 25% }
.offset-sm-4 { margin-left: 33.333333% }
.offset-sm-5 { margin-left: 41.666667% }
.offset-sm-6 { margin-left: 50% }
.offset-sm-7 { margin-left: 58.333333% }
.offset-sm-8 { margin-left: 66.666667% }
.offset-sm-9 { margin-left: 75% }
.offset-sm-10 { margin-left: 83.333333% }
.offset-sm-11 { margin-left: 91.666667% }
}

@media (min-width: 768px) {
.offset-md-0 { margin-left: 0% }
.offset-md-1 { margin-left: 8.333333% }
.offset-md-2 { margin-left: 16.666667% }
.offset-md-3 { margin-left: 25% }
.offset-md-4 { margin-left: 33.333333% }
.offset-md-5 { margin-left: 41.666667% }
.offset-md-6 { margin-left: 50% }
.offset-md-7 { margin-left: 58.333333% }
.offset-md-8 { margin-left: 66.666667% }
.offset-md-9 { margin-left: 75% }
.offset-md-10 { margin-left: 83.333333% }
.offset-md-11 { margin-left: 91.666667% }
}

@media (min-width: 992px) {
.offset-lg-0 { margin-left: 0% }
.offset-lg-1 { margin-left: 8.333333% }
.offset-lg-2 { margin-left: 16.666667% }
.offset-lg-3 { margin-left: 25% }
.offset-lg-4 { margin-left: 33.333333% }
.offset-lg-5 { margin-left: 41.666667% }
.offset-lg-6 { margin-left: 50% }
.offset-lg-7 { margin-left: 58.333333% }
.offset-lg-8 { margin-left: 66.666667% }
.offset-lg-9 { margin-left: 75% }
.offset-lg-10 { margin-left: 83.333333% }
.offset-lg-11 { margin-left: 91.666667% }
}

@media (min-width: 1200px) {
.offset-xl-0 { margin-left: 0% }
.offset-xl-1 { margin-left: 8.333333% }
.offset-xl-2 { margin-left: 16.666667% }
.offset-xl-3 { margin-left: 25% }
.offset-xl-4 { margin-left: 33.333333% }
.offset-xl-5 { margin-left: 41.666667% }
.offset-xl-6 { margin-left: 50% }
.offset-xl-7 { margin-left: 58.333333% }
.offset-xl-8 { margin-left: 66.666667% }
.offset-xl-9 { margin-left: 75% }
.offset-xl-10 { margin-left: 83.333333% }
.offset-xl-11 { margin-left: 91.666667% }
}
.flash { position: fixed; top: 10px; right: 10px; z-index: 9999; width: 300px; padding: 15px 20px; border-radius: 5px; color: #ffffff; cursor: pointer; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3); font-size: 12px }
.flash-info { background-color: rgba(137,187,51,0.8) }
.flash-info:hover { background-color: #89bb33 }
.flash-success { background-color: rgba(74,144,226,0.8) }
.flash-success:hover { background-color: #4a90e2 }
.flash-warning { background-color: rgba(254,205,27,0.8) }
.flash-warning:hover { background-color: #fecd1b }
.flash-danger { background-color: rgba(232,55,67,0.8) }
.flash-danger:hover { background-color: #e83743 }
.close-btn { position: absolute; top: 0; right: 0 }
.visible-xs { display: none }

@media (max-width: 740px) {
.visible-xs { display: block }
}/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em }
.ui-widget .ui-widget { font-size: 1em }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em }
.ui-widget.ui-widget-content { border: 1px solid #c5c5c5 }
.ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333 }
.ui-widget-content a { color: #333 }
.ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold }
.ui-widget-header a { color: #333 }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545 }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none }
.ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6 }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff }
.ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620 }
.ui-state-checked { border: 1px solid #dad55e; background: #fffa90 }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620 }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none }
.ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) }
.ui-icon { width: 16px; height: 16px }
.ui-icon, .ui-widget-content .ui-icon { background-image: url(../img/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png) }
.ui-widget-header .ui-icon { background-image: url(../img/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png) }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(../img/ui-icons_555555_256x240-32175261daee76c82bb0edf0eea16a56421866fbc31e94f3c1d570aa114502f5.png) }
.ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(../img/ui-icons_ffffff_256x240-350df1b7131037de20e83c5c0f3a41a770d2ac48b5762ea772b3f4a8a7b9d47a.png) }
.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(../img/ui-icons_777620_256x240-0b020fc6e696d88d296e7bb1f61f1eb2ad827848e2c7382a4c3e0999e702dd9b.png) }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../img/ui-icons_cc0000_256x240-40985a64b4d5dd213fba27fcd862a1bd1b337a97674f6ff0b9ec20abcee4bc69.png) }
.ui-button .ui-icon { background-image: url(../img/ui-icons_777777_256x240-faf32007ae120c302213557626e660dd10e711c5dd4f1113d35f26dc05b78d2f.png) }
.ui-icon-blank { background-position: 16px 16px }
.ui-icon-caret-1-n { background-position: 0 0 }
.ui-icon-caret-1-ne { background-position: -16px 0 }
.ui-icon-caret-1-e { background-position: -32px 0 }
.ui-icon-caret-1-se { background-position: -48px 0 }
.ui-icon-caret-1-s { background-position: -65px 0 }
.ui-icon-caret-1-sw { background-position: -80px 0 }
.ui-icon-caret-1-w { background-position: -96px 0 }
.ui-icon-caret-1-nw { background-position: -112px 0 }
.ui-icon-caret-2-n-s { background-position: -128px 0 }
.ui-icon-caret-2-e-w { background-position: -144px 0 }
.ui-icon-triangle-1-n { background-position: 0 -16px }
.ui-icon-triangle-1-ne { background-position: -16px -16px }
.ui-icon-triangle-1-e { background-position: -32px -16px }
.ui-icon-triangle-1-se { background-position: -48px -16px }
.ui-icon-triangle-1-s { background-position: -65px -16px }
.ui-icon-triangle-1-sw { background-position: -80px -16px }
.ui-icon-triangle-1-w { background-position: -96px -16px }
.ui-icon-triangle-1-nw { background-position: -112px -16px }
.ui-icon-triangle-2-n-s { background-position: -128px -16px }
.ui-icon-triangle-2-e-w { background-position: -144px -16px }
.ui-icon-arrow-1-n { background-position: 0 -32px }
.ui-icon-arrow-1-ne { background-position: -16px -32px }
.ui-icon-arrow-1-e { background-position: -32px -32px }
.ui-icon-arrow-1-se { background-position: -48px -32px }
.ui-icon-arrow-1-s { background-position: -65px -32px }
.ui-icon-arrow-1-sw { background-position: -80px -32px }
.ui-icon-arrow-1-w { background-position: -96px -32px }
.ui-icon-arrow-1-nw { background-position: -112px -32px }
.ui-icon-arrow-2-n-s { background-position: -128px -32px }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px }
.ui-icon-arrow-2-e-w { background-position: -160px -32px }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px }
.ui-icon-arrowstop-1-n { background-position: -192px -32px }
.ui-icon-arrowstop-1-e { background-position: -208px -32px }
.ui-icon-arrowstop-1-s { background-position: -224px -32px }
.ui-icon-arrowstop-1-w { background-position: -240px -32px }
.ui-icon-arrowthick-1-n { background-position: 1px -48px }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px }
.ui-icon-arrowthick-1-e { background-position: -32px -48px }
.ui-icon-arrowthick-1-se { background-position: -48px -48px }
.ui-icon-arrowthick-1-s { background-position: -64px -48px }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px }
.ui-icon-arrowthick-1-w { background-position: -96px -48px }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px }
.ui-icon-arrow-4 { background-position: 0 -80px }
.ui-icon-arrow-4-diag { background-position: -16px -80px }
.ui-icon-extlink { background-position: -32px -80px }
.ui-icon-newwin { background-position: -48px -80px }
.ui-icon-refresh { background-position: -64px -80px }
.ui-icon-shuffle { background-position: -80px -80px }
.ui-icon-transfer-e-w { background-position: -96px -80px }
.ui-icon-transferthick-e-w { background-position: -112px -80px }
.ui-icon-folder-collapsed { background-position: 0 -96px }
.ui-icon-folder-open { background-position: -16px -96px }
.ui-icon-document { background-position: -32px -96px }
.ui-icon-document-b { background-position: -48px -96px }
.ui-icon-note { background-position: -64px -96px }
.ui-icon-mail-closed { background-position: -80px -96px }
.ui-icon-mail-open { background-position: -96px -96px }
.ui-icon-suitcase { background-position: -112px -96px }
.ui-icon-comment { background-position: -128px -96px }
.ui-icon-person { background-position: -144px -96px }
.ui-icon-print { background-position: -160px -96px }
.ui-icon-trash { background-position: -176px -96px }
.ui-icon-locked { background-position: -192px -96px }
.ui-icon-unlocked { background-position: -208px -96px }
.ui-icon-bookmark { background-position: -224px -96px }
.ui-icon-tag { background-position: -240px -96px }
.ui-icon-home { background-position: 0 -112px }
.ui-icon-flag { background-position: -16px -112px }
.ui-icon-calendar { background-position: -32px -112px }
.ui-icon-cart { background-position: -48px -112px }
.ui-icon-pencil { background-position: -64px -112px }
.ui-icon-clock { background-position: -80px -112px }
.ui-icon-disk { background-position: -96px -112px }
.ui-icon-calculator { background-position: -112px -112px }
.ui-icon-zoomin { background-position: -128px -112px }
.ui-icon-zoomout { background-position: -144px -112px }
.ui-icon-search { background-position: -160px -112px }
.ui-icon-wrench { background-position: -176px -112px }
.ui-icon-gear { background-position: -192px -112px }
.ui-icon-heart { background-position: -208px -112px }
.ui-icon-star { background-position: -224px -112px }
.ui-icon-link { background-position: -240px -112px }
.ui-icon-cancel { background-position: 0 -128px }
.ui-icon-plus { background-position: -16px -128px }
.ui-icon-plusthick { background-position: -32px -128px }
.ui-icon-minus { background-position: -48px -128px }
.ui-icon-minusthick { background-position: -64px -128px }
.ui-icon-close { background-position: -80px -128px }
.ui-icon-closethick { background-position: -96px -128px }
.ui-icon-key { background-position: -112px -128px }
.ui-icon-lightbulb { background-position: -128px -128px }
.ui-icon-scissors { background-position: -144px -128px }
.ui-icon-clipboard { background-position: -160px -128px }
.ui-icon-copy { background-position: -176px -128px }
.ui-icon-contact { background-position: -192px -128px }
.ui-icon-image { background-position: -208px -128px }
.ui-icon-video { background-position: -224px -128px }
.ui-icon-script { background-position: -240px -128px }
.ui-icon-alert { background-position: 0 -144px }
.ui-icon-info { background-position: -16px -144px }
.ui-icon-notice { background-position: -32px -144px }
.ui-icon-help { background-position: -48px -144px }
.ui-icon-check { background-position: -64px -144px }
.ui-icon-bullet { background-position: -80px -144px }
.ui-icon-radio-on { background-position: -96px -144px }
.ui-icon-radio-off { background-position: -112px -144px }
.ui-icon-pin-w { background-position: -128px -144px }
.ui-icon-pin-s { background-position: -144px -144px }
.ui-icon-play { background-position: 0 -160px }
.ui-icon-pause { background-position: -16px -160px }
.ui-icon-seek-next { background-position: -32px -160px }
.ui-icon-seek-prev { background-position: -48px -160px }
.ui-icon-seek-end { background-position: -64px -160px }
.ui-icon-seek-start { background-position: -80px -160px }
.ui-icon-seek-first { background-position: -80px -160px }
.ui-icon-stop { background-position: -96px -160px }
.ui-icon-eject { background-position: -112px -160px }
.ui-icon-volume-off { background-position: -128px -160px }
.ui-icon-volume-on { background-position: -144px -160px }
.ui-icon-power { background-position: 0 -176px }
.ui-icon-signal-diag { background-position: -16px -176px }
.ui-icon-signal { background-position: -32px -176px }
.ui-icon-battery-0 { background-position: -48px -176px }
.ui-icon-battery-1 { background-position: -64px -176px }
.ui-icon-battery-2 { background-position: -80px -176px }
.ui-icon-battery-3 { background-position: -96px -176px }
.ui-icon-circle-plus { background-position: 0 -192px }
.ui-icon-circle-minus { background-position: -16px -192px }
.ui-icon-circle-close { background-position: -32px -192px }
.ui-icon-circle-triangle-e { background-position: -48px -192px }
.ui-icon-circle-triangle-s { background-position: -64px -192px }
.ui-icon-circle-triangle-w { background-position: -80px -192px }
.ui-icon-circle-triangle-n { background-position: -96px -192px }
.ui-icon-circle-arrow-e { background-position: -112px -192px }
.ui-icon-circle-arrow-s { background-position: -128px -192px }
.ui-icon-circle-arrow-w { background-position: -144px -192px }
.ui-icon-circle-arrow-n { background-position: -160px -192px }
.ui-icon-circle-zoomin { background-position: -176px -192px }
.ui-icon-circle-zoomout { background-position: -192px -192px }
.ui-icon-circle-check { background-position: -208px -192px }
.ui-icon-circlesmall-plus { background-position: 0 -208px }
.ui-icon-circlesmall-minus { background-position: -16px -208px }
.ui-icon-circlesmall-close { background-position: -32px -208px }
.ui-icon-squaresmall-plus { background-position: -48px -208px }
.ui-icon-squaresmall-minus { background-position: -64px -208px }
.ui-icon-squaresmall-close { background-position: -80px -208px }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px }
.ui-icon-grip-solid-vertical { background-position: -32px -224px }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px }
.ui-icon-grip-diagonal-se { background-position: -80px -224px }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px }
.ui-widget-overlay { background: #aaa; opacity: 0.3; filter: Alpha(Opacity=30) }
.ui-widget-shadow { box-shadow: 0 0 5px #666 }/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px }
.ui-datepicker .ui-datepicker-prev { left: 2px }
.ui-datepicker .ui-datepicker-next { right: 2px }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px }
.ui-datepicker .ui-datepicker-next-hover { right: 1px }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0 }
.ui-datepicker td { border: 0; padding: 1px }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left }
.ui-datepicker.ui-datepicker-multi { width: auto }
.ui-datepicker-multi .ui-datepicker-group { float: left }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50% }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25% }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 }
.ui-datepicker-rtl { direction: rtl }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px }
.ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em }