@charset "UTF-8";
/*
Theme Name: 株式会社 成広薬局
Description:株式会社 成広薬局
Theme URI:
Author: 株式会社ハジメクリエイト
Author URI: http://hajimecreate.com/
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/
html {
  -webkit-overflow-scrolling: touch;
}

body {
  color: #2A2A2A;
  line-height: 1;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  word-break: break-all;
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

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

img {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  text-decoration: none;
}

address {
  font-style: normal;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #FFF;
  z-index: 9999;
}
.loading-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading-fadeup {
  width: 112px;
  animation-name: loadingFadeUp;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes loadingFadeUp {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pagetop {
  display: none;
  right: 80px;
  z-index: 10;
}
.pagetop a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #BBB;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  transition: all 0.5s;
}

.header {
  width: 100%;
  height: 80px;
  background-color: #FFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.header__logo {
  padding: 0 0 0 40px;
  margin: 0 20px 0 0;
}
.header__logo a {
  display: block;
  width: 290px;
}
.header__logo a img {
  width: 100%;
}
.header__menu {
  width: 1137px;
}
.header__menu__nav {
  padding: 0 40px 0 0;
}
.header__menu__nav__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__menu__nav__inner a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  color: #2A2A2A;
  letter-spacing: 0.1em;
  position: relative;
}
.header__menu__nav__inner a::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  margin: 0 auto;
  background: #E52D8A;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.header__menu__nav__inner a:nth-child(-n+7):hover::before {
  width: 40px;
}
.header__menu__nav__inner a:nth-child(8) {
  width: 160px;
  height: 40px;
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  background: -webkit- linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  background: -moz- linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  position: relative;
}
.header__menu__nav__inner a:nth-child(8)::before {
  content: none;
}
.header__menu__nav__inner a:nth-child(8) span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
  letter-spacing: 0.1em;
  color: #FFF;
  position: relative;
  z-index: 10;
}
.header__menu__nav__inner a:nth-child(8)::after {
  content: "";
  width: 160px;
  height: 40px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: linear-gradient(90deg, #F85C91, #FFBC72 50%, #FFEC71);
  background: -webkit- linear-gradient(90deg, #F85C91, #FFBC72 50%, #FFEC71);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
}
.header__menu__nav__inner a:nth-child(8):hover::after {
  opacity: 1;
}
.header__menu__nav__inner a:nth-child(9) {
  display: none;
}
.header__menu__nav__inner a:nth-child(9)::before {
  content: none;
}
.header__menu__spbtn {
  display: none;
}
.header__menu__instagram {
  display: none !important;
}

.footer {
  margin: auto 0 0;
  padding: 40px 20px 40px 40px;
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
}
.footer__body {
  max-width: 1720px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.footer__info__logo {
  display: block;
  width: 300px;
}
.footer__info__address {
  margin: 16px 0 0;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #FFF;
}
.footer__info__contact {
  max-width: 270px;
  margin: 8px auto 0;
  display: flex;
  justify-content: space-between;
}
.footer__info__contact span {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #FFF;
}
.footer__menu {
  margin: 0 0 0 5.2083333333vw;
  padding: 24px 0 0 5.2083333333vw;
  border-left: solid 1px #FFF;
}
.footer__nav {
  display: flex;
  flex-wrap: wrap;
}
.footer__nav a {
  display: block;
  margin: 0 40px 4px 0;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #FFF;
}
.footer__nav a:last-child {
  margin: 0 0 8px 0;
}
.footer__instagram {
  display: flex;
  justify-content: flex-end;
  margin: 32px 0 0;
}
.footer__copyright {
  margin: 24px 0 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: right;
  color: #FFF;
}

.common-ttl01 {
  padding: 0 0 16px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
  position: relative;
}
.common-ttl01 .deco {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 auto;
  background-color: #F9BF11;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.common-ttl01 .deco::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #F9BF11;
  position: absolute;
  left: -16px;
}
.common-ttl01 .deco::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #F9BF11;
  position: absolute;
  right: -16px;
}

.common-ttl02 {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.common-btn01 {
  display: block;
  margin: 0 auto;
  padding: 14px 0;
  width: 224px;
  height: 48px;
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  background: -webkit- linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  position: relative;
}
.common-btn01 span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #FFF;
  position: relative;
  z-index: 10;
}
.common-btn01::after {
  content: "";
  width: 224px;
  height: 48px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: linear-gradient(90deg, #F85C91, #FFBC72 50%, #FFEC71);
  background: -webkit- linear-gradient(90deg, #F85C91, #FFBC72 50%, #FFEC71);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
}
.common-btn01:hover::after {
  opacity: 1;
}

.common-btn02, .common-btn06 {
  display: block;
  margin: 0 auto;
  padding: 8px 36px 8px 36px;
  width: 224px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #2A2A2A;
  background: #FFF;
  box-shadow: 0 4px 16px rgba(46, 97, 12, 0.1);
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
}
.common-btn02::before, .common-btn06::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(images/icn_tab-black.svg);
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  top: 12px;
  right: 24px;
}
.common-btn02:hover, .common-btn06:hover {
  box-shadow: none;
}

.common-btn03, .common-btn05 {
  display: block;
  margin: 0 auto;
  padding: 14px 48px;
  width: fit-content;
  min-width: 224px;
  height: 48px;
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  background: -webkit- linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  position: relative;
}
.common-btn03 span, .common-btn05 span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #FFF;
  position: relative;
  z-index: 10;
}
.common-btn03::before, .common-btn05::before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(images/icn_tab-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: calc(50% - 6px);
  right: 15px;
  z-index: 10;
}
.common-btn03::after, .common-btn05::after {
  content: "";
  width: 100%;
  height: 48px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: linear-gradient(90deg, #F85C91, #FFBC72 50%, #FFEC71);
  background: -webkit- linear-gradient(90deg, #F85C91, #FFBC72 50%, #FFEC71);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
}
.common-btn03:hover::after, .common-btn05:hover::after {
  opacity: 1;
}

.common-btn04 {
  display: block;
  margin: 0 auto;
  padding: 20px 0 20px 0;
  width: 224px;
  height: 60px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #E52D8A;
  background: #FFF;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.common-btn05 {
  background: linear-gradient(90deg, #20C2D5, #ECFFD1);
  background: -webkit- linear-gradient(90deg, #20C2D5, #ECFFD1);
}
.common-btn05 span {
  text-align: left;
}
.common-btn05::before {
  right: 15px;
}
.common-btn05::after {
  background: linear-gradient(90deg, #ECFFD1, #20C2D5);
  background: -webkit- linear-gradient(90deg, #ECFFD1, #20C2D5);
}

.common-btn06 {
  width: 172px;
  height: 36px;
}

.common-keyimg {
  margin: 80px auto 0;
  width: 100%;
  height: 500px;
  max-height: 500px;
  background-position: top center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.common-keyimg__body {
  max-width: 1120px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.common-keyimg__ttl {
  padding: 0 16px 4px;
  font-size: 48px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 70px;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 80px;
  left: 0;
}

.bgAnime {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.bgAnime-inner {
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.bgAnime-main {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fadeInUp {
  -webkit-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.textAnime-box {
  overflow: hidden;
}
.textAnime-box__inner {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  position: relative;
  opacity: 0;
  transform: translate(-100%, 0);
}
.textAnime-box__inner::after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  transform: scaleX(1);
  background-color: #E52D8A;
  transform-origin: 100% 0;
}
.textAnime--active .textAnime-box:nth-child(2) .textAnime-box__inner {
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.textAnime--active .textAnime-box:nth-child(2) .textAnime-box__inner::after {
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.textAnime--active .textAnime-box:nth-child(3) .textAnime-box__inner {
  animation-duration: 0.9s;
  -webkit-animation-duration: 0.9s;
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.textAnime--active .textAnime-box:nth-child(3) .textAnime-box__inner::after {
  animation-duration: 1.4s;
  -webkit-animation-duration: 1.4s;
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.textAnime--active .textAnime-box__inner {
  animation-name: move;
  -webkit-animation-name: move;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkitanimation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
.textAnime--active .textAnime-box__inner::after {
  animation-name: screen;
  -webkit-animation-name: screen;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -webkitanimation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes move {
  0% {
    transform: translate(-100%, 0);
    opacity: 1;
  }
  80% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes screen {
  0% {
    transform: scaleX(1);
  }
  70% {
    transform: scaleX(1);
  }
  85% {
    transform: scaleX(0.05);
  }
  100% {
    transform: scaleX(0);
  }
}

.message-box {
  border-radius: 6px;
  display: flex;
  align-items: center;
  position: fixed;
  left: 2rem;
  bottom: 2rem;
  padding: 0.25rem 0.5rem;
  z-index: 20;
}
@media (max-width: 768px) {
  .message-box {
    width: 90%;
    left: 50%;
    bottom: 1rem;
    transform: translate(-50%);
  }
}

.message-text {
  font-family: initial;
}
.message-text__strong {
  font-weight: bold;
  margin-right: 0.5rem;
  line-height: 1.5;
}

.message-box-error {
  background-color: #ecc8c5;
  border: #c65b52 10px solid;
  color: #b83c37;
}

.pankuzu {
  padding: 24px 30px 0;
}
.pankuzu__body {
  max-width: 1120px;
  margin: 0 auto;
  font-size: 0;
}
.pankuzu__body a, .pankuzu__body span {
  display: inline-block;
  margin: 0 6px 0 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #BBB;
}
.pankuzu__body span:last-child {
  display: inline;
  margin: 0;
}

.top {
  padding: 0 0 160px;
}
.top-keyimg {
  margin: 80px auto 0;
  width: 100%;
  height: calc(100vh - 80px);
  max-height: 840px;
  position: relative;
}
.top-keyimg__slider {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.top-keyimg__slider__item {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
  transform: scale(1.2);
  -webkit-animation: keyimgslider 30s 0s infinite;
  animation: keyimgslider 30s 0s infinite;
}
.top-keyimg__slider__item:first-child {
  background-image: url(images/top_img_keyimg01_pc.jpg);
}
.top-keyimg__slider__item:nth-child(2) {
  background-image: url(images/top_img_keyimg02_pc.jpg);
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.top-keyimg__slider__item:nth-child(3) {
  background-image: url(images/top_img_keyimg03_pc.jpg);
  -webkit-animation-delay: 12s;
  animation-delay: 12s;
}
.top-keyimg__slider__item:nth-child(4) {
  background-image: url(images/top_img_keyimg04_pc.jpg);
  -webkit-animation-delay: 18s;
  animation-delay: 18s;
}
.top-keyimg__slider__item:nth-child(5) {
  background-image: url(images/top_img_keyimg05_pc.jpg);
  -webkit-animation-delay: 24s;
  animation-delay: 24s;
}
@keyframes keyimgslider {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0;
    transform: scale(1);
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}
.top-keyimg__body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  z-index: 10;
}
.top-keyimg__ttl {
  font-size: 48px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
  position: absolute;
  bottom: 160px;
  left: 20.8333333333vw;
}
.top-keyimg__ttl__box01 {
  display: block;
  width: 480px;
}
.top-keyimg__ttl__box01 .cl {
  color: #FFA929;
}
.top-keyimg__ttl__box02 {
  display: block;
  width: 530px;
  margin: 24px 0 0;
}
.top-keyimg__ttl__box02 .cl {
  color: #E52D8A;
}
.top-keyimg__ttl__box03 {
  display: block;
  width: 260px;
  margin: 24px 0 0;
}
.top-important {
  margin: -40px auto 0;
  padding: 0 40px;
  position: relative;
  z-index: 10;
}
.top-important__main {
  display: block;
  max-width: 1120px;
  margin: 0 auto;
  padding: 20px 40px;
  background-color: #FFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.top-important__main:hover .top-important__item__ttl {
  color: #E52D8A;
}
.top-important__ttl {
  font-size: 16px;
  font-weight: 900;
  color: #E52D8A;
}
.top-important__ttl span {
  width: 4px;
  height: 4px;
}
.top-important__ttl span::before {
  width: 4px;
  height: 4px;
  left: -8px;
}
.top-important__ttl span::after {
  width: 4px;
  height: 4px;
  right: -8px;
}
.top-important__item {
  margin: 8px auto 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.top-important__item__date {
  width: 100%;
  min-width: 70px;
  margin: 0 24px 0 0;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #BBB;
}
.top-important__item__ttl {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #2A2A2A;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.top-important__btn {
  margin: 24px 0 0;
}
.top-news {
  margin: 120px 0 0;
}
.top-news__body {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.top-news__ttl {
  width: 250px;
}
.top-news__list {
  width: 77.6785714286%;
}
.top-news__item {
  margin: 16px 0 0;
  padding: 8px 0 8px 20px;
  position: relative;
}
.top-news__item:first-child {
  margin: 0;
}
.top-news__item::before {
  content: "";
  width: 4px;
  height: 100%;
  background: linear-gradient(0, #FFBC71, #FF84A2 50%, #F85C91);
  position: absolute;
  top: 0;
  left: 0;
}
.top-news__item__date {
  display: inline-block;
  margin: 0 16px 0 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #BBB;
}
.top-news__item__new {
  display: inline-block;
  width: 45px;
  height: 18px;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #FFF;
  background-color: #F9BF11;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.top-news__item__ttl {
  margin: 8px 0 0;
}
.top-news__item__ttl a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #2A2A2A;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.top-news__item__ttl a:hover {
  color: #E52D8A;
}
.top-news__btn {
  margin: 40px 0 0;
}
.top-about {
  max-width: 1920px;
  margin: 120px auto 0;
}
.top-about__keyimg {
  max-width: 1550px;
  margin: 0 auto 0 0;
  padding: 0 120px 0 0;
  position: relative;
}
.top-about__keyimg__image {
  max-width: 1200px;
  height: 662px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.top-about__keyimg__image img {
  display: block;
  width: 1200px;
  max-width: none;
  position: absolute;
  top: 0;
  right: 0;
}
.top-about__keyimg__ttl {
  position: absolute;
  bottom: 40px;
  right: 30px;
}
.top-about__keyimg__ttl__parts {
  display: block;
  margin: 24px 0 0 auto;
  font-size: 40px;
  font-weight: 900;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.top-about__keyimg__ttl__parts .cl-pink {
  color: #E52D8A;
}
.top-about__keyimg__ttl__parts:first-child {
  width: 286px;
  margin: 0 0 0 auto;
}
.top-about__keyimg__ttl__parts:nth-child(2) {
  width: 400px;
}
.top-about__keyimg__ttl__parts:last-child {
  width: 263px;
}
.top-about__txt {
  max-width: 1180px;
  margin: 80px auto 0;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.top-about__btn {
  margin: 40px 0 0;
}
.top-slider {
  margin: 80px 0 0;
  overflow: hidden;
}
.top-slider__list li {
  margin: 0 0.625vw;
}
.top-slider__list li img {
  display: block;
  width: 23.9583333333vw;
  height: 14.375vw;
}
.top-service {
  margin: 120px 0 0;
  padding: 0 30px;
}
.top-service__body {
  max-width: 1160px;
  margin: 0 auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.top-service__item, .top-service__item--pink {
  width: 540px;
  margin: 100px 20px 0;
  padding: 64px 24px 44px;
  background: linear-gradient(0, #F5FDD8, #E8FAD7);
}
.top-service__item--pink {
  background: linear-gradient(0, #FDFFE2, #FFEFE8);
}
.top-service__item__ttl, .top-service__item__ttl--pink {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
  color: #01BF99;
}
.top-service__item__ttl--dib {
  display: inline-block;
}
.top-service__item__ttl--small {
  font-size: 20px;
}
.top-service__item__ttl--pink {
  color: #E52D8A;
}
.top-service__item__subTtl, .top-service__item__subTtl--pink {
  margin: 48px 0 0;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.1em;
  color: #01BF99;
}
.top-service__item__subTtl--pink {
  color: #E52D8A;
}
.top-service__item__list, .top-service__item__list--pink {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  margin: 20px 0 0;
}
.top-service__item__list li, .top-service__item__list--pink li {
  width: 224px;
}
.top-service__item__list__ttl {
  margin: 16px 0 0;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.1em;
}
.top-service__item__icn, .top-service__item__icn--pink {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  background-color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 16px rgba(27, 184, 136, 0.2);
  -moz-box-shadow: 0 4px 16px rgba(27, 184, 136, 0.2);
  box-shadow: 0 4px 16px rgba(27, 184, 136, 0.2);
}
.top-service__item__icn img, .top-service__item__icn--pink img {
  width: 100%;
}
.top-service__item__icn--pink {
  -webkit-box-shadow: 0 4px 16px rgba(229, 45, 138, 0.2);
  -moz-box-shadow: 0 4px 16px rgba(229, 45, 138, 0.2);
  box-shadow: 0 4px 16px rgba(229, 45, 138, 0.2);
}
.top-service__item__txt01 {
  margin: 16px 0 0;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.top-service__item__btn01 {
  margin: 36px auto 0;
}
.top-service__item__btn02 {
  margin: 16px auto 0;
}
.top-service__item__txt02 {
  margin: 24px 0 0;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}
.top-reading {
  margin: 120px 0 0;
}
.top-reading__txt {
  max-width: 1180px;
  margin: 40px auto 0;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.top-relief, .top-fishing, .top-instagram {
  display: flex;
  margin: 80px auto 0;
  overflow: hidden;
}
.top-relief__top, .top-fishing__top, .top-instagram__top {
  width: 400px;
  margin: 0 auto;
  padding: 0 48px 0 80px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
}
.top-relief__ttl, .top-fishing__ttl, .top-instagram__ttl {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.top-relief__txt, .top-fishing__txt, .top-instagram__txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.top-relief__btn, .top-fishing__btn, .top-instagram__btn {
  margin-top: 40px;
}
.top-relief__btn a, .top-fishing__btn a, .top-instagram__btn a {
  width: 140px;
  height: 32px;
  padding: 6px 0;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.top-relief__btn a::after, .top-fishing__btn a::after, .top-instagram__btn a::after {
  width: 140px;
  height: 32px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.top-relief__main, .top-fishing__main, .top-instagram__main {
  width: calc(100% - 400px);
}
.top-relief__list, .top-fishing__list, .top-instagram__list {
  margin: 0 0 0 auto;
  padding: 40px 0 24px 40px;
  background: linear-gradient(90deg, #7CDB2C, #FFFFB5);
  background: -webkit- linear-gradient(90deg, #7CDB2C, #FFFFB5);
}
.top-relief__inner01, .top-fishing__inner01, .top-instagram__inner01 {
  overflow: auto;
}
.top-relief__inner02, .top-fishing__inner02, .top-instagram__inner02 {
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.top-relief__inner02::-webkit-scrollbar, .top-fishing__inner02::-webkit-scrollbar, .top-instagram__inner02::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
}
.top-relief__item, .top-fishing__item, .top-instagram__item {
  display: inline-block;
  width: 460px;
  margin: 0 24px 0 0;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}
.top-relief__item:hover img, .top-fishing__item:hover img, .top-instagram__item:hover img {
  transform: scale(1.2);
}
.top-relief__item__image, .top-fishing__item__image, .top-instagram__item__image {
  width: 100%;
  overflow: hidden;
}
.top-relief__item__image img, .top-fishing__item__image img, .top-instagram__item__image img {
  width: 100%;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}
.top-relief__item__ttl, .top-fishing__item__ttl, .top-instagram__item__ttl {
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #FFF;
  white-space: normal;
}
.top-relief__item__date, .top-fishing__item__date, .top-instagram__item__date {
  margin: 4px 0 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: center;
  color: #FFF;
  white-space: normal;
}
.top-relief__item__new, .top-fishing__item__new, .top-instagram__item__new {
  font-size: 28px;
  font-weight: 900;
  color: #FFF;
  text-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 16px;
  left: 24px;
}
.top-fishing, .top-instagram {
  flex-direction: row-reverse;
}
.top-fishing__list, .top-instagram__list {
  margin: 0 auto 0 0;
  padding: 40px 40px 24px 0;
  background: linear-gradient(90deg, #ECFFD1, #20C2D5);
  background: -webkit- linear-gradient(90deg, #ECFFD1, #20C2D5);
  position: relative;
}
.top-fishing__inner01::-webkit-scrollbar-thumb, .top-instagram__inner01::-webkit-scrollbar-thumb {
  background: #01BF99;
}
.top-fishing__inner03, .top-instagram__inner03 {
  width: 2420px;
  margin: 0 0 0 auto;
  display: flex;
  flex-direction: row-reverse;
  overflow-x: auto;
}
.top-fishing__item, .top-instagram__item {
  margin: 0 0 0 24px;
  float: right;
}
.top-link {
  margin: 120px auto 0;
  padding: 0 80px;
}
.top-link__body {
  max-width: 1120px;
  margin: 40px auto 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 40px;
}
.top-link__body a {
  display: block;
  padding: 0 0 0 16px;
  width: 250px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #2A2A2A;
  position: relative;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.top-link__body a:hover {
  color: #E52D8A;
}
.top-link__body a span {
  font-size: 14px;
}
.top-link__body a::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #E52D8A;
  position: absolute;
  top: calc(50% - 4px);
  left: 0;
}
.top-instagram__list {
  background: linear-gradient(90deg, #FDFFEB, #FF84A2 50%, #FC7FAA 100%);
  background: -webkit- linear-gradient(90deg, #FDFFEB, #FF84A2 50%, #FC7FAA 100%);
}
.top-instagram__inner01::-webkit-scrollbar-thumb {
  background: #E52D8A;
}
.top-instagram__inner03 {
  width: 2640px;
}
.top-instagram__item {
  width: 240px;
}
.top-instagram__item__image {
  height: 320px;
}
.top-instagram__item__image img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.pharmacy {
  padding: 0 0 160px;
}
.pharmacy-keyimg {
  background-image: url(images/pharmacy_bg_keyimg_pc.jpg);
}
.pharmacy-insurance {
  padding: 160px 0 0;
}
.pharmacy-insurance__intro {
  max-width: 1920px;
  margin: 40px auto 0;
  padding: 0 0 0 30px;
}
.pharmacy-insurance__intro__inner {
  display: flex;
  align-items: center;
  max-width: 1520px;
  margin: 0 0 0 auto;
}
.pharmacy-insurance__intro__txt {
  width: 500px;
  margin: 0 5.2631578947% 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.pharmacy-insurance__intro__image {
  width: 61.8421052632%;
  min-width: 360px;
}
.pharmacy-insurance__intro__image img {
  width: 100%;
}
.pharmacy-flow {
  margin: 120px 0 0;
  padding: 0 30px 120px;
}
.pharmacy-flow__body {
  margin: 40px 0 0;
}
.pharmacy-flow__list {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px 0;
}
.pharmacy-flow__item {
  width: 240px;
}
.pharmacy-flow__item:first-child, .pharmacy-flow__item:nth-child(2), .pharmacy-flow__item:nth-child(3), .pharmacy-flow__item:nth-child(5), .pharmacy-flow__item:nth-child(6), .pharmacy-flow__item:nth-child(7) {
  width: 293px;
  padding: 0 53px 0 0;
  position: relative;
}
.pharmacy-flow__item:first-child::before, .pharmacy-flow__item:nth-child(2)::before, .pharmacy-flow__item:nth-child(3)::before, .pharmacy-flow__item:nth-child(5)::before, .pharmacy-flow__item:nth-child(6)::before, .pharmacy-flow__item:nth-child(7)::before {
  content: "";
  width: 19px;
  height: 22px;
  background-image: url(images/icn_arrow02.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 110px;
  right: 16px;
}
.pharmacy-flow__item__image {
  width: 100%;
}
.pharmacy-flow__item__txtbox {
  margin: 24px 0 0;
}
.pharmacy-flow__item__ttl {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #01BF99;
}
.pharmacy-flow__item__ttl span {
  display: inline-block;
  margin: 0 4px 0 0;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  line-height: 18px;
  color: #FFF;
  background-color: #01BF99;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.pharmacy-flow__item__txt {
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.pharmacy-note {
  padding: 80px 30px;
  background: linear-gradient(0, #F5FDD8, #E8FAD7);
}
.pharmacy-note__ttl {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #01BF99;
}
.pharmacy-note__body {
  max-width: 1120px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pharmacy-note__lt {
  width: 63.125%;
}
.pharmacy-note__lt__image img {
  width: 100%;
}
.pharmacy-note__lt__txt {
  margin: 24px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.pharmacy-note__lt__txt a {
  color: #E52D8A;
  text-decoration: underline;
}
.pharmacy-note__lt__txt span {
  font-size: 14px;
}
.pharmacy-note__rt {
  width: 373px;
  min-width: 373px;
  padding: 40px 24px;
  background-color: #FFF;
}
.pharmacy-note__rt__txt01 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #E52D8A;
}
.pharmacy-note__rt__txt02 {
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.pharmacy-note__rt__btn {
  margin: 24px auto 0;
}
.pharmacy-visit {
  padding: 160px 30px 0;
}
.pharmacy-visit__body {
  max-width: 1120px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
.pharmacy-visit__lt {
  width: 358px;
}
.pharmacy-visit__txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.pharmacy-visit__btn {
  margin: 24px auto 0;
}
.pharmacy-visit__rt {
  width: 64.4642857143%;
}
.pharmacy-visit__rt img {
  width: 100%;
}
.pharmacy-sale {
  padding: 160px 30px 0;
}
.pharmacy-sale__intro {
  max-width: 1120px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  gap: 40px;
}
.pharmacy-sale__lt {
  width: 64.4642857143%;
}
.pharmacy-sale__lt img {
  width: 100%;
}
.pharmacy-sale__rt {
  width: 358px;
}
.pharmacy-sale__txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.pharmacy-sale__btn {
  margin: 24px auto 0;
}
.pharmacy-sale__service {
  margin: 80px 0 0;
}
.pharmacy-sale__service__body {
  max-width: 1120px;
  margin: 0 auto;
  padding: 80px 30px;
  background: linear-gradient(0, #F5FDD8, #E8FAD7);
  background: -webkit- linear-gradient(0, #F5FDD8, #E8FAD7);
}
.pharmacy-sale__service__ttl {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #01BF99;
}
.pharmacy-sale__service__list {
  max-width: 640px;
  margin: 48px auto 0;
  display: flex;
  justify-content: space-between;
}
.pharmacy-sale__service__item {
  width: 190px;
}
.pharmacy-sale__service__icn {
  width: 160px;
  margin: 0 auto;
  background-color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(27, 184, 136, 0.2);
}
.pharmacy-sale__service__icn img {
  width: 100%;
}
.pharmacy-sale__service__name {
  margin: 24px 0 0;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.5;
  color: #01BF99;
}
.pharmacy-slider {
  padding: 120px 0 0;
}
.pharmacy-slider__body {
  margin: 24px auto 0;
}
.pharmacy-slider__image {
  max-width: 800px;
  margin: 0 auto;
}
.pharmacy-slider__image li img {
  margin: 0 auto;
}
.pharmacy-slider__image .slick-dots {
  bottom: 10px;
}
.pharmacy-slider__image .slick-dots li {
  width: 6px;
  height: 6px;
  margin: 0 3px;
}
.pharmacy-slider__image .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #E52D8A;
}
.pharmacy-slider__image .slick-dots li button {
  width: 6px;
  height: 6px;
  padding: 0;
}
.pharmacy-slider__image .slick-dots li button:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #FFF;
  border-radius: 50%;
  opacity: 1;
}
.pharmacy-slider__txt {
  max-width: 800px;
  margin: 24px auto 0;
}
.pharmacy-slider__txt01 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.5;
  color: #E52D8A;
}
.pharmacy-slider__txt02 {
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
.pharmacy-product {
  padding: 160px 30px 0;
}
.pharmacy-product__intro {
  max-width: 1120px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pharmacy-product__rt {
  width: 64.4642857143%;
}
.pharmacy-product__rt img {
  width: 100%;
}
.pharmacy-product__lt {
  width: 358px;
}
.pharmacy-product__txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}

.about-keyimg {
  background-image: url(images/about_bg_keyimg_pc.jpg);
}
.about-philosophy {
  padding: 160px 0 0;
}
.about-philosophy__body {
  max-width: 1920px;
  margin: 40px auto 0;
  padding: 0 30px 0 0;
}
.about-philosophy__inner {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  max-width: 1520px;
  margin: 0 auto 0 0;
}
.about-philosophy__txt {
  width: 500px;
  margin: 0 0 0 5.2631578947%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.about-philosophy__image {
  width: 61.8421052632%;
  min-width: 360px;
}
.about-philosophy__image img {
  width: 100%;
}
.about-system {
  padding: 160px 30px 0;
}
.about-system__body {
  max-width: 1120px;
  margin: 40px auto 0;
}
.about-system__txt {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.about-system__list {
  margin: 16px 0 0;
}
.about-system__list li {
  padding-left: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  text-indent: -16px;
}
.about-greeting {
  padding: 160px 30px;
}
.about-greeting__body {
  max-width: 1120px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
}
.about-greeting__lt {
  width: 240px;
  min-width: 240px;
}
.about-greeting__image {
  width: 100%;
}
.about-greeting__position {
  margin: 20px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: right;
  letter-spacing: 0.1em;
  color: #01BF99;
}
.about-greeting__name {
  max-width: 146px;
  margin: 8px 0 0 auto;
  font-size: 28px;
  font-weight: bold;
  text-align: right;
  letter-spacing: 0.05em;
}
.about-greeting__rt {
  width: 75%;
  padding: 24px 0 0;
}
.about-greeting__txt01 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.about-greeting__txt02 {
  margin: 24px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.about-greeting__txt03 {
  display: none;
}
.about-summary {
  padding: 160px 30px;
  background: linear-gradient(0, #FDFFE2, #FFEFE8);
}
.about-summary__body {
  max-width: 960px;
  margin: 40px auto 0;
}
.about-summary__table {
  width: 100%;
  border-spacing: 0;
}
.about-summary__table tr:first-child th {
  padding: 0 0 18px;
}
.about-summary__table tr:first-child td {
  padding: 0 0 18px;
}
.about-summary__table th {
  padding: 18px 0;
  width: 160px;
  min-width: 160px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
  color: #E52D8A;
  border-bottom: solid 1px #E52D8A;
}
.about-summary__table td {
  padding: 18px 0;
  font-size: 0;
  line-height: 1.75;
  border-bottom: solid 1px #E52D8A;
}
.about-summary__table td .dis-b {
  display: block;
  letter-spacing: 0.1em;
}
.about-summary__table td .dis-ib {
  font-size: 16px;
  letter-spacing: 0.1em;
  display: inline-block;
}
.about-summary__table td .fz {
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #BBB;
}
.about-history {
  padding: 160px 30px;
}
.about-history__body {
  margin: 40px 0 0;
}
.about-history__list {
  max-width: 640px;
  margin: 0 auto;
  position: relative;
}
.about-history__line {
  width: 1px;
  height: 100%;
  background-color: #2A2A2A;
  position: absolute;
  top: 15px;
  left: 22.34375%;
  z-index: -1;
}
.about-history__item {
  margin: 40px 0 0;
  display: flex;
}
.about-history__item:first-child {
  margin: 0;
}
.about-history__item__lt {
  width: 138px;
  min-width: 138px;
}
.about-history__item__year {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #E52D8A;
}
.about-history__item__rt {
  padding: 0 0 0 52px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.about-history__item__rt::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #F9BF11;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
.about-history__item__box {
  width: 100%;
  margin: 16px 0 0;
  display: flex;
}
.about-history__item__box:first-child {
  margin: 0;
}
.about-history__item__month {
  width: 90px;
  min-width: 90px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #E52D8A;
}
.about-history__item__detail {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

.care {
  padding: 0 0 160px;
}
.care-keyimg {
  background-image: url(images/care_bg_keyimg_pc.jpg);
}
.care-service {
  margin: 0 0 160px;
  padding: 160px 0 0;
}
.care-service__body {
  max-width: 1920px;
  margin: 40px auto 0;
  padding: 0 0 0 30px;
}
.care-service__inner {
  display: flex;
  align-items: center;
  max-width: 1520px;
  margin: 0 0 0 auto;
}
.care-service__lt {
  width: 500px;
  min-width: 500px;
  margin: 0 5.2631578947% 0 0;
}
.care-service__txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.care-service__btn {
  margin: 40px 0 0;
  display: flex;
  justify-content: space-between;
}
.care-service__btn a {
  display: block;
  width: 240px;
  height: 64px;
  padding: 16px 0 24px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
  color: #FFF;
  background-color: #F9BF11;
  border: solid 1px #F9BF11;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.care-service__btn a span {
  display: inline-block;
  margin: 0 0 0 8px;
  font-size: 14px;
}
.care-service__btn a::before {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  margin: 0 auto;
  background-image: url(images/icn_arrow01.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.care-service__btn a::after {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  margin: 0 auto;
  background-image: url(images/icn_arrow04.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.care-service__btn a:hover {
  color: #F9BF11;
  background-color: #FFF;
}
.care-service__btn a:hover::before {
  opacity: 0;
}
.care-service__btn a:hover::after {
  opacity: 1;
}
.care-service__rt {
  width: 61.8421052632%;
}
.care-service__rt img {
  width: 100%;
}
.care-day, .care-home {
  margin: 0 0 160px;
}
.care-day__topimg, .care-home__topimg {
  margin: 0 0 120px;
}
.care-day__topimg img, .care-home__topimg img {
  width: 100%;
}
.care-day__intro, .care-home__intro {
  padding: 0 30px;
}
.care-day__intro__txt01, .care-home__intro__txt01 {
  max-width: 1120px;
  margin: 40px auto 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.care-day__intro__image, .care-home__intro__image {
  max-width: 1120px;
  margin: 80px auto 0;
  padding: 0 0 100px;
  position: relative;
}
.care-day__intro__image img, .care-home__intro__image img {
  width: 100%;
}
.care-day__intro__name, .care-home__intro__name {
  position: absolute;
  bottom: 0;
  right: 0;
}
.care-day__intro__name__txt01, .care-day__intro__name__txt02, .care-home__intro__name__txt01, .care-home__intro__name__txt02 {
  margin: 0 0 0 auto;
  width: 400px;
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 64px;
  color: #FFF;
}
.care-day__intro__name__txt02, .care-home__intro__name__txt02 {
  width: 150px;
  margin: 16px 0 0 auto;
}
.care-day__intro .textAnime-box__inner, .care-home__intro .textAnime-box__inner {
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  background-color: initial;
}
.care-day__intro__txt02, .care-home__intro__txt02 {
  max-width: 1120px;
  margin: 40px auto 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.care-day__service, .care-home__service {
  margin: 120px 0 0;
}
.care-day__service__body, .care-home__service__body {
  max-width: 1120px;
  margin: 0 auto;
  padding: 80px 30px;
  background: linear-gradient(0, #F5FDD8, #E8FAD7);
  background: -webkit- linear-gradient(0, #F5FDD8, #E8FAD7);
}
.care-day__service__ttl, .care-home__service__ttl {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #01BF99;
}
.care-day__service__list, .care-home__service__list {
  max-width: 880px;
  margin: 48px auto 0;
  display: flex;
  justify-content: space-between;
}
.care-day__service__item, .care-home__service__item {
  width: 160px;
}
.care-day__service__icn, .care-home__service__icn {
  width: 160px;
  margin: 0 auto;
  background-color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(27, 184, 136, 0.2);
}
.care-day__service__icn img, .care-home__service__icn img {
  width: 100%;
}
.care-day__service__name, .care-home__service__name {
  margin: 24px 0 0;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.5;
  color: #01BF99;
}
.care-day__service__txt, .care-home__service__txt {
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: center;
}
.care-home {
  margin: 0;
  padding: 0 0 160px;
}
.care-home__intro__name__txt01, .care-home__intro__name__txt02 {
  width: 362px;
}
.care-home__intro__name__txt02 {
  width: 372px;
}
.care-flow {
  margin: 120px 0 0;
  padding: 0 30px 120px;
}
.care-flow__body {
  margin: 40px 0 0;
}
.care-flow__list {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px 0;
}
.care-flow__item {
  width: 240px;
}
.care-flow__item:first-child, .care-flow__item:nth-child(2), .care-flow__item:nth-child(3), .care-flow__item:nth-child(5), .care-flow__item:nth-child(6), .care-flow__item:nth-child(7) {
  width: 293px;
  padding: 0 53px 0 0;
  position: relative;
}
.care-flow__item:first-child::before, .care-flow__item:nth-child(2)::before, .care-flow__item:nth-child(3)::before, .care-flow__item:nth-child(5)::before, .care-flow__item:nth-child(6)::before, .care-flow__item:nth-child(7)::before {
  content: "";
  width: 19px;
  height: 22px;
  background-image: url(images/icn_arrow02.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 72px;
  right: 20px;
}
.care-flow__item__image {
  width: 100%;
}
.care-flow__item__txtbox {
  margin: 24px 0 0;
}
.care-flow__item__ttl {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #01BF99;
}
.care-flow__item__ttl span {
  display: inline-block;
  margin: 0 4px 0 0;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  line-height: 18px;
  color: #FFF;
  background-color: #01BF99;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.care-flow__item__txt {
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.care-spend {
  padding: 120px 30px;
}
.care-spend__body {
  max-width: 1160px;
  margin: 24px auto 98px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 0;
}
.care-spend__lt {
  width: 680px;
  margin: 0 20px;
}
.care-spend__rt {
  width: 400px;
  margin: 0 20px;
}
.care-spend__slider li {
  cursor: pointer;
}
.care-spend__th {
  margin: 16px auto 0;
}
.care-spend__th .slick-track {
  flex-wrap: wrap;
  gap: 5px;
}
.care-spend__th .slick-track::before {
  content: none;
}
.care-spend__th li {
  width: 132px !important;
  cursor: pointer;
  outline: none;
}
.care-spend__th li:last-child {
  margin: 0;
}
.care-spend__th li img {
  width: 100%;
  opacity: 0.4;
}
.care-spend__th .slick-track {
  display: flex;
  width: 100% !important;
}
.care-spend__th .slick-current img {
  opacity: 1;
}
.care-spend__txt01 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #E52D8A;
  word-break: auto-phrase;
}
.care-spend__txt02 {
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.care-spend__diary {
  margin: 24px 0 0;
  padding: 24px;
  background-color: #FFEEF6;
}
.care-spend__diary__txt01 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #E52D8A;
}
.care-spend__diary__txt02 {
  margin: 8px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.care-spend__diary__btn {
  margin: 24px auto 0;
}
.care-detail {
  padding: 120px 30px;
  position: relative;
}
.care-detail::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(-45deg, #FDFFE2, #FFEFE8);
  opacity: 0.8;
  z-index: -1;
}
.care-detail__ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
  color: #E52D8A;
}
.care-detail__txtbox {
  max-width: 620px;
  margin: 24px auto 0;
  padding: 24px;
  background-color: #FFF;
}
.care-detail__txtbox__txt01 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #E52D8A;
}
.care-detail__txtbox__txt02 {
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.care-detail__info {
  margin: 80px 0 0;
}
.care-detail__image {
  max-width: 620px;
  margin: 24px auto 0;
}
.care-detail__image img {
  width: 100%;
}
.care-detail__table {
  max-width: 620px;
  margin: 40px auto 0;
  border-spacing: 0;
}
.care-detail__table tr:first-child th {
  padding: 0 0 18px;
}
.care-detail__table tr:first-child td {
  padding: 0 0 18px;
}
.care-detail__table th {
  padding: 18px 0;
  width: 198px;
  min-width: 198px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
  color: #E52D8A;
  border-bottom: solid 1px #E52D8A;
}
.care-detail__table td {
  padding: 18px 0;
  font-size: 0;
  line-height: 1.75;
  border-bottom: solid 1px #E52D8A;
}
.care-detail__table td .dis-b {
  display: block;
  letter-spacing: 0.1em;
}
.care-detail__table td .dis-ib {
  font-size: 16px;
  letter-spacing: 0.1em;
  display: inline-block;
}
.care-detail__table td .fz {
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #BBB;
}
.care-detail__table td .common-btn02, .care-detail__table td .common-btn06 {
  margin: 16px auto 0 0;
}
.care-detail__facility {
  margin: 80px 0 0;
}
.care-contact {
  padding: 48px 30px;
  position: relative;
}
.care-contact::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #FFBC71, #FF84A2 50%, #F85C91);
  opacity: 0.8;
  z-index: -1;
}
.care-contact__body {
  max-width: 620px;
  margin: 0 auto;
}
.care-contact__txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: center;
  color: #FFF;
}
.care-contact__btn {
  margin: 24px auto 0;
}

.contact-keyimg {
  background-image: url(images/contact_bg_keyimg_pc.jpg);
}
.contact-tab {
  display: none;
  padding: 80px 30px 0;
}
.contact-tab__body {
  width: 300px;
  margin: 24px auto 0;
  display: flex;
  gap: 16px;
}
.contact-tab__tel, .contact-tab__mail {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 0 0;
  width: 47.3333333333%;
  height: 142px;
  background: linear-gradient(0, #F85C91, #FF84A2 50%, #FFBC71);
}
.contact-tab__tel img, .contact-tab__mail img {
  width: 60px;
  height: auto;
}
.contact-tab__tel p, .contact-tab__mail p {
  margin: 18px 0 0;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #FFF;
}
.contact-tab__mail {
  padding: 32px 0 0;
  background: linear-gradient(0, #20C2D5, #ECFFD1);
}
.contact-tab__mail img {
  width: 55px;
}
.contact-tab__mail p {
  margin: 18px 0 0;
}
.contact-tel {
  padding: 160px 30px 0;
}
.contact-tel__body {
  max-width: 1004px;
  margin: 40px auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px 80px;
}
.contact-tel__lt__txt01, .contact-tel__rt__txt01 {
  font-size: 19px;
  text-align: center;
  line-height: 1.75;
}
.contact-tel__lt__txt01 span, .contact-tel__rt__txt01 span {
  display: inline-block;
  margin: 0 16px 0 0;
  width: 120px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #FFF;
  background-color: #E52D8A;
}
.contact-tel__lt__btn, .contact-tel__rt__btn {
  font-size: 40px;
  font-weight: 900;
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: center;
  color: #2A2A2A;
}
.contact-tel__lt__btn span, .contact-tel__rt__btn span {
  color: #E52D8A;
  text-decoration: underline;
}
.contact-tel__lt__txt02, .contact-tel__rt__txt02 {
  margin: 8px 0 0;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.1em;
}
.contact-tel__rt__txt01 span {
  background-color: #FFA929;
}
.contact-tel__rt__btn span {
  color: #FFA929;
}
.contact-mail {
  padding: 160px 30px;
}
.contact-mail__body {
  margin: 40px auto 0;
}
.contact-mail__toptxt {
  max-width: 620px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.contact-mail__toptxt span {
  color: #01BF99;
}
.contact-mail__toptxt a {
  color: #E52D8A;
}
.contact-mail__form {
  max-width: 620px;
  margin: 40px auto 0;
}
.contact-mail__form__kind {
  margin: 20px 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.contact-mail__form__kind:first-child {
  margin: 0;
}
.contact-mail__form__kind .req, .contact-mail__form__kind .any {
  display: inline-block;
  margin: 0 0 0 16px;
  width: 45px;
  height: 18px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 18px;
  color: #FFF;
  background-color: #E52D8A;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.contact-mail__form__kind .any {
  background-color: #BBB;
}
.contact-mail__form__field {
  margin: 8px 0 0;
}
.contact-mail__form__field label span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  vertical-align: text-bottom;
}
.contact-mail__form__field label:first-of-type {
  margin: 0 40px 0 0;
}
.contact-mail__form__field input[type=text],
.contact-mail__form__field input[type=email],
.contact-mail__form__field input[type=tel] {
  width: 100%;
  padding: 18px 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.1em;
  background-color: #FFF;
  border: solid 1px #707070;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-family: "Noto Sans JP", sans-serif;
}
.contact-mail__form__field textarea {
  width: 100%;
  height: 160px;
  padding: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.1em;
  background-color: #FFF;
  border: solid 1px #707070;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-family: "Noto Sans JP", sans-serif;
}
.contact-mail__form__selectbox {
  position: relative;
  background-color: #FFF;
}
.contact-mail__form__selectbox select {
  width: 100%;
  padding: 18px 20px;
  font-size: 14px;
  font-weight: 500;
  color: inherit;
  line-height: 1.5;
  letter-spacing: 0.1em;
  background-color: transparent;
  border: solid 1px #707070;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  z-index: 10;
}
.contact-mail__form__selectbox::before {
  content: "";
  display: block;
  width: 15px;
  height: 7px;
  background-image: url(images/icn_arrow03.svg);
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 26px;
  right: 20px;
  z-index: 5;
}
.contact-mail__form__recruit {
  display: none;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.contact-mail__form__recruit.Open {
  display: block;
  margin: 24px 0 0;
}
.contact-mail__form__recruit.Close {
  margin: 0;
  display: none;
}
.contact-mail__form__txt {
  margin: 24px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.contact-mail__form__txtbox {
  margin: 24px 0 0;
  padding: 24px 40px;
  background: linear-gradient(0, #F5FDD8, #E8FAD7);
}
.contact-mail__form__txtbox p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.contact-mail__form__checkbox {
  margin: 24px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: center;
}
.contact-mail__form__submit {
  margin: 40px 0 0;
}
.contact-mail__form__submit button {
  padding: 20px 0;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: none;
  cursor: pointer;
}
.contact-mail__form__submit button::after {
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.contact-mail__form__msg {
  margin: 24px 0 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
}
.contact-mail__form__errors {
  margin: 24px 0 0;
  padding: 24px 40px;
  background-color: #dc3545;
}
.contact-mail__form__errors li {
  padding-left: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  text-align: left;
  letter-spacing: 0.1em;
  color: #FFF;
  position: relative;
}
.contact-mail__form__errors li::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  top: 11px;
  left: 0;
}
.contact-mail__form__recaptchaText {
  margin: 40px 0 0;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  color: #bbbbbb;
}
.contact-mail__form__recaptchaText a {
  color: #66b2f3;
}

.grecaptcha-badge {
  visibility: hidden;
}

.news {
  padding: 0 0 160px;
}
.news-keyimg {
  background-image: url(images/news_bg_keyimg_pc.jpg);
}
.news-tab {
  padding: 120px 30px 0;
}
.news-tab__body {
  max-width: 540px;
  margin: 0 auto;
  position: relative;
}
.news-tab__btn {
  width: 100%;
  padding: 18px 28px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  background-color: #FFF;
  border: solid 1px #707070;
  position: relative;
  cursor: pointer;
}
.news-tab__btn::before {
  content: "";
  display: block;
  width: 12px;
  height: 5px;
  background-image: url(images/icn_arrow03.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: calc(50% - 2px);
  right: 24px;
}
.news-tab__list {
  display: none;
  width: 100%;
  border-bottom: solid 1px #707070;
  border-left: solid 1px #707070;
  border-right: solid 1px #707070;
  position: absolute;
  z-index: 5;
}
.news-tab__list a {
  display: block;
  width: 100%;
  padding: 16px 28px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #2A2A2A;
  background-color: #FFF;
  border-bottom: solid 1px rgba(200, 200, 200, 0.5);
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.news-tab__list a:last-child {
  border-bottom: none;
}
.news-tab__list a:hover {
  background-color: #FFEEF6;
}
.news-main {
  margin: 80px 0 0;
  padding: 0 30px;
}
.news-main__list {
  max-width: 1144px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px 3.4965034965%;
}
.news-main__item {
  width: 48.2517482517%;
  padding: 0 0 12px;
  display: flex;
  align-items: center;
  position: relative;
}
.news-main__item::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.news-main__image {
  display: block;
  width: 54.347826087%;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.news-main__image:hover {
  opacity: 0.8;
}
.news-main__detail {
  padding: 8px 24px;
  display: flex;
  width: 45.652173913%;
  min-width: 252px;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.news-main__cat {
  display: inline-block;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 18px;
  text-align: center;
  color: #FFF;
  background-color: #E52D8A;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.news-main__cat--pink {
  background-color: #E52D8A;
}
.news-main__cat--black {
  background-color: #2A2A2A;
}
.news-main__cat--blue {
  background-color: #20C2D5;
}
.news-main__cat--green {
  background-color: #01BF99;
}
.news-main__cat--gray {
  background-color: #8F8F8F;
}
.news-main__date {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #BBB;
}
.news-main__ttl {
  width: 100%;
  margin: 16px 0 0;
}
.news-main__ttl a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #2A2A2A;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.news-main__ttl a:hover {
  color: #E52D8A;
}
.news-pager {
  margin: 80px 0 0;
}
.news-pager__body {
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-pager__body a, .news-pager__body span {
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
  font-weight: 500;
  color: #E52D8A;
}
.news-pager__body a.current, .news-pager__body span.current {
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  color: #FFF;
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.single {
  padding: 0 0 160px;
}
.single-keyimg__bodyPc {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.single-keyimg__bodySp {
  display: none;
}
.single-keyimg__noimage {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
}
.single-main {
  margin: 160px 0 0;
  padding: 0 30px;
}
.single-main__body {
  max-width: 1040px;
  margin: 0 auto;
}
.single-main__data {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-main__cat {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 18px;
  text-align: center;
  color: #FFF;
  background-color: #E52D8A;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.single-main__cat--black {
  background-color: #2A2A2A;
}
.single-main__cat--blue {
  background-color: #20C2D5;
}
.single-main__cat--green {
  background-color: #01BF99;
}
.single-main__cat--pink {
  background-color: #E52D8A;
}
.single-main__cat--gray {
  background-color: #8F8F8F;
}
.single-main__date {
  display: inline-block;
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #BBB;
}
.single-main__ttl {
  margin: 8px 0 0;
  padding: 0 0 28px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  position: relative;
}
.single-main__ttl::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.single-main__content {
  margin: 24px 0 0;
  line-height: 1.75;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.single-main__content img {
  max-width: 100%;
}
.single-pager {
  margin: 80px 0 0;
}
.single-pager__body {
  width: 276px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-pager__body .prev, .single-pager__body .next {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #E52D8A;
}
.single-pager__body .common-btn01 {
  width: 200px;
  padding: 20px 0;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.single-pager__body .common-btn01::after {
  width: 200px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.guide {
  padding: 0 0 160px;
}
.guide-keyimg {
  background-image: url(images/guide_bg_keyimg_pc.jpg);
}
.guide-tab {
  padding: 160px 30px 0;
}
.guide-tab__txt {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.guide-tab__body {
  max-width: 864px;
  margin: 80px auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}
.guide-tab__box01 {
  width: 600px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 24px;
}
.guide-tab__box01 a {
  display: block;
  width: 184px;
  height: 64px;
  padding: 16px 0 24px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
  color: #FFF;
  background-color: #01BF99;
  border: solid 1px #01BF99;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.guide-tab__box01 a span {
  font-size: 16px;
}
.guide-tab__box01 a::before {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  margin: 0 auto;
  background-image: url(images/icn_arrow01.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.guide-tab__box01 a::after {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  margin: 0 auto;
  background-image: url(images/icn_arrow06.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.guide-tab__box01 a:hover {
  color: #01BF99;
  background-color: #FFF;
}
.guide-tab__box01 a:hover::before {
  opacity: 0;
}
.guide-tab__box01 a:hover::after {
  opacity: 1;
}
.guide-tab__box02 {
  width: 240px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.guide-tab__box02 a {
  display: block;
  width: 240px;
  height: 64px;
  padding: 16px 0 24px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
  color: #FFF;
  background-color: #F9BF11;
  border: solid 1px #F9BF11;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.guide-tab__box02 a span {
  font-size: 16px;
}
.guide-tab__box02 a::before {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  margin: 0 auto;
  background-image: url(images/icn_arrow01.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.guide-tab__box02 a::after {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  margin: 0 auto;
  background-image: url(images/icn_arrow05.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.guide-tab__box02 a:hover {
  color: #F9BF11;
  background-color: #FFF;
}
.guide-tab__box02 a:hover::before {
  opacity: 0;
}
.guide-tab__box02 a:hover::after {
  opacity: 1;
}
.guide-shop {
  padding: 160px 30px 0;
}
.guide-shop__item {
  max-width: 1120px;
  margin: 80px auto 0;
  padding: 40px 0 0;
}
.guide-shop__item:nth-child(2n+1) .guide-shop__name {
  text-align: right;
}
.guide-shop__item:nth-child(2n+1) .guide-shop__intro {
  flex-direction: row-reverse;
}
.guide-shop__item:first-of-type {
  margin: 0 auto;
}
.guide-shop__name {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0.05em;
  color: #01BF99;
}
.guide-shop__name__type {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 28px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  color: #E52D8A;
  border: solid 1px #E52D8A;
  border-radius: 14px;
}
.guide-shop__intro {
  margin: 8px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}
.guide-shop__image {
  width: 722px;
  cursor: pointer;
}
.guide-shop__image__slider .slick-dots {
  bottom: 10px;
}
.guide-shop__image__slider .slick-dots li {
  width: 6px;
  height: 6px;
  margin: 0 3px;
}
.guide-shop__image__slider .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #E52D8A;
}
.guide-shop__image__slider .slick-dots li button {
  width: 6px;
  height: 6px;
  padding: 0;
}
.guide-shop__image__slider .slick-dots li button:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #FFF;
  border-radius: 50%;
  opacity: 1;
}
.guide-shop__txtbox {
  width: 358px;
}
.guide-shop__txtbox__txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.guide-shop__txtbox__txt .cl01 {
  color: #E52D8A;
}
.guide-shop__txtbox__txt .cl02 {
  color: #01BF99;
}
.guide-shop__txtbox__btn {
  width: 310px;
  margin: 24px auto 0;
}
.guide-shop__txtbox__btn02 {
  width: 310px;
  margin: 16px auto 0;
}
.guide-shop__table {
  width: 100%;
  margin: 40px 0 0;
  padding: 48px 80px;
  background: linear-gradient(0, #F5FDD8, #E8FAD7);
  border-spacing: 0;
}
.guide-shop__table tr:first-child th {
  padding: 0 0 18px;
}
.guide-shop__table tr:first-child td {
  padding: 0 0 10px;
}
.guide-shop__table tr:last-child th, .guide-shop__table tr:last-child td {
  border-bottom: none;
  padding: 18px 0 0;
}
.guide-shop__table th {
  padding: 18px 0;
  width: 161px;
  min-width: 161px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
  color: #E52D8A;
  border-bottom: solid 1px #01BF99;
}
.guide-shop__table td {
  padding: 18px 0;
  font-size: 0;
  line-height: 1.75;
  letter-spacing: 0.1em;
  border-bottom: solid 1px #01BF99;
}
.guide-shop__table td .dis-b {
  display: block;
  letter-spacing: 0.1em;
}
.guide-shop__table td .dis-ib {
  font-size: 16px;
  letter-spacing: 0.1em;
  display: inline-block;
}
.guide-shop__table td .fz {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.1em;
}
.guide-shop__table td .common-btn02, .guide-shop__table td .common-btn06 {
  display: inline-block;
  margin: 0 0 0 40px;
}
.guide-shop__table td .common-btn06 {
  display: block;
  margin: 12px 0 0;
}
.guide-shop__table td .icon {
  display: inline-block;
  margin: 0 40px 8px 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.guide-shop__table td .icon img {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
}
.guide-care {
  padding: 160px 30px 0;
}
.guide-care__item {
  max-width: 1120px;
  margin: 80px auto 0;
  padding: 40px 0 0;
}
.guide-care__item:nth-child(2n+1) .guide-care__name {
  text-align: right;
}
.guide-care__item:nth-child(2n+1) .guide-care__intro {
  flex-direction: row-reverse;
}
.guide-care__item:first-of-type {
  margin: 40px auto 0;
}
.guide-care__name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 16px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0.05em;
  color: #FFA929;
}
.guide-care__name__type {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 28px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  color: #E52D8A;
  border: solid 1px #E52D8A;
  border-radius: 14px;
}
.guide-care__intro {
  margin: 8px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}
.guide-care__image {
  width: 722px;
}
.guide-care__image .slick-dots {
  bottom: 10px;
}
.guide-care__image .slick-dots li {
  width: 6px;
  height: 6px;
  margin: 0 3px;
}
.guide-care__image .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #E52D8A;
}
.guide-care__image .slick-dots li button {
  width: 6px;
  height: 6px;
  padding: 0;
}
.guide-care__image .slick-dots li button:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #FFF;
  border-radius: 50%;
  opacity: 1;
}
.guide-care__txtbox {
  width: 358px;
}
.guide-care__txtbox__txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.guide-care__table {
  width: 100%;
  margin: 40px 0 0;
  padding: 48px 80px;
  background: linear-gradient(0, #FDFFE2, #FFEFE8);
  border-spacing: 0;
}
.guide-care__table tr:first-child th {
  padding: 0 0 18px;
}
.guide-care__table tr:first-child td {
  padding: 0 0 10px;
}
.guide-care__table tr:last-child th, .guide-care__table tr:last-child td {
  border-bottom: none;
  padding: 18px 0 0;
}
.guide-care__table th {
  padding: 18px 0;
  width: 161px;
  min-width: 161px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
  color: #E52D8A;
  border-bottom: solid 1px #E52D8A;
}
.guide-care__table td {
  padding: 18px 0;
  font-size: 0;
  line-height: 1.75;
  letter-spacing: 0.1em;
  border-bottom: solid 1px #E52D8A;
}
.guide-care__table td .dis-b {
  display: block;
  letter-spacing: 0.1em;
}
.guide-care__table td .dis-ib {
  font-size: 16px;
  letter-spacing: 0.1em;
  display: inline-block;
}
.guide-care__table td .common-btn02, .guide-care__table td .common-btn06 {
  display: inline-block;
  margin: 0 0 0 40px;
}
.guide-care__table td .icon {
  display: inline-block;
  margin: 0 40px 8px 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.guide-care__table td .icon img {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
}

.fishing {
  padding: 0 0 160px;
}
.fishing-keyimg {
  background-image: url(images/fishing_bg_keyimg_pc.jpg);
}
.fishing-intro {
  padding: 160px 0 0;
}
.fishing-intro__body {
  max-width: 1920px;
  margin: 40px auto 0;
  padding: 0 30px 0 0;
}
.fishing-intro__inner {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  max-width: 1520px;
  margin: 0 auto 0 0;
}
.fishing-intro__txt {
  width: 500px;
  margin: 0 0 0 5.2631578947%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.fishing-intro__image {
  width: 61.8421052632%;
  min-width: 360px;
}
.fishing-intro__image img {
  width: 100%;
}
.fishing-about {
  padding: 160px 0;
}
.fishing-about__body {
  max-width: 1920px;
  margin: 40px auto 0;
  padding: 0 0 0 30px;
}
.fishing-about__inner {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  max-width: 1520px;
  margin: 0 0 0 auto;
}
.fishing-about__txt {
  width: 500px;
  margin: 0 5.2631578947% 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.fishing-about__image {
  width: 61.8421052632%;
  min-width: 360px;
}
.fishing-about__image img {
  width: 100%;
}
.fishing-spot {
  padding: 160px 0;
  background: linear-gradient(0, #F5FDD8, #E8FAD7);
}
.fishing-spot__box {
  max-width: 1920px;
  margin: 120px auto 0;
  padding: 0 30px 0 0;
}
.fishing-spot__box:first-of-type {
  margin: 40px auto 0;
}
.fishing-spot__box:nth-child(2n+1) {
  padding: 0 0 0 30px;
}
.fishing-spot__box:nth-child(2n+1) .fishing-spot__inner {
  flex-direction: row-reverse;
  margin: 0 0 0 auto;
}
.fishing-spot__inner {
  max-width: 1520px;
  margin: 0 auto 0 0;
  display: flex;
  align-items: center;
  gap: 40px;
}
.fishing-spot__image {
  width: 61.8421052632%;
  max-width: 940px;
  overflow: hidden;
}
.fishing-spot__image img {
  width: 940px;
}
.fishing-spot__info {
  width: 540px;
  min-width: 540px;
}
.fishing-spot__name {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #01BF99;
}
.fishing-spot__detail {
  margin: 16px 0 0;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.fishing-spot__detail:first-of-type {
  margin: 24px 0 0;
}
.fishing-spot__detail__ttl {
  width: 160px;
  min-width: 160px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  color: #FFF;
  background-color: #01BF99;
}
.fishing-spot__detail__txt {
  font-size: 0;
}
.fishing-spot__detail__txt > span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.fishing-spot__detail__txt > span a {
  color: #2A2A2A;
  text-decoration: underline;
}
.fishing-spot__map {
  margin: 32px 0 0;
  width: 100%;
  height: 140px;
}
.fishing-diary {
  padding: 40px 30px;
  background: linear-gradient(135deg, #20C2D5, #ECFFD1);
}
.fishing-diary__body {
  max-width: 1120px;
  margin: 0 auto;
  padding: 40px;
  background-color: #FFF;
}
.fishing-diary__ttl {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #20C2D5;
}
.fishing-diary__txt {
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.fishing-diary__btn {
  margin: 24px auto 0;
}
.fishing-product {
  padding: 160px 0;
}
.fishing-product__list {
  margin: 40px 0 0;
  padding: 0 0 0 30px;
}
.fishing-product__list__body {
  max-width: 79.1666666667%;
  margin: 0 0 0 auto;
}
.fishing-product__list__inner01 {
  overflow: auto;
}
.fishing-product__list__inner02 {
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.fishing-product__list__inner02::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
}
.fishing-product__list__item {
  display: inline-block;
  width: 240px;
  margin: 0 40px 0 0;
  vertical-align: top;
}
.fishing-product__list__item img {
  width: 100%;
}
.fishing-product__list__item p {
  margin: 16px 0 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  white-space: normal;
  text-align: center;
  color: #E52D8A;
}
.fishing-product__txt {
  max-width: 1180px;
  margin: 60px auto 0;
  padding: 0 30px;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.fishing-shop {
  padding: 160px 0;
  background: linear-gradient(0, #FDFFE2, #FFEFE8);
}
.fishing-shop__main {
  margin: 40px 0 0;
  padding: 0 30px;
}
.fishing-shop__box {
  max-width: 620px;
  margin: 0 auto;
}
.fishing-shop__image {
  width: 100%;
}
.fishing-shop__name {
  margin: 40px 0 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.fishing-shop__add {
  margin: 24px 0 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px 40px;
}
.fishing-shop__add address {
  font-size: 0;
}
.fishing-shop__add address span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.fishing-shop__info {
  width: 100%;
  margin: 16px 0 0;
  border-spacing: 0;
}
.fishing-shop__info tr:first-of-type th, .fishing-shop__info tr:first-of-type td {
  padding: 0 0 18px;
}
.fishing-shop__info th {
  width: 198px;
  min-width: 140px;
  padding: 18px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
  color: #E52D8A;
  border-bottom: solid 1px #E52D8A;
}
.fishing-shop__info td {
  padding: 18px 0;
  font-size: 0;
  line-height: 1.75;
  border-bottom: solid 1px #E52D8A;
}
.fishing-shop__info td .dis-b {
  display: block;
  font-size: 16px;
  letter-spacing: 0.1em;
}
.fishing-shop__info td .dis-ib {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.1em;
}
.fishing-shop__slider {
  margin: 80px 0 0;
  overflow: hidden;
}
.fishing-shop__slider__list li {
  margin: 0 0.625vw;
}
.fishing-shop__slider__list li img {
  display: block;
  width: 23.9583333333vw;
  height: 14.375vw;
}

.recruit-keyimg {
  background-image: url(images/recruit_bg_keyimg_pc.jpg);
}
.recruit-intro {
  padding: 160px 30px 0;
}
.recruit-intro__txt {
  max-width: 1120px;
  margin: 40px auto 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.recruit-slider {
  margin: 80px 0 0;
  overflow: hidden;
}
.recruit-slider__list li {
  margin: 0 0.625vw;
}
.recruit-slider__list li img {
  display: block;
  width: 23.9583333333vw;
  height: 14.375vw;
}
.recruit-charm {
  padding: 160px 30px 0;
}
.recruit-charm__body {
  max-width: 1120px;
  margin: 40px auto 0;
}
.recruit-charm__box {
  margin: 80px auto 0;
  padding: 0 0 0 125px;
  position: relative;
}
.recruit-charm__box:first-of-type {
  margin: 0 auto;
}
.recruit-charm__box:nth-child(2n) {
  padding: 0 125px 0 0;
}
.recruit-charm__box:nth-child(2n) .recruit-charm__image {
  right: 0;
  left: auto;
}
.recruit-charm__box:nth-child(2n) .recruit-charm__txtbox {
  padding: 56px 235px 56px 48px;
}
.recruit-charm__image {
  width: 320px;
  position: absolute;
  top: calc(50% - 96px);
  left: 0;
}
.recruit-charm__image img {
  width: 100%;
}
.recruit-charm__txtbox {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 272px;
  padding: 56px 48px 56px 235px;
  background: linear-gradient(0, #F5FDD8, #E8FAD7);
}
.recruit-charm__txt01 {
  display: flex;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #01BF99;
}
.recruit-charm__txt01 img {
  display: inline-block;
  margin: 0 8px 0 0;
  height: 43px;
  width: auto;
}
.recruit-charm__txt02 {
  margin: 24px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.recruit-charm__txt02 span {
  color: #01BF99;
}
.recruit-effort {
  padding: 160px 0 0;
}
.recruit-effort__body {
  max-width: 1920px;
  margin: 40px auto 0;
  padding: 0 30px 0 0;
}
.recruit-effort__inner {
  display: flex;
  align-items: center;
  max-width: 1520px;
  margin: 0 auto 0 0;
}
.recruit-effort__image {
  width: 61.8421052632%;
  min-width: 360px;
}
.recruit-effort__image img {
  width: 100%;
}
.recruit-effort__txt {
  width: 500px;
  margin: 0 0 0 2.6315789474%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.recruit-interview {
  padding: 160px 30px;
}
.recruit-interview__box {
  max-width: 1120px;
  margin: 160px auto 0;
}
.recruit-interview__box:first-of-type {
  margin: 80px auto 0;
}
.recruit-interview__box:nth-child(odd) .recruit-interview__image {
  margin: 0 0 0 auto;
}
.recruit-interview__box:nth-child(odd) .recruit-interview__image__number {
  left: auto;
  right: 0;
}
.recruit-interview__box:nth-child(odd) .recruit-interview__txt {
  right: auto;
  left: 0;
}
.recruit-interview__prof {
  width: 620px;
  margin: 0 auto;
  padding: 0 0 194px;
  position: relative;
}
.recruit-interview__image {
  width: 360px;
  position: relative;
}
.recruit-interview__image__main {
  width: 100%;
}
.recruit-interview__image__number {
  display: inline-block;
  width: 154px;
  height: 100px;
  position: absolute;
  top: -40px;
  left: 0;
}
.recruit-interview__txt {
  max-width: 340px;
  position: absolute;
  top: 320px;
  right: 0;
}
.recruit-interview__msg__txt {
  display: inline-block;
  width: 100%;
  margin: 0 0 0 auto;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 60px;
  color: #FFF;
}
.recruit-interview__msg__txt:nth-child(2) {
  margin: 16px 0 0 auto;
}
.recruit-interview .textAnime-box__inner {
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  background-color: initial;
}
.recruit-interview__name {
  margin: 24px 0 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: right;
}
.recruit-interview__occupation {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: right;
}
.recruit-interview__enter {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: right;
}
.recruit-interview__comment {
  margin: 40px auto 0;
}
.recruit-interview__comment__btn {
  background: linear-gradient(90deg, #F85C91, #FF84A2 50%, #FFBC71);
  cursor: pointer;
}
.recruit-interview__comment__btn span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.1em;
  text-align: center;
  color: #FFF;
}
.recruit-interview__comment__body {
  height: 0;
  opacity: 0;
  visibility: hidden;
  padding: 64px 80px 40px;
  background-color: #FFEEF6;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.recruit-interview__comment__body.Active {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.recruit-interview__comment__box01 {
  display: flex;
  align-items: center;
  gap: 40px;
}
.recruit-interview__comment__box01__lt {
  width: 520px;
}
.recruit-interview__comment__box01__rt {
  width: 400px;
  min-width: 320px;
}
.recruit-interview__comment__ttl {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #E52D8A;
}
.recruit-interview__comment__txt {
  margin: 24px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.recruit-interview__comment__box02 {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 40px;
  margin: 80px 0 0;
}
.recruit-interview__comment__box02__lt {
  width: 320px;
  min-width: 320px;
}
.recruit-interview__comment__box02__rt {
  width: 600px;
}
.recruit-interview__comment__box03 {
  margin: 80px 0 0;
}
.recruit-interview__comment__close {
  width: 80px;
  margin: 80px auto 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.1em;
  color: #E52D8A;
  cursor: pointer;
}
.recruit-guide {
  padding: 160px 30px;
  background: linear-gradient(0, #FDFFE2, #FFEFE8);
}
.recruit-guide__tab {
  max-width: 620px;
  margin: 40px auto 0;
}
.recruit-guide__tab__body {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.recruit-guide__tab__btn {
  width: 180px;
  padding: 0 0 12px;
  position: relative;
  cursor: pointer;
}
.recruit-guide__tab__btn::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 4px;
  background-color: #BBB;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.recruit-guide__tab__btn p {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
  color: #BBB;
}
.recruit-guide__tab__btn p span {
  display: block;
  font-size: 14px;
}
.recruit-guide__tab__btn.Active::before {
  background: linear-gradient(90deg, #FFBC71, #FF84A2 50%, #F85C91);
}
.recruit-guide__tab__btn.Active p {
  color: #2A2A2A;
}
.recruit-guide__info {
  max-width: 620px;
  margin: 40px auto 0;
}
.recruit-guide__info__body {
  display: none;
}
.recruit-guide__info__body.Active {
  display: block;
}
.recruit-guide__info__name {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.recruit-guide__info__table {
  width: 100%;
  margin: 24px 0 0;
  border-spacing: 0;
}
.recruit-guide__info__table tr:first-of-type th {
  padding: 0;
}
.recruit-guide__info__table th {
  display: block;
  padding: 16px 0 0;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #E52D8A;
}
.recruit-guide__info__table td {
  display: block;
  margin: 4px 0 0;
  padding: 0 0 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.1em;
  border-bottom: solid 1px #E52D8A;
}
.recruit-flow {
  padding: 160px 30px;
}
.recruit-flow__body {
  max-width: 620px;
  margin: 80px auto 0;
}
.recruit-flow__step {
  padding: 0 0 8px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #E52D8A;
  border-bottom: solid 1px #E52D8A;
}
.recruit-flow__txt01 {
  max-width: 540px;
  margin: 24px auto 0;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.recruit-flow__txtbox {
  max-width: 540px;
  margin: 20px auto 0;
  padding: 24px 40px;
  background-color: #FFEEF6;
}
.recruit-flow__txtbox__txt01 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.recruit-flow__txtbox__txt02 {
  margin: 16px 0 0;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
}
.recruit-flow__txtbox__txt02 a {
  color: #E52D8A;
  text-decoration: underline;
}
.recruit-flow__txtbox__txt03 {
  margin: 8px 0 0;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
}
.recruit-flow__arrow {
  margin: 40px auto;
  text-align: center;
}
.recruit-flow__btn {
  margin: 80px auto 0;
}

.absent {
  margin: 80px auto 0;
  padding: 200px 20px 80px;
}
.absent-ttl {
  font-size: 48px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
.absent-txt01 {
  margin: 40px auto 0;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.absent .common-btn01 {
  margin: 40px auto 0;
}

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