@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
*, *::before, *::after { box-sizing: border-box; }

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }

ul[role="list"], ol[role="list"] { list-style: none; }

html:focus-within { scroll-behavior: smooth; }

body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; }

a:not([class]) { text-decoration-skip-ink: auto; }

img, picture { max-width: 100%; display: block; }

input, button, textarea, select { font: inherit; }

@media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
.en { font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.075em; }

.sp { display: none; }

.pc { display: block; }

@media screen and (max-width: 768px) { .pc { display: none !important; }
  .sp { display: block !important; } }
html { font-size: 62.5%; }

body { color: #633A1E; font-family: "Zen Kaku Gothic New", sans-serif; font-size: 1.6rem; line-height: 1.5; overflow-x: hidden; position: relative; transition: 0.3s ease-in-out; background-color: #fffaf4; }

.inner { max-width: 1200px; width: 100%; margin: 0 auto; }
@media screen and (max-width: 768px) { .inner { padding: 0 4%; } }

.itemArea { display: flex; }

.enTtl { font-size: 15px; font-weight: 700; font-family: 'Oswald', sans-serif; text-align: center; display: flex; align-items: center; margin: 0 auto 5px; }
.enTtl:before, .enTtl:after { border-top: 1px solid; content: ""; flex-grow: 1; }
.enTtl:before { margin-right: 0.5rem; }
.enTtl:after { margin-left: 0.5rem; }

.secTtl { font-size: 28px; font-weight: 700; text-align: center; }

.flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; }
@media screen and (max-width: 768px) { .flex { flex-direction: column; } }

.reverse { flex-direction: row-reverse; }

a { text-decoration: none; transition: .3s; }
a:hover { opacity: .7; }

