@charset "UTF-8";
/* CSS Document */
/*----------top----------------*/
.top_section .sp {
  display: none;
}
.top_section {
  max-width: 1440px;
  height: auto;
  margin: 0 auto;
  padding-top: 1.3rem;
}
.top_section__wrapper {
  padding: 0 4.16vw;
  display: flex;
}
.top_section h1 {
  height: auto;
}
.h1-top_logo img {
  width: 22.22vw;
}
.information p {
  margin-top: 8.5vw;
  margin-right: 1rem;
  font-family: 'Noto Sans JP';
  font-weight: 300;
  font-size: clamp(17px, 1.3888vw, 20px);
  line-height: 1.5;
}
.information span {
  color: #E04F91;
}
.firstview {
  padding-top: 2rem;
  overflow: hidden;
}
.firstview ul li {
  list-style: none;
}
.firstview img {
  width: 69.583vw;
  height: auto;
}
.firstview_sp img {
  display: none;
}
.insta-icon {
  width: 30%;
  margin-top: 2.4rem;
  margin-left: 0;
}
@media screen and (max-width: 1215px) {
  .information p {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 1100px) {
  .firstview img {
    display: none;
  }
  .firstview_sp img {
    display: block;
    width: 52.051vw;
  }
  .firstview_sp ul li {
    list-style: none;
  }
  .pc {
    display: none;
  }
  .top_section .sp {
    display: block;
  }
  .firstview {
    padding-top: 0;
    margin-left: 35vw;
  }
  .top_section__wrapper {
    position: relative;
  }
  .h1-top_logo img {
    position: absolute;
    top: 0.4vw;
    left: 5.90625vw;
  }
  .information {
    position: inherit;
    display: inherit;
  }
  .information p {
    position: absolute;
    bottom: 10.4vw;
    left: 7vw;
    width: 35vw;
  }
  .insta-wrap {
    position: absolute;
    bottom: 0vw;
    left: 7.5vw;
  }
  .insta-wrap img {
    width: 70%;
  }
}
@media screen and (max-width: 700px) {
  .firstview img {
    display: none;
  }
  .firstview_sp img {
    display: block;
    width: 82.051vw;
  }
  .firstview {
    margin-left: -16.75vw;
  }
  .firstview_sp ul li {
    list-style: none;
  }
  .pc {
    display: none;
  }
  .top_section .sp {
    display: block;
    background-image: url("../images/workshop/mizutama_workshop.png");
    background-position: bottom 9vw right 0.233vw;
    background-size: 36.5416vw;
    background-repeat: no-repeat;
  }
  .firstview {
    padding-top: 1.5rem;
    margin-left: 6.5vw;
  }
  .top_section__wrapper {
    position: relative;
  }
  .h1-top_logo img {
    position: absolute;
    top: 1vw;
    left: 3.90625vw;
  }
  .information {
    display: flex;
    align-items: flex-end
  }
  .information p {
    position: inherit;
    width: 51.282vw;
    margin-top: 3rem;
    margin-right: 0;
    margin-left: 9vw;
    font-size: clamp(14px, 1.18055vw, 18px);
  }
  .insta-wrap {
    position: inherit;
    width: 28vw;
    margin-left: 3vw;
  }
  .insta-wrap img {
    width: 70%;
  }
}
/*----------guide----------------*/
.guide_section {
  max-width: 1440px;
  width: 100%;
  height: auto;
  padding: 5rem 0;
  margin-top: 3rem;
}
.guide_section__wrapper {
  background-image: url(../images/guide/kumo.png);
  background-position: top 0 right 1rem;
  background-repeat: no-repeat;
  background-size: 17.361vw auto;
}
.guide_section ul {
  display: flex;
  align-items: center;
  padding: 0 4rem;
}
.guide_section ul li {
  width: 20%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  position: relative;
}
.guide_section ul li:first-child ::after {
  content: '';
  display: inline-block;
  background-image: url(../images/guide/kumo2.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 17.361vw;
  height: 13rem;
  position: absolute;
  left: -1.638vw;
  bottom: -16rem;
}
.guide_section ul li:nth-child(1) {
  order: 1
}
.guide_section ul li:nth-child(2) {
  order: 2
}
.guide_section ul li:nth-child(3) {
  order: 3
}
.guide_section ul li:nth-child(4) {
  order: 4
}
.guide_section ul li:nth-child(5) {
  order: 5
}
.balloon_house {
  margin-top: 0;
  margin-left: 0;
  width: 19.138vw;
  height: auto;
  animation: fuwafuwa-balloon_house 19s infinite;
}
@keyframes fuwafuwa-balloon_house {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
.lunch {
  margin-top: -5rem;
  margin-right: 0;
  width: 16.583vw;
  height: auto;
  animation: fuwafuwa-lunch 8s infinite;
}
@keyframes fuwafuwa-lunch {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.workshop {
  margin-top: 20rem;
  margin-right: 0;
  width: 16.583vw;
  height: auto;
  animation: fuwafuwa-workshop 18s infinite;
}
@keyframes fuwafuwa-workshop {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
.zakka {
  margin-top: -7rem;
  margin-right: 0;
  width: 16.583vw;
  height: auto;
  animation: fuwafuwa-zakka 15s infinite;
}
@keyframes fuwafuwa-zakka {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(0px);
  }
}
.access {
  margin-top: 19rem;
  margin-left: 0;
  width: 16.8vw;
  height: auto;
  animation: fuwafuwa-access 10s infinite;
}
@keyframes fuwafuwa-access {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-18px);
  }
  100% {
    transform: translateY(0px);
  }
}
@media screen and (max-width: 640px) {
  .guide_section__wrapper {
    background-position: top 256px right 0;
    background-size: 29.487vw auto;
  }
  .guide_section ul {
    align-items: inherit;
  }
  .guide_section ul li:nth-child(1) {
    order: 4
  }
  .guide_section ul li:first-child ::after {
    left: -41.638vw;
    top: 30rem;
    width: 27.435vw;
  }
  .balloon_house {
    margin-top: 13rem;
    margin-left: -7vw;
    width: 28.71vw;
  }
  .lunch {
    margin: 0;
    width: 33.3vw;
  }
  .workshop {
    margin-top: 43rem;
    margin-left: -16vw;
    width: 33.3vw;
  }
  .zakka {
    margin-top: 2rem;
    width: 33.3vw;
  }
  .access {
    margin-top: 44rem;
    margin-left: -16.2vw;
    width: 33.3vw;
  }
}
@media screen and (max-width: 440px) {
  .guide_section__wrapper {
    background-position: top 202px right 0;
    background-size: 29.487vw auto;
  }
  .guide_section ul {
    align-items: inherit;
  }
  .guide_section ul li:nth-child(1) {
    order: 4
  }
  .guide_section ul li:first-child ::after {
    left: -41.638vw;
    top: 24rem;
    width: 27.435vw;
  }
  .balloon_house {
    margin-top: 14rem;
    margin-left: -7vw;
    width: 28.71vw;
  }
  .lunch {
    margin: 0;
    width: 33.3vw;
  }
  .workshop {
    margin-top: 35rem;
    margin-left: -16vw;
    width: 33.3vw;
  }
  .zakka {
    margin-top: 2rem;
    width: 33.3vw;
  }
  .access {
    margin-top: 37rem;
    margin-left: -16.2vw;
    width: 33.3vw;
  }
}
/*______________concept_______________*/
.concept_section {
  max-width: 1440px;
  background-image: url("../images/concept/hoshi_consept1.png"), url("../images/common/haikei2.png"), url("../images/concept/hoshi_consept2.png"), url("../images/common/haikei.png");
  background-position: top 2rem left 1rem, bottom 4rem left 4rem, top 2rem right 1rem, bottom 4rem right 5rem;
  background-color: #F4D9D6;
  background-repeat: no-repeat;
  min-height: 78rem;
  margin-top: 12rem;
}
.concept_wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 13rem;
  font-size: 2.0rem;
  font-family: "Kaisei Decol", serif;
  font-weight: 400;
  color: #463132;
  line-height: 2.6rem;
  writing-mode: vertical-rl;
}
.p2 {
  padding-top: 225px;
}
@media screen and (max-width: 920px) {
  .concept_section {
    background-image: url(../images/concept/hoshi_consept1.png), url(../images/common/haikei2.png), url(../images/concept/hoshi_consept2.png), url(../images/common/haikei.png);
    background-position: top 13rem right 58.5rem, top 30rem right 47rem, bottom 15rem right 10rem, bottom 4rem right 14rem;
    background-size: 18%, 25%, 18%, 46%;
    position: relative;
  }
  .concept_wrapper {
    min-height: 70rem;
  }
  .p1 {
    position: absolute;
    top: 8rem;
    right: 8.9743vw;
  }
  .p2 {
    position: absolute;
    top: 23rem;
    right: 42.74vw;
  }
}
@media screen and (max-width: 720px) {
  .concept_section {
    background-position: top 13rem left 0.5rem, top 30rem left 6rem, bottom 18rem right 1rem, bottom 6rem right 4rem;
  }
  .p2 {
    right: 39.74vw;
  }
}
@media screen and (max-width: 639px) {
  .concept_section {
    background-position: top 11rem right 35.1rem, top 25rem right 23.5rem, bottom 18rem right 1rem, bottom 5rem right 3rem;
    background-size: 18.025%, 31.205%, 18.025%, 60.564%;
    margin-top: inherit;
  }
  .concept_wrapper {
    font-size: 1.5rem;
    line-height: 1.55rem;
    min-height: 65rem;
  }
  .p1 {
    right: 15.9743vw;
  }
  .p2 {
    top: 20rem;
    right: 41.84vw;
  }
}
@media screen and (max-width: 440px) {
  .concept_section {
    background-position: top 11rem right 28.1rem, top 23rem right 20.5rem, bottom 14rem right 1rem, bottom 50px right 2rem;
    background-size: 23.025%, 41.205%, 23.025%, 70.564%;
  }
  .concept_wrapper {
    font-size: 1.4rem;
    line-height: 1.45rem;
    min-height: 60rem;
  }
  .p1 {
    top: 8rem;
    right: 7.9743vw;
  }
  .p2 {
    top: 18rem;
    right: 39.84vw;
  }
}
/*______________lunch time_______________*/
.lunchtime_section {
  max-width: 1440px;
  text-align: center;
  padding-top: 12.5rem;
  background-image: url(../images/lunchtime/mizutama_lunch.png);
  background-position: top 6vw left 74.033vw;
  background-size: 25.5416vw;
  background-repeat: no-repeat;
}
.lunchtime_section ul {
  list-style: none;
}
.lunchtime_section__wrapper {
  display: flex;
  gap: 3vw;
  justify-content: center;
  padding-bottom: 12.5rem;
  align-items: flex-end;
}
.mobile_lunchtime_photo {
  display: none;
  /*
  width: 41.666vw;
  height: auto;
*/
}
.lunchtime_description h3 {
  color: #15AF74;
  font-family: 'Kaisei Decol';
  font-style: normal;
  font-weight: bold;
  font-size: 2.6rem;
  padding-top: 0.6944vw;
  padding-bottom: 1rem;
  line-height: 1.3;
}
.lunchtime-title_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1vw;
  padding-bottom: 1rem;
}
.lunch-title__to {
  color: #E04F91;
}
.lunch-title__me {
  color: #008EE6;
}
.lunch-title__ku {
  color: #DAB305;
}
.lunchtime_lead {
  font-size: 1.8rem;
  line-height: 1.8;
  padding-bottom: 5rem;
  padding-top: 1rem;
  width: 100%;
  letter-spacing: 0.03472vw;
}
.lunchtime_lead p {
  font-size: clamp(15px, 4vw, 18px);
  max-inline-size: max-content;
  margin-inline: auto;
  text-align: left;
  width: 33vw;
}
@media screen and (max-width:1126px) {
  .lunchtime_section__wrapper {
    display: inline-block;
  }
  .lunchtime_lead {
    margin: 0 auto;
  }
  .lunchtime_lead p {
    width: 367px;
    font-size: clamp(15px, 4vw, 18px);
    text-align: left;
  }
  .lunchtime-title_wrapper {
    justify-content: center;
    padding-bottom: 0rem;
    gap: 3vw;
  }
  .lunchtime-title_wrapper h3 {
    text-align: left;
  }
  .lunchtime_photo ul li img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .lunchtime_section {
    background-position: top 115.6vw left -0.567vw;
    background-size: 42.307% auto;
    padding-top: 5.5rem;
  }
  .lunchtime_section__wrapper {
    display: inherit;
    padding-bottom: 2.5rem;
  }
  .lunchtime_photo ul li img {
    display: none;
  }
  .mobile_lunchtime_photo {
    display: block;
    width: 100%;
    text-align: center;
  }
  .mobile_lunchtime_photo img {
    width: 66.666vw;
    margin: 0 auto
  }
  .lunchtime-title_wrapper h2 {
    width: calc(50% - 2vw);
    text-align: right;
  }
  .lunchtime-title_wrapper h3 {
    width: calc(50% - 2vw);
    text-align: left;
    font-size: clamp(20px, 4vw, 26px);
  }
  .lunchtime-title_wrapper h2 img {
    width: 36.410vw;
  }
  .lunchtime_lead {
    margin-left: 0;
    padding: 3rem 0;
  }
  .lunchtime_lead p {
    width: 66vw;
    font-size: clamp(14px, 2.5vw, 16px);
  }
  .lunch-btn {
    display: block;
    text-align: center;
  }
  .lunch-btn img {
    width: 61.5384vw;
  }
}
/*_____________zakka_______________*/
.zakka_section {
  max-width: 1440px;
  text-align: center;
  padding-top: 12.5rem;
  background-image: url("../images/zakka/mizutama_zakka.png");
  background-position: top 4vw right 72.833vw;
  background-size: 26.5416vw;
  background-repeat: no-repeat;
}
.zakka_section ul {
  list-style: none;
}
.zakka_section__wrapper {
  display: flex;
  gap: 3vw;
  justify-content: center;
  padding-bottom: 12.5rem;
  align-items: flex-end;
  flex-direction: row-reverse;
}
/* .zakka_photo {
} */
.mobile_zakka_photo {
  display: none;
}
.zakka_description {
  text-align: right
}
.zakka_description h3 {
  color: #15AF74;
  font-family: 'Kaisei Decol';
  font-style: normal;
  font-weight: bold;
  font-size: 2.6rem;
  padding-top: 0.6944vw;
  padding-bottom: 1rem;
  line-height: 1.3;
}
.zakka-title_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1vw;
  padding-bottom: 1rem;
  margin-left: 3.3vw;
}
.zakka-title_wrapper h2 img {
  width: 105%;
}
.zakka-title__ka {
  color: #DAB305;
}
.zakka-title__fu {
  color: #008EE6;
}
.zakka-title__ru {
  color: #E04F91;
}
.zakka_lead {
  font-size: 1.8rem;
  line-height: 1.8;
  padding-bottom: 43px;
  letter-spacing: 0.5px;
  width: 100%;
}
.zakka_lead p {
  font-size: clamp(16px, 5vw, 18px);
  margin-left: 171.7px;
  text-align: right;
}
@media screen and (max-width:1126px) {
  .zakka_section__wrapper {
   display: inline-block;
  }
  .zakka_lead p {
    margin: 0 auto;
    width: 33vw;
    font-size: clamp(15px, 4vw, 18px);
    text-align: left;
  }
  .zakka-title_wrapper {
    justify-content: center;
    padding-top: 6rem;
    padding-bottom: 0rem;
    gap: 3vw;
    margin-left: -1vw;
  }
  .zakka-title_wrapper h3 {
    text-align: left;
  }
  .zakka_description {
    text-align: inherit;
  }
  .zakka_photo ul li img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .zakka_section {
    background-position: top 118.6vw left -0.567vw;
    background-size: 42.307% auto;
    padding-top: 5rem;
  }
  .zakka_section__wrapper {
    display: inherit;
    padding-bottom: 2.5rem;
  }
  .zakka_top1 {
    display: none;
  }
  .zakka_photo {
    display: none;
  }
  .mobile_zakka_photo {
    display: block;
    width: 100%;
    text-align: center;
  }
  .mobile_zakka_photo img {
    width: 66.666vw;
    margin: 0 auto
  }
  .zakka-title_wrapper h2 {
    width: calc(50% - 2vw);
    text-align: right;
  }
  .zakka-title_wrapper h3 {
    width: calc(50% - 2vw);
    text-align: left;
    font-size: clamp(20px, 4vw, 26px);
  }
  .zakka-title_wrapper h2 img {
    width: 36.410vw;
  }
  .zakka_lead {
    margin-left: 0;
    padding: 3rem 0;
  }
  .zakka_lead p {
    max-inline-size: max-content;
    margin-inline: auto;
    text-align: left;
    font-size: clamp(14px, 2.5vw, 16px);
    width: 60vw;
  }
  .zakka-btn {
    display: block;
    text-align: center;
  }
  .zakka-btn img {
    width: 61.5384vw;
  }
}
/*_____________workshop_______________*/
.workshop_section {
  max-width: 1440px;
  text-align: center;
  padding-top: 12.5rem;
  background-image: url("../images/workshop/mizutama_workshop.png");
  background-position: top 6vw left 74.033vw;
  background-size: 25.5416vw;
  background-repeat: no-repeat;
}
.workshop_section ul {
  list-style: none;
}
/* .workshop_photo {
} */
.workshop_section__wrapper {
  display: flex;
  gap: 3vw;
  justify-content: center;
  padding-bottom: 20.5rem;
  align-items: flex-end;
}
.workshop-title_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1vw;
  padding-bottom: 1rem;
}
.mobile_workshop_photo {
  display: none;
}
.workshop_description h3 {
  color: #15AF74;
  font-family: 'Kaisei Decol';
  font-style: normal;
  font-weight: bold;
  font-size: 2.6rem;
  padding-top: 0.6944vw;
  padding-bottom: 1rem;
  line-height: 1.3;
}
.workshop-title__wa {
  color: #E04F91;
}
.workshop-title__ku {
  color: #008EE6;
}
.workshop-title__wa2 {
  color: #DAB305;
}
.workshop_lead {
  font-size: 1.8rem;
  line-height: 1.8;
  padding-bottom: 50px;
  padding-top: 10px;
  width: 100%;
  letter-spacing: 0.5px;
}
.workshop_lead p {
    font-size: clamp(15px, 4vw, 18px);
    max-inline-size: fit-content;
    text-align: left;
    width: 33vw;
}
@media screen and (max-width:1126px) {
  .workshop_section__wrapper {
    display:inline-block;
    padding-bottom: 10vw;
  }
  .workshop_lead {
    margin: 0 auto;
  }
  .workshop_lead p {
    width: 423px;
    font-size: clamp(15px, 4vw, 18px);
    text-align: left;
    margin: 0 auto;
  }
  .workshop-title_wrapper {
    justify-content: center;
    padding-top: 6rem;
    padding-bottom: 0rem;
    gap: 3vw;
  }
  .workshop-title_wrapper h3 {
    text-align: left;
  }
  /* .workshop_photo ul li img {
   margin: 0 auto;
  } */
}
@media screen and (max-width: 640px) {
  .workshop_section {
    background-position: top 117.6vw left -0.567vw;
    background-size: 42.307% auto;
    padding-top: 5rem;
  }
  .workshop_section__wrapper {
    display: inherit;
    padding-bottom: 20vw;
  }
  .workshop_photo {
    display: none;
  }
  .mobile_workshop_photo {
    display: block;
    width: 100%;
    text-align: center;
  }
  .mobile_workshop_photo img {
    width: 66.666vw;
    margin: 0 auto
  }
  .workshop-title_wrapper h2 {
    width: calc(50% - 2vw);
    text-align: right;
  }
  .workshop-title_wrapper h3 {
    width: calc(50% - 2vw);
    text-align: left;
    font-size: clamp(20px, 5vw, 26px);
  }
  .workshop-title_wrapper h2 img {
    width: 36.410vw;
  }
  .workshop_lead {
    padding: 3rem 0;
    margin-left: 0;
  }
  .workshop_lead p {
    font-size: clamp(14px, 2.5vw, 16px);
    width: 76.666vw;
  }
  .workshop-btn {
    display: block;
    text-align: center;
  }
  .workshop-btn img {
    width: 61.5384vw;
  }
}
/*_____________access_______________*/
.access_section {
  background-color: #F4D9D6;
  max-width: 1440px;
  width: 100%;
  height: auto;
  padding-top: 10vw;
  background-image: url(../images/access/access-mizutama.png);
  background-position: bottom 0vw right -0.6056vw;
  background-size: 29.8611vw;
  background-repeat: no-repeat;
}
.access_section h2 {
  margin: 0 auto;
  width: 76.923vw;
  max-width: 385px;
}
.access_title {
  padding-bottom: 3vw;
  width: 76.923vw;
  max-width: 385px;
}
.access_section__wrapper {
  color: #463132;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  max-width: 72.22vw;
  margin: 0 auto;
}
.access_information {
  font-family: 'Noto Sans JP';
  font-size: clamp(15px, 4vw, 18px);
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.06944vw;
  text-align: justify;
}
.access_logo {
  position: absolute;
  top: 0;
}
.access_logo img {
  width: 12.0277vw;
  ;
}
.access_lead {
  max-width: 59.722vw;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.sp_access_logo {
  display: none;
}
.sp_access_lead1 {
  display: none;
}
.access_lead2 {
  justify-content: space-evenly;
  align-items: flex-end;
  width: 39.8vw;
  padding-left: 14vw;
}
.pc-sp_add2 {
  width: 33.6vw;
}
.pc-sp_add2 span {
  color: #E04F91;
}
.pc-sp_add3 {
  width: 100%;
}
.pc-sp_add3 span {
  color: #E04F91;
}
.map_area {
  text-align: center;
  margin-top: 10%;
}
.map_area-map {
  width: 59.72vw;
}
.access-btn {
  padding-top: 4rem;
  padding-bottom: 6rem;
}
.access-btn img {
/*  width: 61.5384vw;*/
}
@media screen and (max-width: 1100px) {
  .access_information {
    width: 100%;
  }
  .access_section__wrapper {
    max-width: 82.0512vw;
  }
  .access_lead {
    display: inherit;
    max-width: 76.923vw;
  }
  .access_logo {
    display: none;
  }
  .sp_access_logo img {
    width: 23.0769vw;
    max-width: 130px;
  }
  .sp_access_logo {
    display: block;
    align-items: center;
    padding-right: 2vw;
  }
  .sp_access_lead1 {
    display: block;
    display: flex;
    align-items: center;
  }
  .pc_add {
    display: none;
  }
  .pc-sp_add2 {
    width: 100%;
  }

  .pc-sp_add4 {
    width: 54.6vw;
  }
  .access_lead2 {
    width: 82.0512vw;
    padding-left: 0;
    padding-top: 2rem;
    position: relative;
  }
  .access_insta-icon {
    padding-left: 49vw;
    position: absolute;
    bottom: -5px;
    right: 0;
  }
  .map_area-map {
    width: 76.923vw;
  }
}
@media screen and (max-width:640px) {
  .access_section {
    background-position: bottom 65.2vw right 60.3944vw;
    background-size: 47.0611vw;
  }
  .access_insta-icon img {
    width: 18.076vw;}
  
  .access-btn {
    display: block;
    text-align: center;
  }
  .access-btn img {
    width: 61.5384vw;
  }  
}
/*_____________instagram_______________*/
.instagram_section {
  text-align: center;
}
.instagram_title {
  padding-top: 6rem;
  padding-bottom: 3rem;
  margin: 0 auto;
  max-width: 385px;
}
.lead_wrapper {
  padding-bottom: 3rem;
  text-align: center;
}
.lead1_wrap {
  font-family: 'Kaisei Decol';
  font-size: clamp(18px, 4vw, 22px);
  color: #47A581;
  padding-bottom: 3rem;
  width: 25vw;
  line-height: 0.7;
  margin: 0 auto;
  letter-spacing: 0.0694vw;
  position: relative;
}
.lead1_wrap:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4.5rem;
  left: 0;
  bottom: -7px;
  width: 100%;
  height: 0.8rem;
  border-radius: 5px;
  background: #fff;
  z-index: -1;
}
.lead2 {
  letter-spacing: 0.138vw;
  line-height: 1.6;
  font-size: clamp(15px, 1.3888vw, 20px);
}
.instagram_grid {
  width: 59.7vw;
  margin: auto;
  display: grid;
  grid: repeat(3, 1fr) / repeat(3, 1fr);
  gap: 0;
  justify-content: center;
}
.item {
  border-radius: 0.694vw;
  padding: 0.45138vw;
  text-align: center;
}
.insta_photo {
  width: 20.3vw;
  height: auto;
}
.instagram-btn img {
  padding-top: 4rem;
  padding-bottom: 15rem;
}
/*　-----------Instagram画像の拡大CSS-----------　*/
.zoomIn img {
  transform: scale(1);
  transition: .3s ease-in-out; /*移り変わる速さを変更したい場合はこの数値を変更*/
}
.zoomIn a:hover img { /*hoverした時の変化*/
  transform: scale(1.2); /*拡大の値を変更したい場合はこの数値を変更*/
}
/*　画像のマスク　*/
.mask {
  display: block;
  line-height: 0; /*行の高さを0にする*/
  overflow: hidden; /*拡大してはみ出る要素を隠す*/
}
/*　-----------画像の拡大ここまで-----------　*/
@media screen and (max-width: 1187px) {
  .lead1_wrap {
    width: 35vw;
  }
}
@media screen and (max-width: 840px) {
  .lead1_wrap {
    width: 48vw;
  }
}
@media screen and (max-width: 640px) {
  .instagram_title {
    width: 76.923vw;
  }
  .lead1_wrap {
    width: 64vw;
  }
  .lead1_wrap:before {
    top: 3.7rem;
  }
  .instagram-btn {
    display: block;
    text-align: center;
  }
  .instagram-btn img {
    width: 61.5384vw;
  }
  p.lead1 {
    font-size: clamp(17.5px, 3.28125vw, 21px);
  }
  p.lead1-2 {
    font-size: clamp(17.5px, 3.28125vw, 21px);
    width: 68.17112vw;
  }
}
@media screen and (max-width: 440px) {
  .instagram_title {
    width: 76.923vw;
  }
  .lead1_wrap {
    width: 70vw;
  }
  .lead1_wrap:before {
    top: 3.8rem;
  }
}
/*_____________footer_______________*/
footer {
  background-image: url(../images/common/footer-bg.png);
  background-repeat: repeat-x;
  background-size: contain;
  height: 33.3vw;
  position: relative;
}
.footer_wrapper {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 1.5rem;
}
.footer_logo img {
  padding-bottom: 0;
  width: 10.33vw;
}
.copyright {
  font-family: 'Kaisei Decol';
  font-size: smaller;
}
@media screen and (max-width: 1180px) {
  .footer_wrapper {
    bottom: 1rem;
  }
}
@media screen and (max-width: 840px) {
  .footer_wrapper {
    bottom: 0.5rem;
  }
}
@media screen and (max-width: 640px) {
  footer {
    background: inherit;
    background-image: url("../images/common/mobile-footer.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 94.3vw;
  }
  .footer_wrapper {
    bottom: 1.5rem;
  }
  .footer_logo img {
    padding-bottom: 1.3rem;
    width: 30.512vw;
  }
  .copyright {
    padding-bottom: 1.1rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 440px) {
  .footer_logo img {
    padding-bottom: 1.3rem;
    width: 30.512vw;
  }
  .copyright {
    padding-bottom: 0.1rem;
    font-size: 1rem;
  }
}