@charset "UTF-8";
#care {
  background-color: #85A58F;
  color: #3E3E3E;
  font-size: 1.8rem;
  font-family: "Zen Maru Gothic", serif;
  /* ---header--- */
  /* ---共通設定--- */
  /*h2*/
  /*h2（横並び）*/
  /*h2（縦並び）*/
  /*背景付きテキスト*/
  /* ---メインビジュアル--- */
  /* ---about us-- */
  /* ---future--- */
  /* ---Service--- */
  /* ---flow--- */
  /* ---contact--- */
  /* ---access--- */
}
@media only screen and (max-width: 750px) {
  #care {
    font-size: 4.27vw;
  }
}
#care header {
  position: fixed;
  z-index: 1;
  top: 0;
}
#care header .header__container {
  display: flex;
  justify-content: space-between;
  max-width: initial;
}
#care header .header__container h1 {
  width: 103px;
  height: 103px;
}
@media only screen and (max-width: 1220px) {
  #care header .header__container h1 {
    width: 8.44vw;
    height: 8.44vw;
  }
}
@media only screen and (max-width: 750px) {
  #care header .header__container h1 {
    width: 13.33vw;
    height: 13.33vw;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 750px) {
  #care header .header__container .openbtn span {
    background-color: #4B5A50;
  }
}
@media only screen and (max-width: 750px) {
  #care header .header__container #g-nav {
    background-color: #E8E6E2;
  }
}
#care header .header__container #g-nav ul {
  display: flex;
  align-items: center;
  width: 1077px;
  justify-content: space-between;
}
@media only screen and (max-width: 1220px) {
  #care header .header__container #g-nav ul {
    width: 88.28vw;
  }
}
@media only screen and (max-width: 750px) {
  #care header .header__container #g-nav ul {
    flex-direction: column;
  }
}
#care header .header__container #g-nav ul li {
  text-align: center;
  font-weight: 600;
  line-height: 17px;
}
@media only screen and (max-width: 750px) {
  #care header .header__container #g-nav ul li {
    margin-bottom: 30px;
    line-height: 7.2vw;
  }
}
#care header .header__container #g-nav ul li a {
  font-size: 1.6rem;
}
@media only screen and (max-width: 1024px) {
  #care header .header__container #g-nav ul li a {
    font-size: 2.15vw;
  }
}
@media only screen and (max-width: 750px) {
  #care header .header__container #g-nav ul li a {
    font-size: 4.8vw;
  }
}
#care header .header__container #g-nav ul li a span {
  font-size: 1.4rem;
  color: #4B5A50;
}
@media only screen and (max-width: 1024px) {
  #care header .header__container #g-nav ul li a span {
    font-size: 1.86vw;
  }
}
@media only screen and (max-width: 750px) {
  #care header .header__container #g-nav ul li a span {
    font-size: 3.73vw;
  }
}
#care header .header__container #g-nav ul .header__contact {
  padding: 31px 66px;
  background-color: #4B5A50;
  color: #ffffff;
}
@media only screen and (max-width: 1220px) {
  #care header .header__container #g-nav ul .header__contact {
    padding: 2.54vw 5.41vw;
  }
}
#care header .header__container #g-nav ul .header__contact span {
  color: #ffffff;
}
#care .headingSecondary {
  font-size: 4.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 750px) {
  #care .headingSecondary {
    font-size: 8.27vw;
  }
}
#care .headingSecondary span {
  font-size: 2rem;
}
@media only screen and (max-width: 750px) {
  #care .headingSecondary span {
    font-size: 4.27vw;
  }
}
#care .headingSecondaryRow {
  color: rgba(255, 255, 255, 0.65);
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
}
#care .headingSecondaryRow span {
  color: #ffffff;
  margin-left: 31px;
}
@media only screen and (max-width: 750px) {
  #care .headingSecondaryRow span {
    margin-left: 4.27vw;
  }
}
#care .headingSecondaryRow:after {
  position: absolute;
  content: "";
  background-image: url("../img/care/kai_leafLeft.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 52px;
  height: 37px;
  transform: scale(-1, 1);
  top: 0;
  right: -55px;
}
@media only screen and (max-width: 750px) {
  #care .headingSecondaryRow:after {
    width: 6.67vw;
    height: 6.67vw;
    top: 2.67vw;
    right: -6.67vw;
  }
}
#care .headingSecondaryColumn {
  text-align: center;
  position: relative;
  margin: 0 auto;
}
#care .headingSecondaryColumn::before {
  position: absolute;
  content: "";
  background-image: url("../img/care/kai_leafLeft.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 52px;
  height: 37px;
  bottom: 15px;
  left: -50px;
}
@media only screen and (max-width: 750px) {
  #care .headingSecondaryColumn::before {
    width: 6.67vw;
    height: 6.67vw;
    bottom: 0;
    left: -8vw;
  }
}
#care .headingSecondaryColumn::after {
  position: absolute;
  content: "";
  background-image: url("../img/care/kai_leafLeft.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 52px;
  height: 37px;
  bottom: 15px;
  right: -50px;
  transform: scale(-1, 1);
}
@media only screen and (max-width: 750px) {
  #care .headingSecondaryColumn::after {
    width: 6.67vw;
    height: 6.67vw;
    bottom: 0;
    right: -8vw;
  }
}
#care .textTranslucent {
  font-size: 4.5rem;
  font-weight: 600;
}
@media only screen and (max-width: 1024px) {
  #care .textTranslucent {
    font-size: 4.39vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .textTranslucent {
    font-size: 6.67vw;
  }
}
#care .textTranslucent p {
  background-color: rgba(255, 255, 255, 0.65);
  padding: 15px 8px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 1024px) {
  #care .textTranslucent p {
    padding: 1.46vw 0.78vw;
  }
}
#care .textTranslucent p.textTranslucent01 {
  margin-bottom: 12px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  #care .textTranslucent p.textTranslucent01 {
    margin-bottom: 1.17vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .textTranslucent p.textTranslucent01 {
    margin-bottom: 1.07vw;
  }
}
#care .textTranslucent p.textTranslucent01::before {
  position: absolute;
  content: "";
  background-image: url("../img/care/mvmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 31px;
  height: 27px;
}
@media only screen and (max-width: 1024px) {
  #care .textTranslucent p.textTranslucent01::before {
    width: 3.03vw;
    height: 2.64vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .textTranslucent p.textTranslucent01::before {
    width: 3.73vw;
  }
}
#care .textTranslucent p.textTranslucent02 {
  position: relative;
}
#care .textTranslucent p.textTranslucent02::after {
  position: absolute;
  content: "";
  background-image: url("../img/care/mvmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 31px;
  height: 27px;
}
@media only screen and (max-width: 1024px) {
  #care .textTranslucent p.textTranslucent02::after {
    width: 3.03vw;
    height: 2.64vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .textTranslucent p.textTranslucent02::after {
    width: 3.73vw;
  }
}
#care .mainVisual {
  position: relative;
  top: 0;
  height: 100vh;
  /* margin-bottom: 57.64vw; */
  padding-bottom: 10vw;
}
@media only screen and (max-width: 750px) {
  #care .mainVisual {
    padding-bottom: 75.13vw;
    height: 70vh;
  }
}
/* #care .mainVisual .mainVisual__imgContainer {
  display: flex;
} */
/* #care .mainVisual .mainVisual__imgContainer .mainVisual__img01 {
  width: 38.13vw;
  position: absolute;
  top: 21.88vw;
  left: 0;
}
@media only screen and (max-width: 750px) {
  #care .mainVisual .mainVisual__imgContainer .mainVisual__img01 {
    width: 61.6vw;
    height: 52vw;
    top: 78.13vw;
    border-radius: 0 8vw 8vw 0;
    overflow: hidden;
  }
} */
/* @media only screen and (max-width: 750px) {
  #care .mainVisual .mainVisual__imgContainer .mainVisual__img01 img {
    width: 100%;
    height: 100%;
  }
}
#care .mainVisual .mainVisual__imgContainer .mainVisual__img02 {
  width: 57.85vw;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 750px) {
  #care .mainVisual .mainVisual__imgContainer .mainVisual__img02 {
    width: 74.67vw;
    height: 73.07vw;
    border-radius: 0 0 0 8vw;
    overflow: hidden;
  }
}
@media only screen and (max-width: 750px) {
  #care .mainVisual .mainVisual__imgContainer .mainVisual__img02 img {
    width: 100%;
    height: 100%;
  }
} */
#care .mainVisual .bg-fixed{
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
#care .mainVisual .bg-fixed video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
@media only screen and (max-width: 750px) {
  #care .mainVisual .bg-fixed video {
    height: 70vh;
  }
}