header { display: flex; align-items: center; justify-content: center; height: 90px; background-color: #fff; }
header a { display: block; margin: 0 20px; pointer-events: none; }
@media screen and (max-width: 768px) { header { height: 80px; }
  header a { margin: 0 15px; } }

#mv { text-align: center; height: 704px; background: url(../img/bg_mv.jpg) no-repeat center center/cover; position: relative; }
#mv img { max-width: inherit; width: 1250px; height: 700px; object-fit: cover; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
@media screen and (max-width: 768px) { #mv { height: 175.467vw; background: url(../img/bg_mv_sp.jpg) no-repeat center center/cover; }
  #mv img { width: 100vw; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } }

.cv { height: 270px; background: url(../img/bg_cv.jpg) no-repeat center center/cover; }
.cv .inner { display: flex; align-items: center; justify-self: center; height: 270px; }
.cv .inner .item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 590px; height: 194px; text-align: center; margin: 0 10px; background-color: #F4EADF; border-radius: 10px; }
.cv .inner .item .ttl { font-size: 2.9rem; font-weight: 700; line-height: 1.5; margin: 5px 0 10px; }
.cv .inner .item .btn { display: flex; align-items: center; justify-content: center; width: 380px; height: 50px; color: #fff; font-size: 2rem; font-weight: bold; letter-spacing: 0.1em; border: 2px #B25645 solid; background-color: #B25645; border-radius: 37px; position: relative; transition: 0.3s; margin: 0 auto; }
.cv .inner .item .btn:before, .cv .inner .item .btn:after { content: ""; position: absolute; transition: 0.3s; }
.cv .inner .item .btn:before { box-sizing: border-box; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; top: 50%; right: 20px; transform: translateY(-50%); }
.cv .inner .item .btn:after { width: 6px; height: 6px; border-top: 2px solid #B25645; border-right: 2px solid #B25645; top: 50%; right: 28px; transform: translateY(-50%) rotate(45deg); }
.cv .inner .item .btn:hover { opacity: 1 !important; color: #B25645; text-decoration: none; background-color: #fff; }
.cv .inner .item .btn:hover:before { background-color: #B25645; }
.cv .inner .item .btn:hover:after { border-top: 2px solid #fff; border-right: 2px solid #fff; }
@media screen and (max-width: 768px) { .cv .inner .item .btn { font-size: 14px; width: 80vw; } }
.cv .inner .item.request { position: relative; }
.cv .inner .item.request:before { content: ""; display: block; width: 214px; height: 169px; position: absolute; top: -30px; right: -55px; background: url(../img/request.png) no-repeat center center/cover; }
@media screen and (max-width: 768px) { .cv .inner .item.request:before { display: none; } }
@media screen and (max-width: 768px) { .cv { height: 142.133vw; background: url(../img/bg_cv_sp.jpg) no-repeat center center/cover; }
  .cv .inner { flex-direction: column; justify-content: center; height: 142.133vw; }
  .cv .inner .item { width: 100%; height: 59.2vw; margin: 0 auto; border-radius: 2.667vw; }
  .cv .inner .item .ttl { font-size: 5.867vw; margin: 3px 0 10px; }
  .cv .inner .item img { width: 67.2vw; height: 9.067vw; }
  .cv .inner .item .btn { width: 74.4vw; font-size: 4.533vw; }
  .cv .inner .item .btn:before { right: 12px; }
  .cv .inner .item .btn:after { right: 19px; }
  .cv .inner .item + .item { margin-top: 20px; } }

.noteArea { padding: 40px 0; background-color: #F4EADF; }
.noteArea .box { width: 1000px; margin: 0 auto; padding: 45px 50px; background-color: #FFFAF4; }
.noteArea .box h2 { font-size: 1.6rem; margin-bottom: 10px; }
.noteArea .box h3, .noteArea .box p, .noteArea .box li { font-size: 1.3rem; font-weight: 400; }
.noteArea .box ul { margin: 0; padding: 0; }
.noteArea .box ul li { list-style: none; }
.noteArea .box ul + h2 { margin-top: 20px; }
@media screen and (max-width: 768px) { .noteArea { padding: 0; }
  .noteArea .box { width: 100%; padding: 40px 4%; }
  .noteArea .box h2 { font-size: 4.267vw; margin-bottom: 10px; }
  .noteArea .box h3, .noteArea .box p, .noteArea .box li { font-size: 3.467vw; }
  .noteArea .box ul + h2 { margin-top: 20px; } }

#sec01 { padding-top: 20px; padding-bottom: 100px; }
@media screen and (max-width: 768px) { #sec01 { padding-bottom: 0; background-color: #F4EADF; } }
#sec01 > .ttlArea { width: 700px; text-align: center; padding: 60px 0 60px; margin: 0 auto; position: relative; }
#sec01 > .ttlArea .ttl { font-size: 4rem; }
@media screen and (max-width: 768px) { #sec01 > .ttlArea { width: 100%; padding: 20px 4% 60px; }
  #sec01 > .ttlArea .ttl { font-size: 8.533vw; }
  #sec01 > .ttlArea:before, #sec01 > .ttlArea:after { width: 22.133vw; height: 17.867vw; } }
#sec01 .itemArea { display: flex; flex-wrap: wrap; justify-content: center; }
#sec01 .itemArea h4 { width: 100%; font-size: 2rem; text-align: center; margin-bottom: 20px; }
#sec01 .itemArea .item { width: 839px; text-align: center; padding-top: 15px; background-color: #fff; outline: 2px #B25645 solid; outline-offset: -2px; border-radius: 10px; box-shadow: 0 3px 6px #ccc; }
#sec01 .itemArea .item .ttl { max-width: 255px; width: 100%; height: 26px; color: #fff; font-weight: 700; text-align: center; line-height: 26px; border-radius: 13px; background-color: #B25645; margin: 0 auto 13px; }
#sec01 .itemArea .item .txt { font-size: clamp(1.8rem, 1.8vw, 2.4rem); font-weight: 700; line-height: 1.4; margin-bottom: 13px; }
#sec01 .itemArea .item .txt span { font-size: clamp(1.6rem, 1.6vw, 2rem); }
#sec01 .itemArea .item .txt em { font-size: clamp(2rem, 2vw, 3rem); font-weight: 400; font-style: normal; }
#sec01 .itemArea .item img { border-radius: 0 0 10px 10px; }
#sec01 .itemArea .item + .sub { width: 100%; font-size: 14px; text-align: left; margin-top: 5px; }
@media screen and (max-width: 768px) { #sec01 .itemArea .item + .sub { font-size: 12px; } }
@media screen and (max-width: 768px) { #sec01 .itemArea { display: block; }
  #sec01 .itemArea h4 { width: 100%; font-size: 1.6rem; margin-bottom: 20px; }
  #sec01 .itemArea .item { width: 100%; padding-top: 15px; }
  #sec01 .itemArea .item .ttl { margin: 0 auto 13px; }
  #sec01 .itemArea .item .txt { font-size: clamp(1.8rem, 1.8vw, 2.4rem); margin-bottom: 13px; }
  #sec01 .itemArea .item .txt span { font-size: clamp(1.6rem, 1.6vw, 2rem); }
  #sec01 .itemArea .item .txt em { font-size: clamp(2rem, 2vw, 3rem); } }
#sec01 .area { position: relative; }
#sec01 .area .bg { width: 37%; min-height: 936px; }
#sec01 .area .txtArea { width: 66%; position: absolute; right: 0; top: 22px; }
#sec01 .area .txtArea .itemArea { margin-left: 140px; }
#sec01 .area .txtArea .itemArea .item .txt sup { font-size: 10px; }
#sec01 .area .txtArea .ttlArea { display: flex; align-items: center; height: 160px; margin-bottom: 20px; background-color: #F4EADF; border-radius: 80px 0 0 80px; }
#sec01 .area .txtArea .ttlArea .ttl { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 160px; height: 160px; text-align: center; background-color: #fff; border-radius: 50%; }
#sec01 .area .txtArea .ttlArea .ttl h3 { font-size: 4rem; }
#sec01 .area .txtArea .ttlArea .ttl .en { font-size: 2rem; }
#sec01 .area .txtArea .ttlArea .txt { width: calc(90% - 220px); line-height: 1.8; margin-left: 60px; }
#sec01 .area.iki { margin-bottom: 170px; }
#sec01 .area.iki .bg { margin-right: auto; background: url(../img/bg_sec01_01.png) no-repeat right center/cover; }
#sec01 .area.iki .txtArea .ttlArea .ttl { background-color: #F08B8B; }
#sec01 .area.iki .txtArea .itemArea .item + .item { margin-top: 30px; position: relative; }
#sec01 .area.iki .txtArea .itemArea .item + .item:before { display: block; content: "or"; width: 55px; height: 55px; color: #fff; font-size: 2.2rem; font-family: 'Inter', sans-serif; text-align: center; line-height: 55px; border-radius: 50%; background-color: #633A1E; position: absolute; left: 50%; top: -48px; transform: translateX(-50%); }
#sec01 .area.iki .txtArea .itemArea .item + .item .sub { position: absolute; bottom: -25px; }
#sec01 .area.Kokoro { position: relative; }
#sec01 .area.Kokoro .bg { margin-left: auto; background: url(../img/bg_sec01_02.png) no-repeat left center/cover; }
#sec01 .area.Kokoro .txtArea { right: auto; left: 0; }
#sec01 .area.Kokoro .txtArea .itemArea { margin-right: 140px; }
#sec01 .area.Kokoro .txtArea .ttlArea { flex-direction: row-reverse; border-radius: 0 80px 80px 0; }
#sec01 .area.Kokoro .txtArea .ttlArea .txt { width: calc(90% - 220px); line-height: 1.8; margin-right: 60px; }
#sec01 .area.Kokoro .txtArea .ttlArea .ttl { background-color: #D0DBD0; }
#sec01 .area.Kokoro .txtArea .itemArea { max-width: 970px; }
#sec01 .area.Kokoro .txtArea .itemArea .item { display: flex; flex-direction: column; justify-content: space-between; width: calc(49% - 15px); }
#sec01 .area.Kokoro .txtArea .itemArea .item img { width: 100%; }
#sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(2) { margin-right: 30px; }
#sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(2) .txt { font-size: 2rem; }
#sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(2) .txt span { font-size: 1.6rem; }
#sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(3) .txt { margin-top: 15px; }
#sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(4) { width: 82%; margin-top: 30px; position: relative; }
#sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(4):before { display: block; content: "or"; width: 55px; height: 55px; color: #fff; font-size: 2.2rem; font-family: 'Inter', sans-serif; text-align: center; line-height: 55px; border-radius: 50%; background-color: #633A1E; position: absolute; left: 50%; top: -48px; transform: translateX(-50%); }
#sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(4) .sub { position: absolute; bottom: -25px; }
@media screen and (max-width: 768px) { #sec01 .area .bg { width: 100%; min-height: auto; }
  #sec01 .area .txtArea { width: 100%; position: relative; right: auto; top: auto; }
  #sec01 .area .txtArea .itemArea { margin-left: 0; padding: 0 4%; }
  #sec01 .area .txtArea .ttlArea { display: block; height: auto; margin-bottom: 80px; background-color: inherit; border-radius: 0; padding-top: 40vw; }
  #sec01 .area .txtArea .ttlArea .ttl { width: 100px; height: 100px; margin: 0 auto 35px; }
  #sec01 .area .txtArea .ttlArea .ttl h3 { font-size: 3.2rem; }
  #sec01 .area .txtArea .ttlArea .ttl .en { font-size: 1.4rem; }
  #sec01 .area .txtArea .ttlArea .txt { width: 74%; margin: 0 auto; }
  #sec01 .area.iki { margin-bottom: 80px; }
  #sec01 .area.iki .bg { margin-right: auto; background: url(../img/bg_sec01_01_sp.png) no-repeat center top/contain; }
  #sec01 .area.iki .txtArea .itemArea .item + .item { margin-top: 20px; }
  #sec01 .area.iki .txtArea .itemArea .item + .item:before { width: 45px; height: 45px; font-size: 2.2rem; line-height: 45px; top: -38px; }
  #sec01 .area.Kokoro:before { display: none; }
  #sec01 .area.Kokoro .bg { margin-left: auto; background: url(../img/bg_sec01_02_sp.png) no-repeat center top/contain; }
  #sec01 .area.Kokoro .txtArea { right: auto; left: auto; }
  #sec01 .area.Kokoro .txtArea .itemArea { margin-right: auto; }
  #sec01 .area.Kokoro .txtArea .ttlArea { flex-direction: row-reverse; border-radius: 0; position: relative; }
  #sec01 .area.Kokoro .txtArea .ttlArea .txt { width: 74%; margin: 0 auto; }
  #sec01 .area.Kokoro .txtArea .itemArea .item { display: block; width: 100%; }
  #sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(2) { margin-right: 0; }
  #sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(3) { margin-top: 20px; position: relative; }
  #sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(3) .txt { margin-top: 25px; }
  #sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(4) { width: 100%; margin-top: 20px; }
  #sec01 .area.Kokoro .txtArea .itemArea .item:nth-child(4):before { width: 45px; height: 45px; font-size: 2.2rem; line-height: 45px; top: -38px; } }
#sec01 .news { max-width: 1200px; width: 100%; margin: 180px auto 0; }

#sec02 { padding: 25px 0 60px; background: url(../img/bg_sec02.png) no-repeat center top; background-color: #F4EADF; }
#sec02 .topArea { display: flex; justify-content: center; background: url(../img/bg_sec02_01.png) no-repeat center bottom; }
#sec02 .topArea .ttlArea { width: 529px; height: 406px; padding: 156px 0 0 95px; background: url(../img/bg_sec02_ttl.png) no-repeat center center/cover; }
#sec02 .topArea .ttlArea .ttl { font-size: 4rem; }
#sec02 .topArea .ttlArea .en { font-size: 2rem; }
#sec02 .topArea .txtArea { margin-top: 290px; padding: 0 100px 0 35px; position: relative; }
#sec02 .topArea .txtArea .ttl { font-size: 3.8rem; margin-bottom: 35px; }
#sec02 .topArea .txtArea .txt { line-height: 1.8; }
#sec02 .topArea .txtArea:before { content: ""; display: block; width: 87px; height: 187px; position: absolute; top: 0; right: 0; background: url(../img/bg_sec02_txt.png) no-repeat center center/cover; }
#sec02 .btmArea { margin-top: 70px; }
#sec02 .btmArea .inner { display: flex; justify-content: space-between; }
#sec02 .btmArea .inner img { border-radius: 10px; }
@media screen and (max-width: 768px) { #sec02 { padding: 0; background: url(../img/bg_sec02_sp.png) no-repeat center top/contain; background-color: #F4EADF; }
  #sec02 .topArea { display: block; background: inherit; }
  #sec02 .topArea .ttlArea { width: auto; height: auto; padding: 84px 4%; background: url(../img/bg_sec02_ttl_sp.png) no-repeat left center/cover; background-size: 230px 218px; background-color: #F4EADF; }
  #sec02 .topArea .ttlArea .ttl { font-size: 2.5rem; }
  #sec02 .topArea .ttlArea .en { font-size: 1.6rem; }
  #sec02 .topArea .txtArea { margin-top: 30px; padding: 0 4% 35px; }
  #sec02 .topArea .txtArea .ttl { font-size: 2.8rem; margin-bottom: 35px; }
  #sec02 .topArea .txtArea .txt { line-height: 1.8; }
  #sec02 .topArea .txtArea:before { width: 17.867vw; height: 38.4vw; top: -190px; right: 4%; }
  #sec02 .btmArea { margin-top: 10px; }
  #sec02 .btmArea .inner { display: block; padding: 0; }
  #sec02 .btmArea .inner img { border-radius: 0; }
  #sec02 .btmArea .inner figure + figure { margin-top: 20px; } }

#sec03 .ttlArea { width: 1075px; text-align: center; padding: 100px 0 60px; margin: 0 auto; position: relative; }
#sec03 .ttlArea .ttl { font-size: 4rem; }
#sec03 .bnr { max-width: 844px; margin: 0 auto 60px; }
#sec03 .bnr a { display: block; }
#sec03 .itemArea { display: flex; flex-wrap: wrap; }
#sec03 .itemArea .item { text-align: center; margin-bottom: 40px; }
#sec03 .itemArea .item img { transition: all 0.8s ease; aspect-ratio: 1/0.667; }
#sec03 .itemArea .item img:hover { transform: scale(1.1, 1.1); aspect-ratio: 1/0.667; }
#sec03 .itemArea .item > a { max-height: 200px; display: block; overflow: hidden; }
#sec03 .itemArea .item > a:hover { opacity: 1; }
#sec03 .itemArea .item .txtArea { margin-top: 10px; padding: 10px 25px 20px; border-left: 1px #707070 solid; }
#sec03 .itemArea .item .txtArea .ttl { font-size: 1.8rem; margin-bottom: 10px; }
#sec03 .itemArea .item .txtArea .add, #sec03 .itemArea .item .txtArea .tel { font-size: 1.2rem; }
#sec03 .itemArea .item .txtArea .tel { margin-bottom: 7px; }
#sec03 .itemArea .item .txtArea .link { color: #E50000; font-size: 1.5rem; position: relative; }
#sec03 .itemArea .item .txtArea .link:before, #sec03 .itemArea .item .txtArea .link:after { content: ""; position: absolute; transition: 0.3s; }
#sec03 .itemArea .item .txtArea .link:before { box-sizing: border-box; width: 16px; height: 16px; border: 1px #E50000 solid; background-color: #E50000; border-radius: 50%; top: 50%; right: -20px; transform: translateY(-50%); }
#sec03 .itemArea .item .txtArea .link:after { width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; top: 50%; right: -14px; transform: translateY(-50%) rotate(45deg); }
#sec03 .itemArea .item .txtArea .link:hover:before { background-color: #fff; }
#sec03 .itemArea .item .txtArea .link:hover:after { border-color: #E50000; }
#sec03 .itemArea.area01 { justify-content: center; }
#sec03 .itemArea.area01 .item { width: calc(100%/3); }
#sec03 .itemArea.area01 .item:last-child .txtArea { border-right: 1px #707070 solid; }
#sec03 .itemArea.area02 { justify-content: center; }
#sec03 .itemArea.area02 .item { width: calc(100%/3); }
#sec03 .itemArea.area02 .item .txtArea.r { border-right: 1px #707070 solid; }
#sec03 .itemArea.area02 .item:last-child .txtArea { border-right: 1px #707070 solid; }
#sec03 .hide { display: contents; }
@media screen and (max-width: 768px) { #sec03 { padding: 30px 0; }
  #sec03 .ttlArea { width: 100%; text-align: center; padding: 5px 0; margin-bottom: 20px; }
  #sec03 .ttlArea .ttl { font-size: 8.533vw; }
  #sec03 .ttlArea:before, #sec03 .ttlArea:after { top: 0; bottom: auto; }
  #sec03 .ttlArea:before { width: 13.867vw; height: 29.6vw; }
  #sec03 .ttlArea:after { width: 13.867vw; height: 29.333vw; }
  #sec03 .bnr { margin: 0 auto 40px; }
  #sec03 .itemArea { display: block; }
  #sec03 .itemArea .item { margin: 0 auto 20px; }
  #sec03 .itemArea .item > a { max-height: auto; }
  #sec03 .itemArea .item .txtArea { margin-top: 10px; padding: 10px 25px 20px; border-right: 1px #707070 solid; }
  #sec03 .itemArea .item .txtArea .ttl { font-size: 4.8vw; margin-bottom: 10px; }
  #sec03 .itemArea .item .txtArea .add, #sec03 .itemArea .item .txtArea .tel { font-size: 3.2vw; }
  #sec03 .itemArea .item .txtArea .tel { margin-bottom: 7px; }
  #sec03 .itemArea .item .txtArea .link { font-size: 4vw; }
  #sec03 .itemArea.area01 .item { width: 86%; }
  #sec03 .itemArea.area02 .item { width: 86%; }
  #sec03 .hide { display: none; }
  #sec03 button.more { display: block; width: 86%; height: 40px; color: #fff; font-size: 4vw; font-weight: 700; background-color: #633A1E; border-radius: 20px; margin: 20px auto; border: none; outline: 0; cursor: pointer; transition: .5s; position: relative; }
  #sec03 button.more span:after { content: "もっと見る"; transition: .2s; }
  #sec03 button.more:before, #sec03 button.more:after { content: ""; position: absolute; transition: 0.3s; }
  #sec03 button.more:before { box-sizing: border-box; width: 16px; height: 16px; border: 1px #fff solid; background-color: #fff; border-radius: 50%; top: 50%; right: 15px; transform: translateY(-50%); }
  #sec03 button.more:after { width: 6px; height: 6px; border-top: 2px solid #633A1E; border-right: 2px solid #633A1E; top: 50%; right: 20px; transform: translateY(-50%) rotate(135deg); }
  #sec03 button.more.on-click span:after { content: "閉じる"; }
  #sec03 button.more.on-click:after { top: calc(50% + 1px); transform: translateY(-50%) rotate(-45deg); } }

/*----------------------------------------------
2023-11-06 SP 改修
----------------------------------------------*/
header .spLogo { display: none; }
@media screen and (max-width: 768px) { header { flex-direction: column; align-items: inherit; justify-content: center; height: 80px; padding: 0 4%; }
  header .spLogo { width: 100%; display: flex; align-items: center; margin-top: 5px; }
  header .spLogo .polus { width: 57px; height: 29px; margin-right: 20px; }
  header .spLogo .hokushin { width: 119px; height: 26px; }
  header p { font-size: 1.4rem; margin-top: 5px; } }

@media screen and (max-width: 768px) { main { padding-bottom: 60px; } }

.floating { display: none; }

.floatBnr { display: none; }
@media screen and (max-width: 768px) { .floatBnr { width: 100%; height: 60px; display: flex; position: fixed; left: 0; bottom: 0; z-index: 10; }
  .floatBnr a { width: 50%; display: flex; align-items: center; color: #fff; font-size: 1.8rem; font-weight: 700; box-sizing: border-box; position: relative; } }
@media screen and (max-width: 768px) and (max-width: 320px) { .floatBnr a { font-size: 1.6rem; } }
@media screen and (max-width: 768px) { .floatBnr a:before, .floatBnr a:after { content: ""; position: absolute; }
  .floatBnr a:before { width: 15px; height: 15px; background-color: #fff; border-radius: 50%; top: 50%; right: 10px; transform: translateY(-50%); }
  .floatBnr a:after { width: 6px; height: 6px; border-top: 2px solid #0B9197; border-right: 2px solid #0B9197; top: 50%; right: 16px; transform: translateY(-50%) rotate(45deg); }
  .floatBnr a img { margin-top: -5px; margin-right: 5px; margin-left: 10px; }
  .floatBnr a.reserve { background-color: #0B9197; }
  .floatBnr a.reserve img { width: 16.267vw; height: 13.333vw; }
  .floatBnr a.request { background-color: #003E41; }
  .floatBnr a.request:after { border-top: 2px solid #003E41; border-right: 2px solid #003E41; }
  .floatBnr a.request img { width: 23.733vw; height: 19.467vw; margin-left: -10px; } }

.js-box { display: none; }

.js-fade { opacity: 0; visibility: hidden; transform: translateY(50px); transition: opacity 1s,visibility 1s, transform 1s; }

.scroll { opacity: 1; visibility: visible; transform: translateY(0px); }