@charset "UTF-8";
/*===========================
pg-共通
===========================*/
.body-rec {
  background-color: #F9F7F3;
}
.gra-txt {
  color: #67b94f;
  display: inline-block;
  background: linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
  background: -webkit-linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gra-bg {
  background-color: #65c3d6;
  background-image: linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
}
.gra-blue-bg {
  background-color: #91E2F8;
  background-image: linear-gradient(45deg, #91E2F8 0%, #4CB6EC 100%);
}

.bar-ora {
  border-radius: 4rem;
  color: #fff;
  background-color: #F6AD4A;
  background-image: linear-gradient(45deg, #F6AD4A 0%, #F0C828 100%);
  aspect-ratio: 14/3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bar-gre {
  border-radius: 4rem;
  color: #fff;
  background-color: #8CC76A;
  aspect-ratio: 97/22;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bar-gray {
  background-color: #E4E4E4;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 312/30;
}
.img {
  min-width: 34rem;
  
  position: relative;
  overflow: hidden;
}
.img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s;
}
.img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E6F5DC;
  transition: all 0.8s;
}
.img.scroll::after {
  transform: translateX(100%);
}
/*===========================
下層ボタンナビゲーション
===========================*/
.pg-nav {
  margin-bottom: 8rem;
}
.pg-nav .box {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.pg-nav .box ul {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
}
.pg-nav .box ul li {
  width: 25%;
  text-align: center;
}
.pg-nav .box ul li a {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  padding: 1.6rem 0;
  border-right: 1px solid rgba(140, 199, 106, 0.22);
  transition: all 0.5s;
  color: #000;
  background: unset;
  -webkit-text-fill-color: unset;
}
.pg-nav .box ul li a p {
  transform: rotate(90deg);
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  transition: all 0.5s;
  -webkit-text-fill-color: black;
}
.pg-nav .box ul li a:hover {
  opacity: 1;
  background-color: #65c3d6;
  background-image: linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
  -webkit-background-clip: unset;
  -webkit-text-fill-color: white;
}
.pg-nav .box ul li a:hover p {
  -webkit-text-fill-color: white;
}
.pg-nav .box ul li:last-child {
  border-right: none;
}

@media screen and (max-width: 768px) {
  .pg-nav .box ul {
    flex-wrap: wrap;
    justify-content: left;
  }
  .pg-nav .box ul li {
    width: 50%;
  }
  .pg-nav .box ul li:nth-child(1) a {
    border-bottom: 1px solid rgba(140, 199, 106, 0.22);
  }
  .pg-nav .box ul li:nth-child(2) a {
    border-bottom: 1px solid rgba(140, 199, 106, 0.22);
  }
  .pg-nav .box ul li:nth-child(3) a {
    border-bottom: 1px solid rgba(140, 199, 106, 0.22);
  }
  .pg-nav .box ul li:nth-child(4) a {
    border-bottom: 1px solid rgba(140, 199, 106, 0.22);
  }
}
/*=============================
下層ページMV
===============================*/
.pg .pg-mv {
  margin-top: 8rem;
  min-height: 250px;
  position: relative;
}
.pg .pg-mv img {
  min-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.pg .pg-mv .inbox {
  max-width: 1280px;
  width: 100%;
  margin-inline: auto;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.pg .pg-mv .inbox .txtbox {
  color: #fff;
  margin-left: 10rem;
}
.pg .pg-mv .inbox .txtbox h1 {
  font-weight: bold;
  letter-spacing: 0.1em;
}
.pg .pg-mv .inbox .txtbox p {
  letter-spacing: 0.5em;
}
.pg .pg01 {
  text-align: center;
  padding-top: 8rem;
  padding-bottom: 8.6rem;
  max-width: 760px;
  width: 100%;
  margin-inline: auto;
}
.pg .pg01 h2 {
  letter-spacing: 0.5em;
  margin-bottom: 2rem;
  font-weight: 400;
}
.pg .pg01 .fo24 {
  margin-bottom: 2rem;
}
.pg .pg01 .fo16 {
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .pg .pg-mv {
    margin-top: 60px;
  }
  .pg .pg01 {
    padding-inline: 5%;
  }
  .pg .pg01 .fo40 {
    font-size: 30px;
  }
  .pg .pg01 .fo24 {
    font-size: 20px;
  }
  .pg .pg01 .fo16 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .pg .pg-mv {
    margin-top: 60px;
    min-height: 180px;
  }
  .pg .pg-mv img {
    min-height: 180px;
  }
  .pg .pg-mv .inbox .txtbox {
    margin-left: 4rem;
  }
  .pg .pg-mv .inbox .txtbox .fo50 {
    font-size: 30px;
  }
  .pg .pg-mv .inbox .txtbox .fo30 {
    font-size: 18px;
  }
}
/*===========================
404
===========================*/
.error {
  margin-top: 180px;
  text-align: center;
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.error p {
  margin-bottom: 2rem;
  line-height: 1.8;
}
.error .btn a {
  width: 26rem;
  margin-inline: auto;
  margin-top: 3rem;
}

/*===========================
privacy
===========================*/
.privacy .pg01 {
  padding-top: 25rem;
}
.privacy .pg-nav .box ul li {
  width: 50%;
}
.privacy .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.privacy p {
  line-height: 2;
}
.privacy ul li {
  line-height: 2;
}
.privacy .gra-bg {
  height: 0.8rem;
}
.privacy .blank {
  width: 100%;
  height: 1.2em;
}
.privacy .ul01 {
  list-style: disc;
  padding-left: 1.2em;
}
.privacy .ul02 {
  list-style: decimal;
  padding-left: 1.2em;
}
.privacy .ul03 li::before {
  content: "■";
  display: inline-block;
}

@media screen and (max-width: 1080px) {
  .privacy .wrapper {
    padding-inline: 5%;
  }
}
/*===========================
outpatient
pg02
===========================*/
.outpatient .pg02 {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
  padding-bottom: 12rem;
}
.outpatient .pg02 h2 {
  margin-bottom: 2rem;
  letter-spacing: 0.5em;
}
.outpatient .pg02 table {
  border-top: 1px solid #E1F0F5;
  border-left: 1px solid #E1F0F5;
  text-align: center;
  width: 100%;
  margin-bottom: 6rem;
}
.outpatient .pg02 table tbody tr th, .outpatient .pg02 table tbody tr td {
  border-right: 1px solid #E1F0F5;
  border-bottom: 1px solid #E1F0F5;
  width: 25%;
  height: 6.4rem;
  vertical-align: middle;
  padding-top: min(0.78vw, 10px);
  padding-bottom: min(0.47vw, 6px);
  padding-inline: min(0.55vw, 7px);
  line-height: 1;
}
.outpatient .pg02 table tbody tr th {
  font-size: 1.8rem;
  background-color: #F0F5FA;
  color: #6EC8E1;
}
.outpatient .pg02 table tbody tr td {
  font-size: 1.6rem;
  font-family: "Gothic A1", sans-serif;
}
.outpatient .pg02 table tbody tr td span {
  font-size: 1.2rem;
}
.outpatient .pg02 table tbody tr:nth-child(1) th {
  padding: 5px;
  height: 4.2rem;
}
.outpatient .pg02 .table-pc {
  display: table;
}
.outpatient .pg02 .table-sp {
  display: none;
}
.outpatient .pg02 .box {
  background-color: #E6F5DC;
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  padding: 5rem 6rem;
}
.outpatient .pg02 .box.noflex {
  display: block;
  margin-top: 6rem;
}
.outpatient .pg02 .box.noflex .bo-bo {
  width: 100%;
  height: 0.6rem;
  margin-bottom: 1rem;
}
.outpatient .pg02 .box.noflex .txt01 {
  line-height: 2;
  letter-spacing: 0.06em;
  margin-top: 2rem;
  margin-bottom: 3rem;
  display: inline-block;
}
.outpatient .pg02 .box.noflex .btn a {
  margin-left: auto;
  margin-right: 0;
}
.outpatient .pg02 .box .ttlbox {
  display: flex;
  align-items: center;
  justify-content: left;
}
.outpatient .pg02 .box .left {
  width: 41rem;
}
.outpatient .pg02 .box .left .ttlbox {
  gap: 2rem;
  margin-bottom: 1.5rem;
}
.outpatient .pg02 .box .left .ttlbox h2 {
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.outpatient .pg02 .box .left .ttlbox .bar-ora {
  width: 14rem;
}
.outpatient .pg02 .box .left p {
  line-height: 2;
  letter-spacing: 0.06em;
}
.outpatient .pg02 .box .right {
  margin-top: 5rem;
}
.outpatient .pg02 .box .right .ttlbox {
  gap: 0.6rem;
  margin-bottom: 1.2rem;
}
.outpatient .pg02 .box .right .ttlbox .bar-gre {
  border-radius: 0;
  width: 9.7rem;
}
.outpatient .pg02 .box .right table {
  border-top: 1px solid #8CC76A;
  border-left: 1px solid #8CC76A;
  width: 42rem;
}
.outpatient .pg02 .box .right table tbody tr th, .outpatient .pg02 .box .right table tbody tr td {
  border-right: 1px solid #8CC76A;
  border-bottom: 1px solid #8CC76A;
  height: 5rem;
  text-align: center;
  vertical-align: middle;
}
.outpatient .pg02 .box .right table tbody tr th {
  color: #8CC76A;
  background-color: #E6F5DC;
  width: 12rem;
  aspect-ratio: 12/5;
}
.outpatient .pg02 .box .right table tbody tr td {
  background-color: #fff;
  width: 5rem;
  aspect-ratio: 1/1;
}

@media screen and (max-width: 1080px) {
  .outpatient .pg02 {
    padding-inline: 5%;
  }
  .outpatient .pg02 table {
    margin-inline: auto;
  }
  .outpatient .pg02 table tbody tr th, .outpatient .pg02 table tbody tr td {
    width: 18rem;
    height: 4.5rem;
    padding-inline: 7px;
    padding: 10px 7px 6px;
  }
  .outpatient .pg02 table tbody tr:nth-child(1) th {
    height: 3rem;
  }
  .outpatient .pg02 .box {
    flex-direction: column;
    gap: 0;
  }
  .outpatient .pg02 .box .left, .outpatient .pg02 .box .right {
    width: 100%;
  }
  .outpatient .pg02 .box .right .ttlbox {
    justify-content: center;
  }
}
@media screen and (max-width: 680px) {
  .outpatient .pg02 h2 {
    text-align: center;
    width: 100%;
  }
  .outpatient .pg02 .table-pc {
    display: none;
  }
  .outpatient .pg02 .table-sp {
    display: table;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 3rem;
  }
  .outpatient .pg02 .table-sp tbody tr th, .outpatient .pg02 .table-sp tbody tr td {
    font-size: 14px;
  }
  .outpatient .pg02 .table-sp tbody tr td span {
    font-size: 11px;
  }
  .outpatient .pg02 .box .left .fo14 {
    font-size: 14px;
  }
  .outpatient .pg02 .box.noflex .txt01 {
    font-size: 14px;
  }
  .outpatient .pg02 .box .left .ttlbox h2 {
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 580px) {
  .outpatient .pg02 .box {
    padding: 5%;
  }
  .outpatient .pg02 .box .left .ttlbox {
    flex-direction: column;
    gap: 0;
    margin-bottom: 3rem;
  }
  .outpatient .pg02 .box .left .ttlbox h2 {
    width: 100%;
    text-align: center;
  }
  .outpatient .pg02 .box .left .ttlbox .bar-ora {
    margin-inline: auto;
  }
  .outpatient .pg02 .box .right .ttlbox {
    flex-direction: column;
  }
  .outpatient .pg02 .box .right table {
    width: 100%;
  }
  .outpatient .pg02 .box .right table tbody tr th, .outpatient .pg02 .box .right table tbody tr td {
    padding: 0;
    font-size: 14px;
  }
  .outpatient .pg02 .box .right table tbody tr th {
    width: 9rem;
  }
  .outpatient .pg02 .box .right table tbody tr td {
    width: 2rem;
  }
}
/*===========================
pg03
===========================*/
.outpatient .pg03 {
  background-color: #F0F5FA;
  width: 100vw;
}
.outpatient .pg03 .box {
  max-width: 1280px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  justify-content: center;
}
.outpatient .pg03 .box .left {
  width: 40.5rem;
  aspect-ratio: 1/2;
  position: relative;
  overflow: hidden;
}
.outpatient .pg03 .box .left::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F0F5FA;
  transition: all 0.8s;
}
.outpatient .pg03 .box .left.scroll::after {
  transform: translateX(100%);
}
.outpatient .pg03 .box .left img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.outpatient .pg03 .box .right {
  padding: 4.8rem 0 0 6rem;
  width: 85rem;
  overflow: hidden;
}
.outpatient .pg03 .box .right .ttlbox {
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 1.4rem;
}
.outpatient .pg03 .box .right .ttlbox h2 {
  letter-spacing: 0.5em;
  line-height: 1.5;
  font-weight: 400;
}
.outpatient .pg03 .box .right .ttlbox .bar-ora {
  width: 10rem;
}
.outpatient .pg03 .box .right .bo-bo {
  width: 100%;
  height: 0.6rem;
  margin-bottom: 1rem;
}
.outpatient .pg03 .box .right .txt01 {
  line-height: 2;
  letter-spacing: 0.2em;
  margin-bottom: 4rem;
}
.outpatient .pg03 .box .right .box {
  gap: 2rem;
}
.outpatient .pg03 .box .right .box .left {
  width: 10rem;
  aspect-ratio: 0;
}
.outpatient .pg03 .box .right .box .left::after {
  display: none;
}
.outpatient .pg03 .box .right .box .left .number {
  width: 10rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #6EC8E1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1;
  position: relative;
}
.outpatient .pg03 .box .right .box .left .number::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 0.6rem;
  height: 28rem;
  background-color: #6EC8E1;
}
.outpatient .pg03 .box .right .box .right {
  width: 55rem;
  padding: 0;
  padding-bottom: 5.8rem;
}
.outpatient .pg03 .box03 .right .box .right .inbox {
  flex-direction: column;
  justify-content: left;
}
.outpatient .pg03 .box03 .right .box00 .right .inbox {
  flex-direction: row;
}
.outpatient .pg03 .box .right .box .right .inbox h3 {
  color: #6EC8E1;
  margin-bottom: 0.6rem;
  font-weight: 400;
}
.outpatient .pg03 .box .right .box .right .inbox .fo14 {
  line-height: 2;
  margin-bottom: 1rem;
  letter-spacing: 0.2em;
  text-align: left;
  width: 100%;
}
.outpatient .pg03 .box .right .box .right .inbox .txt00 {
  text-align: center;
}
.outpatient .pg03 .box .right .box .right .inbox .content,.outpatient .pg03 .box .right .supbox .content {
  background-color: #fff;
  text-align: center;
  padding: 2rem 0;
}
.outpatient .pg03 .box .right .box .right .inbox .content .bar-gray,.outpatient .pg03 .box .right .supbox .content .bar-gray {
  width: 31.2rem;
  margin-inline: auto;
}
.outpatient .pg03 .box .right .box .right .inbox .content .tel,.outpatient .pg03 .box .right .supbox .content .tel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  margin-inline: auto;
}
.outpatient .pg03 .box .right .box .right .inbox .content .tel img,.outpatient .pg03 .box .right .supbox .content .tel img {
  width: 3rem;
}
.supbox {
  margin-bottom: 5rem;
}
.outpatient .pg03 .box .right .box02 .right .inbox .content .bar-gray {
  width: 52rem;
  aspect-ratio: 52/3;
}
.outpatient .pg03 .box .right .box02 .right .inbox .content ul {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: left;
  margin-top: 1rem;
}
.outpatient .pg03 .box .right .box02 .right .inbox .content ul li {
  width: -moz-fit-content;
  width: fit-content;
  line-height: 2;
}
.outpatient .pg03 .box .right .box02 .right .inbox .content ul li::before {
  content: "";
  display: inline-block;
  background-image: url("../img/page/outpatient/pg03-02.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.8rem;
  aspect-ratio: 1/1;
  margin-right: 1rem;
}
.outpatient .pg03 .box .right .box05 {
  padding-bottom: 5rem;
}
.outpatient .pg03 .box03 {
  background-color: #E6F5DC;
  position: relative;
}
.outpatient .pg03 .box03::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100vw;
  height: 100%;
  background-color: #E6F5DC;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.outpatient .pg03 .box03 .left {
  aspect-ratio: 0;
  position: relative;
  z-index: 2;
  width: 40.5rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.outpatient .pg03 .box03 .right {
  position: relative;
  z-index: 2;
}
.outpatient .pg03 .box03 .right .box .left {
  padding-bottom: 5.8rem;
}
.outpatient .pg03 .box03 .right .box .left .number {
  background-color: #8CC76A;
}
.outpatient .pg03 .box03 .right .box .left .number::after {
  background-color: #8CC76A;
}
.outpatient .pg03 .box03 .right .box .left .none::after {
  background-color: rgba(255, 255, 255, 0);
}
.outpatient .pg03 .box03 .right .box .right {
  padding-bottom: 0;
}
.outpatient .pg03 .box03 .right .box .right .inbox h3 {
  color: #8CC76A;
  margin-inline: 0 auto;
}
.outpatient .pg03 .box .right .box05 .right {
  padding-bottom: 0;
}
.outpatient .pg03 .box03 .right .box .right {
  padding-bottom: 5.8rem;
}
.outpatient .pg03 .box .right .box05 .right .inbox,.outpatient .pg03 .box03 .right .box .right .inbox {
  height: 100%;
  display: flex;
  align-items: center;
}
.outpatient .pg03 .box03 .right .note {
  margin: 2rem 0 4rem;
}
@media screen and (max-width: 1180px) {
  .outpatient .pg03 .box .left {
    width: 36rem;
  }
  .outpatient .pg03 .box .right {
    padding: 3rem 0 0 4rem;
    width: 60rem;
  }
  .outpatient .pg03 .box .right .box .left {
    width: 8rem;
  }
  .outpatient .pg03 .box .right .box .left .number {
    width: 8rem;
  }
  .outpatient .pg03 .box .right .box .left .number .fo50 {
    font-size: 3.6rem;
  }
  .outpatient .pg03 .box .right .box .left .number::after {
    height: 26rem;
  }
  .outpatient .pg03 .box .right .box .right {
    width: 41rem;
    padding-bottom: 1rem;
  }
  .outpatient .pg03 .box .right .box02 .right {
    margin-bottom: 4rem;
  }
  .outpatient .pg03 .box .right .box02 .right .inbox .content .bar-gray {
    width: 36rem;
  }
  .outpatient .pg03 .box .right .txt01 {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1080px) {
  .outpatient .pg03 .box .left {
    width: 30rem;
  }
  .outpatient .pg03 .box .right {
    width: calc(100% - 35rem);
  }
  .outpatient .pg03 .box .right .ttlbox {
    flex-direction: column;
    gap: 1rem;
  }
  .outpatient .pg03 .box .right .ttlbox .bar-ora {
    margin-bottom: 0.5rem;
  }
  .outpatient .pg03 .box .right .bo-bo {
    margin-bottom: 2rem;
  }
  .outpatient .pg03 .box .right .box {
    flex-direction: column;
    gap: 1rem;
  }
  .outpatient .pg03 .box .right .box .left {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    gap: 2rem;
    padding-bottom: 0;
  }
  .outpatient .pg03 .box .right .box .left .number::after {
    display: none;
  }
  .outpatient .pg03 .box .right .box .left h3 {
    color: #6EC8E1;
  }
  .outpatient .pg03 .box .right .box .right {
    width: 100%;
  }
  .outpatient .pg03 .box .right .box02 .right .inbox .content .bar-gray {
    width: 31rem;
  }
  .outpatient .pg03 .box .right .box03-01 .left h3 {
    width: calc(100% - 2rem - 8rem);
  }
  .outpatient .pg03 .box03 .right .box .left h3 {
    color: #8CC76A;
  }
}
@media screen and (max-width: 768px) {
  .outpatient .pg03 {
    width: 100%;
  }
  .outpatient .pg03 .box .left {
    width: 30%;
  }
  .outpatient .pg03 .box .right {
    width: 65%;
  }
}
@media screen and (max-width: 580px) {
  .outpatient .pg03 .box .left {
    width: 0;
  }
  .outpatient .pg03 .box .right {
    width: 90%;
    margin-inline: auto;
    padding-left: 0;
  }
  .outpatient .pg03 .box .right .fo14 {
    font-size: 14px;
  }
}
/*===========================
pg04
===========================*/
.outpatient .pg04 {
  padding: 12rem 0;
  max-width: 1280px;
  width: 100%;
  margin-inline: auto;
}
.outpatient .pg04 h2 {
  text-align: center;
  letter-spacing: 0.5em;
  margin-bottom: 4rem;
  width: 100%;
  font-weight: 400;
}
.outpatient .pg04 ul {
  gap: 4rem;
}
.outpatient .pg04 ul li {
  display: flex;
  align-items: center;
  gap: 4rem;
  margin-bottom: 6rem;
}
.outpatient .pg04 ul li:nth-child(1) {
  justify-content: left;
}
.outpatient .pg04 ul li:nth-child(2) {
  flex-direction: row-reverse;
  justify-content: end;
}
.outpatient .pg04 ul li:nth-child(2) .left.scroll::after {
  transform: translateX(-100%);
}
.outpatient .pg04 ul li .left {
  width: 60rem;
  position: relative;
  overflow: hidden;
}
.outpatient .pg04 ul li .left::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.outpatient .pg04 ul li .left.scroll::after {
  transform: translateX(100%);
}
.outpatient .pg04 ul li .right {
  width: 50rem;
}
.outpatient .pg04 ul li .right .ttlbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.6rem;
  border-bottom: 6px solid #8CC76A;
  margin-bottom: 2rem;
}
.outpatient .pg04 ul li .right .ttlbox h3 {
  letter-spacing: 0.5em;
}
.outpatient .pg04 ul li .right .ttlbox .bar-gre {
  width: 9.7rem;
}
.outpatient .pg04 ul li .right .txt01 {
  color: #8CC76A;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.outpatient .pg04 ul li .right .txt02 {
  line-height: 2;
  letter-spacing: 0.2em;
}
.outpatient .pg04 .box {
  background-color: #E6F5DC;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  padding: 6rem;
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.outpatient .pg04 .box .left h3 {
  margin-bottom: 2rem;
  letter-spacing: 0.1em;
}
.outpatient .pg04 .box .left .fo14 {
  line-height: 2;
  letter-spacing: 0.05em;
}
.outpatient .pg04 .box .img {
  margin: 4rem auto;
  position: relative;
  overflow: hidden;
}
.outpatient .pg04 .box .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E6F5DC;
  transition: all 0.8s;
}
.outpatient .pg04 .box .img.scroll::after {
  transform: translateX(100%);
}
.outpatient .pg04 .box .right h3 {
  margin-bottom: 2rem;
}

.outpatient .pg04 .box .right .fo18 {
  color: #fff;
  background-color: #8CC76A;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 42/4;
}
.outpatient .pg04 .box .right .fo14 {
  padding: 2rem 0;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1280px) {
  .outpatient .pg04 ul li:nth-child(odd) .right {
    margin-right: 5%;
  }
  .outpatient .pg04 ul li:nth-child(even) .right {
    margin-left: 5%;
  }
}
@media screen and (max-width: 980px) {
  .outpatient .pg04 ul li {
    flex-direction: column;
  }
  .outpatient .pg04 ul li .left {
    width: 100%;
    aspect-ratio: 2/1;
  }
  .outpatient .pg04 ul li .right {
    width: 90%;
    margin-inline: auto;
  }
  .outpatient .pg04 ul li:nth-child(2) {
    flex-direction: column;
  }
  .outpatient .pg04 .box {
    padding: 5%;
    flex-direction: column;
  }
  .outpatient .pg04 .box .left, .outpatient .pg04 .box .right {
    width: 100%;
  }
  .outpatient .pg04 .box .left h3, .outpatient .pg04 .box .right h3 {
    width: 100%;
    text-align: center;
  }
  .outpatient .pg04 .box .left .fo18, .outpatient .pg04 .box .right .fo18 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .outpatient .pg04 .fo40 {
    font-size: 28px;
  }
  .outpatient .pg04 ul li .right .fo24 {
    font-size: 24px;
  }
  .outpatient .pg04 ul li .right .fo22 {
    font-size: 20px;
  }
  .outpatient .pg04 ul li .right .fo14 {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .outpatient .pg04 ul li .right .ttlbox {
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 1rem;
  }
}
/*===========================
hospital
共通
===========================*/
.hospital {
  overflow-x: hidden;
}

@media screen and (max-width: 1080px) {
  .hospital h2 {
    padding-inline: 3%;
  }
}
/*===========================
下層ボタンナビ
===========================*/
.hospital .pg-nav .box ul li {
  width: 20%;
}

@media screen and (max-width: 768px) {
  .hospital .pg-nav .box ul {
    justify-content: left;
  }
  .hospital .pg-nav .box ul li {
    width: 50%;
  }
  .hospital .pg-nav .box ul li:nth-child(3) a {
    border-bottom: 1px solid rgba(140, 199, 106, 0.22);
  }
  .hospital .pg-nav .box ul li:nth-child(4) a {
    border-bottom: 1px solid rgba(140, 199, 106, 0.22);
  }
}
/*===========================
pg02
===========================*/
.hospital .pg02 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.hospital .pg02 .wrapper h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.hospital .pg02 .wrapper .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 2rem;
}
.hospital .pg02 .wrapper .txt01 {
  line-height: 1.8;
  margin-bottom: 3rem;
}
.hospital .pg02 .wrapper .box {
  width: 100%;
  background-color: #E6F5DC;
  margin-bottom: 8rem;
  padding-bottom: 4rem;
}
.hospital .pg02 .wrapper .box .txt02 {
  background-color: #8CC76A;
  color: #fff;
  text-align: center;
  padding: 0.8rem 0;
  margin-bottom: 4rem;
}
.hospital .pg02 .wrapper .box .ul01 {
  display: flex;
  flex-wrap: wrap;
  width: 75.1rem;
  justify-content: left;
  margin-inline: auto;
  gap: 2rem 7rem;
  margin-bottom: 4rem;
}
.hospital .pg02 .wrapper .box .ul01 li {
  width: 34rem;
  position: relative;
}
.hospital .pg02 .wrapper .box .ul01 li:last-child {
  width: 100%;
}
.hospital .pg02 .wrapper .box .ul01 li::before {
  content: "";
  display: inline-block;
  background-image: url("../img/page/hospital/pg04-05.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.8rem;
  aspect-ratio: 1/1;
  margin-right: 0.5rem;
  position: absolute;
  top: 0.5rem;
  left: -2.5rem;
}
.hospital .pg02 .wrapper .box .ul01 li .fo18 {
  color: #8CC76A;
}
.hospital .pg02 .wrapper .box .ul01 li .fo14 {
  font-size: 13px;
}
.hospital .pg02 .wrapper .box .inbox {
  background-color: #fff;
  padding: 3rem 4rem;
  margin: 0 4rem;
}
.hospital .pg02 .wrapper .box .inbox .ul02 li:nth-child(1) {
  margin-bottom: 3rem;
}
.hospital .pg02 .wrapper .box .inbox .ul02 li h3 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.hospital .pg02 .wrapper .box .inbox .ul02 li .fo14 {
  line-height: 2;
  letter-spacing: 0.05em;
}
.hospital .pg02 .wrapper .box .inbox .ul02 li p a {
  border-bottom: 1px solid #8CC76A;
}
.hospital .pg02 .wrapper .box .inbox .ul02 li ul {
  list-style: disc;
  padding-left: 1.2em;
}
.hospital .pg02 .wrapper .box .inbox .ul02 li ul li {
  line-height: 2;
}
.hospital .pg02 .wrapper .box .inbox .ul02 li ul li:nth-child(1) {
  margin-bottom: 0;
}

@media screen and (max-width: 1080px) {
  .hospital .pg02 .wrapper .fo24 {
    padding-inline: 5%;
  }
  .hospital .pg02 .wrapper .fo14 {
    padding-inline: 5%;
  }
  .hospital .pg02 .wrapper .box .ul01 li {
    width: 28rem;
  }
  .hospital .pg02 .wrapper .box .inbox .ul02 li .fo24 {
    padding-inline: 0;
  }
  .hospital .pg02 .wrapper .box .inbox .ul02 li .fo14 {
    padding-inline: 0;
  }
}
@media screen and (max-width: 768px) {
  .hospital .pg02 .wrapper .fo24 {
    font-size: 24px;
  }
  .hospital .pg02 .wrapper .fo14 {
    font-size: 14px;
  }
  .hospital .pg02 .wrapper .box .ul01 {
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  .hospital .pg02 .wrapper .box .ul01 li {
    width: calc(100% - 32px);
    margin-left: 32px;
  }
  .hospital .pg02 .wrapper .box .inbox {
    margin: 0 2rem;
    padding: 3rem 2rem;
  }
  .hospital .pg02 .wrapper .box .inbox .ul02 li:nth-child(2) {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 580px) {
  .hospital .pg02 .wrapper .box .inbox .ul02 li .fo24 {
    font-size: 22px;
  }
}
/*===========================
pg03
===========================*/
.hospital .pg03 {
  padding-bottom: 8rem;
}
.hospital .pg03 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.hospital .pg03 .wrapper h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.hospital .pg03 .wrapper .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 2rem;
}
.hospital .pg03 .wrapper .txt01 {
  line-height: 2;
  letter-spacing: 0.2em;
  margin-bottom: 3rem;
}
.hospital .pg03 .wrapper .box {
  width: 100%;
  background-color: #E6F5DC;
  padding: 2rem 3rem;
}
.hospital .pg03 .wrapper .box h3 {
  margin-bottom: 2rem;
}
.hospital .pg03 .wrapper .box .fo16 {
  line-height: 2;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 1080px) {
  .hospital .pg03 .wrapper .txt01 {
    padding-inline: 3%;
  }
}
/*===========================
pg04
===========================*/
.hospital .pg04 {
  background-color: #E1F0F5;
}
.hospital .pg04 .box {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
  padding: 8rem 0;
}
.hospital .pg04 .box h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.hospital .pg04 .box .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}
.hospital .pg04 .box ul li {
  display: flex;
  align-items: center;
  gap: 4rem;
  margin-bottom: 6rem;
}
.hospital .pg04 .box ul li:nth-child(1) {
  justify-content: left;
}
.hospital .pg04 .box ul li:nth-child(2) {
  justify-content: end;
  flex-direction: row-reverse;
}
.hospital .pg04 .box ul li:nth-child(2) .left.scroll::after {
  transform: translateX(-100%);
}
.hospital .pg04 .box ul li .left {
  width: 46rem;
  position: relative;
  overflow: hidden;
}
.hospital .pg04 .box ul li .left::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E1F0F5;
  transition: all 0.8s;
}
.hospital .pg04 .box ul li .left.scroll::after {
  transform: translateX(100%);
}
.hospital .pg04 .box ul li .right {
  width: calc(100% - 4rem - 46rem);
}
.hospital .pg04 .box ul li .right h3 {
  color: #6EC8E1;
  letter-spacing: 0.2em;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.hospital .pg04 .box ul li .right .fo14 {
  line-height: 2;
  letter-spacing: 0.1em;
}
.hospital .pg04 .box .txtbox h3 {
  margin-bottom: 1rem;
  letter-spacing: 0.2em;
}
.hospital .pg04 .box .txtbox .txt01, .hospital .pg04 .box .txtbox .txt02, .hospital .pg04 .box .txtbox .txt03, .hospital .pg04 .box .txtbox .txt04 {
  padding-bottom: 1.8rem;
  margin-bottom: 1.8rem;
  border-bottom: 1px dotted #C8C8C8;
}
.hospital .pg04 .box .txtbox .ul03 {
  list-style: disc;
  padding-left: 1.2em;
}
.hospital .pg04 .box .txtbox .ul03 li {
  margin-bottom: 2rem;
  display: list-item;
}
.hospital .pg04 .box .txtbox .ul03 li:nth-child(2) {
  justify-content: left;
  flex-direction: row;
}

@media screen and (max-width: 1180px) {
  .hospital .pg04 .box .txtbox {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 1080px) {
  .hospital .pg04 .box h2 {
    padding-inline: 3%;
  }
  .hospital .pg04 .box ul li .left {
    width: 32rem;
  }
  .hospital .pg04 .box ul li .right {
    width: 50%;
  }
  .hospital .pg04 .box ul li:nth-child(1) .right {
    margin-right: 5%;
  }
  .hospital .pg04 .box ul li:nth-child(2) .right {
    margin-left: 5%;
  }
}
@media screen and (max-width: 768px) {
  .hospital .pg04 .box ul li {
    flex-direction: column;
    justify-content: center;
  }
  .hospital .pg04 .box ul li .left {
    width: 100%;
    aspect-ratio: 2/1;
  }
  .hospital .pg04 .box ul li .right {
    width: 90%;
    margin-inline: auto;
  }
  .hospital .pg04 .box ul li .right .fo14 {
    font-size: 14px;
  }
  .hospital .pg04 .box ul li:nth-child(2) {
    flex-direction: column;
    justify-content: center;
  }
}
/*===========================
pg05
===========================*/
.hospital .pg05 {
  padding: 6rem 0;
}
.hospital .pg05 .box {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.hospital .pg05 .box .ttlbox {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.hospital .pg05 .box .ttlbox h3 {
  letter-spacing: 0.5em;
  margin-bottom: 0.6rem;
  font-weight: 400;
}
.hospital .pg05 .box .ttlbox .bar-ora {
  width: 10rem;
}
.hospital .pg05 .box .gra-bg {
  width: 100%;
  height: 0.6rem;
  margin-bottom: 1rem;
}
.hospital .pg05 .box .txt01 {
  margin-bottom: 2.6rem;
  line-height: 2;
  letter-spacing: 0.2em;
}
.hospital .pg05 .box .inbox {
  background-color: #E6F5DC;
  padding: 3rem 12rem 3rem 4rem;
}
.hospital .pg05 .box .inbox h3 {
  letter-spacing: 0.2em;
  margin-bottom: 1rem;
}
.hospital .pg05 .box .inbox ul {
  list-style: disc;
  padding-left: 1.2em;
}
.hospital .pg05 .box .inbox ul li {
  line-height: 2em;
}

@media screen and (max-width: 1080px) {
  .hospital .pg05 .box {
    padding-inline: 5%;
  }
  .hospital .pg05 .box .inbox {
    padding: 3rem 3%;
  }
}
/*===========================
pg06
===========================*/
.hospital .pg06 {
  background-color: #E6F5DC;
}
.hospital .pg06 .box {
  max-width: 1280px;
  width: 100%;
  margin-inline: auto;
  padding: 8rem 0;
}
.hospital .pg06 .box h2 {
  text-align: center;
  letter-spacing: 0.5em;
  margin-bottom: 4rem;
  width: 100%;
  font-weight: 400;
}
.hospital .pg06 .box ul {
  width: 94%;
  margin-inline: auto;
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.hospital .pg06 .box ul li {
  width: 30%;
}
.hospital .pg06 .box ul li .img {
  position: relative;
  overflow: hidden;
}
.hospital .pg06 .box ul li .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E6F5DC;
  transition: all 0.8s;
}
.hospital .pg06 .box ul li .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hospital .pg06 .box ul li .img.scroll::after {
  transform: translateX(100%);
}
.hospital .pg06 .box ul li .txt01 {
  padding: 2rem 0;
  text-align: center;
  margin-bottom: 2rem;
  color: #fff;
}
.hospital .pg06 .box ul li .txt02 {
  line-height: 1.5;
}
.hospital .pg06 .box .btn a {
  margin: 4rem auto;
}

@media screen and (max-width: 1180px) {
  .hospital .pg06 .box ul {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }
  .hospital .pg06 .box ul li {
    width: 100%;
    margin-inline: auto;
    margin-bottom: 3rem;
  }
  .hospital .pg06 .box ul li .img {
    height: 40rem;
    -o-object-position: center;
       object-position: center;
  }
  .hospital .pg06 .box ul li p {
    width: 90%;
    margin-inline: auto;
  }
}
/*===========================
facility
共通
===========================*/
.facility {
  overflow-x: hidden;
}
.facility h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.facility .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}
.facility .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}

@media screen and (max-width: 1080px) {
  .facility h2 {
    padding-inline: 5%;
    cursor: pointer;
  }
}
.facility .pg-nav {
  margin-top: 8rem;
}
/*===========================
下層ボタンナビ
===========================*/
.facility .pg-nav .box ul li {
  width: 20%;
}

@media screen and (max-width: 768px) {
  .facility .pg-nav .box ul {
    justify-content: left;
  }
  .facility .pg-nav .box ul li {
    width: 50%;
  }
  .facility .pg-nav .box ul li:nth-child(3) a {
    border-bottom: 1px solid rgba(140, 199, 106, 0.22);
  }
  .facility .pg-nav .box ul li:nth-child(4) a {
    border-bottom: 1px solid rgba(140, 199, 106, 0.22);
  }
}
/*===========================
pg02
===========================*/
.facility .pg02 {
  padding-bottom: 6rem;
}
.facility .pg02 .wrapper .img {
  width: 70%;
  min-width: 34rem;
  margin: 4rem auto;
  position: relative;
  overflow: hidden;
}
.facility .pg02 .wrapper .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.facility .pg02 .wrapper .img.scroll::after {
  transform: translateX(100%);
}

/*===========================
pg03
===========================*/
.facility .pg03 {
  padding-bottom: 6rem;
}
.facility .pg03 .wrapper .img {
  width: 100%;
  margin: 4rem auto;
  position: relative;
  overflow: hidden;
}
.facility .pg03 .wrapper .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.facility .pg03 .wrapper .img.scroll::after {
  transform: translateX(100%);
}

@media screen and (max-width: 1080px) {
  .facility .pg03 .wrapper .img {
    padding-inline: 5%;
  }
}
/*===========================
pg04
===========================*/
.facility .pg04 {
  padding-bottom: 6rem;
}
.facility .pg04 .wrapper ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.facility .pg04 .wrapper ul li {
  width: 30%;
}
.facility .pg04 .wrapper ul li .img {
  position: relative;
  overflow: hidden;
  min-width: unset;
}
.facility .pg04 .wrapper ul li .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.facility .pg04 .wrapper ul li .img.scroll::after {
  transform: translateX(100%);
}
.facility .pg04 .wrapper ul li p {
  color: #fff;
  padding: 2rem 0;
  text-align: center;
  margin-bottom: 3rem;
  height: unset;
}

@media screen and (max-width: 1080px) {
  .facility .pg04 .wrapper ul {
    flex-direction: column;
    justify-content: center;
  }
  .facility .pg04 .wrapper ul li {
    width: 100%;
  }
  .facility .pg04 .wrapper ul li .img {
    height: 40rem;
  }
  .facility .pg04 .wrapper ul li .img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .facility .pg04 .wrapper ul li p {
    width: 90%;
    margin-inline: auto;
  }
}
/*===========================
pg05
===========================*/
.facility .pg05 {
  padding-bottom: 6rem;
}
.facility .pg05 .wrapper ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.facility .pg05 .wrapper ul li {
  width: 30%;
}
.facility .pg05 .wrapper ul li .img {
  position: relative;
  overflow: hidden;
  min-width: unset;
}
.facility .pg05 .wrapper ul li .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.facility .pg05 .wrapper ul li .img.scroll::after {
  transform: translateX(100%);
}
.facility .pg05 .wrapper ul li p {
  color: #fff;
  padding: 2rem 0;
  text-align: center;
  margin-bottom: 3rem;
  height: unset;
}

@media screen and (max-width: 1080px) {
  .facility .pg05 .wrapper ul {
    flex-direction: column;
    justify-content: center;
  }
  .facility .pg05 .wrapper ul li {
    width: 100%;
  }
  .facility .pg05 .wrapper ul li .img {
    height: 40rem;
  }
  .facility .pg05 .wrapper ul li .img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .facility .pg05 .wrapper ul li p {
    width: 90%;
    margin-inline: auto;
  }
}
/*===========================
pg06
===========================*/
.facility .pg06 {
  padding-bottom: 6rem;
}
.facility .pg06 .wrapper ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
}
.facility .pg06 .wrapper ul li {
  width: 30%;
}
.facility .pg06 .wrapper ul li .img {
  position: relative;
  overflow: hidden;
  min-width: unset;
}
.facility .pg06 .wrapper ul li .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.facility .pg06 .wrapper ul li .img.scroll::after {
  transform: translateX(100%);
}
.facility .pg06 .wrapper ul li p {
  color: #fff;
  padding: 2rem 0;
  text-align: center;
  margin-bottom: 3rem;
  height: unset;
}

@media screen and (max-width: 1080px) {
  .facility .pg06 .wrapper ul {
    flex-direction: column;
    justify-content: center;
  }
  .facility .pg06 .wrapper ul li {
    width: 100%;
  }
  .facility .pg06 .wrapper ul li .img {
    height: 40rem;
  }
  .facility .pg06 .wrapper ul li .img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .facility .pg06 .wrapper ul li p {
    width: 90%;
    margin-inline: auto;
  }
}
/*===========================
related
共通
===========================*/
.related {
  overflow-x: hidden;
}
.related h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.related .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}
.related .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}

@media screen and (max-width: 1080px) {
  .related h2 {
    padding-inline: 5%;
    cursor: pointer;
  }
}
/*===========================
pg02
===========================*/
.related .pg02 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.related .pg02 .wrapper ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.related .pg02 .wrapper ul li {
  width: 45%;
  margin-bottom: 3rem;
  text-align: center;
}
.related .pg02 .wrapper ul li .img {
  position: relative;
  overflow: hidden;
}
.related .pg02 .wrapper ul li .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.related .pg02 .wrapper ul li .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.related .pg02 .wrapper ul li .img.scroll::after {
  transform: translateX(100%);
}
.related .pg02 .wrapper ul li .txt01 {
  height: unset;
  padding: 2rem 0;
  color: #fff;
}
.related .pg02 .wrapper ul li p {
  margin-bottom: 2rem;
}
.related .pg02 .wrapper ul li p a {
  margin-inline: auto;
}
.related .pg02 .wrapper ul li .btn a {
  margin-inline: auto;
}
.related .pg02 .wrapper ul li .btn a p {
  margin-bottom: 0;
}

@media screen and (max-width: 1080px) {
  .related .pg02 .wrapper ul {
    flex-direction: column;
  }
  .related .pg02 .wrapper ul li {
    width: 100%;
  }
  .related .pg02 .wrapper ul li .img {
    height: 40rem;
  }
  .related .pg02 .wrapper ul li p {
    width: 90%;
    margin-inline: auto;
  }
}
/*===========================
family
共通
===========================*/
.family {
  overflow-x: hidden;
}
.family h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.family .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}
.family .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}

@media screen and (max-width: 1080px) {
  .family h2 {
    padding-inline: 5%;
    cursor: pointer;
  }
}
/*===========================
pg02
===========================*/
.family .pg02 {
  background-image: url("../img/bg03.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 6rem 0;
}
.family .pg02 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.family .pg02 .wrapper h2 {
  color: #8CC76A;
  margin-bottom: 4rem;
  text-align: center;
}
.family .pg02 .wrapper ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.family .pg02 .wrapper ul li {
  width: 30%;
  background-color: #fff;
  border-radius: 1rem;
  text-align: center;
  padding: 2rem 0;
  margin-bottom: 3rem;
  border: 2px solid #8CC76A;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.family .pg02 .wrapper ul li img {
  width: 6rem;
  margin: 1rem auto;
}

@media screen and (max-width: 1080px) {
  .family .pg02 .wrapper ul {
    padding-inline: 5%;
  }
  .family .pg02 .wrapper ul li {
    width: 47%;
  }
}
@media screen and (max-width: 480px) {
  .family .pg02 .wrapper ul li {
    width: 100%;
  }
}
/*===========================
pg03
===========================*/
.family .pg03 {
  padding: 6rem 0;
}
.family .pg03 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.family .pg03 .wrapper .box {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
.family .pg03 .wrapper .box .img {
  width: 50rem;
  min-width: 34rem;
  margin: 0;
}
.family .pg03 .wrapper .box .img img {
  object-fit: contain;
}
.family .pg03 .wrapper .box .right {
  width: calc(100% - 5rem - 34rem);
}
.family .pg03 .wrapper .box .right .gra-bg {
  margin-bottom: 1rem;
}
.family .pg03 .wrapper .box .right p {
  margin-bottom: 3rem;
  padding-inline: 5%;
}
.family .pg03 .wrapper h2 {
  text-align: center;
  margin-bottom: 2rem;
  width: 100%;
}
.family .pg03 .wrapper .fo20 {
  text-align: center;
  margin-bottom: 3rem;
}
.family .pg03 .wrapper .fo16 {
  text-align: center;
  max-width: 75rem;
  margin-inline: auto;
  padding-inline: 5%;
}
.family .pg03 .wrapper .img {
  width: 70%;
  aspect-ratio: unset;
  min-width: 34rem;
  margin: 4rem auto;
  position: relative;
  overflow: hidden;
}
.family .pg03 .wrapper .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.family .pg03 .wrapper .img.scroll::after {
  transform: translateX(100%);
}
.family .pg03 .wrapper ul {
  display: flex;
  justify-content: center;
  width: 90%;
  margin-inline: auto;
}
.family .pg03 .wrapper ul li {
  width: 33.3333333333%;
  padding: 2rem;
  border-right: 1px solid #000;
}
.family .pg03 .wrapper ul li:last-child {
  border-right: none;
}
.family .pg03 .wrapper ul li h3 {
  margin-bottom: 2rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .family .pg03 .wrapper .img {
    width: 90%;
  }
  .family .pg03 .wrapper .box {
    flex-direction: column;
    justify-content: center;
  }
  .family .pg03 .wrapper .box .img {
    width: 100%;
  }
  .family .pg03 .wrapper .box .right {
    width: 100%;
  }
}
@media screen and (max-width: 580px) {
  .family .pg03 .wrapper ul {
    flex-direction: column;
  }
  .family .pg03 .wrapper ul li {
    width: 90%;
    margin-inline: auto;
  }
  .family .pg03 .wrapper ul li:nth-child(1) {
    border-right: none;
    border-bottom: 1px solid #000;
  }
  .family .pg03 .wrapper ul li:nth-child(2) {
    border-right: none;
    border-bottom: 1px solid #000;
  }
}
/*===========================
pg04
===========================*/
.family .pg04 {
  padding: 6rem 0;
}
.family .pg04 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.family .pg04 .wrapper .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.family .pg04 .wrapper .box .left {
  width: 57%;
}
.family .pg04 .wrapper .box .left h2 {
  margin-left: 3rem;
}
.family .pg04 .wrapper .box .left .txt01 {
  line-height: 1.8;
  margin-bottom: 2rem;
}
.family .pg04 .wrapper .box .left .txt02 {
  line-height: 1.8;
  margin-bottom: 3rem;
}
.family .pg04 .wrapper .box .left .btn a {
  margin-inline: auto;
}
.family .pg04 .wrapper .box .left .btn a p {
  margin-bottom: 0;
}
.family .pg04 .wrapper .box .right {
  width: 35%;
}
.family .pg04 .wrapper .box .right .img {
  width: 70%;
  min-width: 34rem;
  margin: 4rem auto;
  position: relative;
  overflow: hidden;
}
.family .pg04 .wrapper .box .right .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.family .pg04 .wrapper .box .right .img.scroll::after {
  transform: translateX(-100%);
}

@media screen and (max-width: 1080px) {
  .family .pg04 .wrapper .box {
    padding-inline: 5%;
  }
  .family .pg04 .wrapper .box .right .img {
    width: 100%;
    min-width: unset;
  }
}
@media screen and (max-width: 768px) {
  .family .pg04 .wrapper .box {
    flex-direction: column;
    justify-content: center;
    padding-inline: 0;
  }
  .family .pg04 .wrapper .box .left {
    width: 100%;
  }
  .family .pg04 .wrapper .box .left h2, .family .pg04 .wrapper .box .left .txt01, .family .pg04 .wrapper .box .left .txt02 {
    width: 90%;
    margin-inline: auto;
  }
  .family .pg04 .wrapper .box .right {
    width: 90%;
    min-width: 34rem;
  }
}
/*===========================
pg05
===========================*/
.family .pg05 {
  padding: 6rem 0;
}
.family .pg05 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.family .pg05 .wrapper .gra-bg {
  margin-bottom: 3rem;
}
.family .pg05 .wrapper .txt01 {
  line-height: 2;
  margin-bottom: 3rem;
}
.family .pg05 .wrapper .box {
  background-color: #E6F5DC;
  padding-bottom: 2rem;
}
.family .pg05 .wrapper .box .fo18 {
  background-color: #8CC76A;
  padding: 2rem 0;
  text-align: center;
  color: #fff;
}
.family .pg05 .wrapper .box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem auto;
  padding: 2rem;
}
.family .pg05 .wrapper .box ul li {
  padding: 2rem;
  width: 33.3333333333%;
}
.family .pg05 .wrapper .box ul li:nth-child(1) {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.family .pg05 .wrapper .box ul li:nth-child(2) {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.family .pg05 .wrapper .box ul li:nth-child(3) {
  border-bottom: 1px solid #000;
}
.family .pg05 .wrapper .box ul li:nth-child(4) {
  border-right: 1px solid #000;
}
.family .pg05 .wrapper .box ul li:nth-child(5) {
  border-right: 1px solid #000;
}
.family .pg05 .wrapper .box ul li h3 {
  text-align: center;
  margin-bottom: 2rem;
  width: 100%;
  letter-spacing: 0.2em;
}
.family .pg05 .wrapper .box ul li .txt02 {
  line-height: 1.8;
}
.family .pg05 .wrapper .box .txt03 {
  text-align: center;
  background-color: #fff;
  padding: 2rem 0;
  margin-bottom: 2rem;
  width: calc(100% - 6rem);
  margin-inline: auto;
}

@media screen and (max-width: 1080px) {
  .family .pg05 .wrapper h2, .family .pg05 .wrapper .txt01 {
    padding-inline: 5%;
  }
  .family .pg05 .wrapper .box {
    width: 90%;
    margin-inline: auto;
  }
  .family .pg05 .wrapper .box ul li {
    width: 50%;
  }
  .family .pg05 .wrapper .box ul li:nth-child(2) {
    border-right: none;
  }
  .family .pg05 .wrapper .box ul li:nth-child(3) {
    border-right: 1px solid #000;
  }
  .family .pg05 .wrapper .box ul li:nth-child(4) {
    border-right: none;
    border-bottom: 1px solid #000;
  }
}
@media screen and (max-width: 630px) {
  .family .pg05 .wrapper .box ul li {
    width: 100%;
  }
  .family .pg05 .wrapper .box ul li:nth-child(1) {
    border-right: none;
  }
  .family .pg05 .wrapper .box ul li:nth-child(3) {
    border-right: none;
  }
  .family .pg05 .wrapper .box ul li:nth-child(5) {
    border-right: none;
    border-bottom: 1px solid #000;
  }
}
/*===========================
pg06
===========================*/
.family .pg06 {
  padding: 6rem 0;
}
.family .pg06 .wrapper {
  max-width: 1280px;
  width: 100%;
  margin-inline: auto;
  background-color: #E6F5DC;
  display: flex;
  justify-content: space-between;
  padding: 3rem 5%;
}
.family .pg06 .wrapper .img {
  width: 45%;
  min-width: 34rem;
  margin: 4rem auto;
  position: relative;
  overflow: hidden;
}
.family .pg06 .wrapper .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E6F5DC;
  transition: all 0.8s;
}
.family .pg06 .wrapper .img.scroll::after {
  transform: translateX(100%);
}
.family .pg06 .wrapper .right {
  width: 45%;
}
.family .pg06 .wrapper .right .fo16 {
  line-height: 2;
  margin-bottom: 2rem;
}
.family .pg06 .wrapper .right .box {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 2rem;
}
.family .pg06 .wrapper .right .box .bar-gre {
  width: 9.7rem;
}
.family .pg06 .wrapper .right .box .inbox {
  display: flex;
  align-items: center;
  gap: 5px;
}
.family .pg06 .wrapper .right .box .inbox img {
  width: 3rem;
}
.family .pg06 .wrapper .right .box .inbox .fo34 {
  line-height: 1;
  letter-spacing: 0.1em;
}
.family .pg06 .wrapper .right table {
  width: 100%;
  border-top: 1px solid #000;
}
.family .pg06 .wrapper .right table tr th, .family .pg06 .wrapper .right table tr td {
  border-bottom: 1px solid #000;
}
.family .pg06 .wrapper .right table tr th {
  width: 15rem;
}
.family .pg06 .wrapper .right table tr td {
  width: calc(100% - 15rem);
  padding: 2rem;
  text-align: center;
}

@media screen and (max-width: 1100px) {
  .family .pg06 .wrapper {
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
  }
  .family .pg06 .wrapper .left {
    width: 100%;
  }
  .family .pg06 .wrapper .right {
    width: 34rem;
    margin-inline: auto;
  }
  .family .pg06 .wrapper .right .box .bar-gre {
    width: 15rem;
  }
  .family .pg06 .wrapper .right .box .inbox {
    width: 100%;
  }
  .family .pg06 .wrapper .right .box .inbox .fo34 {
    font-size: 2.8rem;
    letter-spacing: unset;
  }
  .family .pg06 .wrapper .right table tr td {
    padding: 1rem;
  }
}
/*===========================
about
共通
===========================*/
.about {
  overflow-x: hidden;
}
.about h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.about .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}
.about .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}

@media screen and (max-width: 1080px) {
  .about h2 {
    padding-inline: 5%;
    cursor: pointer;
  }
}
/*===========================
pg02
===========================*/
.about .pg02 {
  padding: 6rem 0;
}
.about .pg02 .wrapper {
  max-width: 1280px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 5rem;
}
.about .pg02 .wrapper .left {
  width: 40rem;
}
.about .pg02 .wrapper .img {
  min-width: 34rem;
  margin: 4rem auto;
  position: relative;
  overflow: hidden;
}
.about .pg02 .wrapper .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.about .pg02 .wrapper .img.scroll::after {
  transform: translateX(-100%);
}
.about .pg02 .wrapper .right {
  width: calc(100% - 5rem - 40rem);
}
.about .pg02 .wrapper .right .box .fo30 {
  margin: 2rem 0;
}
.about .pg02 .wrapper .right .box .fo24 {
  line-height: 2.2;
  margin-left: 1.8rem;
  padding-left: 0.5em;
  width: 100%;
}
.about .pg02 .wrapper .right .box ul li {
  margin-bottom: 2rem;
}
.about .pg02 .wrapper .right .box01 {
  margin-bottom: 4rem;
  text-align: center;
}
.about .pg02 .wrapper .right .box02 .inbox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.about .pg02 .wrapper .right .box02 .inbox p {
  width: 14rem;
  min-width: 14rem;
}
.about .pg02 .wrapper .right .box02 .inbox ul {
  border-left: 2px solid #8CC76A;
  padding-left: 4rem;
}
.about .pg02 .wrapper .right .box02 h2 {
  text-align: center;
}
.about .pg02 .wrapper .right .box02 ul {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  
}

@media screen and (max-width: 1280px) {
  .about .pg02 .wrapper .right .box ul li span {
    display: inline-block;
    width: 30px;
    height: 100%;
  }
}
@media screen and (max-width: 1080px) {
  .about h2 {
    letter-spacing: 0.2em;
  }
  .about .pg02 .wrapper {
    gap: 2rem;
  }
  .about .pg02 .wrapper .left {
    width: 30rem;
    min-width: unset;
  }
  .about .pg02 .wrapper .right {
    width: calc(100% - 2rem - 30rem);
  }
  .about .pg02 .wrapper .right .box .fo30 {
    padding-left: 0.5rem;
    margin-left: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .about .pg02 .wrapper {
    flex-direction: column;
    justify-content: center;
  }
  .about .pg02 .wrapper .left {
    width: 100%;
  }
  .about .pg02 .wrapper .right {
    width: 90%;
    margin-inline: auto;
  }
  .about .pg02 .wrapper .right .box .fo30 {
    font-size: 24px;
  }
}
@media screen and (max-width: 580px) {
  .about .pg02 .wrapper .right .box ul li .br-pc_580 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .about .pg02 .wrapper .right .box .fo24 {
    font-size: 18px;
  }
  .about .pg02 .wrapper .right .box p {
    text-align: center;
  }
  .about .pg02 .wrapper .right .box02 .inbox p {
    width: 10rem;
    min-width: 10rem;
    font-size: 12px;
  }
}
/*===========================
pg03
===========================*/
.about .pg03 {
  padding: 6rem 0;
}
.about .pg03 .wrapper {
  max-width: 1280px;
  display: flex;
  gap: 5rem;
  justify-content: space-between;
  align-items: start;
}
.about .pg03 .wrapper .left {
  width: calc(100% - 5rem - 50rem);
}
.about .pg03 .wrapper .left .fo24 {
  margin: 2rem 0;
  line-height: 1.8;
}
.about .pg03 .wrapper .left .fo14 {
  line-height: 1.8;
}
.about .pg03 .wrapper .right {
  width: 50rem;
}
.about .pg03 .wrapper .right .img {
  min-width: 34rem;
  aspect-ratio: 1/1;
  margin: 4rem auto;
  position: relative;
  overflow: hidden;
}
.about .pg03 .wrapper .right .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about .pg03 .wrapper .right .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.about .pg03 .wrapper .right .img.scroll::after {
  transform: translateX(-100%);
}
.about .pg03 .wrapper .right .fo14 {
  text-align: center;
}

@media screen and (max-width: 1280px) {
  .about .pg03 .wrapper {
    gap: 3rem;
  }
  .about .pg03 .wrapper .left {
    width: calc(100% - 3rem - 40rem);
  }
  .about .pg03 .wrapper .left .box01 .fo24 {
    padding-left: 5%;
  }
  .about .pg03 .wrapper .left .box01 .fo14 {
    padding-left: 5%;
  }
  .about .pg03 .wrapper .right {
    width: 40rem;
  }
}
@media screen and (max-width: 1080px) {
  .about .pg03 .wrapper .left {
    width: calc(100% - 3rem - 26rem);
  }
  .about .pg03 .wrapper .right {
    width: 26rem;
  }
}
@media screen and (max-width: 768px) {
  .about .pg03 .wrapper {
    flex-direction: column;
    justify-content: center;
  }
  .about .pg03 .wrapper .left {
    width: 100%;
  }
  .about .pg03 .wrapper .left .box01 .fo24 {
    padding-inline: 5%;
    text-align: center;
  }
  .about .pg03 .wrapper .left .box01 .fo14 {
    padding-inline: 5%;
  }
  .about .pg03 .wrapper .left .box01 h2.fo24 {
    text-align: left;
  }
  .about .pg03 .wrapper .right {
    width: 34rem;
    margin-inline: auto;
  }
}
/*===========================
pg04
===========================*/
.about .pg04 {
  padding: 6rem 0;
}
.about .pg04 .wrapper {
  max-width: 1280px;
  display: flex;
  gap: 5rem;
  justify-content: space-between;
  align-items: start;
}
.about .pg04 .wrapper .left {
  width: calc(100% - 5rem - 50rem);
}
.about .pg04 .wrapper .left .fo24 {
  margin: 2rem 0;
  line-height: 1.8;
}
.about .pg04 .wrapper .left .fo14 {
  line-height: 1.8;
}
.about .pg04 .wrapper .right {
  width: 50rem;
}
.about .pg04 .wrapper .right .img {
  min-width: 34rem;
  aspect-ratio: 1/1;
  margin: 4rem auto;
  position: relative;
  overflow: hidden;
}
.about .pg04 .wrapper .right .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about .pg04 .wrapper .right .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.about .pg04 .wrapper .right .img.scroll::after {
  transform: translateX(-100%);
}
.about .pg04 .wrapper .right .fo14 {
  text-align: center;
}

@media screen and (max-width: 1280px) {
  .about .pg04 .wrapper {
    gap: 3rem;
  }
  .about .pg04 .wrapper .left {
    width: calc(100% - 3rem - 40rem);
  }
  .about .pg04 .wrapper .left .box01 .fo24 {
    padding-inline: 5%;
  }
  .about .pg04 .wrapper .left .box01 .fo14 {
    padding-inline: 5%;
  }
  .about .pg04 .wrapper .right {
    width: 40rem;
  }
}
@media screen and (max-width: 1080px) {
  .about .pg04 .wrapper .left {
    width: calc(100% - 3rem - 26rem);
  }
  .about .pg04 .wrapper .right {
    width: 26rem;
  }
}
@media screen and (max-width: 768px) {
  .about .pg04 .wrapper {
    flex-direction: column;
    justify-content: center;
  }
  .about .pg04 .wrapper .left {
    width: 100%;
  }
  .about .pg04 .wrapper .left .box01 .fo24 {
    padding-inline: 5%;
    text-align: center;
  }
  .about .pg04 .wrapper .left .box01 .fo14 {
    padding-inline: 5%;
  }
  .about .pg04 .wrapper .left .box01 h2.fo24 {
    text-align: left;
  }
  .about .pg04 .wrapper .right {
    width: 34rem;
    margin-inline: auto;
  }
}
/*===========================
pg05
===========================*/
.about .pg05 {
  padding: 6rem 0;
}
.about .pg05 .wrapper {
  max-width: 1280px;
}
.about .pg05 .wrapper .box {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.about .pg05 .wrapper .box .left {
  width: 50rem;
}
.about .pg05 .wrapper .box .img {
  min-width: 34rem;
  position: relative;
  overflow: hidden;
}
.about .pg05 .wrapper .box .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about .pg05 .wrapper .box .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.about .pg05 .wrapper .box .img.scroll::after {
  transform: translateX(100%);
}
.about .pg05 .wrapper .box .right {
  width: calc(100% - 5rem - 50rem);
}
.about .pg05 .wrapper .box .right table {
  width: 100%;
  border-top: 1px solid #E1F0F5;
  border-left: 1px solid #E1F0F5;
}
.about .pg05 .wrapper .box .right table tr th, .about .pg05 .wrapper .box .right table tr td {
  font-size: 16px;
  vertical-align: middle;
  height: 6rem;
  border-bottom: 1px solid #E1F0F5;
  border-right: 1px solid #E1F0F5;
}
.about .pg05 .wrapper .box .right table tr th {
  background-color: #F0F5FA;
  color: #6EC8E1;
  width: 15rem;
  text-align: center;
}
.about .pg05 .wrapper .box .right table tr td {
  width: calc(100% - 15rem);
  padding-inline: 2rem;
}

@media screen and (max-width: 1280px) {
  .about .pg05 .wrapper h2 {
    padding-inline: 5%;
  }
  .about .pg05 .wrapper .box {
    padding-inline: 5%;
  }
  .about .pg05 .wrapper .box .left {
    width: 34rem;
  }
  .about .pg05 .wrapper .box .right {
    width: calc(100% - 5rem - 34rem);
  }
}
@media screen and (max-width: 1080px) {
  .about .pg05 .wrapper h2 {
    padding-inline: 5%;
  }
  .about .pg05 .wrapper .box {
    padding-inline: 0%;
    flex-direction: column;
    gap: 3rem;
  }
  .about .pg05 .wrapper .box .left {
    width: 100%;
    aspect-ratio: 2/1;
  }
  .about .pg05 .wrapper .box .right {
    width: 100%;
    padding-inline: 5%;
  }
}
@media screen and (max-width: 580px) {
  .about .pg05 .wrapper .box .right table tr th, .about .pg05 .wrapper .box .right table tr td {
    display: block;
    width: 100%;
  }
  .about .pg05 .wrapper .box .right table tr th {
    line-height: 6rem;
  }
  .about .pg05 .wrapper .box .right table tr td {
    height: -moz-fit-content;
    height: fit-content;
    padding: 2rem;
  }
}
/*===========================
pg06
===========================*/
.about .pg06 {
  padding: 6rem 0;
}
.about .pg06 .wrapper {
  max-width: 1280px;
}
.about .pg06 .wrapper ul {
  display: flex;
  justify-content: center;
}
.about .pg06 .wrapper ul li {
  width: 33.3333333333%;
  aspect-ratio: 4/3;
}
.about .pg06 .wrapper ul .img {
  min-width: 34rem;
  position: relative;
  overflow: hidden;
}
.about .pg06 .wrapper ul .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about .pg06 .wrapper ul .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.about .pg06 .wrapper ul .img.scroll::after {
  transform: translateX(100%);
}

/*===========================
pg07
===========================*/
.about .pg07 {
  padding: 6rem 0;
}
.about .pg07 .wrapper {
  max-width: 1280px;
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
.about .pg07 .wrapper .left ul {
  list-style: disc;
}
.about .pg07 .wrapper .left ul li {
  line-height: 2.2;
  margin-left: 1.8em;
  padding-left: 0.5em;
}
.about .pg07 .wrapper .right .box {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.about .pg07 .wrapper .right .box .inbox {
  width: calc((100% - 1rem - 4rem) / 3);
}
.about .pg07 .wrapper .right .box .inbox ul {
  list-style: disc;
}
.about .pg07 .wrapper .right .box .inbox ul li {
  line-height: 2.2;
  margin-left: 1.8em;
  padding-left: 0.5em;
}

@media screen and (max-width: 1280px) {
  .about .pg07 .wrapper {
    flex-direction: column;
  }
  .about .pg07 .wrapper .left {
    width: 100%;
  }
  .about .pg07 .wrapper .left h2 {
    padding-inline: 5%;
  }
  .about .pg07 .wrapper .left ul {
    padding-inline: 5%;
  }
  .about .pg07 .wrapper .right {
    width: 100%;
  }
  .about .pg07 .wrapper .right h2 {
    padding-inline: 5%;
  }
  .about .pg07 .wrapper .right .box {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 768px) {
  .about .pg07 .wrapper .right .box {
    flex-direction: column;
  }
  .about .pg07 .wrapper .right .box .inbox {
    width: 100%;
  }
}
/*===========================
pg08
===========================*/
.about .pg08 {
  background-color: #E6F5DC;
  padding: 6rem 0;
}
.about .pg08 .wrapper {
  max-width: 1280px;
}
.about .pg08 .wrapper h2 {
  margin-bottom: 3rem;
}
.about .pg08 .wrapper .box {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
.about .pg08 .wrapper .box table {
  width: calc((100% - 10rem) / 3);
  height: -moz-fit-content;
  height: fit-content;
}
.about .pg08 .wrapper .box table tr th, .about .pg08 .wrapper .box table tr td {
  padding-bottom: 2rem;
  letter-spacing: 0.1em;
}
.about .pg08 .wrapper .box table tr th {
  width: 9rem;
}
.about .pg08 .wrapper .box table tr td {
  width: calc(100% - 9rem);
}

@media screen and (max-width: 1280px) {
  .about .pg08 .wrapper h2 {
    padding-left: 5%;
  }
  .about .pg08 .wrapper .box {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 768px) {
  .about .pg08 .wrapper h2 {
    padding-left: calc((100% - 35.5rem) / 2);
  }
  .about .pg08 .wrapper .box {
    flex-direction: column;
    justify-content: center;
    gap: 0;
    padding-inline: 0;
  }
  .about .pg08 .wrapper .box table {
    width: 35.5rem;
    margin-inline: auto;
  }
}
/*===========================
pg09
===========================*/
.about .pg09 {
  padding: 6rem 0;
}
.about .pg09 .wrapper {
  display: flex;
  justify-content: space-between;
}
.about .pg09 .wrapper a {
  width: 34rem;
}
.about .pg09 .wrapper a .img {
  min-width: 34rem;
  position: relative;
  overflow: hidden;
}
.about .pg09 .wrapper a .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about .pg09 .wrapper a .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.about .pg09 .wrapper a .img.scroll::after {
  transform: translateX(100%);
}
.about .pg09 .wrapper a p {
  height: unset;
  padding: 2rem 0;
  text-align: center;
  color: #fff;
}
.about .pg09 .wrapper a p span {
  margin-left: 10px;
  display: inline-block;
  transition: all 0.5s;
}
.about .pg09 .wrapper a:hover p span {
  transform: translateX(3px);
}

@media screen and (max-width: 1280px) {
  .about .pg09 .wrapper {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 768px) {
  .about .pg09 .wrapper {
    flex-direction: column;
    justify-content: center;
    padding-inline: 0;
  }
  .about .pg09 .wrapper .left {
    width: 100%;
  }
  .about .pg09 .wrapper .left .img {
    width: 100%;
  }
  .about .pg09 .wrapper .left p {
    width: 90%;
    margin-inline: auto;
  }
  .about .pg09 .wrapper .right {
    width: 100%;
  }
  .about .pg09 .wrapper .right .img {
    width: 100%;
    aspect-ratio: 2/1;
  }
  .about .pg09 .wrapper .right p {
    width: 90%;
    margin-inline: auto;
  }
}
/*===========================
careworkers
共通
===========================*/
.care {
  overflow-x: hidden;
}
.care h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.care .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}
.care .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}

@media screen and (max-width: 1080px) {
  .care h2 {
    padding-inline: 5%;
    cursor: pointer;
  }
}
@media screen and (max-width: 580px) {
  .care .pg01 h2 {
    letter-spacing: 0.1em;
  }
}
/*===========================
.pg02
===========================*/
.care .pg02 {
  padding: 6rem 0;
}
.care .pg02 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  gap: 5rem;
  align-items: start;
}
.care .pg02 .wrapper .img {
  min-width: 34rem;
  width: 50rem;
  
  position: relative;
  overflow: hidden;
}
.care .pg02 .wrapper .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.care .pg02 .wrapper .img.scroll::after {
  transform: translateX(-100%);
}
.care .pg02 .wrapper .right {
  width: calc(100% - 50rem - 3rem);
}
.care .pg02 .wrapper .right .fo24 {
  line-height: 1.5;
  margin-bottom: 3rem;
}
.care .pg02 .wrapper .right .fo16 {
  line-height: 1.8;
}

@media screen and (max-width: 1280px) {
  .care .pg02 .wrapper {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 1080px) {
  .care .pg02 .wrapper {
    flex-direction: column;
    justify-content: center;
    padding-inline: 0;
    gap: 0;
  }
  .care .pg02 .wrapper .left {
    width: 100%;
    aspect-ratio: 2/1;
  }
  .care .pg02 .wrapper .right {
    width: 90%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 580px) {
  .care .pg02 .wrapper .fo24 {
    text-align: center;
    margin-inline: auto;
    display: block;
  }
}
/*===========================
.pg-03
===========================*/
.care .pg03 {
  padding: 6rem 0;
}
.care .pg03 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.care .pg03 .wrapper .box {
  background-color: #E6F5DC;
  padding: 5rem 6rem;
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
.care .pg03 .wrapper .box .left {
  width: 45rem;
}
.care .pg03 .wrapper .box .left .fo24 {
  letter-spacing: 0.1em;
}
.care .pg03 .wrapper .box .left .gra-bg {
  margin-bottom: 3rem;
}
.care .pg03 .wrapper .box .left .fo16 {
  line-height: 2;
  margin-bottom: 2rem;
}
.care .pg03 .wrapper .box .left .btnbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.care .pg03 .wrapper .box .left .btn a {
  margin-inline: auto 0;
  width: 22rem;
}
.care .pg03 .wrapper .box .left .btn a::before {
  width: 21.3rem;
}
.care .pg03 .wrapper .box .right {
  margin-top: 4rem;
}
.care .pg03 .wrapper .box .right .gra-bg {
  height: unset;
  padding: 1rem 2rem;
  color: #fff;
  text-align: center;
}
.care .pg03 .wrapper .box .right table tr th {
  background-color: #fff;
  padding: 1rem 1.5rem;
  text-align: center;
  margin-bottom: 2rem;
}
.care .pg03 .wrapper .box .right table tr td {
  letter-spacing: 0.2em;
  text-align: center;
  padding-left: 3rem;
}
.care .pg03 .wrapper .box .right table tr:last-child td {
  letter-spacing: unset;
}

@media screen and (max-width: 1080px) {
  .care .pg03 .wrapper .box {
    padding: 5rem 0rem;
    gap: 2rem;
    flex-direction: column;
    justify-content: center;
  }
  .care .pg03 .wrapper .box .left {
    width: 100%;
  }
  .care .pg03 .wrapper .box .left .fo24 {
    padding-inline: 5%;
  }
  .care .pg03 .wrapper .box .left .fo16 {
    padding-inline: 5%;
  }
  .care .pg03 .wrapper .box .left .btn a {
    margin-inline: auto;
  }
  .care .pg03 .wrapper .box .right {
    width: 100%;
  }
  .care .pg03 .wrapper .box .right table {
    width: 34rem;
    margin-inline: auto;
  }
}
@media screen and (max-width: 480px) {
  .care .pg03 .wrapper .box .left .fo24 {
    letter-spacing: 0;
  }
  .care .pg03 .wrapper .box .left .btnbox {
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
  }
}
/*===========================
.pg-04
===========================*/
.care .pg04 {
  padding: 6rem 0;
}
.care .pg04 .wrapper .gra-bg {
  margin-bottom: 2rem;
}
.care .pg04 .wrapper .box {
  display: flex;
  justify-content: center;
  background-color: #E6F5DC;
}
.care .pg04 .wrapper .box .inbox {
  width: 50%;
  padding: 5rem;
}
.care .pg04 .wrapper .box .inbox .ttl {
  padding: 1rem 0;
  text-align: center;
  margin-bottom: 3rem;
  border-radius: 4rem;
  width: 26rem;
  margin-inline: auto;
  font-weight: bold;
  color: #fff;
}
.care .pg04 .wrapper .box .inbox .gra-bg {
  margin-bottom: 2rem;
  height: unset;
  padding: 1rem 0;
}
.care .pg04 .wrapper .box .inbox table {
  width: 100%;
  border-top: 1px solid #E1F0F5;
  border-left: 1px solid #E1F0F5;
}
.care .pg04 .wrapper .box .inbox table tr th, .care .pg04 .wrapper .box .inbox table tr td {
  padding: 1rem 2rem;
  border-bottom: 1px solid #E1F0F5;
  border-right: 1px solid #E1F0F5;
  background-color: #fff;
}
.care .pg04 .wrapper .box .inbox table tr:nth-child(2) td:nth-child(1) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.care .pg04 .wrapper .box .inbox table tr th {
  text-align: center;
  font-weight: bold;
  background-color: #F0F5FA;
  color: #6EC8E1;
}
.care .pg04 .wrapper .box .inbox table tr .gra-txt {
  display: table-cell;
}
.care .pg04 .wrapper .box .inbox table tr td:nth-child(2) {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .care .pg04 .wrapper .box {
    flex-direction: column;
  }
  .care .pg04 .wrapper .box .inbox {
    width: 100%;
    padding: 5rem 0;
  }
  .care .pg04 .wrapper .box .inbox table {
    width: 34rem;
    margin-inline: auto;
  }
}
/*===========================
.pg-05
===========================*/
.care .pg05 {
  padding: 6rem 0;
}
.care .pg05 .wrapper h2 {
  letter-spacing: 0.1em;
}
.care .pg05 .wrapper .gra-bg {
  margin-bottom: 3rem;
}
.care .pg05 .wrapper .fo18 {
  line-height: 2;
  margin-bottom: 4rem;
}

@media screen and (max-width: 1080px) {
  .care .pg05 p {
    padding-inline: 5%;
  }
  .care .pg05 .btn a {
    margin-inline: auto;
  }
}
/*===========================
recruit
共通
===========================*/
.recruit {
  overflow-x: hidden;
}
.recruit h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.recruit .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}
.recruit .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.recruit .pg01 {
  background-image: url("../img/page/recruit/1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  aspect-ratio: 2 / 1;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5rem;
}

.recruit .rec01 {
  justify-content: left;
  padding-left: 5vw;
  
}
.recruit .rec01 .fo40 {
  text-align: left;
  margin-bottom: 4rem;
}
.recruit .rec01 .fo34 {
  color: #ff6f00;
  margin-bottom: 6rem;
  text-align: left;
}
#pg-148 {
  background-color: #F9F7F3;
}
.recruit-nav .box .left {
  background-image: url("../img/page/recruit/spnav/1.jpg");
}
/*===========================
mv
===========================*/
.recruit .mv {
  
  position: relative;
  z-index: 2;
}
.recruit .mv::after {
  display: none;
}
.recruit .mv ul {
  display: flex;
  align-items: center;
  gap: 7rem;
  padding: 5rem 0;
  justify-content: center;
} 
.recruit .mv ul li {
  width: calc((100% - (3rem * 3)) / 4);
}
.recruit .mv ul li:nth-child(even) {
  transform: translateY(10rem);
}

@media screen and (max-width: 1080px) and (min-width: 769px) {
  .recruit .mv ul li:nth-child(even) {
    transform: translateY(6rem);
  }
}

@media screen and (max-width: 768px) {
  .recruit .mv ul {
    gap: 8rem 3rem;
    padding: 10rem 0;
    justify-content: normal
  }
  .recruit .mv ul li:nth-child(even) {
    transform: translateY(20rem);
  }

  @media screen and (max-width: 390px) {
    .recruit .mv ul {
      gap: 8rem 3rem !important;
      padding: 7rem 0 !important;
    }
  }
}

.recruit .mv .txtbox01 {
  position: absolute;
  top: 50%;
  left: 10vw;
}
.recruit .mv .txtbox01 p {
  color: #8CC76A;
  background-color: #fff;
  padding: 0.5rem 1.5rem;
  margin-bottom: 1rem;
  width: fit-content;
  
}
.recruit .mv .txtbox01 p:nth-child(2) {
  transform: translateX(2rem);
}
.recruit .mv .txtbox02 {
  position: absolute;
  top: 50%;
  left: -3rem;
  color: #fff;
  text-shadow: 5px 5px 5px #3338;
  transform: rotate(90deg);
}
.recruit .mv .mv-btn {
  position: absolute;
  top: 50rem;
  right: 2rem;
  width: 15rem;
  aspect-ratio: 1;

}
.recruit .bg {
  position: relative;
  margin-top: -38rem;
  height: 98rem;
}
@media screen and (max-width: 1280px) {
  .recruit .mv .mv-btn {
    top: 33vw;
    width: 10rem;
  }
  .recruit .mv .txtbox01 {
    top: 27vw;
  }
  .recruit .mv .txtbox02 {
    top: 20vw;
  }
  .recruit .bg {
    height: unset;
  }
}
@media screen and (max-width: 1080px) {
  .recruit .mv .txtbox01 {
    top: 34vw;
  }
}
@media screen and (max-width: 768px) {
  .re-txt {
    font-size: 12px;
    width: 10rem;
  }
  .recruit .mv .mv-btn {
    /*top: 73vw;*/
    top: 125vw;
  }
  .recruit .mv .txtbox01 {
    top: 60vw;
  }
  .recruit .mv .txtbox02 {
    top: 100vw;
  }
  .recruit .bg {
    height: 180vw;
    margin-top: 0vw;
    transform: translateY(-100vw);
  }
  .recruit .bg img {
    height: 100%;
    object-fit: cover;

  }
}
@media screen and (max-width: 480px) {
  
}
/*===========================
pg01
===========================*/
.recruit #pg01 {
  transform: translateY(-70rem);
  position: relative;
  z-index: 3;
}
.recruit .message01 {
  background-image: none;
}
.recruit .message01 .wrapper {
  max-width: 700px;
  padding: 10rem 5rem;
  background-color: #fff;
  box-shadow: 0 0 5px 3px #3338;
}
.recruit .message01 .wrapper .ttl {
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 1rem;
  max-width: 600px;
  width: 100%;
  margin-inline: auto;
  display: block;
  color: #6EC8E1;
  font-size: 9rem;
}
.recruit .message01 .wrapper .fo22 {
  text-align: center;
  margin-bottom: 4rem;
}
.recruit .message01 .wrapper .fo24 {
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin-bottom: 1rem;
  color: #6EC8E1;
}
.recruit .message01 .wrapper .fo24 {
  text-align: center;
  margin-bottom: 4rem;
}
.recruit .pg01 .wrapper .ttl {
  text-align: center;
}
.recruit .message01 .wrapper .inbox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;

}
.recruit .message01 .wrapper .inbox .image {
  width: 30rem;
  min-width: unset;
}
.recruit .message01 .wrapper .inbox p {
  width: calc(100% - 30rem);
  text-align: left;
}
@media screen and (max-width: 1280px) {
  .recruit #pg01 {
    margin-top: 0vw;
    transform: translateY(-39vw);
  }
}
@media screen and (max-width: 768px) {
  .recruit #pg01 {
    transform: translateY(-190vw);
  }
  .recruit .mv {
    height: 166vw;
    margin-top: 6rem;
  }
  .recruit .mv ul {
    flex-wrap: wrap;
    gap: 8rem 3rem;
    padding: 10rem 0;
  }
  .recruit .mv ul li {
    width: calc((100% - 3rem) / 2);
  }
  .recruit .message01 .wrapper {
    padding: 8rem 5%;
  }
  .recruit .message01 .wrapper .ttl {
    font-size: 6rem;
  }
  .recruit .message01 .wrapper .fo24 {
    font-size: 1.8rem;
  }
  .recruit .message01 .wrapper .inbox {
    flex-direction: column;
  }
  .recruit .message01 .wrapper .inbox p {
    width: 96%;
  }
}
@media screen and (max-width: 480px) {
  .recruit #pg01 {
    margin-top: 0vw;
    transform: translateY(-80rem);
  }
  .recruit .message01 {
    display: block;
  }
}
/*===========================
pg02
===========================*/
.recruit .message {
  margin-top: -87rem;
  position: relative;
}
.recruit .message .wrapper .fo16 {
  max-width: 750px;
  line-height: 2.4;
  letter-spacing: 0.2em;
}
.recruit .message .wrapper .image {
  width: 30%;
  margin: 5rem auto;
  min-width: 34rem;
}
.recruit .message .wrapper .img::after {
  background-color: #fff;
}
.recruit .pg02 .wrapper ul {
  display: flex;
  justify-content: center;
  width: 100%;
}
.recruit .pg02 .wrapper ul li {
  width: 33.3333333333%;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.recruit .pg02 .wrapper ul li .img {
  min-width: 34rem;
  position: relative;
  overflow: hidden;
}
.recruit .pg02 .wrapper ul li .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.recruit .pg02 .wrapper ul li .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.recruit .pg02 .wrapper ul li .img.scroll::after {
  transform: translateX(100%);
}

@media screen and (max-width: 1280px) {
  .recruit .message {
    margin-top: -52vw;
  }
}
@media screen and (max-width: 1080px) {
  .recruit .pg02 .wrapper p {
    padding-inline: 5%;
  }
  
}
@media screen and (max-width: 768px) {
  .recruit .message {
    margin-top: -208vw;
  }
}
@media screen and (max-width: 580px) {
  .recruit .pg02 .wrapper .fo24 {
    text-align: center;
  }
  .recruit .pg02 .wrapper ul {
    flex-direction: column;
  }
  .recruit .pg02 .wrapper ul li {
    width: 100%;
    aspect-ratio: 2/1;
  }
  .recruit .pg02 .wrapper ul li .img {
    height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .recruit .message {
    margin-top: 0vw;
  }
}
/*@media screen and (max-width: 450px) {
  .recruit .message {
    margin-top: -185vw;
  }
}
@media screen and (max-width: 430px) {
  .recruit .message {
    margin-top: -195vw;
  }
}*/
/*===========================
pg03
===========================*/
.recruit .pg03 {
  padding: 6rem 0;
}
.recruit .rec03 {
  padding-top: 0;
}
.recruit .pg03 .wrapper {
  background-color: #E6F5DC;
  max-width: none;
  padding: 5rem 0;
}
.recruit .rec03 .wrapper {
  margin-top: 0;
}
.recruit .rec03 .wrapper {
  background-color: unset;
}
.recruit .pg03 .wrapper h2 {
  max-width: 1000px;
  width: 100%;
  display: block;
  text-align: left;
  margin: 0rem auto 8rem;
  color: #fff;
  font-size: 3rem;
}
.recruit .pg03 .wrapper h2 span {
  background-color: #6EC8E1;
  display: block;
  line-height: 2;
  margin-bottom: 1rem;
  padding: 0 2rem;width: fit-content;
  letter-spacing: 0.1em;
}
.recruit .pg03 .wrapper .box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8rem;
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.recruit .pg03 .wrapper .box .inbox {
  width: 80%;
  display: flex;
  justify-content: center;
  background-color: #fff;
  position: relative;
}
.recruit .pg03 .wrapper .box .inbox p {
  max-width: 40rem;
}
.recruit .pg03 .wrapper .box .left {
  flex-direction: row-reverse;
}
.recruit .pg03 .wrapper .box .right {
  margin-left: auto;
}
.recruit .pg03 .wrapper .box .inbox a .img {
  min-width: 34rem;
  aspect-ratio: 4 / 3;
  position: relative;
  overflow: hidden;
}
.recruit .rec03 .wrapper .box .inbox .img {
  width: 30%;
  aspect-ratio: 4 / 3;
  position: relative;
  overflow: hidden;
  transform: translate(-30% , -2rem);
}
.recruit .rec03 .wrapper .box .inbox::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -30%;
  width: 24vw;
  height: 100%;
  max-width: 64rem;
  min-width: 28rem;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100;
}
.recruit .rec03 .wrapper .box .left::after {
  right: -20%;
  background-image: url("../img/page/recruit/02.png");
}
.recruit .rec03 .wrapper .box .right::after {
  left: -20%;
  background-image: url("../img/page/recruit/03.png");
}
.recruit .rec03 .wrapper .box .left .img {
  transform: translate(30% , -2rem);
}
.recruit .rec03 .wrapper .box .inbox .gra-bg {
  height: unset;
  padding: 2rem;
  color: #fff;
  text-align: center;
}
.recruit .rec03 .wrapper .box .inbox .gra-bg p {
  margin-bottom: 2rem;
}
.recruit .pg03 .wrapper .box .inbox .txtbox {
  width: 45%;
  padding: 2rem 4rem;
}
.recruit .pg03 .wrapper .box .inbox .txtbox .caveat span {
  display: block;
  color: #000;
  -webkit-text-fill-color: unset;
}
.recruit .pg03 .wrapper .box .inbox .txtbox p {
  margin-bottom: 2rem;
  width: 100%;
}
.recruit .pg03 .wrapper .box .inbox .txtbox .btn a p {
  margin-bottom: 0;
}
.recruit .rec03 .wrapper .box .inbox .gra-bg .btn a {
  margin-inline: auto;
  border: 1px solid #fff0;
}
.recruit .rec03 .wrapper .box .inbox .gra-bg .btn a:hover {
  border: 1px solid #fff;
}
.recruit .rec03 .wrapper .box .inbox .gra-bg .btn p {
  margin-bottom: 0;
}
.recruit .rec03 .wrapper .box .inbox .gra-bg p span {
  display: block;
}
.recruit .pg03 .wrapper .box .inbox a .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s;
}
.recruit .pg03 .wrapper .box .inbox a .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E6F5DC;
  transition: all 0.8s;
}

.recruit .pg03 .wrapper .box .inbox a .img.scroll::after {
  transform: translateX(100%);
}
.recruit .pg03 .wrapper .box .inbox a .gra-bg {
  height: unset;
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  color: #fff;
}
.recruit .pg03 .wrapper .box .inbox a .gra-bg span {
  transition: all 0.5s;
}
.recruit .pg03 .wrapper .box .inbox a:hover {
  opacity: 1;
}
.recruit .pg03 .wrapper .box .inbox a:hover .img img {
  transform: scale(1.1);
}
.recruit .pg03 .wrapper .box .inbox a:hover .gra-bg span {
  transform: translateX(5px);
}
.recruit .pg03 .wrapper .box .inbox .fo14 {
  line-height: 2;
}

@media screen and (max-width: 1080px) {
  .recruit .pg03 .wrapper h2 {
    padding-inline: 5%;
    letter-spacing: 0.2em;
  }
  .recruit .pg03 .wrapper h2 span:nth-child(2) {
    margin-left: 3rem;
  }
  .recruit .pg03 .wrapper .box {
    padding-inline: 5%;

  }
  .recruit .pg03 .wrapper .box .inbox {
    width: 90%;
  }
  .recruit .rec03 .wrapper .box .inbox::after {
    bottom: -50%;
  }
}
@media screen and (max-width: 768px) {
  .recruit .pg03 .wrapper h2 {
    font-size: 2.4rem;
  }
  .recruit .pg03 .wrapper .box {
    flex-direction: column;
    justify-content: center;
    padding-inline: 0;
  }
  .recruit .pg03 .wrapper .box .inbox {
    width: 100%;
  }
  .recruit .pg03 .wrapper .box .inbox a .img {
    width: 100%;
    aspect-ratio: 2/1;
  }
  .recruit .pg03 .wrapper .box .inbox a .gra-bg {
    width: 90%;
    margin-inline: auto;
  }
  .recruit .pg03 .wrapper .box .fo14 {
    text-align: center;
    padding-inline: 5%;
    font-size: 14px;
  }
  .recruit .pg03 .wrapper .box .inbox {
    flex-direction: column-reverse;
    gap: 4rem;
  }
  .recruit .rec03 .wrapper .box .inbox::after {
    bottom: -80%;
  }
  .recruit .rec03 .wrapper .box .left::after {
    right: 0;
  }
  .recruit .rec03 .wrapper .box .right::after {
    left: 0;
  }
  .recruit .pg03 .wrapper .box .inbox .img,.recruit .pg03 .wrapper .box .inbox .txtbox {
    width: 100%;
  }
  .recruit .pg03 .wrapper .box .inbox .txtbox {
    text-align: center;
  }
  .recruit .pg03 .wrapper .box .inbox p {
    max-width: unset;
  }
  .recruit .rec03 .wrapper .box .left .img,.recruit .rec03 .wrapper .box .right .img {
    transform: translate(0 , 0);
  }
  .recruit .pg03 .wrapper .box .inbox .btn a {
    margin-inline: auto;
  }
}
@media screen and (max-width: 580px) {
  .recruit .pg03 .wrapper .box .inbox .txtbox .fo50 {
    font-size: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .recruit .pg03 .wrapper h2 {
    font-size: 2rem;
  }
  .recruit .pg03 .wrapper h2 span:nth-child(2) {
    margin-left: 0rem;
  }
}
/*===========================
pg04
===========================*/
.recruit .pg04 {
  padding: 6rem 0;
}
.recruit .pg04 .wrapper .box {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
.recruit .rec04 .wrapper .box {
  gap: 0;
}
.recruit .pg04 .wrapper .box .img {
  width: 50rem;
  aspect-ratio: 4/3;
  min-width: 34rem;
  position: relative;
  overflow: hidden;
}

.recruit .pg04 .wrapper .box .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.recruit .pg04 .wrapper .box .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.recruit .pg04 .wrapper .box .img.scroll::after {
  transform: translateX(100%);
}
.recruit .pg04 .wrapper .box .right {
  width: calc(100% - 5rem - 50rem);
}.recruit .rec04 .wrapper .box .right {
  width: calc(100% - 50rem);
}
.recruit .rec04 .wrapper .box .right {
  height: unset;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding: 2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.recruit .rec04 .wrapper .box .right p {
  margin-bottom: 2rem;
  line-height: 2;
}
.recruit .rec04 .wrapper .box .right .btn a {
  margin-inline: auto;
  border: 1px solid #fff0;
}
.recruit .rec04 .wrapper .box .right .btn a:hover {
  border: 1px solid #fff;
}
.recruit .rec04 .wrapper .box .right .btn a p {
  margin-bottom: 0;
}
.recruit .pg04 .wrapper .box .right .fo24 {
  margin-bottom: 2rem;
  line-height: 1.8;
}
.recruit .pg04 .wrapper .box .right .fo18 {
  margin-bottom: 3rem;
}

@media screen and (max-width: 1080px) {
  .recruit .pg04 .wrapper .box {
    gap: 3rem;
  }
  .recruit .pg04 .wrapper .box .img {
    width: 34rem;
  }
  .recruit .pg04 .wrapper .box .right {
    width: calc(100% - 3rem - 34rem);
  }
}
@media screen and (max-width: 768px) {
  .recruit .pg04 .wrapper .box {
    flex-direction: column-reverse;
  }
  .recruit .pg04 .wrapper .box .img {
    width: 100%;
    aspect-ratio: 2/1;
  }
  .recruit .pg04 .wrapper .box .right {
    width: 100%;
    margin-inline: auto;
    text-align: center;
  }
  .recruit .pg04 .wrapper .box .right h2 {
    width: 100%;
  }
  .recruit .pg04 .wrapper .box .right .btn {
    margin: 4rem auto;
  }
  .recruit .pg04 .wrapper .box .right .btn a {
    margin-inline: auto;
  }
}
/*===========================
pg05
===========================*/
.recruit .pg05 {
  padding: 6rem 0;
}
.recruit .pg05 .wrapper {
  max-width: none;
  background-color: #E6F5DC;
  padding: 5rem;
}
.recruit .rec05 .wrapper {
  background-color: #fff;
  /*background-image: url("../img/page/recruit/bg01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;*/
  position: relative;
} 
/*.recruit .rec05 .wrapper::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}*/
.recruit .rec05 .wrapper h2,.recruit .rec05 .wrapper ul {
  position: relative;
  z-index: 3;
}
.recruit .pg05 .wrapper .fo40 {
  text-align: center;
  width: 100%;
  margin-inline: auto;
  margin-bottom: 4rem;
}
.recruit .rec05 .wrapper .fo24 {
  color: #8CC76A;
  /*text-shadow: 3px 3px 3px #333;*/
  text-align: center;
  width: 100%;
  margin-inline: auto;
  margin-bottom: 4rem;
}
.recruit .rec05 .wrapper .mes {
  font-size: 2.4rem;
  text-align: center;
  margin: 4rem;
  font-weight: bold;
}
.recruit .rec05 .wrapper .mes .span01 {
  color: #c00c0c;
  font-size: 3.2rem;
}
.recruit .rec05 .wrapper .mes .span02 {
  font-size: 1.4rem;
}
@media screen and (max-width: 580px) {
  .recruit .rec05 .wrapper .mes {
    font-size: 1.5rem;
    margin: 3rem 3%;
  }
  .recruit .rec05 .wrapper .mes .span01 {
    font-size: 2rem;
  }
  .recruit .rec05 .wrapper .mes .span02 {
    font-size: 1.2rem;
  }
}
.recruit .pg05 .wrapper ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
  gap: 0 3rem;
}
.recruit .pg05 .wrapper ul li {
  width: calc((100% - 6rem) / 3);
  margin-bottom: 3rem;
}
.recruit .pg05 .wrapper ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4rem;
  width: 100%;
  height: unset;
  padding: 2rem;
  margin-bottom: 0;
}
.recruit .rec05 .wrapper ul li a {
  background-color: #8CC76A;
  color: #000;
  padding: 1rem 2rem;
}
.recruit .pg05 .wrapper ul li a p:nth-child(1) {
  font-size: 14px;
  color: #fff;
}
.recruit .pg05 .wrapper ul li a p:nth-child(2) span {
  display: inline-block;
}
/*.recruit .pg05 .wrapper ul li a p:nth-child(2) span:nth-child(1) {
  background-color: #fff;
  border-radius: 2rem;
  padding: 0.3rem 1rem;
  color: #000;
  margin-right: 1rem;
  width: 8rem;
  text-align: center;
}*/
.recruit .pg05 .wrapper ul li a p:nth-child(2) span:nth-child(2) {
  color: #fff;
  transition: all 0.5s;
}
.recruit .rec05 .wrapper ul li a p:nth-child(2) span:nth-child(2) {
  color: #000;
}
.recruit .pg05 .wrapper ul li a .txt-ora:nth-child(2) span:nth-child(1) {
  color: #fff;
}
.recruit .pg05 .wrapper ul li a:hover p:nth-child(2) span:nth-child(2) {
  transform: translateX(5px);
}

@media screen and (max-width: 1080px) {
  .recruit .pg05 .wrapper ul li {
    width: calc((100% - 3rem) / 2);
  }
}
@media screen and (max-width: 768px) {
  .recruit .pg05 .wrapper {
    padding: 5rem 2rem;
  }
  .recruit .pg05 .wrapper .fo40 {
    font-size: 28px;
  }
  .recruit .pg05 .wrapper ul {
    gap: 0 1rem;
  }
  .recruit .pg05 .wrapper ul li a p:nth-child(1) {
    font-size: 16px;
  }
  .recruit .pg05 .wrapper ul li a p:nth-child(2) span:nth-child(1) {
    width: 68px;
  }
}
@media screen and (max-width: 580px) {
  .recruit .pg05 .wrapper ul {
    flex-direction: column;
    justify-content: center;
  }
  .recruit .pg05 .wrapper ul li {
    width: 34rem;
    margin-inline: auto;
    margin-bottom: 1.5rem;
  }
  .recruit .pg05 .wrapper ul li a {
    padding: 1rem 2rem;
  }
}

/*===========================
faq
共通
===========================*/
.faq {
  overflow-x: hidden;
}
.faq section {
  padding: 4rem 0;
}
.faq h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.faq .pg01 {
  padding-top: 25rem;
}
.faq .pg-nav {
  margin-bottom: 0;
}
.faq .pg-nav .box ul li {
  width: 33.3333333333%;
}
.faq .pg-nav .box ul li a {
  border-right: 1px solid rgba(140, 199, 106, 0.22);
}
.faq .pg-nav .box ul li:last-child a {
  border-right: none;
}
.faq .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}
.faq .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.faq .wrapper .toggle_wrap {
  box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
  border-radius: 5px;
  padding: 2rem 3rem;
  margin-bottom: 3rem;
}
.faq .wrapper .toggle_wrap .toggle_switch {
  position: relative;
  cursor: pointer;
}
.faq .wrapper .toggle_wrap .toggle_switch::after {
  content: "";
  display: inline-block;
  background-image: url("../img/open.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  right: 0rem;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.faq .wrapper .toggle_wrap .toggle_switch h3 {
  position: relative;
  width: 100%;
  padding-right: 1rem;
  font-family: "Gothic A1", sans-serif;
  transition: all 0.3s;
}
.faq .wrapper .toggle_wrap .toggle_switch h3::before {
  content: "Q";
  font-size: 30px;
  margin-right: 1rem;
}
.faq .wrapper .toggle_wrap .toggle_switch.open h3 {
  border-bottom: 1px dotted #000;
}
.faq .wrapper .toggle_wrap .toggle_switch.open::after {
  content: "";
  background-image: url("../img/close.png");
  transform: translateY(-50%) rotate(360deg);
}
.faq .wrapper .toggle_wrap .toggle_contents {
  display: none;
}
.faq .wrapper .toggle_wrap .toggle_contents p {
  font-family: "Gothic A1", sans-serif;
  margin-top: 3rem;
}
.faq .wrapper .toggle_wrap .toggle_contents p a {
  color: #c00c0c;
  display: inline-block;
}

@media screen and (max-width: 1080px) {
  .faq .wrapper {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 768px) {
  .faq .pg-nav .box ul li:last-child a {
    border-right: 1px solid rgba(140, 199, 106, 0.22);
  }
  .faq .wrapper .toggle_wrap .toggle_switch::after {
    right: -2rem;
  }
}
@media screen and (max-width: 580px) {
  .faq .pg01 h2 {
    letter-spacing: 0.2em;
  }
}
/*===========================
balance
===========================*/
.balance #pg01 {
  transform: translateY(0);
}
.balance .pg01 {
  background-image: none;
  height: 20rem;
  padding-top: 30rem;
  flex-direction: column;
  justify-content: left;
  height: 50rem;
}
.balance .pg01 .ttlbox {
  position: relative;
  z-index: 3;
  text-align: left;
  transform: translate(-10rem , -10rem);
}
.balance .pg01 .ttlbox h2 {
  color: #8CC76A;
  font-size: 9rem;
  letter-spacing: 0.1em;
  background-color: #fff;
  width: fit-content;
  padding: 0.5rem 2rem;
}
.balance .pg01 .ttlbox .fo30 {
  background-color: #fff;
  width: fit-content;
  padding: 0.5rem 2rem;
}
.balance .pg01 .image {
  width: 95rem;
  max-width: 100%;
  aspect-ratio: 37 / 20;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 4rem;
  overflow: hidden;
}
.balance .pg01 .image img {
  height: 100%;
  object-fit: cover;
}
.recruit .pg01 .fo40 {
  color: #fff;
}
.balance .pg01 .fo40 {
  color: #000;
}
.balance .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.balance .pg02 .wrapper {
  max-width: 1000px;
}
.balance .pg02 .wrapper p:nth-child(2) {
  line-height: 2;
  letter-spacing: 0.1em;
}
.balance .pg02 .wrapper .fo40 {
  text-align: left;
  color: #8CC76A;
  margin-bottom: 5rem;
}
.balance .pg02 .wrapper .box {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 5rem;
  margin-bottom: 8rem;
  position: relative;
}
.balance .pg02 .wrapper .box02 {
  flex-direction: row-reverse;
}
.balance .pg02 .wrapper .box .img {
  position: absolute;
  top: -2rem;
  left: 0;
  width: 45%;
  aspect-ratio: 2 / 1;
  border-radius: 2rem;
}
.balance .pg02 .wrapper .box02 .img {
  left: unset;
  right: 0;
}
.balance .pg02 .wrapper .box .img::after {
  background-color: #fff;
}
.balance .pg02 .wrapper .box .right {
  width: 65%;
  margin-left: auto;
}
.balance .pg02 .wrapper .box .right p {
  width: 80%;
  margin-left: auto;
}
.balance .pg02 .wrapper .box02 .right {
  margin-right: auto;
  margin-left: 0;
}
.balance .pg02 .wrapper .box02 .right p {
  margin-right: auto;
  margin-left: 0;
}
.balance .pg02 .wrapper .box .right h2 span {
  color: #fff;
  background-color: #6EC8E1;
  padding: 1rem 2rem;
  width: fit-content;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  margin-bottom: 1rem;
}
.balance .pg03 .wrapper {
  max-width: none;
  background-color: #E6F5DC;
}
.req .pg03 .wrapper {
  max-width: 1000px;
  background-color: unset;
}
.balance .pg03 .wrapper h2 {
  letter-spacing: 0.1em;
  margin: 0rem auto 2rem;
}
.req .pg03 .wrapper h2 {
  text-align: center;
}
.balance .pg03 .wrapper .box {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: row;
  gap: 5rem;
}
.balance .pg03 .wrapper .box .left {
  width: 34rem;
  position: relative;
}
.balance .pg03 .wrapper .box .left::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../img/page/recruit/fuki01.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24rem;
  height: 100%;
}
.balance .pg03 .wrapper .box .right {
  width: calc(100% - 5rem - 34rem);
  display: block;
  background-color: unset;
}
.balance .pg04 .wrapper ul {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
.balance .pg04 .wrapper .fo24 {
  width: 100%;
  text-align: center;
  color: #6EC8E1;
  border-bottom: 3px solid #6EC8E1;
  padding: 0.5rem 2rem;
  width: fit-content;
  margin: 0 auto 4rem;
}
.balance .pg04 .wrapper ul li {
  width: calc((100% - (3rem * 2)) / 3);
}
.balance .pg04 .wrapper ul li .img {
  min-width: unset;
  aspect-ratio: 4 / 3;
}
.balance .pg04 .wrapper ul li:nth-child(3) .img img {
  object-fit: contain;
  object-position: center;
}
.balance .pg04 .wrapper ul li .img::after {
  background-color: #fff;
}

.balance .pg04 .wrapper ul li h3 {
  text-align: center;
  height: unset;
  padding: 0.5rem 2rem;
  color: #fff;
  margin-bottom: 0;
  background-color: #8CC76A;
  border-radius: 4rem;
  margin: 1rem auto 0;
  width: fit-content;
}
.balance .pg04 .wrapper ul li p {
  line-height: 2;
  padding: 1rem;
}
.balance .pg05 {
  padding: 5rem 0;
}
.balance .pg05 .wrapper ul {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2rem;
  gap: 0;
}
.balance .pg05 .wrapper ul li {
  width: calc(100% / 3);
  border-right: 1px dotted #C8C8C8;
  border-bottom: 1px dotted #C8C8C8;
  display: flex;
  justify-content: center;
  gap: 2rem;
  align-items: start;
  padding: 1rem;
  margin-bottom: 0;
}
.balance .pg05 .wrapper ul li:nth-child(4),.balance .pg05 .wrapper ul li:nth-child(5),.balance .pg05 .wrapper ul li:nth-child(6) {
  border-bottom: none;
}
.balance .pg05 .wrapper ul li:nth-child(3),.balance .pg05 .wrapper ul li:nth-child(6) {
  border-right: none;
}
.balance .pg05 .wrapper ul li .left {
  width: 9rem;
  aspect-ratio: 1 / 1;
}
.balance .pg05 .wrapper ul li .right {
  width: calc(100% - 2rem - 9rem);

}
.balance .pg05 .wrapper ul li .right h3 {
  margin-bottom: 1rem;
}
@media screen and (max-width: 1080px) {
  .balance .pg01 .image {
    width: 80rem;
  }
  .balance .pg01 .ttlbox {
    transform: translate(-12rem , -10rem);
  }
  .balance .pg01 .ttlbox h2 {
    font-size: 6rem;
  }
  .balance .pg01 .ttlbox .fo30 {
    font-size: 2rem;
  }
  .balance .pg02 .wrapper .box {
    padding-inline: 5%;
  }
  .recruit .pg02 .wrapper .fo24 {
    font-size: 20px;
  }
  .balance .pg02 .wrapper .box .right {
    width: 75%;
  }
  .balance .pg02 .wrapper .box .right p {
    width: 75%;
  }
  .balance .pg03 .wrapper h2 {
    font-size: 24px;
  }
  .balance .pg03 .wrapper .box {
    gap: 2rem;
  }
  .balance .pg04 .wrapper ul {
    padding-inline: 5%;
  }
  .balance .pg05 .wrapper ul {
    padding-inline: 5%;
  }
  .balance .pg04 .wrapper ul li h3 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .balance .pg05 .wrapper ul li {
    width: calc(100% / 2);
  } 
  .balance .pg05 .wrapper ul li:nth-child(2),.balance .pg05 .wrapper ul li:nth-child(4) {
    border-right: none;
  }
  .balance .pg05 .wrapper ul li:nth-child(3) {
    border-right: 1px dotted #C8C8C8;
  }
  .balance .pg05 .wrapper ul li:nth-child(4) {
    border-bottom: 1px dotted #C8C8C8;
  }
}
@media screen and (max-width: 768px) {
  .balance .pg01 .image {
    width: 100%;
    height: 50rem;
    aspect-ratio: unset;
  }
  .balance .pg01 .ttlbox {
    transform: translate(0rem , -50%);
  }
  .balance .pg01 .ttlbox h2 {
    font-size: 6rem;
  }
  .balance .pg01 .ttlbox .fo30 {
    font-size: 2rem;
  }
  .balance .pg02 .wrapper .box {
    flex-direction: column;
    justify-content: center;
    padding-inline: 0;
  }
  .balance .pg02 .wrapper .box .img {
    width: 100%;
    position: static;
  }
  .balance .pg02 .wrapper .box .right {
    width: 100%;
  }
  .balance .pg02 .wrapper .box .right h2 {
    text-align: center;
    width: 100%;
  }
  .balance .pg02 .wrapper .box .right p {
    padding: 1rem 10%;
    width: 100%;
    margin: 0;
  }
  .balance .pg02 .wrapper .fo40 {
    font-size: 28px;
  }
  .balance .pg03 .wrapper .box {
    flex-direction: column;
    justify-content: center;
  }
  .balance .pg03 .wrapper .box .left {
    margin-inline: auto;
  }
  .balance .pg03 .wrapper .box .img {
    width: 100%;
  }
  .balance .pg03 .wrapper .box .right {
    width: 100%;
  }
  .balance .pg03 .wrapper .box .right h2 {
    text-align: center;
    width: 100%;
  }
  .balance .pg03 .wrapper .box .right p {
    padding: 1rem 10%;
  }
  .balance .pg04 .wrapper ul {
    flex-direction: column;
    justify-content: center;
    padding-inline: 0;
  }
  .balance .pg04 .wrapper ul li {
    width: 100%;
  }
  .balance .pg04 .wrapper ul li p {
    padding: 1rem 10%;
  }
  .recruit .pg05 .wrapper ul li {
    width: calc((100% - 3rem) / 2);
    gap: 1rem;
  }
  .balance .pg05 .wrapper ul li .left {
  width: 6rem;
}
.balance .pg05 .wrapper ul li .right {
  width: calc(100% - 1rem - 6rem);

}
}
@media screen and (max-width: 580px) {
  .balance .pg05 .wrapper ul {
    padding-inline: 10%;
  }
  .recruit .pg05 .wrapper ul li {
    width: 100%;
  }
  .balance .pg05 .wrapper ul li:nth-child(odd) {
    border-right: none;
  }
  .balance .pg05 .wrapper ul li:nth-child(5) {
    border-bottom: 1px dotted #C8C8C8;
  }
  .balance .pg02 .wrapper .fo40 {
    font-size: 26px;
  }
}
/*===========================
edu
===========================*/
.edu .pg03 .wrapper .box .img {
  width: 34rem;
  margin-inline: auto;
  position: relative;
  overflow: visible;
}
.edu .pg03 .wrapper .box .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../img/page/recruit/fuki01.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24rem;
  height: 100%;
  background-color: unset;
}
.edu .pg04 .wrapper h2.fo24 {
  border-bottom: none;
}
.edu .pg04 .wrapper h2.bo-b {
  border-bottom: 3px solid #6EC8E1;
}
.edu .pg04 .wrapper h2 span {
  color: #fff;
  background-color: #6EC8E1;
  padding: 1rem 2rem;
  width: fit-content;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  margin-bottom: 1rem;
}

.edu .pg04 .wrapper ul li .box {
  background-color: #fff;
  padding: 2rem 2rem 4rem 2rem;
  position: relative;
}
.edu .pg04 .wrapper ul li .box .fo18 {
  text-align: center;
  width: 100%;
}
.edu .pg04 .wrapper ul li .box ul {
  list-style: disc;
  padding-left: 1.2em;
}
.edu .pg04 .wrapper ul li .box ul li {
  margin-bottom: 1rem;
}
.edu .pg04 .wrapper ul li .box .etc {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
.edu .pg04 .wrapper ul li .box {
  display: block;
}
.edu .pg04 .wrapper ul li .box ul {
  display: block;
  width: fit-content;
  margin-inline: auto;
}
.edu .pg04 .wrapper ul li .box ul li {
  width: 100%;
}

/*===========================
voice
===========================*/
.voice h2 {
  color: #8CC76A;
  letter-spacing: 0.2em;
}

.voice .pg02 .wrapper {
  padding: 10rem 0;
}
.voice .pg02 .wrapper .box {
  margin-bottom: 10rem;
  gap: 3rem;
}
.voice .pg02 .wrapper .box .right p {
  margin-left: 0;
  line-height: 2;
  letter-spacing: 0.1em;
}
.voice .pg02 .wrapper .box .right .name {
  text-align: end;
  margin-bottom: 2rem;
} 
.voice .pg02 .wrapper .box .right .name span {
  font-size: 2rem;
}
.voice .pg02 .wrapper .box .left {
  width: 42rem;
  position: relative;
  margin-inline: auto;
}
.voice .pg02 .wrapper .box .left::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../img/page/recruit/fuki02.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24rem;
  height: 100%;
}
.voice .pg02 .wrapper .box03 .left::after {
  background-image: url("../img/page/recruit/fuki03.png");
}


/*===========================
requirements
===========================*/
.requirements .pg02 .wrapper .box {
  display: block;
}
.requirements .pg02 .wrapper .box p {
  text-align: center;
}
.requirements .btn a {
  margin-inline: auto;
  margin-bottom: 3rem;
}
/*===========================
entry
===========================*/

.entry .pg01 {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  aspect-ratio: 2 / 1;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5rem;
}

.entry .pg02 {
  padding: 6rem 0;
}
.entry .note {
  text-align: center;
}
.entry .ul-flow {
  width: 90%;
  display: flex;
  align-items: start;
  gap: 1rem;
  margin: 0 auto 4rem;
}
.entry .ul-flow .li-step {
  width: calc((100% - (1rem * 6) - (2rem * 3)) / 4);
  min-height: 20rem;
}
.entry .ul-flow .li-step .step {
  color: #fff;
  background-color: #8CC76A;
  padding: 1.5rem 0;
  text-align: center;
}
.entry .ul-flow .li-step .txt {
  font-size: 1.4rem;
  width: 90%;
  margin-inline: auto;
}
.entry .ul-flow .arrow {
  width: 2rem;
  margin-top: 4rem;
}
.entry h2 {
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .entry .ul-flow {
    display: block;
  }
  .entry .ul-flow .li-step {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: unset;
  }
  .entry .ul-flow .li-step .step {
    width: 12rem;
    min-width: 12rem;
  }
  .entry .ul-flow .li-step .txt {
    padding-inline: 1rem;
  }
  .entry .ul-flow .arrow {
    transform: translateX(42px) rotate(90deg);
    transform-origin: center;
    margin-top: 0;
    margin: 1rem 0;
  }
  .entry .ul-flow .arrow img {
    width: 2rem;
    display: block;
    
  }
}
.entry table {
  border-top: 1px solid #E1F0F5;
  border-left: 1px solid #E1F0F5;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 4rem;
}
.entry table tr th,.entry table tr td {
  border-bottom: 1px solid #E1F0F5;
  border-right: 1px solid #E1F0F5;
  vertical-align: middle;
}

.entry table tr th {
  text-align: left;
  width: 18rem;
  background-color: #F0F5FA;
  padding-left: 2rem;
}
.entry table tr .required {
  position: relative;
}
.entry table tr .required::after {
  content: "必須";
  font-size: 10px;
  color: #fff;
  background-color: #c00c0c;
  padding: 1px 3px;
  border-radius: 3px;
  display: inline-block;
  margin-left: 5px;
  transform: translateY(-2px);
}
.entry table tr td {
  padding: 1rem 0;
  width: calc(100% - 18rem);
  padding-inline: 2em;
}
.entry input::placeholder,.entry textarea::placeholder {
  color: #cecece;
}
.entry table tr:nth-child(8) td p span select {
  border: 1px solid #6EC8E1;
  border-radius: 5px;
  background-color: #E1F0F5;
  padding-inline: 1rem;
  cursor: pointer;
}
.entry table tr:nth-child(1) td,.entry02 table tr:nth-child(2) td {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1rem;
  width: 100%;
}
.entry table tr:nth-child(3) td input:nth-child(1),.entry table tr:nth-child(4) td input:nth-child(1),.contact table tr:nth-child(2) td input:nth-child(1),.contact table tr:nth-child(3) td input:nth-child(1) {
  width: calc(48% - 2rem);
  margin-right: 2rem;
}
.contact table tr:nth-child(5) td input:nth-child(1) {
  width: unset;
  margin-right: 0;
}
.contact input[type="text"].year,.contact input[type="text"].month,.contact input[type="text"].date {
  width: 6rem;
}
.entry table tr:nth-child(3) td input:nth-child(2),.entry table tr:nth-child(4) td input:nth-child(2),.contact table tr:nth-child(2) td input:nth-child(2),.contact table tr:nth-child(3) td input:nth-child(2) {
  width: 48%;
}
.contact table tr:nth-child(5) td input:nth-child(2) {
  width: unset;
}
.entry table tr:nth-child(7) td input {
  width: 6rem;
}
.entry table tr:nth-child(9) input {
  width: 10rem;
  text-align: center;
  border: 1px solid #6EC8E1;
  background-color: #E1F0F5;
  border-radius: 5px;
  padding-inline: 1rem;
  margin-inline: 1rem;
}
.contact table tr:nth-child(9) input {
  width: 16px;
  padding: 0;
  margin-right: 10px;

}
.entry table tr:nth-child(10) td input:nth-child(1),.contact table tr:nth-child(11) td input:nth-child(1) {
  width: 10rem;
  text-align: end;
}
.entry table tr:nth-child(10) td input:nth-child(2),.contact table tr:nth-child(11) td input:nth-child(2) {
  width: calc(100% - 12rem - 2rem);
  text-align: left;
}
.mw_wp_form .horizontal-item + .horizontal-item  {
  margin-left: 0!important;
  margin-right: 1rem;
}
.entry .privacybox {
  width: 100%;
  height: 20rem;
  overflow-y: scroll;
  border: 1px solid #C8C8C8;
  margin: 4rem 0;
  padding: 1rem;
}
.entry .privacybox p {
  line-height: 2;
}
.entry .privacybox .ul01 {
  list-style: disc;
  padding-left: 1.2em;
} 
.entry .privacybox .ul02 {
  list-style: decimal;
  padding-left: 1.2em;
} 
.entry .pg02 .wrapper p {
  line-height: 2;
  margin: 0;
}
.entry .btn a {
  margin-inline: auto;
}
.required p {
  display: flex;
  align-items: center;
  padding-left: 2rem;
}
.required p::after {
  content: "必須";
  display: inline-block;
  margin-left: 0.5rem;
  color: #c00c0c;
  font-size: 10px;
  padding: 0rem 0.3rem;
  line-height: 1.2;
  border: 1px solid #c00c0c;
  background-color: #e3baba;
  border-radius: 5px;
}
.entry input[type="text"],.entry textarea,.entry input[type="email"],.entry input[type="tel"],select {
  position: relative;
  border: 1px solid #6EC8E1;
  background-color: #E1F0F5;
  border-radius: 5px;
  padding: 5px 1rem;
  width: 100%;
}
select {
  cursor: pointer;
  width: fit-content;
}
.entry input[type="checkbox"],.entry input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #6EC8E1;
  background-color: #E1F0F5;
  border-radius: 5px;
  vertical-align: -2px;
  cursor: pointer;
}
.entry input[type="checkbox"]:checked:before,.entry input[type="radio"]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #65c3d6;
  border-bottom: 2px solid #65c3d6;
  content: '';
}
.entry input[type="submit"] {
  color: #67b94f;
  display: inline-block;
  background: linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
  background: -webkit-linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  text-align: center;
  width: 100%;
}
.entry .wpcf7-spinner {
  display: none;
}
.entry .btn {
  font-size: 1.6rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  background-color: #65c3d6;
  background-image: linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
  position: relative;
  width: 26rem;
  margin: 5rem auto;
  cursor: pointer;
}
.entry .btn::before {
  content: "";
  width: 25.3rem;
  height: 3.6rem;
  background-color: #fff;
  border-radius: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}
.entry .btn::after {
  content: ">";
  color: #000;
  position: absolute;
  display: inline-block;
  width: 4.5px;
  line-height: 1;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
  /*background-image: url("../img/arrow-right-mini.png");*/
  background-repeat: no-repeat;
  background-size: contain;
}
.entry .btn:hover {
  opacity: 1;
}
.entry .btn a:hover p {
  color: #fff !important;
  -webkit-text-fill-color: white !important;
}
.entry .btn a:hover::before {
  opacity: 0;
}
@media screen and (max-width: 1080px) {
  .entry table {
    width: 90%;

  }
  .entry .pg02 .wrapper p {
    font-size: 12px;
  }
  .entry .privacybox {
    width: 90%;
    margin-inline: auto;
  }
  .entry .privacybox ul li {
    font-size: 12px;
  }
}
@media screen and (max-width: 580px) {
.entry table tr th,.entry table tr td {
    display: block;
    width: 100%;
    padding-inline: 1em;
  }
  .span01 {
    font-size: 12px;
  }
  .entry table tr:nth-child(11) td input:nth-child(1) {
    text-align: left;
  }
  .entry table tr:nth-child(11) td input:nth-child(2) {
    width: 100%;

  }
}
/*===========================
related
共通
===========================*/
.access {
  overflow-x: hidden;
}
.access h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.access .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}
.access .wrapper {
  max-width: 1280px;
  width: 100%;
  margin-inline: auto;
}
.access .wrapper .box {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
  padding: 4rem 0;
}
.access .wrapper .box .map {
  width: calc(100% - 5rem - 52rem);
  aspect-ratio: 4/3;
}
.access .wrapper .box .right {
  width: 52rem;
}
.access .wrapper .box .right img {
  width: 34rem;
  margin-inline: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 3rem;
}
.access .wrapper .box .right p a {
  display: inline-block;
}
.access .wrapper .box .right .btn {
  margin-top: 3rem;
}
.access .wrapper .box .right .btn a {
  margin-inline: auto;
}
.access .wrapper .box .right .btn a p span {
  transition: all 0.5s;
}
.access .wrapper .box .right .btn a:hover p span {
  transform: translateX(5px);
}
.access .wrapper .box02 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 5rem;
  padding: 6rem 0;
  margin-bottom: 4rem;
}
.access .wrapper .box02 .img {
  width: calc(100% - 5rem - 60rem);
  position: relative;
  overflow: hidden;
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.access .wrapper .box02 .img img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.access .wrapper .box02 .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E6F5DC;
  transition: all 0.8s;
}
.access .wrapper .box02 .img.scroll::after {
  transform: translateX(100%);
}
.access .wrapper .box02 .right {
  width: 60rem;
  position: relative;
  z-index: 3;
}
.access .wrapper .box02 .right .inbox {
  margin-bottom: 3rem;
}
.access .wrapper .box02 .right .inbox .gra-bg {
  color: #fff;
  height: unset;
  padding: 1rem 2rem;
  margin-bottom: 3rem;
}
.access .wrapper .box02 .right .inbox .img {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 3;
}
.access .wrapper .box02 .right .inbox .img img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.access .wrapper .box02 .right .inbox .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E6F5DC;
  transition: all 0.8s;
}
.access .wrapper .box02 .right .inbox .img.scroll::after {
  transform: translateX(100%);
}
.access .wrapper .box02 .right .inbox ul {
  list-style: inside;
  margin-bottom: 3rem;
}
.access .wrapper .box02 .right .inbox ul li {
  margin-bottom: 2rem;
}
.access .wrapper .box02 .right .inbox ul li span {
  font-weight: bold;
}
.access .wrapper .box02::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translate(-50%, -50%);
  background-color: #E6F5DC;
}
.access .wrapper .box03 {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 5rem;
  padding: 0rem 0 6rem;
}
.access .wrapper .box03 .img {
  width: calc(100% - 5rem - 60rem);
  position: relative;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.access .wrapper .box03 .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.access .wrapper .box03 .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E6F5DC;
  transition: all 0.8s;
}
.access .wrapper .box03 .img.scroll::after {
  transform: translateX(100%);
}
.access .wrapper .box03 .right {
  width: 60rem;
  position: relative;
  z-index: 3;
}
.access .wrapper .box03 .right .inbox {
  margin-bottom: 3rem;
}
.access .wrapper .box03 .right .inbox .gra-bg {
  color: #fff;
  height: unset;
  padding: 1rem 2rem;
  margin-bottom: 3rem;
}
.access .wrapper .box03 .right .inbox .img {
  width: 100%;
  aspect-ratio: 2/1;
  position: relative;
  overflow: hidden;
  z-index: 3;
}
.access .wrapper .box03 .right .inbox .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.access .wrapper .box03 .right .inbox .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E6F5DC;
  transition: all 0.8s;
}
.access .wrapper .box03 .right .inbox .img.scroll::after {
  transform: translateX(100%);
}
.access .wrapper .box03 .right .inbox ul {
  list-style: inside;
  margin-bottom: 3rem;
}
.access .wrapper .box03 .right .inbox ul li {
  margin-bottom: 2rem;
}
.access .wrapper .box03 .right .inbox ul li span {
  font-weight: bold;
}