#care .mainVisual .textTranslucent {
  margin-top: 16.11vw;
  margin-left: 15.21vw;
  position: absolute;
}
@media only screen and (max-width: 1220px) {
  #care .mainVisual .textTranslucent {
    margin-left: 17.95vw;
  }
}
@media only screen and (max-width: 1024px) {
  #care .mainVisual .textTranslucent {
    margin-left: 9.55vw;
    margin-top: 25%;
  }
}
@media only screen and (max-width: 750px) {
  #care .mainVisual .textTranslucent {
    margin-top: 54.67vw;
    margin-left: 6.67vw;
  }
}
#care .mainVisual .textTranslucent p.textTranslucent01::before {
  top: -8px;
  left: -30px;
}
@media only screen and (max-width: 1024px) {
  #care .mainVisual .textTranslucent p.textTranslucent01::before {
    top: -0.78vw;
    left: -2.93vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .mainVisual .textTranslucent p.textTranslucent01::before {
    top: -2.13vw;
    left: -1.33vw;
  }
}
#care .mainVisual .textTranslucent p.textTranslucent02::after {
  bottom: -8px;
  right: -43px;
}
@media only screen and (max-width: 1024px) {
  #care .mainVisual .textTranslucent p.textTranslucent02::after {
    bottom: -0.78vw;
    right: -2.2vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .mainVisual .textTranslucent p.textTranslucent02::after {
    bottom: 0;
    right: -1.33vw;
  }
}
#care .aboutUs {
  padding-top: 10vw;
  /*↑仮　mvのpaddingーbottomから１０持ってくる*/
  padding-bottom: 215px;
}
@media only screen and (max-width: 750px) {
  #care .aboutUs {
    margin-top: 0;
    padding-top: 24vw;
  }
}
#care .aboutUs .container {
  max-width: 1187px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  #care .aboutUs .container {
    width: 93.75vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .aboutUs .container {
    width: 94.4vw;
    flex-direction: column;
  }
}
#care .aboutUs .container .aboutUs__text {
  flex-basis: 55%;
}
#care .aboutUs .container .aboutUs__text .textTranslucent {
  margin-top: 20px;
}
@media only screen and (max-width: 750px) {
  #care .aboutUs .container .aboutUs__text .textTranslucent {
    margin-top: 8vw;
  }
}
#care .aboutUs .container .aboutUs__text .textTranslucent p.textTranslucent01::before {
  top: -13px;
  left: -10px;
}
#care .aboutUs .container .aboutUs__text .textTranslucent p.textTranslucent02::after {
  bottom: -13px;
  right: -17px;
}
@media only screen and (max-width: 750px) {
  #care .aboutUs .container .aboutUs__text .textTranslucent p.textTranslucent02::after {
    bottom: 0;
    right: -2.67vw;
  }
}
#care .aboutUs .container .aboutUs__text .aboutUs__p {
  color: #ffffff;
  line-height: 45px;
  margin-top: 35px;
}
@media only screen and (max-width: 750px) {
  #care .aboutUs .container .aboutUs__text .aboutUs__p {
    margin-top: 5.33vw;
    line-height: 9.33vw;
  }
}
#care .aboutUs .aboutUs__img {
  flex-basis: 39%;
}
@media only screen and (max-width: 750px) {
  #care .aboutUs .aboutUs__img {
    flex-basis: initial;
    width: 85.33vw;
    margin-top: 5.33vw;
  }
}
#care .future {
  background-color: #FFFAF0;
  padding: 139px 0 104px;
}
@media only screen and (max-width: 750px) {
  #care .future {
    padding: 24.27vw 0;
  }
}
#care .future .container {
  max-width: 1147px;
}
@media only screen and (max-width: 1024px) {
  #care .future .container {
    width: 93.75vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .future .container {
    width: 69.6vw;
  }
}
#care .future .container .future__container {
  margin-top: 55px;
}
@media only screen and (max-width: 750px) {
  #care .future .container .future__container {
    margin-top: 16.27vw;
  }
}
#care .future .container .future__container .future__lists {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 750px) {
  #care .future .container .future__container .future__lists {
    flex-direction: column;
  }
}
#care .future .container .future__container .future__lists .future__list {
  width: 22.67%;
}
@media only screen and (max-width: 750px) {
  #care .future .container .future__container .future__lists .future__list {
    width: 100%;
    margin-bottom: 13.33vw;
  }
}
#care .future .container .future__container .future__lists .future__list h3 {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  margin-top: -15px;
}
@media only screen and (max-width: 750px) {
  #care .future .container .future__container .future__lists .future__list h3 {
    font-size: 5.33vw;
  }
}
#care .future .container .future__container .future__lists .future__list h3 span {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 17px;
  color: #FFFAF0;
  background-color: #85A58F;
  padding: 5px 16px;
  border-radius: 30px;
}
@media only screen and (max-width: 750px) {
  #care .future .container .future__container .future__lists .future__list h3 span {
    font-size: 4vw;
    padding: 1.6vw 5.33vw;
    margin-bottom: 2.67vw;
  }
}
#care .future .container .future__container .future__lists .future__list p {
  margin-top: 21px;
}
@media only screen and (max-width: 750px) {
  #care .future .container .future__container .future__lists .future__list p {
    margin-top: 5.33vw;
    line-height: 6.93vw;
  }
}
#care .service {
  padding-top: 100px;
}
@media only screen and (max-width: 1024px) {
  #care .service {
    padding-top: 9.77vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .service {
    padding-top: 24vw;
  }
}
#care .service .container {
  max-width: 1146px;
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  #care .service .container {
    width: 89.33vw;
  }
}
#care .service .container .service__p {
  margin-top: 36px;
  color: #ffffff;
  width: 85%;
  font-weight: 600;
}
@media only screen and (max-width: 750px) {
  #care .service .container .service__p {
    font-size: 4vw;
    line-height: 9.33vw;
    width: 100%;
  }
}
#care .service .container .service__container {
  margin-top: 40px;
}
@media only screen and (max-width: 750px) {
  #care .service .container .service__container {
    width: 100%;
  }
}
#care .service .container .service__container .service__lists .service__list {
  display: flex;
  margin-bottom: 30px;
}
@media only screen and (max-width: 750px) {
  #care .service .container .service__container .service__lists .service__list {
    flex-direction: column;
    margin-bottom: 8vw;
  }
}
#care .service .container .service__container .service__lists .service__list:last-child {
  margin-bottom: 108px;
}
@media only screen and (max-width: 750px) {
  #care .service .container .service__container .service__lists .service__list:last-child {
    margin-bottom: 24vw;
  }
}
#care .service .container .service__container .service__lists .service__list .service__listImg {
  flex-basis: 33%;
}
@media only screen and (max-width: 750px) {
  #care .service .container .service__container .service__lists .service__list .service__listImg {
    flex-basis: initial;
  }
}
@media only screen and (max-width: 1220px) {
  #care .service .container .service__container .service__lists .service__list .service__listImg picture {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    border-radius: 30px 0 0 30px;
  }
}
@media only screen and (max-width: 750px) {
  #care .service .container .service__container .service__lists .service__list .service__listImg picture {
    width: 100%;
    border-radius: 8vw 8vw 0 0;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1220px) {
  #care .service .container .service__container .service__lists .service__list .service__listImg picture img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 25%;
       object-position: 25%;
  }
}
#care .service .container .service__container .service__lists .service__list .service__listText {
  background-color: #ffffff;
  flex-basis: 77%;
  border-radius: 0 30px 30px 0;
  padding: 50px 100px 0 55px;
}
@media only screen and (max-width: 1220px) {
  #care .service .container .service__container .service__lists .service__list .service__listText {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 750px) {
  #care .service .container .service__container .service__lists .service__list .service__listText {
    margin-top: -2.67vw;
    border-radius: 0 0 8vw 8vw;
    padding: 0 9.33vw 13.33vw;
  }
}
#care .service .container .service__container .service__lists .service__list .service__listText h3 {
  border-bottom: dotted 2px #4B5A50;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 7px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 750px) {
  #care .service .container .service__container .service__lists .service__list .service__listText h3 {
    margin: 5.33vw auto;
    border-bottom: dotted 0.8vw #4B5A50;
  }
}
@media only screen and (max-width: 750px) {
  #care .service .service__sectionImg {
    width: 100%;
    height: 50.67vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .service .service__sectionImg picture img {
    width: 100%;
    height: 100%;
  }
}
#care .flow {
  background-color: #E8E6E2;
}
#care .flow .container {
  max-width: 947px;
  padding-top: 107px;
  padding-bottom: 107px;
}
@media only screen and (max-width: 750px) {
  #care .flow .container {
    width: 85.33vw;
    padding: 24vw 0;
  }
}
#care .flow .container .flow__container {
  margin-top: 41px;
  background-color: #85A58F;
  padding: 90px 123px 90px 116px;
  border-radius: 30px;
}
@media only screen and (max-width: 750px) {
  #care .flow .container .flow__container {
    margin-top: 8vw;
    padding: 13.33vw 5.33vw;
  }
}
#care .flow .container .flow__container .flow__lists .flow__list {
  display: flex;
  color: #FFFAF0;
  margin-bottom: 55px;
}
@media only screen and (max-width: 750px) {
  #care .flow .container .flow__container .flow__lists .flow__list {
    flex-direction: column;
    margin-bottom: 13.33vw;
  }
}
#care .flow .container .flow__container .flow__lists .flow__list:last-child {
  margin-bottom: 0;
}
#care .flow .container .flow__container .flow__lists .flow__list:last-child .number::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 150px;
  top: -150px;
  left: 23px;
  background-color: #707070;
}
@media only screen and (max-width: 750px) {
  #care .flow .container .flow__container .flow__lists .flow__list:last-child .number::after {
    content: none;
  }
}
#care .flow .container .flow__container .flow__lists .flow__list .number {
  font-size: 1.7rem;
  font-weight: 600;
  background-color: #FFFAF0;
  color: #85A58F;
  height: -moz-fit-content;
  height: fit-content;
  padding: 5px 15px;
  border-radius: 20px;
  margin-right: 20px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  #care .flow .container .flow__container .flow__lists .flow__list .number {
    font-size: 4vw;
    padding: 1.6vw 4.27vw;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 4.8vw;
    margin-right: 0;
    margin-bottom: 2.67vw;
  }
}
#care .flow .container .flow__container .flow__lists .flow__list .number p {
  font-weight: 600;
}
@media only screen and (max-width: 750px) {
  #care .flow .container .flow__container .flow__lists .flow__list .number p {
    font-size: 4vw;
  }
}
#care .flow .container .flow__container .flow__lists .flow__list .number::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 220px;
  top: 36px;
  left: 23px;
  background-color: #707070;
}
@media only screen and (max-width: 750px) {
  #care .flow .container .flow__container .flow__lists .flow__list .number::after {
    content: none;
  }
}
#care .flow .container .flow__container .flow__lists .flow__list .flow__text h3 {
  margin-bottom: 26px;
}
@media only screen and (max-width: 750px) {
  #care .flow .container .flow__container .flow__lists .flow__list .flow__text h3 {
    margin-bottom: 4.27vw;
  }
}
#care .contact {
  background-color: #ffffff;
  padding-top: 109px;
  padding-bottom: 147px;
}
@media only screen and (max-width: 750px) {
  #care .contact {
    padding-top: 24vw;
  }
}
#care .contact .container {
  max-width: 860px;
}
@media only screen and (max-width: 750px) {
  #care .contact .container {
    width: 85.33vw;
  }
}
#care .contact .container .contact__text {
  margin-top: 51px;
  font-weight: 600;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__text {
    margin-top: 8vw;
    font-size: 4w;
    line-height: 8vw;
  }
}
#care .contact .container .contact__telBtnContainer {
  width: -moz-fit-content;
  width: fit-content;
  margin: 50px auto;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__telBtnContainer {
    margin: 8vw auto 16vw;
  }
}
#care .contact .container .contact__telBtnContainer .contact__telBTN div {
  width: 472px;
  background-color: #4B5A50;
  color: #ffffff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  border-radius: 80px;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__telBtnContainer .contact__telBTN div {
    width: 85.33vw;
  }
}
#care .contact .container .contact__telBtnContainer .contact__telBTN div .contact__telBtnText {
  font-weight: 600;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-left: 40px;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__telBtnContainer .contact__telBTN div .contact__telBtnText {
    font-size: 4vw;
  }
}
#care .contact .container .contact__telBtnContainer .contact__telBTN div .contact__telBtnText::before {
  position: absolute;
  content: url("../img/care/tel.svg");
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
}
#care .contact .container .contact__telBtnContainer .contact__telBTN div .contact__telBtnNumber {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 0.15em;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__telBtnContainer .contact__telBTN div .contact__telBtnNumber {
    font-size: 6.67vw;
  }
}
#care .contact .container .contact__formContainer {
  background-color: #F0F0F0;
  padding-top: 80px;
  padding-bottom: 68px;
  padding-left: 24px;
  padding-right: 55px;
  border-radius: 20px;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer {
    padding: 10.67vw 4vw 16vw;
  }
}
#care .contact .container .contact__formContainer form dl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl {
    flex-direction: column;
    margin-bottom: 8vw;
  }
}
#care .contact .container .contact__formContainer form dl dt {
  width: 32%;
  text-align: right;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl dt {
    width: 100%;
    text-align: left;
    margin-bottom: 4vw;
  }
}
#care .contact .container .contact__formContainer form dl dt label {
  font-size: 1.4rem;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl dt label {
    font-size: 3.73vw;
  }
}
#care .contact .container .contact__formContainer form dl dt label span {
  font-size: 1rem;
  background-color: #4B5A50;
  color: #ffffff;
  padding: 3px 12px;
  border-radius: 15px;
  margin-left: 5px;
}
#care .contact .container .contact__formContainer form dl dt.notRequired label {
  padding-right: 67px;
}
#care .contact .container .contact__formContainer form dl dd {
  width: 65%;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl dd {
    width: 100%;
  }
}
#care .contact .container .contact__formContainer form dl dd input {
  background-color: #FFFDFD;
  border: none;
  height: 47px;
  border-radius: 25px;
  font-size: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl dd input {
    font-size: 3.73vw;
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }
}
#care .contact .container .contact__formContainer form dl dd select {
  background-color: #FFFDFD;
  border: none;
  height: 47px;
  border-radius: 25px;
  font-size: 15px;
  padding-left: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  position: relative;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl dd select {
    padding-left: 5.33vw;
    font-size: 3.73vw;
  }
}
#care .contact .container .contact__formContainer form dl dd textarea {
  background-color: #FFFDFD;
  border: none;
  border-radius: 25px;
  font-size: 15px;
  padding-left: 30px;
  padding-top: 16px;
  height: 217px;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl dd textarea {
    padding-left: 5.33vw;
    padding-right: 5.33vw;
    font-size: 3.73vw;
  }
}
@media only screen and (max-width: 750px) {
#care .contact .container .contact__formContainer form dl.contact__radio span{
  font-size: 3.73vw;
}
}
#care .contact .container .contact__formContainer form dl.contact__radio {
  font-size: 1.5rem;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact__radio {
    align-items: initial;
  }
}
#care .contact .container .contact__formContainer form dl.contact__radio .radioBtn {
  display: inline-flex;
  align-items: center;
  margin-right: 26px;
  font-weight: 600;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact__radio .radioBtn {
    display: block;
    margin-bottom: 2.67vw;
  }
}
#care .contact .container .contact__formContainer form dl.contact__radio .radioBtn:first-child {
  margin-left: 8px;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact__radio .radioBtn:first-child {
    margin-left: 0;
  }
}
#care .contact .container .contact__formContainer form dl.contact__radio .radioBtn:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact__radio .radioBtn:last-child {
    margin-bottom: 0;
  }
}
#care .contact .container .contact__formContainer form dl.contact__radio input[type=radio] {
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  background-color: #ffffff;
}
#care .contact .container .contact__formContainer form dl.contact__radio input[type=radio]:checked::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #4B5A50;
  content: "";
}
#care .contact .container .contact__formContainer form dl.contact__name input[type=text] {
  width: 100%;
}
#care .contact .container .contact__formContainer form dl.contact__furigana input[type=text] {
  width: 100%;
}
#care .contact .container .contact__formContainer form dl.contact__address {
  text-align: start;
}
#care .contact .container .contact__formContainer form dl.contact__address .contact__addressPostalcode {
  margin-right: 18px;
  width: 167px;
}
@media only screen and (max-width: 1024px) {
  #care .contact .container .contact__formContainer form dl.contact__address .contact__addressPostalcode {
    width: 19.53vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact__address .contact__addressPostalcode {
    margin-right: 0;
    margin-bottom: 2.67vw;
    width: 100%;
  }
}
#care .contact .container .contact__formContainer form dl.contact__address dd {
  display: flex;
  flex-wrap: wrap;
}
#care .contact .container .contact__formContainer form dl.contact__address dd .select-arrow {
  position: relative;
}
#care .contact .container .contact__formContainer form dl.contact__address dd .select-arrow::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 40%;
  right: 20px;
  border-right: solid 1px #4B5A50;
  border-bottom: solid 1px #4B5A50;
  transform: rotate(45deg);
}
#care .contact .container .contact__formContainer form dl.contact__address dd .select-arrow select {
  padding-right: 65px;
}
#care .contact .container .contact__formContainer form dl.contact__address .contact__addressAddress {
  width: 100%;
  margin-top: 12px;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact__address .contact__addressAddress {
    margin-top: 2.67vw;
  }
}
#care .contact .container .contact__formContainer form dl.contact__email input[type=email] {
  width: 100%;
}
#care .contact .container .contact__formContainer form dl.contact__emailConfirmation input[type=email] {
  width: 100%;
}
#care .contact .container .contact__formContainer form dl.contact__tel input[type=tel] {
  width: 100%;
}
#care .contact .container .contact__formContainer form dl.contact_details textarea {
  width: 100%;
}
#care .contact .container .contact__formContainer form dl.contact_privacy {
  margin-top: 83px;
  font-size: 1.2rem;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact_privacy {
    flex-direction: row;
    margin: 10.67vw auto 13.33vw;
    font-size: 3.2vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact_privacy dt {
    width: 10%;
  }
}
#care .contact .container .contact__formContainer form dl.contact_privacy a {
  text-decoration: underline;
}
#care .contact .container .contact__formContainer form dl.contact__submit {
  margin: 41px auto 0;
  width: -moz-fit-content;
  width: fit-content;
}
#care .contact .container .contact__formContainer form dl.contact__submit .contact__submitBTN {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact__submit .contact__submitBTN {
    height: 13.33vw;
  }
}
#care .contact .container .contact__formContainer form dl.contact__submit .contact__submitBTN::after {
  content: "";
  background-image: url("../img/care/arrowRight.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 19px;
  height: 16px;
  top: 20px;
  right: 8%;
}
@media only screen and (max-width: 1024px) {
  #care .contact .container .contact__formContainer form dl.contact__submit .contact__submitBTN::after {
    width: 1.86vw;
    height: 1.56vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact__submit .contact__submitBTN::after {
    width: 5.07vw;
    height: 4.27vw;
    top: 32%;
  }
}
#care .contact .container .contact__formContainer form dl.contact__submit input {
  width: 287px;
  border: none;
  background-color: #4B5A50;
  color: #ffffff;
  padding: 12px 118px;
  border-radius: 50px;
}
@media only screen and (max-width: 750px) {
  #care .contact .container .contact__formContainer form dl.contact__submit input {
    width: 74.67vw;
    padding: 3.2vw 32.27vw;
    height: 100%;
  }
}
#care .access {
  padding-top: 114px;
  margin-bottom: 95px;
}
@media only screen and (max-width: 750px) {
  #care .access {
    margin-bottom: 16vw;
  }
}
#care .access .container {
  max-width: 947px;
}
@media only screen and (max-width: 750px) {
  #care .access .container {
    width: 92.53vw;
  }
}
#care .access .container .access__container {
  display: flex;
  align-items: center;
  margin-top: 49px;
}
@media only screen and (max-width: 750px) {
  #care .access .container .access__container {
    flex-direction: column-reverse;
  }
}
#care .access .container .access__container .access__map {
  width: 449px;
  height: 281px;
}
@media only screen and (max-width: 1024px) {
  #care .access .container .access__container .access__map {
    width: 43.85vw;
    height: 27.44vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .access .container .access__container .access__map {
    width: 90.67vw;
    height: 53.33vw;
  }
}
#care .access .container .access__container .access__map iframe {
  width: 100%;
  height: 100%;
}
#care .access .container .access__container .access__adderss {
  margin-left: 53px;
}
@media only screen and (max-width: 1024px) {
  #care .access .container .access__container .access__adderss {
    margin-left: 5.18vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .access .container .access__container .access__adderss {
    margin-left: 0;
  }
}
#care .access .container .access__container .access__adderss .access__adderssName {
  display: flex;
  align-items: center;
  margin-bottom: 27px;
}
@media only screen and (max-width: 750px) {
  #care .access .container .access__container .access__adderss .access__adderssName {
    margin-bottom: 8vw;
  }
}
#care .access .container .access__container .access__adderss .access__adderssName picture {
  width: 80px;
  height: 80px;
}
@media only screen and (max-width: 1024px) {
  #care .access .container .access__container .access__adderss .access__adderssName picture {
    width: 7.81vw;
    height: 7.81vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .access .container .access__container .access__adderss .access__adderssName picture {
    width: 10.67vw;
    height: 10.67vw;
  }
}
#care .access .container .access__container .access__adderss .access__adderssName h1 {
  font-size: 2.5rem;
  color: #ffffff;
  margin-left: 18px;
}
@media only screen and (max-width: 750px) {
  #care .access .container .access__container .access__adderss .access__adderssName h1 {
    font-size: 5.33vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .access .container .access__container .access__adderss address {
    font-size: 4.27vw;
    margin-bottom: 10.67vw;
  }
}
#care .access .container .access__container .access__adderss address dl {
  width: 100%;
  display: flex;
  font-size: 1.7rem;
  color: #ffffff;
  margin-bottom: 20px;
}
#care .access .container .access__container .access__adderss address dl:last-child {
  margin-bottom: 0;
}
#care .access .container .access__container .access__adderss address dl:first-child dt {
  margin-right: 70px;
}
@media only screen and (max-width: 1024px) {
  #care .access .container .access__container .access__adderss address dl:first-child dt {
    margin-right: 6.84vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .access .container .access__container .access__adderss address dl:first-child dt {
    margin-right: 15.2vw;
  }
}
#care .access .container .access__container .access__adderss address dl dt {
  margin-right: 33px;
}
@media only screen and (max-width: 1024px) {
  #care .access .container .access__container .access__adderss address dl dt {
    margin-right: 3.22vw;
  }
}
@media only screen and (max-width: 750px) {
  #care .access .container .access__container .access__adderss address dl dt {
    margin-right: 6.67vw;
  }
}
#care footer {
  padding-bottom: 34px;
}
@media only screen and (max-width: 750px) {
  #care footer {
    padding-bottom: 5.33vw;
  }
}
#care footer .container {
  max-width: 947px;
  border-top: solid 1px #ffffff;
}
#care footer .container .footer__menu nav ul {
  width: 92.5%;
  justify-content: space-between;
  margin: 46px auto 44px;
}
@media only screen and (max-width: 750px) {
  #care footer .container .footer__menu nav ul {
    margin-left: 8vw;
    margin-bottom: 13.33vw;
    flex-direction: column;
  }
}
#care footer .container .footer__menu nav ul li {
  font-size: 1.6rem;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
}
@media only screen and (max-width: 750px) {
  #care footer .container .footer__menu nav ul li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #care footer .container .footer__menu nav ul li {
    font-size: 2.15vw;
  }
}
@media only screen and (max-width: 750px) {
  #care footer .container .footer__menu nav ul li {
    font-size: 4.8vw;
    text-align: left;
    margin-bottom: 8vw;
  }
}
#care footer .container .footer__menu nav ul li span {
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px) {
  #care footer .container .footer__menu nav ul li span {
    font-size: 4vw;
  }
}
#care footer .container .footer__menu small {
  color: #ffffff;
  font-size: 1.4rem;
}
@media only screen and (max-width: 750px) {
  #care footer .container .footer__menu small {
    font-size: 3.2vw;
  }
}

