@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.text-body { color: rgba(0, 0, 0, 0.65) !important; }

.skin { color: #FFF6E6; }

.purple { color: #9EB1D2; }

.pink { color: #EA6886 !important; }

.teal { color: #33CBCC; }

.brown { color: #735147; }

.lightbrown { color: #a19278 !important; }

.lighterbrown { color: #f8f6ec !important; }

.red { color: #E85200; }

.blue { color: #4b6cba; }

.yellow { color: #FFDA00; }

.green { color: #43A047; }

.wine { color: #D584AF; }

.orange { color: #FFB33D !important; }

.lightgreen { color: #8BC34A; }

.lightblue { color: #BDD7EE; }

.lighterblue { color: #5864DB; }

.lightestblue { color: #E5F4F9; }

.bg-orange { background-color: #FFB33D; }

.bg-lightorange { background-color: #F5CD1F; }

.bg-lightestorange { background-color: #FFF2CC; }

.bg-green { background-color: #43A047; }

.bg-blue { background-color: #4b6cba; }

.bg-pink { background-color: #EA6886; }

.bg-yellow { background-color: #FFDA00; }

.bg-green { background-color: #43A047; }

.bg-light { background-color: #f8f9fa !important; }

.bg-lightblue { background-color: #BDD7EE; }

.bg-lightestblue { background-color: #E5F4F9; }

.bg-lightestyellow { background-color: #FFFFEE; }

.bg-lighterorange { background-color: #FCCB63; }

.bg-lightgreen { background-color: #8BC34A; }

.bg-lightergreen { background-color: #6AC86E; }

.bg-lightestgreen { background-color: #E6EFB5; }

.bg-lightestteal { background-color: rgba(51, 203, 204, 0.25); }

.bg-lightestpink { background-color: #f9eaf1; }

.bg-light2 { background-color: #FBFAF1; }

.bg-lightbrown { background-color: #a19278; }

.bg-lighterbrown { background-color: #f8f6ec; }

.bg-brown { background-color: #735147; }

.bg-transgreen { background-color: rgba(67, 160, 71, 0.9); }

.bg-transwhite { background-color: rgba(255, 255, 255, 0.9); }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.delay-200 { animation-delay: 0.2s; }

.delay-300 { animation-delay: 0.3s; }

.delay-400 { animation-delay: 0.4s; }

.delay-500 { animation-delay: 0.5s; }

.delay-600 { animation-delay: 0.6s; }

.delay-700 { animation-delay: 0.7s; }

.delay-800 { animation-delay: 0.8s; }

.delay-900 { animation-delay: 0.9s; }

.delay-1000 { animation-delay: 1s; }

.delay-2000 { animation-delay: 2s; }

.delay-3000 { animation-delay: 3s; }

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

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.fadeIn { animation-name: fadeIn; -moz-animation-name: fadeIn; -webkit-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
/*fadein*/
.fadeInDown { -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; visibility: visible !important; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
/*bounce in*/
.bounceIn { opacity: 0; animation-name: bounceIn; animation-duration: 450ms; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.5s; }

@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3) translate3d(0, 0, 0); }
  50% { opacity: 0.9; transform: scale(1.1); }
  80% { opacity: 1; transform: scale(0.89); }
  100% { opacity: 1; transform: scale(1) translate3d(0, 0, 0); } }
/*fade in left*/
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; visibility: visible !important; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; visibility: visible !important; animation-delay: 0.4s; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes bounceInUp { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounce { from,
  20%,
  53%,
  80%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { from,
  20%,
  53%,
  80%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes shake { from,
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } }
@keyframes shake { from,
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

::-moz-selection, ::selection { background: #343a40; color: #fff; }

html { /*コピー防止*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

body { color: rgba(0, 0, 0, 0.65); ine-height: 1.6; letter-spacing: 0.1em; font-family: -apple-system, BlinkMacSystemFont, Century Gothic, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; white-space: normal; word-break: break-all; font-feature-settings: "palt"; -webkit-touch-callout: none; -webkit-user-select: none; }

h1, h2, h3, h4, h5, h6 { line-height: 1.6; color: #212529; }

p, li, dt, dd, th, td, captuion, figcaption, small { color: rgba(0, 0, 0, 0.65); }

body button:focus, body a { outline: none; -webkit-tap-highlight-color: transparent; }

input, textarea, select { outline: none; }

.gmap { min-height: 320px; }

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

.rounded-xl { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; border-radius: 1rem; }

.copyright { font-size: 10px; letter-spacing: normal; }

.bold { font-weight: bold; }

.font_s { font-size: 80%; }

a { color: #4b6cba; }

a:hover { color: #4b6cba; text-decoration: underline; }
a:hover img { opacity: 0.75; filter: alpha(opacity=75); }

a.mybtn { font-weight: bold; text-align: center; display: inline-block; color: #fff; background: #FFB33D; -webkit-border-radius: 5rem; -moz-border-radius: 5rem; -ms-border-radius: 5rem; border-radius: 5rem; text-decoration: none; padding: .5rem 1rem; }
a.mybtn:hover, a.mybtn:focus, a.mybtn:active { background: #FCCB63; }

a.mybtn2 { font-weight: bold; text-align: center; display: inline-block; color: #fff; background: #F5CD1F; -webkit-border-radius: 5rem; -moz-border-radius: 5rem; -ms-border-radius: 5rem; border-radius: 5rem; text-decoration: none; padding: .5rem 1rem; }
a.mybtn2:hover, a.mybtn2:focus, a.mybtn2:active { background: #FCCB63; }

a.mybtn3 { font-weight: bold; text-align: center; display: inline-block; color: #FFB33D; background: #FFF2CC; border: 5px solid #FFB33D; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -ms-border-radius: 0.5rem; border-radius: 0.5rem; text-decoration: none; padding: 1.1rem 0; width: 100%; max-width: 300px; }
a.mybtn3:hover, a.mybtn3:focus, a.mybtn3:active { opacity: 0.75; filter: alpha(opacity=75); }

a.mybtn4 { font-weight: bold; text-align: center; display: inline-block; color: #fff; background: #F5CD1F; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -ms-border-radius: 0.5rem; border-radius: 0.5rem; text-decoration: none; padding: 1.1rem 0; width: 100%; max-width: 300px; }
a.mybtn4:hover, a.mybtn4:focus, a.mybtn4:active { background: #FCCB63; }

a.mybtn5 { text-align: center; display: inline-block; border: 1px solid #ddd; color: rgba(0, 0, 0, 0.65); background: url("../images/arrow-right-circle-fill.svg") right 1rem center/1.5rem no-repeat #fff; -webkit-border-radius: 50rem; -moz-border-radius: 50rem; -ms-border-radius: 50rem; border-radius: 50rem; text-decoration: none; padding: 1.1rem 0; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); -ms-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
a.mybtn5:hover, a.mybtn5:focus, a.mybtn5:active { background-color: #f9eaf1; }

a.nav-link { color: rgba(0, 0, 0, 0.65); font-weight: bold; display: block; padding: 1rem 0rem 0rem 1rem; height: 100%; position: relative; }
.gnav a.nav-link { font-size: .9rem; }
.gnav a.nav-link::before { position: absolute; top: 25%; left: 0px; width: 1px; height: 50%; content: ''; background: #eee; }
a.nav-link span { font-size: .7rem; display: block; font-weight: normal; color: #EA6886; }
.gnav a.nav-link:hover, .gnav a.nav-link:focus { color: #212529; background: #FBFAF1; }
.gnav a.nav-link:hover span, .gnav a.nav-link:focus span { color: #EA6886; }

.bg-gradient { background: linear-gradient(transparent 70%, #ffe598 0%); }

.dropdown-menu a.dropdown-item { color: rgba(0, 0, 0, 0.65); }
.dropdown-menu a.dropdown-item:hover, .dropdown-menu a.dropdown-item:focus, .dropdown-menu a.dropdown-item:active { color: rgba(0, 0, 0, 0.65); background-color: #FBFAF1; }

.dropdown.show .dropdown-toggle::after { -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); }

footer .footer_nav li a.nav-link { padding: 1rem 0rem; font-weight: bold; color: #fff; }
footer .footer_nav li a.nav-link span { display: none; }

.modal_close_btn { animation: modal_close_btn 0.6s; }

@keyframes modal_close_btn { 0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); }
  100% { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } }
#menu_modal { position: fixed; top: 0px; left: 0; height: 100%; width: 100%; z-index: 1039; overflow-y: auto; overflow-x: auto; }
#menu_modal a.nav-link { padding: 0 0 1rem !important; color: rgba(0, 0, 0, 0.65); }
#menu_modal a.nav-link:hover, #menu_modal a.nav-link:focus { background: transparent; }
#menu_modal .dropdown.show .dropdown-toggle { padding-bottom: 0 !important; }

#menu_modal .dropdown-menu.show { position: static !important; float: none !important; top: auto !important; left: auto !important; transform: none !important; display: inline-block; box-shadow: none !important; padding: 0 0 1rem !important; background: transparent !important; }
#menu_modal .dropdown-menu.show a.dropdown-item { padding-left: 0; padding-right: 0; color: rgba(0, 0, 0, 0.65); }
#menu_modal .dropdown-menu.show a.dropdown-item:hover, #menu_modal .dropdown-menu.show a.dropdown-item:focus { background: transparent !important; color: rgba(0, 0, 0, 0.65); }

.pageup_btn { position: fixed; right: 1rem; bottom: 1rem; z-index: 100; display: none; }

.is_outofheader .header_btns { position: fixed; top: .5rem; right: 1rem; z-index: 100; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; -ms-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
.is_outofheader .pageup_btn { display: block; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; -ms-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

table.table.timetable tr:last-child td { padding-bottom: 1rem; }
table.table.timetable tr:first-child td { padding-top: 1rem; }
table.table.timetable th, table.table.timetable td { vertical-align: middle; padding-left: .25rem; padding-right: .25rem; }

table.recruittable th { text-align: center; vertical-align: middle; }
table.recruittable td { text-align: center; background: #FFF; vertical-align: middle; width: 33.3%; }
table.recruittable .fulltime { background: #f8e3e8; }
table.recruittable .part { background: #e9eefb; }
table.recruittable .tit { background: #4b6cba; color: #FFF; }
table.recruittable .tit span { font-weight: normal; }

table.recruit { border-collapse: collapse; /* セルの線を重ねる */ }
table.recruit th { background-color: #1a3875; color: #ffffff; width: 20%; }
table.recruit th, table.recruit td { border: solid 1px; padding: 1rem; }
table.recruit ul.mgt { margin-top: 1rem; }

.recruit_ttl { background-color: #1a3875; color: #ffffff; width: 100%; text-align: center; font-size: 2rem; margin-bottom: 2rem; }

.recruit_h2 { font-size: 2rem; margin: 2rem 0; padding-left: 6rem; border-bottom: 5px dotted #43A047; display: inline-block; background: url(../images/logo_symbol.svg) center left/contain no-repeat; }

.sub { font-size: 1.5rem; font-weight: bold; color: #EA6886; }

.recruit_job_ul { -webkit-justify-content: space-around; justify-content: space-around; padding: 60px 0; list-style: none; width: 1025px; }

.recruit_job_ul li { width: 200px; margin-right: 50px; margin-bottom: 35px; float: left; }

.recruit_job_ul li:nth-child(5), .recruit_job_ul li:nth-child(10) { margin-right: 0px; }

/* 募集職種のボタン */
.btn_pink { margin: 0 auto; color: #fff; text-decoration: none; text-align: center; position: relative; z-index: 10; display: block; width: 200px; height: 200px; /*line-height: 220px;*/ perspective: 300px; -webkit-perspective: 300px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; font-weight: bold; text-shadow: 2px 2px 1px #666; font-size: 150%; }

.btn_pink span { text-align: center; display: block; width: 200px; position: absolute; top: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: all .8s ease; -webkit-transition: all .8s ease; box-sizing: border-box; }

.btn_pink .front { width: 200px; height: 200px; text-indent: 120%; white-space: nowrap; overflow: hidden; }

.btn_pink .back { display: block; width: 200px; height: 200px; text-indent: 120%; white-space: nowrap; overflow: hidden; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }

.btn_pink:hover .front { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }

.btn_pink:hover .back { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); }

.btn_pink.job01 .front { background: url(../images/img_job01_off.png) no-repeat center center/contain !important; }

.btn_pink.job01 .back { background: url(../images/img_job01_on.png) no-repeat center center/contain !important; }

.btn_pink.job02 .front { background: url(../images/img_job02_off.png) no-repeat center center/contain !important; }

.btn_pink.job02 .back { background: url(../images/img_job02_on.png) no-repeat center center/contain !important; }

.btn_pink.job03 .front { background: url(../images/img_job03_off.png) no-repeat center center/contain !important; }

.btn_pink.job03 .back { background: url(../images/img_job03_on.png) no-repeat center center/contain !important; }

.clearboth { clear: both; }

.pc_none { display: none; }

.nolink { pointer-events: none; }

 /* .sp_none { display: block; }
*/
.index h1 { left: 0 !important; right: 0 !important; text-align: center; font-size: 1.5rem; text-shadow: 0px 1px 20px #533418,1px 1px 20px #533418, 1px 0px 20px #533418, 1px -1px 20px #533418,0px -1px 20px #533418,-1px -1px 20px #533418, -1px 0px 20px #533418, -1px 1px 20px #533418; }

h2 { text-align: center; font-size: 3rem; margin-bottom: 2rem; padding-left: 6rem; border-bottom: 5px dotted #43A047; display: inline-block; background: url("../images/logo_symbol.svg") center left/contain no-repeat; }

.index h3 { font-size: 1.75rem; margin-bottom: 1rem; color: #EA6886; font-weight: bold; border-bottom: 1px solid #ccc; }

.index h4 { font-size: 1.2rem; font-weight: bold; }

.kv1 { background: url("../images/kv1.jpg") center center/cover no-repeat; }

.season_visual { padding-bottom: 55%; position: relative; }

.season_visual.summer { background: url("../images/summer.png") center center/cover no-repeat; }

.season_visual.autumn { background: url("../images/autumn.png") center center/cover no-repeat; }

.season_visual.winter { background: url("../images/winter.png") center center/cover no-repeat; }

.season_visual.spring { background: url("../images/spring.png") center center/cover no-repeat; }

.city_visual p, .season_visual p { position: absolute; top: 2rem; width: 100%; font-size: 1.75rem; }

.index_news_thumb img { width: 150px; height: auto; }

.index_treatment { background: url("../images/index10.jpg") center top/cover no-repeat; }

.city_visual { background: url("../images/city_visual.png") center center/cover no-repeat; padding-bottom: 39%; }

.type_wrapper .type_frame a { width: auto; text-decoration: none; }

.type_wrapper .type_frame a:hover { opacity: 0.8; }

.type_wrapper .type_frame a .type_box { width: 100%; height: 100px; margin: 0 auto 1rem; padding: 0 0 0 20px; border: 2px solid #FFB33D; background-color: #fff; color: rgba(0, 0, 0, 0.65); font-size: 1.2rem; border-radius: 20px 0 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; background-repeat: no-repeat; background-position: right 20px center; background-size: auto; }

.type_wrapper .type_frame a .type_box span { margin: 0; white-space: nowrap; }

.type_wrapper .type_frame a .type_box.box_01 { background-image: url("../images/symptom_01.png"); }

.type_wrapper .type_frame a .type_box.box_02 { background-image: url("../images/symptom_02.png"); background-position: right 10px center; }

.type_wrapper .type_frame a .type_box.box_03 { background-image: url("../images/symptom_03.png"); }

.type_wrapper .type_frame a .type_box.box_04 { background-image: url("../images/symptom_04.png"); background-position: right 5px center; }

.type_wrapper .type_frame a .type_box.box_05 { background-image: url("../images/symptom_05.png"); }

.type_wrapper .type_frame a .type_box.box_06 { background-image: url("../images/symptom_06.png"); background-position: right 20px center; }

.type_wrapper .type_frame a .type_box.box_07 { background-image: url("../images/symptom_07.png"); }

.type_wrapper .type_frame a .type_box.box_08 { background-image: url("../images/symptom_08.png"); }

.type_wrapper .type_frame a .type_box.box_09 { background-image: url("../images/symptom_09.png"); }

.type_wrapper .type_frame a .type_box.box_10 { background-image: url("../images/symptom_10.png"); }

.type_wrapper .type_frame a .type_box.box_11 { background-image: url("../images/symptom_11.png"); }

.type_wrapper .type_frame a .type_box.box_12 { background-image: url("../images/symptom_12.png"); background-position: right 20px center; }

.type_wrapper .type_frame a .type_box.box_13 { background-image: url("../images/symptom_13.png"); background-position: right 20px center; }

.type_wrapper .type_frame a .type_box.box_14 { background-image: url("../images/symptom_14.png"); background-size: auto; }

.type_wrapper .type_frame a .type_box.box_15 { background-image: url("../images/symptom_15.png"); }

/*クレジットカード*/
ul.cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; /* 子要素をflexboxにより中央に配置する */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* 子要素をflexboxにより中央に配置する */ }

ul.cards li { margin-right: 3.5%; margin-bottom: 3%; width: 13%; vertical-align: baseline; text-align: center; }

ul.cards li img { max-width: 100%; }

ul.icon_cashless { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 auto; width: 100%; padding: 1% 0 1% 1%; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; /* 子要素をflexboxにより中央に配置する */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* 子要素をflexboxにより中央に配置する */ border-radius: 10px; }

ul.icon_cashless li { margin-right: 1%; margin-bottom: 1%; width: 10%; vertical-align: baseline; text-align: center; }

@media (min-width: 768px) { ul.icon_cashless li { margin-right: 1%; width: 6%; } }
ul.icon_cashless li img { max-width: 100%; }

.border_lightblue { border: 20px solid #BDD7EE; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

.border_orange { border: 20px solid #FFB33D; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; }

.title1 { font-size: 2rem; margin-bottom: 2rem; }
.title1 span { display: inline-block; border-bottom: 4px solid #1269A1; position: relative; }
.title1 span::before { position: absolute; left: 0; bottom: -4px; content: ''; background: #E85200; width: 4rem; height: 4px; display: inline-block; }

.twotone-border { position: relative; padding: 1.5em; border-radius: 20px; }
.twotone-border::before { content: ""; position: absolute; inset: 0; border-top: 1.4em solid #BDD7EE; border-left: 1.4em solid #BDD7EE; border-right: 1.4em solid #FFB33D; border-bottom: 1.4em solid #FFB33D; border-radius: inherit; }
.twotone-border h3 + p { text-align: left !important; }
.twotone-border h3 + p br { display: none; }
@media (min-width: 768px) { .twotone-border h3 + p { text-align: center !important; font-size: 1.2rem; }
  .twotone-border h3 + p br { display: block; } }
.twotone-border .borderwhite-left { position: relative; }
@media (min-width: 768px) { .twotone-border .borderwhite-left::after { content: ""; position: absolute; bottom: -24px; right: 4px; width: 4px; height: 35px; background: linear-gradient(289deg, #ffffff 16px, transparent 10px); transform: rotate(44deg); } }
.twotone-border .borderwhite-right { position: absolute; top: 0; right: 0; }
@media (min-width: 768px) { .twotone-border .borderwhite-right::after { content: ""; position: absolute; top: 2px; right: 12px; width: 4px; height: 26px; background: linear-gradient(289deg, #ffffff 16px, transparent 10px); transform: rotate(49deg); } }

.feature-circles { width: 100%; display: grid; row-gap: 3em; justify-self: center; margin-block: 1.5rem; }
@media (min-width: 768px) { .feature-circles { grid-template-columns: 1fr 1fr; margin-block: 2.5rem; } }
.feature-circles .circle { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.feature-circles .circle.-center-circle { grid-column: 1 / -1; justify-self: center; }
.feature-circles .circle p { margin: initial; font-size: 1.25rem; }
@media (max-width: 767.98px) { .feature-circles .circle .order-1 { order: 1; }
  .feature-circles .circle .order-2 { order: 2; }
  .feature-circles .circle .order-3 { order: 3; }
  .feature-circles .circle .order-4 { order: 4; }
  .feature-circles .circle .order-5 { order: 5; } }

@media (max-width: 991.98px) { header .logo { width: 100%; max-width: 100%; }
  .kv { padding-top: 50%; } }
@media (max-width: 767.98px) { html { font-size: 14px; }
  body { padding-bottom: 46px; }
  .index h1 { font-size: 1.25rem; }
  h2 { font-size: 1.5rem; padding-left: 3rem; }
  .index h3 { font-size: 1.25rem; }
  .index h4 { font-size: 1rem; }
  .title1 { font-size: 1.5rem; }
  .title1 span::before { width: 3rem; }
  .city_visual p { top: 1rem; font-size: .9rem; font-weight: bold; }
  .season_visual p { top: -1rem; font-size: .9rem; font-weight: bold; }
  table.table.timetable th, table.table.timetable td { padding-bottom: .25rem; }
  table.table_break th { display: block; }
  .overview table.table_break th { padding-bottom: 0; }
  table.table_break td { display: block; padding-top: 0; border-top: none; }
  table.table_text_small th, table.table_text_small td { font-size: 0.8rem !important; }
  footer a.nav-link { padding: 1rem; border-top: 1px solid #ccc; }
  footer ul li:first-child a.nav-link { border: none; }
  footer .dropdown-menu.show { position: static !important; float: none !important; top: auto !important; left: auto !important; transform: none !important; display: inline-block; box-shadow: none !important; padding: 0 0 1rem !important; background: transparent !important; }
  footer .dropdown-menu.show a.dropdown-item { padding: 0rem 1rem .5rem; text-align: left; color: #fff; font-weight: bold; }
  footer .dropdown-menu.show a.dropdown-item:hover, footer .dropdown-menu.show a.dropdown-item:focus { background: transparent !important; color: #fff; }
  .type_wrapper .type_frame a .type_box { height: 8rem; margin: 0 0 1rem 0; padding: 0; border-radius: 2rem 0 2rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-repeat: no-repeat; background-position: top 1rem center; background-size: 2.5rem auto; }
  .type_wrapper .type_frame a .type_box span { margin: 3rem 0 0 0; }
  .type_wrapper .type_frame a .type_box.box_01 { background-image: url("../images/symptom_01.png"); }
  .type_wrapper .type_frame a .type_box.box_02 { background-image: url("../images/symptom_02.png"); background-position: top 2rem center; }
  .type_wrapper .type_frame a .type_box.box_03 { background-image: url("../images/symptom_03.png"); }
  .type_wrapper .type_frame a .type_box.box_04 { background-image: url("../images/symptom_04.png"); background-position: top 2rem center; }
  .type_wrapper .type_frame a .type_box.box_05 { background-image: url("../images/symptom_05.png"); }
  .type_wrapper .type_frame a .type_box.box_06 { background-image: url("../images/symptom_06.png"); background-position: top 1.6rem center; }
  .type_wrapper .type_frame a .type_box.box_07 { background-image: url("../images/symptom_07.png"); }
  .type_wrapper .type_frame a .type_box.box_08 { background-image: url("../images/symptom_08.png"); }
  .type_wrapper .type_frame a .type_box.box_09 { background-image: url("../images/symptom_09.png"); }
  .type_wrapper .type_frame a .type_box.box_10 { background-image: url("../images/symptom_10.png"); }
  .type_wrapper .type_frame a .type_box.box_11 { background-image: url("../images/symptom_11.png"); }
  .type_wrapper .type_frame a .type_box.box_12 { background-image: url("../images/symptom_12.png"); background-position: top 1rem center; }
  .type_wrapper .type_frame a .type_box.box_13 { background-image: url("../images/symptom_13.png"); background-position: top 2rem center; }
  .type_wrapper .type_frame a .type_box.box_14 { background-image: url("../images/symptom_14.png"); background-size: 14%; }
  .type_wrapper .type_frame a .type_box.box_15 { background-image: url("../images/symptom_15.png"); }
  .pageup_btn { bottom: 7rem; }
  .recruit_ttl { width: 100%; font-size: 1.5rem; margin-bottom: 1rem; }
  .recruit_h2 { font-size: 1.5rem; line-height: 1.2; }
  .sub { font-size: 1.3rem; }
  .recruit_job { margin: 10% 3% 0; clear: both; }
  .recruit_job_ul_sp { padding-left: 0 !important; list-style: none; width: 100%; }
  .recruit_job_ul_sp li { width: 100%; margin-bottom: 10%; }
  .recruit_job_ul_sp li:nth-child(even) { margin-right: 0px; }
  .recruit_job_ul_sp li img { width: 100%; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
  .recruit_job_ul_sp li a img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
  .pc_none { display: block; }
  .sp_none { display: none; } }
@media (min-width: 1200px) { .gnav a.nav-link { font-size: 1.2rem; } }

/*# sourceMappingURL=common.css.map */