.pop {
  display: none;
}

.pop.open {
  position: fixed;
  display: block;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(51, 51, 51, 0.5);
  cursor: pointer;
}
.pop.open div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}
.pop.open div img {
  width: 80%;
  -o-object-fit: contain;
     object-fit: contain;
}
.pop.open::after {
  position: fixed;
  content: "×";
  font-size: 5rem;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  top: 5%;
  right: 5%;
}

@media screen and (max-width: 1280px) {
  .access .wrapper .box {
    padding-inline: 5%;
    gap: 2rem;
  }
  .access .wrapper .box .map {
    width: calc(100% - 2rem - 52rem);
  }
  .access .wrapper .box02 {
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
  }
  .access .wrapper .box02 .img {
    width: 90%;
    margin-inline: auto;
  }
  .access .wrapper .box02 .right {
    width: 90%;
    margin-inline: auto;
  }
  .access .wrapper .box02 .right .inbox .img {
    width: 80%;
    margin-inline: auto;
    min-width: 34rem;
  }
  .access .wrapper .fo24 {
    padding-inline: 5%;
  }
  .access .wrapper .box03 {
    padding-inline: 5%;
    gap: 2rem;
  }
}
@media screen and (max-width: 1080px) {
  .access .wrapper .box {
    padding-inline: 0%;
    gap: 2rem;
    flex-direction: column-reverse;
  }
  .access .wrapper .box .map {
    width: 90%;
    margin-inline: auto;
    aspect-ratio: 2/1;
  }
  .access .wrapper .box .right {
    width: 90%;
    margin-inline: auto;
  }
  .access .wrapper .box .right p {
    text-align: center;
  }
  .access .wrapper .box03 {
    padding-inline: 0%;
    flex-direction: column-reverse;
  }
  .access .wrapper .box03 .img {
    width: 90%;
    margin-inline: auto;
    
  }
  .access .wrapper .box03 .right {
    width: 90%;
    margin-inline: auto;
  }
}
/*===========================
study
共通
===========================*/
.study {
  overflow-x: hidden;
}
.study h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.study .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}
.study .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}