#care .contact-confirm{
  margin: 270px auto 0;
  width: 70%;
  max-width: 1000px;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 82px 94px 76px;
}
@media only screen and (max-width: 750px) {
  #care .contact-confirm{
    margin: 26.67vw auto 0;
    width: 85%;
    /* max-width: 1000px; */
    background-color: #ffffff;
    border-radius: 30px;
    padding: 8vw 2.67vw;
  }
}

#care .contact-confirm h3 {
  font-size: 25px;
  margin: 0 auto 58px;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  #care .contact-confirm h3 {
    font-size: 5.33vw;
    margin: 0 auto 10.67vw;
    text-align: center;
  }
}

#care .contact-confirm .confirm__textBK {
  font-size: 16px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 750px) {
  #care .contact-confirm .confirm__textBK {
    font-size: 3.73vw;
    margin-bottom: 4vw;
  }
}

#care .contact-confirm .confirm__textRD {
  font-size: 16px;
  color: #BC0000;
}
@media only screen and (max-width: 750px) {
  #care .contact-confirm .confirm__textRD {
    font-size: 3.73vw;
  }
}

#care .careReturnBtn {
  margin: 100px auto 150px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 750px) {
  #care .careReturnBtn {
    margin: 21.33vw auto;
  }
}

#care .careReturnBtn .btn {
  /* width: 254px; */
  /* width: 350px; */
    text-align: center;
  border-radius: 40px;
}
@media only screen and (max-width: 750px) {
  #care .careReturnBtn .btn {
      text-align: center;
    border-radius: 10.67vw;
  }
}

#care .careReturnBtn .btn a {
  padding: 26px 46px;
  border-radius: 40px;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #4B5A50;
  text-transform: uppercase;
  font-size: 18px;
  color: #ffffff;
  position: relative;
}
@media only screen and (max-width: 750px) {
  #care .careReturnBtn .btn a {
    padding: 6.4vw 12.27vw;
    border-radius: 10.67vw;
    font-size: 4.27vw;
  }
}