@media screen and (max-width: 1080px) {
  .study h2 {
    padding-inline: 5%;
    cursor: pointer;
  }
}
/*===========================
pg01
===========================*/
.study .pg-mv .inbox  {
  display: flex;
  align-items: center;
  justify-content: center;
}
.study .pg-mv .inbox img {
  width: 15rem;
  object-fit: contain;
}
.study .pg01 {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.study .pg01 .img {
  width: 10rem;
  margin-inline: auto;
  aspect-ratio: 1/1;
  min-width: unset;
}
.study .pg01 .img::after {
  background-color: #fff;
}
.study .pg01 .img img {
  width: 100%;
}

@media screen and (max-width: 580px) {
  .study .pg01 .fo40 {
    font-size: 20px;
  }
  .study .pg01 {
    padding-bottom: 4rem;
  }
}
/*===========================
pg02
===========================*/
.study .pg02 {
  padding: 0rem 0 6rem;
}
.study .pg02 .wrapper {
  text-align: center;
}
.study .pg02 .wrapper h2 {
  width: 100%;
}
.study .pg02 .wrapper p {
  line-height: 2;
}

@media screen and (max-width: 1080px) {
  .study .pg02 .wrapper p {
    padding-inline: 5%;
  }
}
/*===========================
pg03
===========================*/
.study .pg03 {
  padding: 6rem 0;
  background-color: #E6F5DC;
}
.study .pg03 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.study .pg03 .wrapper .box {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 5rem;
}
.study .pg03 .wrapper .box .left {
  width: 50rem;
}
.study .pg03 .wrapper .box .left .img {
  width: 100%;
  margin: 4rem auto;
  position: relative;
  overflow: hidden;
}
.study .pg03 .wrapper .box .left .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E6F5DC;
  transition: all 0.8s;
}
.study .pg03 .wrapper .box .left .img.scroll::after {
  transform: translateX(100%);
}
.study .pg03 .wrapper .box .left p {
  text-align: center;
}
.study .pg03 .wrapper .box .right {
  width: calc(100% - 5rem - 50rem);
}
.study .pg03 .wrapper .box .right p {
  margin-bottom: 2rem;
}

@media screen and (max-width: 1080px) {
  .study .pg03 .wrapper .box {
    gap: 3rem;
  }
  .study .pg03 .wrapper .box .left {
    width: 34rem;
  }
  .study .pg03 .wrapper .box .right {
    width: calc(100% - 3rem - 34rem);
  }
  .study .pg03 .wrapper .box .right h2 {
    padding-inline: 5%;
  }
  .study .pg03 .wrapper .box .right p {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 768px) {
  .study .pg03 .wrapper .box {
    flex-direction: column;
  }
  .study .pg03 .wrapper .box .left {
    margin-inline: auto;
  }
  .study .pg03 .wrapper .box .right {
    width: 100%;
    margin-inline: auto;
  }
  .study .pg03 .wrapper .box .right h2 {
    text-align: center;
    padding-inline: 0;
    width: 100%;
  }
  .study .pg03 .wrapper .box .right p {
    padding-inline: 10%;
  }
}
/*===========================
pg04
===========================*/
.study .pg04 {
  padding: 6rem 0;
}
.study .pg04 .wrapper h2 {
  width: 100%;
  text-align: center;
}
.study .pg04 .wrapper ul li .img {
  min-width: unset;
  aspect-ratio: 4 / 3;
}
.study .pg04 .wrapper .txt01 {
  text-align: center;
  margin: 6rem 0;
}

.study .pg04 .wrapper ul {
  display: flex;
  /*justify-content: space-between;*/
  gap: 3rem;
  flex-wrap: wrap;
}
.study .pg04 .wrapper ul li {
  width: calc((100% - 6rem) / 3);
}
@media screen and (max-width: 768px) {
  .study .pg04 .wrapper ul li {
    width: 100%;
  }
}
.study .pg04 .wrapper ul li .img {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.study .pg04 .wrapper ul li .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.study .pg04 .wrapper ul li .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.study .pg04 .wrapper ul li .img.scroll::after {
  transform: translateX(100%);
}
.study .pg04 .wrapper ul li .txtbox {
  position: relative;
  padding: 1rem;
}
.study .pg04 .wrapper ul li .txtbox .fo20 {
  margin-bottom: 1rem;
}
.study .pg04 .wrapper ul li .txtbox .txt {
  line-height: 2;
  padding-bottom: 6rem;
}
.study .pg04 .wrapper ul li .txtbox .date {
  position: absolute;
  display: inline-block;
  bottom: 1rem;
  left: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}

@media screen and (max-width: 1080px) {
  .study .pg04 .wrapper ul {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 768px) {
  .study .pg04 .wrapper ul {
    flex-direction: column;
    justify-content: center;
    padding-inline: 0;
  }
  .study .pg04 .wrapper ul li {
    width: 100%;
  }
  .study .pg04 .wrapper ul li .txtbox {
    padding: 5%;
  }
  .study .pg04 .wrapper ul li .txtbox .date {
    left: 5%;
  }
}
/*===========================
pg05
===========================*/
.study .pg05 {
  padding: 6rem 0;
}
.study .pg05 .wrapper h2 {
  width: 100%;
  text-align: center;
}
.study .pg05 .wrapper ul {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
.study .pg05 .wrapper ul li {
  width: calc((100% - 3rem) / 2);
}
.study .pg05 .wrapper ul li .img {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.study .pg05 .wrapper ul li .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.study .pg05 .wrapper ul li .img::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}
.study .pg05 .wrapper ul li .img.scroll::after {
  transform: translateX(100%);
}
.study .pg05 .wrapper ul li .txtbox {
  padding-bottom: 1rem;
}
.study .pg05 .wrapper ul li .txtbox h3 {
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.study .pg05 .wrapper ul li .txtbox p {
  line-height: 2;
  margin-bottom: 1rem;
  padding-inline: 1rem;
}

@media screen and (max-width: 1080px) {
  .study .pg05 .wrapper ul {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 768px) {
  .study .pg05 .wrapper ul {
    padding-inline: 0%;
    flex-direction: column;
    justify-content: center;
  }
  .study .pg05 .wrapper ul li {
    width: 100%;
  }
  .study .pg05 .wrapper ul li .txtbox {
    padding-bottom: 5%;
  }
  .study .pg05 .wrapper ul li .txtbox p {
    padding-inline: 5%;
  }
}
/*===========================
pg06
===========================*/
.study .pg06 {
  padding: 6rem 0;
}
.study .pg06 .wrapper {
  max-width: none;
}
.study .pg06 .wrapper h2 {
  width: 100%;
  text-align: center;
}
.study .pg06 .wrapper .subttl {
  line-height: 2;
  text-align: center;
  margin-bottom: 5rem;
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.study .pg06 .wrapper .box {
  background-color: #E6F5DC;
  padding: 3rem 0;
}
.study .pg06 .wrapper .box h3 {
  text-align: center;
  width: 100%;
}
.study .pg06 .wrapper .box .txt {
  text-align: center;
  margin-bottom: 3rem;
}
.study .pg06 .wrapper .box ul {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
.study .pg06 .wrapper .box ul li {
  width: calc((100% - 6rem) / 3);
}
.study .pg06 .wrapper .box ul li .mov {
  aspect-ratio: 2/1;
}

@media screen and (max-width: 1080px) {
  .study .pg06 .wrapper .subttl {
    padding-inline: 5%;
  }
  .study .pg06 .wrapper .box ul {
    padding-inline: 5%;
  }
}
@media screen and (max-width: 768px) {
  .study .pg06 .wrapper .box ul {
    padding-inline: 0%;
  }
  .study .pg06 .wrapper .box ul li {
    width: 100%;
    text-align: center;
  }
  .study .pg06 .wrapper .box ul li p {
    padding-inline: 5%;
  }
}
/*===========================
pg07
===========================*/
.study .pg07 {
  padding: 6rem 0;
}
.study .pg07 .wrapper h2 {
  width: 100%;
  text-align: center;
}
.study .pg07 .wrapper table {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  width: 100%;
  margin-inline: auto;
}
.study .pg07 .wrapper table tr th, .study .pg07 .wrapper table tr td {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 1rem 0;
  vertical-align: middle;
}
.study .pg07 .wrapper table tr th {
  background-color: #e5e5e5;
  text-align: center;
  width: 20rem;
}
.study .pg07 .wrapper table tr td {
  padding-inline: 1rem;
  width: calc(100% - 20rem);
}

@media screen and (max-width: 1080px) {
  .study .pg07 .wrapper table {
    width: 90%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .study .pg07 .wrapper table tr th, .study .pg07 .wrapper table tr td {
    display: block;
  }
  .study .pg07 .wrapper table tr th {
    width: 100%;
  }
  .study .pg07 .wrapper table tr td {
    width: 100%;
    text-align: center;
  }
  .study .pg07 .wrapper table tr td a {
    width: 100%;
  }
}
/*===========================
news
===========================*/
.news .pg01 {
  padding-top: 25rem;
}
.news .pg02 {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.news .pg02 .box {
  padding-bottom: 5rem;
}
.news  .pg02 .box .image {
  margin: 40px auto;
}
.news .box .ttl {
  font-size: 24px;
  margin-bottom: 2rem;
}
.event .box .ttl { 
  margin-top: 70px;
}
.news .box .ttl h2 {
  
}
.news .box .date {
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .news .box .ttl h2,.news .box .date {
    padding-inline: 5%;
  }
}

.news .box .content {
  padding: 2rem;
  line-height: 2;
  font-size: 18px;
}
.news .box .content a {
  color: #8CC76A;
  border-bottom: 1px solid #8CC76A;
  line-height: 1.2;
}
.news .box .content p {
  margin-bottom: 2rem
}
.news .btn a {
  margin: 3rem auto;
}
.news .pg02 .box .tab-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3rem;
  width: 90%;
  margin-inline: auto;
}
.news .pg02 .box .tab-area li {
  width: calc((100% - 12rem) / 5);
  border-radius: 4rem;
  padding: 1rem;
  text-align: center;
  background-color: #E6F5DC;
  border: 1px solid #8CC76A;
  cursor: pointer;
}
.news .pg02 .box .tab-area li.active {
  background-color: #65c3d6;
  background-image: linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
  color: #fff;
  border: 1px solid #8CC76A00;
}
.news .pg02 .box .panel-area .panel div .list-box ul li {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 4rem;
  padding-inline: 5%;
}
.news .pg02 .box .panel-area .panel div .list-box ul li .date {
  width: 14rem;
}
.news .pg02 .box .panel-area .panel div .list-box ul li .date,.news .pg02 .box .panel-area .panel div .list-box ul li .ttl {
  margin-bottom: 0;
}
.news .pg02 .box .panel-area .panel div .list-box ul li .ttl {
  font-size: 18px;
}
.news .pg02 .box .panel-area .panel div .list-box ul li .category a {
  width: 10rem;
  padding: 0.5rem;
  text-align: center;
  border-radius: 4rem;
  color: #fff;
  pointer-events: none;
}
.news .pg02 .box .panel-area .panel div .list-box ul li .important a {
  background-color: #e67777;
}
.news .pg02 .box .panel-area .panel div .list-box ul li .news a {
  background-color: #F6AD4A;
}
.news .pg02 .box .panel-area .panel div .list-box ul li .recruit a{
  background-color: #6EC8E1;
}
.news .pg02 .box .panel-area .panel div .list-box ul li .medical a {
  background-color: #8CC76A;
}
@media screen and (max-width: 768px) {
  .news .pg02 .box .tab-area {
    gap: 2rem;

  }
  .news .pg02 .box .tab-area li {
    width: calc((100% - 4rem) / 3);
  }
  .news .pg02 .box .panel-area .panel div .list-box ul li {
    flex-wrap: wrap;
  }
  .news .pg02 .box .panel-area .panel div .list-box ul li .ttl {
    width: 100%;
  }
}
/*ページネーション*/
.pagination{
  margin:40px 0 0;
}
.nav-links{
  display:flex;
}
.pagination .page-numbers{
  margin-inline: 15px;
  color:#333;
  border-radius: 50%;
  box-shadow:0 0 5px 5px #9993;
  background:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  aspect-ratio: 1 / 1;
}
.pagination .current{
  background-color: #65c3d6;
  background-image: linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
  color:#fff;
}
.pagination .prev,
.pagination .next{
  background:transparent;
  box-shadow:none;
  color:#8CC76A;
}
.pagination .dots{
  background:transparent;
  box-shadow:none;
}
.pagination .pnavi {
  display: flex;
  justify-content: center;
  margin: 8rem auto 0;
}
@media screen and (max-width: 580px) {
  .pagination .page-numbers {
    margin-inline: 5px;
  }
}

.pre {
  margin: 20rem 0;
  text-align: center;
  padding: 8rem;
}


.bread {
  max-width: 1000px;
  width: 100%;
  margin: 3rem auto;
}
.aioseo-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 1080px) {
  .aioseo-breadcrumbs {
    padding-inline: 5%;
  }
}
/*===========================
募集要項
共通
===========================*/
.req .linker,.req .btnbox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  padding: 6rem 0;
  width: 100%;
  margin-bottom: 6rem;
}
.req .btnbox {
  flex-direction: column;
}
.req .linker a,.req .btnbox a {
  border: 5px solid #6EC8E1;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 4rem;
}
.req .entry.btnbox a:nth-child(1) {
  border: 5px solid #8CC76A;
  background-color: #8CC76A;
  color: #fff;
}
.req .btnbox a {
  width: 30rem;
}
.req .linker a:hover,.req .btnbox a:hover {
  opacity: 1;
}
.req .linker a span,.req .btnbox a span {
  font-size: 1.2rem;
  transform: rotate(90deg);
  display: inline-block;
  transition: all .3s;
}
.req .btnbox a span {
  transform: rotate(0);
}
.req .linker a:hover span {
  transform: translateY(3px) rotate(90deg);
}
.req .btnbox a:hover span {
  transform: translateX(3px) rotate(0deg);
}

.req .pg02 h2 {
  color: #fff;
  background-color: #6EC8E1;
  padding: 1rem 2rem;
  text-align: center;
}
.req .pg02 table {
  border-top: 1px solid #E1F0F5;
  border-left: 1px solid #E1F0F5;
  width: 100%;
  margin: 10rem 0 0;
}
.req .pg02 table tr th,.req .pg02 table tr td {
  border-bottom: 1px solid #E1F0F5;
  border-right: 1px solid #E1F0F5;
  padding: 1rem 2rem;
  vertical-align: middle;
  letter-spacing: 0.1em;
  line-height: 2;
}
.req .pg02 table tr th {
  color: #6EC8E1;
  background-color: #F0F5FA;
  text-align: center;
  width: 16rem;
}
.req .pg02 table tr td {
  text-align: left;
  background-color: #fff;
  width: calc(100% - 16rem);
}
.req .pg03 {
  padding-top: 6rem;
}
@media screen and (max-width: 1080px) {
  .req .pg02 .wrapper {
    width: 90%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .req .pg02 table tr th,.req .pg02 table tr td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .req .pg01 .ttlbox h2 {
    font-size: 4rem;
  }
}

/*===========================
クロザピン治療
===========================*/
.clozapine .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}

.clozapine  h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.clozapine .pg01-h {
  text-align: center;
  padding-top: 22rem;
  padding-bottom: 8.6rem;
  max-width: 760px;
  width: 100%;
  margin-inline: auto;
}
.clozapine .pg01-h h2 {
  letter-spacing: 0.5em;
  margin-bottom: 2rem;
  font-weight: 400;
}
.clozapine .pg01-h .fo34 {
  font-size: 35px;
}

@media screen and (max-width: 768px) {
  .clozapine .pg01-h {
    padding-top: 25rem;
  }
  .clozapine .pg01-h h2 {
    letter-spacing: 0.25em;
  }
  .clozapine .pg01-h .fo34 {
    font-size: 23px;
  }
}

/*===========================
pg01
===========================*/
.clozapine .pg01 {
  padding: 6rem 0;
  text-align: left;
  max-width: inherit;
  margin-inline: auto;
}
.clozapine .pg01 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.clozapine .pg01 h2 {
  letter-spacing: 0.25em !important;
}
.clozapine .pg01 .wrapper .gra-bg {
  margin-bottom: 3rem;
}
.clozapine .pg01 .wrapper .txt01 {
  line-height: 2;
  margin-bottom: 3rem;
}
.clozapine .pg01 .wrapper .box {
  background-color: #E6F5DC;
  padding-bottom: 2rem;
}
.clozapine .pg01 .col1-2flex {
  display: flex;
}
.clozapine .pg01 .col1-2flex .pic {
  width:30%;
  margin-right:3em;
}
.clozapine .pg01 .col1-2flex .txt {
  width: 65%;
  line-height: 2.5;
  font-size: 2rem;
  text-align: justify;
}
.clozapine .pg01 .wrapper .gra-bg {
  margin-bottom: 3rem;
}

@media screen and (max-width: 1080px) {
  .clozapine .pg01 {
    width: 90%;
  }
  .clozapine .pg01 .col1-2flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .clozapine .pg01 .col1-2flex .pic {
    width: 70%;
    margin-right: 0em;
    margin-bottom: 2em;
  }
  .clozapine .pg01 .col1-2flex .txt {
    width: 100%;
  }
}
@media screen and (max-width: 630px) {
  
}

/*===========================
pg02
===========================*/
.clozapine .pg02 {
  padding: 6rem 0;
  text-align: left;
  max-width: inherit;
  margin-inline: auto;
}
.clozapine .pg02 h2 {
  letter-spacing: 0.25em !important;
}
.clozapine .pg02 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.clozapine .pg02 .wrapper .gra-bg {
  margin-bottom: 3rem;
}
.clozapine .pg02 .wrapper .txt01 {
  line-height: 2;
  margin-bottom: 3rem;
}
.clozapine .pg02 .wrapper .box {
  background-color: #E6F5DC;
  padding-bottom: 2rem;
}
.clozapine .pg02 .col1-2flex {
  display: flex;
}
.clozapine .pg02 .col1-2flex .pic {
  width:30%;
  margin-right:3em;
}
.clozapine .pg02 .col1-2flex .txt {
  width: 65%;
  line-height: 2.5;
  font-size: 2rem;
  text-align: justify;
}
.clozapine .pg02 .wrapper .gra-bg {
  margin-bottom: 3rem;
}

@media screen and (max-width: 1080px) {
  .clozapine .pg02 {
    width: 90%;
  }
  .clozapine .pg02 .col1-2flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .clozapine .pg02 .col1-2flex .pic {
    width: 70%;
    margin-right: 0em;
    margin-bottom: 2em;
  }
  .clozapine .pg02 .col1-2flex .txt {
    width: 100%;
  }
}
@media screen and (max-width: 630px) {
  
}

/*===========================
pg03
===========================*/
.clozapine .pg03 {
  padding: 6rem 0;
  text-align: left;
  max-width: inherit;
  margin-inline: auto;
}
.clozapine .pg03 h2 {
  letter-spacing: 0.25em !important;
}
.clozapine .pg03 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.clozapine .pg03 .wrapper .gra-bg {
  margin-bottom: 3rem;
}
.clozapine .pg03 .wrapper .txt01 {
  line-height: 2;
  margin-bottom: 3rem;
}
.clozapine .pg03 .wrapper .box {
  background-color: #E6F5DC;
  padding-bottom: 2rem;
}
.clozapine .pg03 .col1-2flex {
  display: flex;
}
.clozapine .pg03 .col1-2flex .pic {
  width:30%;
  margin-right:3em;
}
.clozapine .pg03 .col1-2flex .txt {
  width: 65%;
  line-height: 2.5;
  font-size: 2rem;
  text-align: justify;
}
.clozapine .pg03 .wrapper .gra-bg {
  margin-bottom: 3rem;
}

@media screen and (max-width: 1080px) {
  .clozapine .pg03 {
    width: 90%;
  }
  .clozapine .pg03 .col1-2flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .clozapine .pg03 .col1-2flex .pic {
    width: 70%;
    margin-right: 0em;
    margin-bottom: 2em;
  }
  .clozapine .pg03 .col1-2flex .txt {
    width: 100%;
  }
}
@media screen and (max-width: 630px) {
  
}

/*===========================
pg04
===========================*/
.clozapine .pg04 {
  padding: 6rem 0;
  text-align: left;
  max-width: inherit;
  margin-inline: auto;
}
.clozapine .pg04 h2 {
  letter-spacing: 0.25em !important;
}
.clozapine .pg04 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.clozapine .pg04 .wrapper .gra-bg {
  margin-bottom: 3rem;
}
.clozapine .pg04 .wrapper .txt01 {
  line-height: 2;
  margin-bottom: 3rem;
}
.clozapine .pg04 .wrapper .box {
  background-color: #E6F5DC;
  padding-bottom: 2rem;
}
.clozapine .pg04 .col1-2flex {
  display: flex;
}
.clozapine .pg04 .col1-2flex .pic {
  width:30%;
  margin-right:3em;
}
.clozapine .pg04 .col1-2flex .txt {
  width: 65%;
  line-height: 2.5;
  font-size: 2rem;
  text-align: justify;
}
.clozapine .pg04 .wrapper .gra-bg {
  margin-bottom: 3rem;
}

@media screen and (max-width: 1080px) {
  .clozapine .pg04 {
    width: 90%;
  }
  .clozapine .pg04 .col1-2flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .clozapine .pg04 .col1-2flex .pic {
    width: 70%;
    margin-right: 0em;
    margin-bottom: 2em;
  }
  .clozapine .pg04 .col1-2flex .txt {
    width: 100%;
  }
}
@media screen and (max-width: 630px) {
  
}

/*===========================
#pg02
===========================*/
.clozapine #pg02 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
  padding: 2.5rem 2em;
  background-color: #f1f1f1;
  margin-inline: auto;
}
.clozapine #pg02 .pg01 {
  padding: 8rem 0 4rem ;
}
.clozapine #pg02 a.clozapine_link {
  font-weight: bold;
  display: inline-block;
  color: #c00c0c;
  text-decoration: underline;
}
.clozapine #pg02 .coltxt {
  line-height: 2.5;
  font-size: 1.8rem;
}
.clozapine #pg02 strong {
  font-weight: bold;
}

.clozapinebtn {
  width: auto;
}
.clozapinebtn.btn a {
  font-size: 1.6rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  background-color: #65c3d6;
  background-image: linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
  position: relative;
  width: 12rem;
  margin-right: auto;
}
.clozapinebtn.btn a::before {
  content: "";
  width: 11.3rem;
  height: 2.6rem;
  background-color: #fff;
  border-radius: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}

@media screen and (max-width: 1080px) {
  .clozapinebtn.btn a {
    font-size: 1.6rem;
    border-radius: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    background-color: #65c3d6;
    background-image: linear-gradient(45deg, #65c3d6 0%, #67b94f 100%);
    position: relative;
    width: 9rem;
    margin-right: auto;
  }
  .clozapinebtn.btn a::before {
    content: "";
    width: 8.3rem;
    height: 2.6rem;
    background-color: #fff;
    border-radius: 4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
  }
  .clozapinebtn.btn a::after {
    content: ">";
    color: #000;
    position: absolute;
    display: inline-block;
    width: 2.5px;
    line-height: 1;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    /* background-image: url(../img/arrow-right-mini.png); */
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 1.4rem;
  }
}

.aboutbtn_wrap {
  max-width: 1280px;
  margin: 2rem auto 1rem;
  text-align: right;
}
a.aboutbtn {
  font-size: 1.4rem;
  text-decoration: none;
  color:#000;
  margin-left: auto;
}

@media screen and (max-width: 1080px) { 
  a.aboutbtn {
    padding-right:5%;
  }
}

/*===========================
広報誌「共生だより」
===========================*/
.backnumber-kouhou .gra-bg {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 4rem;
}

.backnumber-kouhou  h2 {
  letter-spacing: 0.5em;
  margin-bottom: 1rem;
}
.backnumber-kouhou .pg01-h {
  text-align: center;
  padding-top: 22rem;
  padding-bottom: 8.6rem;
  max-width: 760px;
  width: 100%;
  margin-inline: auto;
}
.backnumber-kouhou .pg01-h h2 {
  letter-spacing: 0.5em;
  margin-bottom: 2rem;
  font-weight: 400;
}
.backnumber-kouhou .pg01-h .fo34 {
  font-size: 35px;
}

@media screen and (max-width: 768px) {
  .backnumber-kouhou .pg01-h {
    padding-top: 22rem;
  }
  .backnumber-kouhou .pg01-h h2 {
    letter-spacing: 0.25em;
  }
  .backnumber-kouhou .pg01-h .fo34 {
    font-size: 23px;
  }
}

/*===========================
pg01
===========================*/
.backnumber-kouhou .pg01 {
  padding: 6rem 0;
  text-align: left;
  max-width: inherit;
  margin-inline: auto;
}
.backnumber-kouhou .pg01 .wrapper {
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
.backnumber-kouhou .pg01 h2 {
  letter-spacing: 0.25em !important;
}
.backnumber-kouhou .pg01 .col3-flex-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.backnumber-kouhou .pg01 .col3-flex-wrap .col3-box {
  width: 31%;
  margin-right: 3.33333%;
  margin-bottom: 3.33333%;
}
.backnumber-kouhou .pg01 .col3-flex-wrap .col3-box:nth-child(3n) {
  margin-right:0;
}
.backnumber-kouhou .pg01 .col3-flex-wrap .pic {
  width:100%;
}
.backnumber-kouhou .pg01 .col3-flex-wrap .txt {
  width: auto;
  line-height: 2.5;
  font-size: 1.6rem;
  text-align: center;
  margin-top:1em;
}

@media screen and (max-width: 1080px) {
  .backnumber-kouhou .pg01 {
    width: 90%;
    padding: 3rem 0;
  }
  .backnumber-kouhou .pg01 .col3-flex-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .backnumber-kouhou .pg01 .col3-flex-wrap .col3-box {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 5%;
  }
  .backnumber-kouhou .pg01 .col3-flex-wrap .col3-box:nth-child(2n) {
    margin-right:0 !important;
  }
  .backnumber-kouhou .pg01 .col3-flex-wrap .col3-box:nth-child(3n) {
    margin-right: 6%;
  }
  .backnumber-kouhou .pg01 .col3-flex-wrap .txt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 630px) {
  
}