@charset "UTF-8";
/* arguments inittial */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Noto+Sans+JP:wght@100..900&display=swap");
/* site style */
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
#lettersfrommiffy {
  font-feature-settings: "palt";
}

#lettersfrommiffy .mv .c-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  padding-top: clamp(0px, calc(81*(100vw/1300)), 81px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .mv .c-inner {
    padding-top: clamp(0px, calc(145*(100vw/750)), 145px);
  }
}

#lettersfrommiffy .mv__logo {
  width: clamp(0px, calc(214*(100vw/1300)), 214px);
  position: absolute;
  left: clamp(0px, calc(88*(100vw/1300)), 88px);
  top: 0;
}

@media (max-width: 767px) {
  #lettersfrommiffy .mv__logo {
    top: clamp(0px, calc(23*(100vw/750)), 23px);
    left: clamp(0px, calc(30*(100vw/750)), 30px);
    width: clamp(0px, calc(277*(100vw/750)), 277px);
  }
}

#lettersfrommiffy .mv__main {
  width: clamp(0px, calc(582*(100vw/1300)), 582px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .mv__main {
    width: clamp(0px, calc(581*(100vw/750)), 581px);
  }
}

#lettersfrommiffy .mv__ttl {
  margin-top: clamp(0px, calc(51*(100vw/1300)), 51px);
  width: clamp(0px, calc(688*(100vw/1300)), 688px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .mv__ttl {
    width: clamp(0px, calc(600*(100vw/750)), 600px);
    margin-top: clamp(0px, calc(42*(100vw/750)), 42px);
  }
}

#lettersfrommiffy .mv__roll {
  margin-top: clamp(0px, calc(65*(100vw/1300)), 65px);
  width: 100%;
}

@media (max-width: 767px) {
  #lettersfrommiffy .mv__roll {
    margin-top: clamp(0px, calc(27*(100vw/750)), 27px);
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .mv .c-btn {
    margin-top: clamp(0px, calc(60*(100vw/750)), 60px);
  }
}

#lettersfrommiffy .about, #lettersfrommiffy .flow, #lettersfrommiffy .faq, #lettersfrommiffy .program {
  position: relative;
  width: 100%;
}

#lettersfrommiffy .about:before, #lettersfrommiffy .flow:before, #lettersfrommiffy .faq:before, #lettersfrommiffy .program:before {
  content: '';
  display: block;
  height: 100%;
  width: clamp(0px, calc(30*(100vw/1300)), 30px);
  background: #aaa;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  #lettersfrommiffy .about:before, #lettersfrommiffy .flow:before, #lettersfrommiffy .faq:before, #lettersfrommiffy .program:before {
    width: clamp(0px, calc(20*(100vw/750)), 20px);
  }
}

#lettersfrommiffy .about {
  margin-top: clamp(0px, calc(91*(100vw/1300)), 91px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .about {
    margin-top: clamp(0px, calc(66*(100vw/750)), 66px);
  }
}

#lettersfrommiffy .about:before {
  background: #f26522;
}

#lettersfrommiffy .about__ttl {
  display: block;
  font-size: clamp(0px, calc(36*(100vw/1300)), 36px);
  line-height: 1.6388;
  font-family: YakuHanJP, "M PLUS Rounded 1c", sans-serif;
  color: #f26522;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.1em;
  transform: translateY(-13px);
}

@media only screen and (max-width: 1300px) {
  #lettersfrommiffy .about__ttl {
    transform: translateY(calc(0 - 13*(100vw/1300)));
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .about__ttl {
    font-size: clamp(0px, calc(32*(100vw/750)), 32px);
    letter-spacing: 0;
    line-height: 1.7037;
  }
}

#lettersfrommiffy .about__desc {
  position: relative;
  font-size: clamp(0px, calc(20*(100vw/1300)), 20px);
  line-height: 1.7222;
  letter-spacing: 0.02em;
  font-weight: 700;
  width: clamp(0px, calc(850*(100vw/1300)), 850px);
  margin: clamp(0px, calc(16*(100vw/1300)), 16px) auto 0;
  padding-left: clamp(0px, calc(209*(100vw/1300)), 209px);
  padding-bottom: clamp(0px, calc(15*(100vw/1300)), 15px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .about__desc {
    gap: clamp(0px, calc(22*(100vw/750)), 22px);
    width: clamp(0px, calc(600*(100vw/750)), 600px);
    font-size: clamp(0px, calc(30*(100vw/750)), 30px);
    line-height: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    padding-left: 0;
  }
}

#lettersfrommiffy .about__desc img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: clamp(0px, calc(183*(100vw/1300)), 183px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .about__desc img {
    width: clamp(0px, calc(183*(100vw/750)), 183px);
    position: static;
  }
}

#lettersfrommiffy .about .c-btn {
  margin-top: clamp(0px, calc(42*(100vw/1300)), 42px);
}

#lettersfrommiffy .set {
  width: 100%;
  background: #ffc80b;
  padding: clamp(0px, calc(65*(100vw/1300)), 65px) 0 clamp(0px, calc(50*(100vw/1300)), 50px);
  margin-top: clamp(0px, calc(66*(100vw/1300)), 66px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .set {
    margin-top: clamp(0px, calc(70*(100vw/750)), 70px);
    padding: clamp(0px, calc(72*(100vw/750)), 72px) 0 clamp(0px, calc(70*(100vw/750)), 70px);
  }
}

#lettersfrommiffy .set__ttl {
  color: #247033;
  display: block;
  text-align: center;
  font-size: clamp(0px, calc(40*(100vw/1300)), 40px);
  line-height: 1;
  font-family: YakuHanJP, "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  letter-spacing: 0.15em;
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__ttl {
    font-size: clamp(0px, calc(48*(100vw/750)), 48px);
  }
}

#lettersfrommiffy .set__row {
  display: flex;
  width: clamp(0px, calc(866*(100vw/1300)), 866px);
  margin: clamp(0px, calc(57*(100vw/1300)), 57px) auto 0;
  justify-content: space-between;
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__row {
    flex-direction: column;
    align-items: center;
    width: clamp(0px, calc(452*(100vw/750)), 452px);
    margin-top: clamp(0px, calc(65*(100vw/750)), 65px);
  }
}

#lettersfrommiffy .set__item {
  display: flex;
  flex-direction: column;
  text-align: center;
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__item {
    align-items: center;
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__item:not(:first-child) {
    margin-top: clamp(0px, calc(44*(100vw/750)), 44px);
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__item:not(:last-child) {
    padding-bottom: clamp(0px, calc(40*(100vw/750)), 40px);
    position: relative;
  }
  #lettersfrommiffy .set__item:not(:last-child):after {
    content: '';
    display: block;
    width: clamp(0px, calc(542*(100vw/750)), 542px);
    background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom left;
    background-size: clamp(0px, calc(22*(100vw/750)), 22px) clamp(0px, calc(22*(100vw/750)), 22px);
    background-repeat: repeat-x;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

#lettersfrommiffy .set__item .img {
  width: 100%;
}

@media (min-width: 768px) {
  #lettersfrommiffy .set__item .img {
    height: clamp(0px, calc(161*(100vw/1300)), 161px);
  }
}

#lettersfrommiffy .set__item .ttl {
  font-size: clamp(0px, calc(22*(100vw/1300)), 22px);
  line-height: 1.4545;
  font-weight: 700;
  margin-top: clamp(0px, calc(38*(100vw/1300)), 38px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__item .ttl {
    width: max-content;
    font-size: clamp(0px, calc(34*(100vw/750)), 34px);
    margin-top: clamp(0px, calc(30*(100vw/750)), 30px);
  }
}

#lettersfrommiffy .set__item .desc {
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.3888;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-top: clamp(0px, calc(18*(100vw/1300)), 18px);
  min-width: max-content;
  width: 100%;
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__item .desc {
    font-size: clamp(0px, calc(30*(100vw/750)), 30px);
    line-height: 1.5909;
  }
}

#lettersfrommiffy .set__item:nth-child(1) {
  width: clamp(0px, calc(244*(100vw/1300)), 244px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__item:nth-child(1) {
    width: clamp(0px, calc(326*(100vw/750)), 326px);
  }
}

#lettersfrommiffy .set__item:nth-child(2) {
  width: clamp(0px, calc(228*(100vw/1300)), 228px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__item:nth-child(2) {
    width: clamp(0px, calc(368*(100vw/750)), 368px);
  }
}

#lettersfrommiffy .set__item:nth-child(3) {
  width: clamp(0px, calc(296*(100vw/1300)), 296px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__item:nth-child(3) {
    width: clamp(0px, calc(420*(100vw/750)), 420px);
  }
}

#lettersfrommiffy .set__item:nth-child(3) .ttl {
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.4444;
  letter-spacing: 0.02em;
}

@media (max-width: 767px) {
  #lettersfrommiffy .set__item:nth-child(3) .ttl {
    font-size: clamp(0px, calc(34*(100vw/750)), 34px);
    line-height: 1.44;
  }
}

#lettersfrommiffy .set__item:nth-child(3) .desc {
  margin-top: clamp(0px, calc(16*(100vw/1300)), 16px);
}

#lettersfrommiffy .flow {
  margin-top: clamp(0px, calc(109*(100vw/1300)), 109px);
  padding-bottom: clamp(0px, calc(30*(100vw/1300)), 30px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow {
    margin-top: clamp(0px, calc(78*(100vw/750)), 78px);
  }
}

#lettersfrommiffy .flow:before {
  background: #247033;
}

#lettersfrommiffy .flow__ttl {
  font-size: clamp(0px, calc(40*(100vw/1300)), 40px);
  font-family: YakuHanJP, "M PLUS Rounded 1c", sans-serif;
  display: block;
  text-align: center;
  font-weight: 800;
  color: #247033;
  letter-spacing: 0.15em;
  line-height: 1;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__ttl {
    font-size: clamp(0px, calc(48*(100vw/750)), 48px);
  }
}

#lettersfrommiffy .flow__item {
  width: clamp(0px, calc(850*(100vw/1300)), 850px);
  margin: 0 auto;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item {
    width: clamp(0px, calc(600*(100vw/750)), 600px);
  }
}

#lettersfrommiffy .flow__item:nth-of-type(1) {
  margin-top: clamp(0px, calc(54*(100vw/1300)), 54px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item:nth-of-type(1) {
    margin-top: clamp(0px, calc(63*(100vw/750)), 63px);
  }
}

#lettersfrommiffy .flow__item:nth-of-type(2) {
  margin-top: clamp(0px, calc(67*(100vw/1300)), 67px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item:nth-of-type(2) {
    margin-top: clamp(0px, calc(92*(100vw/750)), 92px);
  }
}

#lettersfrommiffy .flow__item:nth-of-type(3) {
  margin-top: clamp(0px, calc(144*(100vw/1300)), 144px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item:nth-of-type(3) {
    margin-top: clamp(0px, calc(90*(100vw/750)), 90px);
  }
}

#lettersfrommiffy .flow__item .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(0px, calc(47*(100vw/1300)), 47px);
  aspect-ratio: 1 / 1;
  background: #247033;
  border-radius: 50%;
  color: #fff;
  font-family: YakuHanJP, "M PLUS Rounded 1c", sans-serif;
  font-size: clamp(0px, calc(32*(100vw/1300)), 32px);
  line-height: 1;
  font-weight: 500;
  margin: 0 auto;
  padding-bottom: clamp(0px, calc(3*(100vw/1300)), 3px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .num {
    width: clamp(0px, calc(56*(100vw/750)), 56px);
    font-size: clamp(0px, calc(36*(100vw/750)), 36px);
    padding-bottom: clamp(0px, calc(2*(100vw/750)), 2px);
  }
}

#lettersfrommiffy .flow__item .ttl {
  font-feature-settings: "palt";
  margin-top: clamp(0px, calc(16*(100vw/1300)), 16px);
  font-size: clamp(0px, calc(30*(100vw/1300)), 30px);
  line-height: 1;
  color: #247033;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .ttl {
    font-size: clamp(0px, calc(34*(100vw/750)), 34px);
    margin-top: clamp(0px, calc(13*(100vw/750)), 13px);
  }
}

#lettersfrommiffy .flow__item .ttl:before, #lettersfrommiffy .flow__item .ttl:after {
  content: '';
  display: block;
  height: clamp(0px, calc(4.5*(100vw/1300)), 4.5px);
  background-image: url("../../img/line_flow.png");
  background-size: clamp(0px, calc(44*(100vw/1300)), 44px);
  background-position: left center;
  background-repeat: repeat-x;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .ttl:before, #lettersfrommiffy .flow__item .ttl:after {
    height: clamp(0px, calc(4.5*(100vw/750)), 4.5px);
    background-size: clamp(0px, calc(40*(100vw/750)), 40px);
  }
}

#lettersfrommiffy .flow__item .ttl.ttl01:before, #lettersfrommiffy .flow__item .ttl.ttl01:after {
  width: clamp(0px, calc(296*(100vw/1300)), 296px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .ttl.ttl01:before, #lettersfrommiffy .flow__item .ttl.ttl01:after {
    width: clamp(0px, calc(143*(100vw/750)), 143px);
  }
}

#lettersfrommiffy .flow__item .ttl.ttl02:before, #lettersfrommiffy .flow__item .ttl.ttl02:after {
  width: clamp(0px, calc(203*(100vw/1300)), 203px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .ttl.ttl02:before, #lettersfrommiffy .flow__item .ttl.ttl02:after {
    width: clamp(0px, calc(59*(100vw/750)), 59px);
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .ttl.ttl03 {
    font-size: clamp(0px, calc(34*(100vw/750)), 34px);
    line-height: 1.3666;
    text-align: center;
  }
}

#lettersfrommiffy .flow__item .ttl.ttl03:before, #lettersfrommiffy .flow__item .ttl.ttl03:after {
  width: clamp(0px, calc(111*(100vw/1300)), 111px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .ttl.ttl03:before, #lettersfrommiffy .flow__item .ttl.ttl03:after {
    width: clamp(0px, calc(59*(100vw/750)), 59px);
  }
}

#lettersfrommiffy .flow__item .atc {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc(10*(100vw/1300)), 10px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .atc {
    gap: clamp(0px, calc(15*(100vw/750)), 15px);
  }
}

#lettersfrommiffy .flow__item .atc li {
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.77;
  letter-spacing: 0.02em;
  font-weight: 500;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .atc li {
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
  }
}

#lettersfrommiffy .flow__item .atc li:before {
  content: '＊';
}

#lettersfrommiffy .flow__item .atc li a {
  text-decoration: underline;
}

#lettersfrommiffy .flow__item .listttl {
  margin: 0 auto;
  border-bottom: 1px solid #247033;
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  letter-spacing: 0.1em;
  display: block;
  width: clamp(0px, calc(400*(100vw/1300)), 400px);
  color: #247033;
  font-weight: 500;
  padding-bottom: clamp(0px, calc(1*(100vw/1300)), 1px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .listttl {
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
    width: clamp(0px, calc(600*(100vw/750)), 600px);
    padding-bottom: clamp(0px, calc(11*(100vw/750)), 11px);
  }
}

#lettersfrommiffy .flow__item .list {
  width: clamp(0px, calc(400*(100vw/1300)), 400px);
  margin: clamp(0px, calc(12*(100vw/1300)), 12px) auto 0;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .list {
    width: clamp(0px, calc(600*(100vw/750)), 600px);
    margin-top: clamp(0px, calc(12*(100vw/750)), 12px);
  }
}

#lettersfrommiffy .flow__item .list li {
  font-size: clamp(0px, calc(19*(100vw/1300)), 19px);
  line-height: 1.5789;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: #247033;
  font-feature-settings: "palt";
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .list li {
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
    line-height: 1.4166;
  }
}

#lettersfrommiffy .flow__item .list li:before {
  content: '●';
}

#lettersfrommiffy .flow__item .bgimg {
  width: clamp(0px, calc(402*(100vw/1300)), 402px);
  background: #e4f1f8;
  padding: clamp(0px, calc(27*(100vw/1300)), 27px) clamp(0px, calc(22*(100vw/1300)), 22px);
  margin: 0 auto;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .bgimg {
    width: clamp(0px, calc(600*(100vw/750)), 600px);
    padding: clamp(0px, calc(30*(100vw/750)), 30px) clamp(0px, calc(35*(100vw/750)), 35px);
  }
}

#lettersfrommiffy .flow__item .content01 {
  margin-top: clamp(0px, calc(40*(100vw/1300)), 40px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content01 {
    margin-top: clamp(0px, calc(49*(100vw/750)), 49px);
  }
}

#lettersfrommiffy .flow__item .content01 .text {
  font-size: clamp(0px, calc(24*(100vw/1300)), 24px);
  display: block;
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #247033;
  position: relative;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content01 .text {
    font-size: clamp(0px, calc(32*(100vw/750)), 32px);
  }
}

#lettersfrommiffy .flow__item .content01 .text a {
  text-decoration: underline;
}

#lettersfrommiffy .flow__item .content01 .text .img {
  display: block;
  width: clamp(0px, calc(155*(100vw/1300)), 155px);
  position: absolute;
  top: clamp(0px, calc(27*(100vw/1300)), 27px);
  left: -5%;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content01 .text .img {
    position: static;
    width: clamp(0px, calc(124*(100vw/750)), 124px);
    margin: clamp(0px, calc(38*(100vw/750)), 38px) auto 0;
  }
}

#lettersfrommiffy .flow__item .content01 .atc {
  width: clamp(0px, calc(539*(100vw/1300)), 539px);
  margin: clamp(0px, calc(27*(100vw/1300)), 27px) auto 0;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content01 .atc {
    margin-top: clamp(0px, calc(30*(100vw/750)), 30px);
    width: clamp(0px, calc(550*(100vw/750)), 550px);
  }
}

#lettersfrommiffy .flow__item .content02 {
  margin-top: clamp(0px, calc(36*(100vw/1300)), 36px);
  position: relative;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content02 {
    margin-top: clamp(0px, calc(42*(100vw/750)), 42px);
  }
}

#lettersfrommiffy .flow__item .content02 .img {
  width: clamp(0px, calc(161*(100vw/1300)), 161px);
  position: absolute;
  right: clamp(0px, calc(16*(100vw/1300)), 16px);
  top: clamp(0px, calc(72*(100vw/1300)), 72px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content02 .img {
    width: clamp(0px, calc(155*(100vw/750)), 155px);
    position: static;
    margin: clamp(0px, calc(25*(100vw/750)), 25px) auto 0;
    display: block;
  }
}

#lettersfrommiffy .flow__item .content02 .listttl {
  margin-top: clamp(0px, calc(36*(100vw/1300)), 36px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content02 .listttl {
    margin-top: clamp(0px, calc(22*(100vw/750)), 22px);
  }
}

#lettersfrommiffy .flow__item .content02 .text {
  font-size: clamp(0px, calc(24*(100vw/1300)), 24px);
  line-height: 1.3;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #247033;
  display: block;
  text-align: center;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content02 .text {
    font-size: clamp(0px, calc(32*(100vw/750)), 32px);
    line-height: 1.52;
  }
}

#lettersfrommiffy .flow__item .content02 .img01 {
  margin-top: clamp(0px, calc(32*(100vw/1300)), 32px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content02 .img01 {
    margin-top: clamp(0px, calc(27*(100vw/750)), 27px);
  }
}

#lettersfrommiffy .flow__item .content02 .img02 {
  width: clamp(0px, calc(405*(100vw/1300)), 405px);
  margin: clamp(0px, calc(36*(100vw/1300)), 36px) auto 0;
  position: relative;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content02 .img02 {
    width: clamp(0px, calc(550*(100vw/750)), 550px);
    margin-top: clamp(0px, calc(39*(100vw/750)), 39px);
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content02 .img02 img {
    width: clamp(0px, calc(473*(100vw/750)), 473px);
    display: block;
    margin: 0 auto;
  }
}

#lettersfrommiffy .flow__item .content02 .img02 span {
  color: #247033;
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.4666;
  letter-spacing: 0.02em;
  font-weight: 500;
  display: block;
  position: absolute;
  top: clamp(0px, calc(216*(100vw/1300)), 216px);
  left: clamp(0px, calc(188*(100vw/1300)), 188px);
  width: max-content;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content02 .img02 span {
    font-size: clamp(0px, calc(26*(100vw/750)), 26px);
    line-height: 1.6666;
    position: static;
    width: 100%;
    margin-top: clamp(0px, calc(24*(100vw/750)), 24px);
    text-align: center;
  }
}

#lettersfrommiffy .flow__item .content03 {
  margin-top: clamp(0px, calc(36*(100vw/1300)), 36px);
  position: relative;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content03 {
    margin-top: clamp(0px, calc(23*(100vw/750)), 23px);
  }
}

#lettersfrommiffy .flow__item .content03 .img {
  width: clamp(0px, calc(255*(100vw/1300)), 255px);
  position: absolute;
  right: 80%;
  top: clamp(0px, calc(100*(100vw/1300)), 100px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content03 .img {
    width: clamp(0px, calc(255*(100vw/750)), 255px);
    margin: clamp(0px, calc(26*(100vw/750)), 26px) auto 0;
    position: static;
    display: block;
  }
}

#lettersfrommiffy .flow__item .content03 .atc {
  margin: clamp(0px, calc(20*(100vw/1300)), 20px) auto 0;
  width: clamp(0px, calc(400*(100vw/1300)), 400px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content03 .atc {
    width: clamp(0px, calc(550*(100vw/750)), 550px);
    margin-top: clamp(0px, calc(40*(100vw/750)), 40px);
  }
}

#lettersfrommiffy .flow__item .content03 .listttl {
  margin-top: clamp(0px, calc(26*(100vw/1300)), 26px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content03 .listttl {
    margin-top: clamp(0px, calc(60*(100vw/750)), 60px);
  }
}

#lettersfrommiffy .flow__item .content03 .text {
  font-size: clamp(0px, calc(24*(100vw/1300)), 24px);
  line-height: 1.3;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #247033;
  display: block;
  text-align: center;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content03 .text {
    font-size: clamp(0px, calc(32*(100vw/750)), 32px);
    line-height: 1.52;
  }
}

#lettersfrommiffy .flow__item .content03 .bgimg {
  margin-top: clamp(0px, calc(19*(100vw/1300)), 19px);
  padding-top: clamp(0px, calc(35*(100vw/1300)), 35px);
  padding-bottom: clamp(0px, calc(34*(100vw/1300)), 34px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content03 .bgimg {
    margin-top: clamp(0px, calc(27*(100vw/750)), 27px);
    padding: clamp(0px, calc(37*(100vw/750)), 37px) clamp(0px, calc(27*(100vw/750)), 27px) clamp(0px, calc(36*(100vw/750)), 36px);
  }
}

#lettersfrommiffy .flow__item .content03 .sticker {
  width: clamp(0px, calc(390*(100vw/1300)), 390px);
  margin: clamp(0px, calc(24*(100vw/1300)), 24px) auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content03 .sticker {
    width: clamp(0px, calc(550*(100vw/750)), 550px);
    flex-direction: column;
    align-items: center;
    margin-top: clamp(0px, calc(37*(100vw/750)), 37px);
  }
}

#lettersfrommiffy .flow__item .content03 .sticker img {
  width: clamp(0px, calc(150*(100vw/1300)), 150px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content03 .sticker img {
    width: clamp(0px, calc(179*(100vw/750)), 179px);
  }
}

#lettersfrommiffy .flow__item .content03 .sticker p {
  color: #247033;
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.4666;
  letter-spacing: 0.02em;
  font-weight: 600;
}

@media (max-width: 767px) {
  #lettersfrommiffy .flow__item .content03 .sticker p {
    text-align: center;
    font-size: clamp(0px, calc(26*(100vw/750)), 26px);
    line-height: 1.6666;
    margin-top: clamp(0px, calc(26*(100vw/750)), 26px);
  }
}

#lettersfrommiffy .faq {
  margin-top: clamp(0px, calc(68*(100vw/1300)), 68px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq {
    margin-top: clamp(0px, calc(80*(100vw/750)), 80px);
  }
}

#lettersfrommiffy .faq:before {
  background: #005599;
}

#lettersfrommiffy .faq__ttl {
  color: #005599;
  font-family: YakuHanJP, "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: clamp(0px, calc(54*(100vw/1300)), 54px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__ttl {
    flex-wrap: wrap;
    width: clamp(0px, calc(600*(100vw/750)), 600px);
    margin: 0 auto clamp(0px, calc(50*(100vw/750)), 50px);
  }
}

#lettersfrommiffy .faq__ttl img {
  width: clamp(0px, calc(345*(100vw/1300)), 345px);
  margin-right: clamp(0px, calc(15*(100vw/1300)), 15px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__ttl img {
    width: clamp(0px, calc(390*(100vw/750)), 390px);
    margin-right: clamp(0px, calc(14*(100vw/750)), 14px);
  }
}

#lettersfrommiffy .faq__ttl .mid {
  font-size: clamp(0px, calc(31*(100vw/1300)), 31px);
  font-weight: 800;
  margin-right: clamp(0px, calc(10*(100vw/1300)), 10px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__ttl .mid {
    font-size: clamp(0px, calc(35*(100vw/750)), 35px);
    line-height: 1;
  }
}

#lettersfrommiffy .faq__ttl .large {
  font-size: clamp(0px, calc(46*(100vw/1300)), 46px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__ttl .large {
    font-size: clamp(0px, calc(42*(100vw/750)), 42px);
    margin-top: clamp(0px, calc(13*(100vw/750)), 13px);
    line-height: 1;
  }
}

#lettersfrommiffy .faq__item {
  margin: 0 auto;
  border: 3px solid #005599;
  border-radius: clamp(0px, calc(15*(100vw/1300)), 15px);
  padding: clamp(0px, calc(22*(100vw/1300)), 22px) clamp(0px, calc(75*(100vw/1300)), 75px) clamp(0px, calc(26*(100vw/1300)), 26px) clamp(0px, calc(87*(100vw/1300)), 87px);
  width: clamp(0px, calc(750*(100vw/1300)), 750px);
  position: relative;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item {
    transform: translateX(clamp(0px, calc(10*(100vw/750)), 10px));
    width: clamp(0px, calc(650*(100vw/750)), 650px);
    border-width: 2px;
    border-radius: clamp(0px, calc(10*(100vw/750)), 10px);
    padding: clamp(0px, calc(21*(100vw/750)), 21px) clamp(0px, calc(45*(100vw/750)), 45px) clamp(0px, calc(20*(100vw/750)), 20px);
  }
}

#lettersfrommiffy .faq__item:before, #lettersfrommiffy .faq__item:after {
  content: '';
  width: clamp(0px, calc(43.5*(100vw/1300)), 43.5px);
  height: clamp(0px, calc(4*(100vw/1300)), 4px);
  background-image: url("../../img/border.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item:before, #lettersfrommiffy .faq__item:after {
    height: clamp(0px, calc(10*(100vw/750)), 10px);
    width: clamp(0px, calc(20*(100vw/750)), 20px);
    background-size: 100% 100%;
  }
}

#lettersfrommiffy .faq__item:before {
  left: clamp(0px, calc(48*(100vw/1300)), 48px);
  top: -3px;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item:before {
    top: calc(0 - clamp(0px, calc(5*(100vw/750)), 5px));
    left: clamp(0px, calc(45*(100vw/750)), 45px);
  }
}

#lettersfrommiffy .faq__item:after {
  right: clamp(0px, calc(48*(100vw/1300)), 48px);
  bottom: -3px;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item:after {
    bottom: calc(0 - clamp(0px, calc(5*(100vw/750)), 5px));
  }
}

#lettersfrommiffy .faq__item + .faq__item {
  margin-top: clamp(0px, calc(40*(100vw/1300)), 40px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item + .faq__item {
    margin-top: clamp(0px, calc(25*(100vw/750)), 25px);
  }
}

#lettersfrommiffy .faq__item__head {
  position: relative;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item__head {
    padding-left: clamp(0px, calc(25*(100vw/750)), 25px);
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item__head:after {
    content: '';
    display: block;
    width: clamp(0px, calc(26*(100vw/750)), 26px);
    height: clamp(0px, calc(26*(100vw/750)), 26px);
    background-image: url("../../img/ico_faq_plus.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.3s;
    position: absolute;
    left: 101%;
    top: clamp(0px, calc(2*(100vw/750)), 2px);
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item__head.is-open:after {
    background-image: url("../../img/ico_faq_minus.svg");
  }
}

#lettersfrommiffy .faq__item__head .num {
  font-size: clamp(0px, calc(24*(100vw/1300)), 24px);
  font-weight: 700;
  line-height: 1;
  color: #005599;
  position: absolute;
  top: 0;
  right: 101%;
  width: max-content;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item__head .num {
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
    right: calc(100% - clamp(0px, calc(22*(100vw/750)), 22px));
  }
}

#lettersfrommiffy .faq__item__head .ttl {
  font-size: clamp(0px, calc(20*(100vw/1300)), 20px);
  line-height: 1.6666;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #005599;
  font-feature-settings: 'palt';
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item__head .ttl {
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
    line-height: 1.5238;
  }
}

#lettersfrommiffy .faq__item__body {
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.6666;
  font-weight: 500;
  position: relative;
  padding-top: clamp(0px, calc(13*(100vw/1300)), 13px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item__body {
    display: none;
    font-size: clamp(0px, calc(26*(100vw/750)), 26px);
    line-height: 1.55;
    padding-top: clamp(0px, calc(15*(100vw/750)), 15px);
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item__body .cont {
    position: relative;
    padding-left: clamp(0px, calc(25*(100vw/750)), 25px);
  }
}

#lettersfrommiffy .faq__item__body .num {
  font-size: clamp(0px, calc(24*(100vw/1300)), 24px);
  line-height: 1;
  font-weight: 700;
  position: absolute;
  top: clamp(0px, calc(10*(100vw/1300)), 10px);
  right: 101%;
  width: max-content;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item__body .num {
    top: 0;
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
    right: calc(100% - clamp(0px, calc(22*(100vw/750)), 22px));
  }
}

#lettersfrommiffy .faq__item__body small {
  font-size: clamp(0px, calc(16*(100vw/1300)), 16px);
  line-height: 1.5384;
  display: block;
  margin-top: clamp(0px, calc(20*(100vw/1300)), 20px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__item__body small {
    font-size: clamp(0px, calc(24*(100vw/750)), 24px);
    line-height: 1.45;
    margin-top: clamp(0px, calc(20*(100vw/750)), 20px);
    font-weight: 400;
  }
}

#lettersfrommiffy .faq__item__body a {
  text-decoration: underline;
}

#lettersfrommiffy .faq__foot {
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.6666;
  font-weight: 500;
  position: relative;
  padding-top: clamp(0px, calc(30*(100vw/1300)), 30px);
  text-align: center;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__foot {
    font-size: clamp(0px, calc(26*(100vw/750)), 26px);
    line-height: 1.55;
    padding-top: clamp(0px, calc(20*(100vw/750)), 20px);
  }
}

#lettersfrommiffy .faq__accordion-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0px, calc(25*(100vw/1300)), 25px);
  padding: 0;
  border-radius: 0;
  background: none;
  border: none;
  margin: clamp(0px, calc(46*(100vw/1300)), 46px) auto;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__accordion-btn {
    margin: clamp(0px, calc(33*(100vw/750)), 33px) auto;
    gap: clamp(0px, calc(16.6*(100vw/750)), 16.6px);
  }
}

#lettersfrommiffy .faq__accordion-btn:before {
  content: 'その他のQ&Aを見る';
  font-size: clamp(0px, calc(22*(100vw/1300)), 22px);
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #005599;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__accordion-btn:before {
    font-size: clamp(0px, calc(32*(100vw/750)), 32px);
  }
}

#lettersfrommiffy .faq__accordion-btn span {
  display: block;
  width: clamp(0px, calc(32*(100vw/1300)), 32px);
  height: clamp(0px, calc(32*(100vw/1300)), 32px);
  position: relative;
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__accordion-btn span {
    width: clamp(0px, calc(38*(100vw/750)), 38px);
    height: clamp(0px, calc(38*(100vw/750)), 38px);
  }
}

#lettersfrommiffy .faq__accordion-btn span:before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("../../img/ico_circle.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#lettersfrommiffy .faq__accordion-btn span:after {
  content: '';
  width: clamp(0px, calc(13*(100vw/1300)), 13px);
  height: clamp(0px, calc(13*(100vw/1300)), 13px);
  background-image: url("../../img/ico_plus.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  #lettersfrommiffy .faq__accordion-btn span:after {
    width: clamp(0px, calc(15.6*(100vw/750)), 15.6px);
    height: clamp(0px, calc(15.6*(100vw/750)), 15.6px);
  }
}

#lettersfrommiffy .faq__accordion-btn.is-open:before {
  content: 'その他のQ&Aを閉じる';
}

#lettersfrommiffy .faq__accordion-btn.is-open span:after {
  background-image: url("../../img/ico_minus.svg");
}

#lettersfrommiffy .faq__accordion {
  display: none;
}

#lettersfrommiffy .program {
  margin-top: clamp(0px, calc(65*(100vw/1300)), 65px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .program {
    margin-top: clamp(0px, calc(76*(100vw/750)), 76px);
  }
}

#lettersfrommiffy .program:before {
  background: #00aeef;
}

#lettersfrommiffy .program__ttl {
  color: #00aeef;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: YakuHanJP, "M PLUS Rounded 1c", sans-serif;
  font-weight: 599;
}

#lettersfrommiffy .program__ttl .text01 img {
  width: clamp(0px, calc(510*(100vw/1300)), 510px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__ttl .text01 img {
    width: clamp(0px, calc(580*(100vw/750)), 580px);
  }
}

#lettersfrommiffy .program__ttl .text02 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: clamp(0px, calc(15*(100vw/1300)), 15px);
  gap: clamp(0px, calc(14*(100vw/1300)), 14px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__ttl .text02 {
    line-height: 1;
    margin-top: clamp(0px, calc(15*(100vw/750)), 15px);
    gap: clamp(0px, calc(14*(100vw/750)), 14px);
  }
}

#lettersfrommiffy .program__ttl .text02 img {
  width: clamp(0px, calc(346*(100vw/1300)), 346px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__ttl .text02 img {
    width: clamp(0px, calc(440*(100vw/750)), 440px);
  }
}

#lettersfrommiffy .program__ttl .text02 .ha {
  font-size: clamp(0px, calc(31*(100vw/1300)), 31px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__ttl .text02 .ha {
    font-size: clamp(0px, calc(36*(100vw/750)), 36px);
  }
}

#lettersfrommiffy .program__ttl .text03 {
  margin-top: clamp(0px, calc(15*(100vw/1300)), 15px);
  font-size: clamp(0px, calc(31*(100vw/1300)), 31px);
  font-weight: 800;
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__ttl .text03 {
    line-height: 1;
    margin-top: clamp(0px, calc(15*(100vw/750)), 15px);
    font-size: clamp(0px, calc(34*(100vw/750)), 34px);
  }
}

#lettersfrommiffy .program__img {
  display: block;
  width: clamp(0px, calc(323*(100vw/1300)), 323px);
  margin: clamp(0px, calc(42*(100vw/1300)), 42px) auto 0;
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__img {
    width: clamp(0px, calc(278*(100vw/750)), 278px);
    margin-top: clamp(0px, calc(50*(100vw/750)), 50px);
  }
}

#lettersfrommiffy .program__desc {
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.7222;
  font-weight: 500;
  width: clamp(0px, calc(700*(100vw/1300)), 700px);
  margin: clamp(0px, calc(46*(100vw/1300)), 46px) auto 0;
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__desc {
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
    line-height: 2;
    width: clamp(0px, calc(600*(100vw/750)), 600px);
    margin-top: clamp(0px, calc(40*(100vw/750)), 40px);
  }
}

#lettersfrommiffy .program__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: clamp(0px, calc(700*(100vw/1300)), 700px);
  margin: clamp(0px, calc(30*(100vw/1300)), 30px) auto 0;
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__row {
    flex-direction: column;
    width: clamp(0px, calc(600*(100vw/750)), 600px);
    margin-top: clamp(0px, calc(80*(100vw/750)), 80px);
  }
}

#lettersfrommiffy .program__item {
  width: clamp(0px, calc(318*(100vw/1300)), 318px);
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__item {
    width: 100%;
  }
}

#lettersfrommiffy .program__item .bln {
  background: #00aeef;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  letter-spacing: 0.1em;
  width: 100%;
  height: clamp(0px, calc(42*(100vw/1300)), 42px);
  border-radius: clamp(0px, calc(21*(100vw/1300)), 21px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__item .bln {
    height: clamp(0px, calc(70*(100vw/750)), 70px);
    border-radius: clamp(0px, calc(35*(100vw/750)), 35px);
    font-size: clamp(0px, calc(34*(100vw/750)), 34px);
  }
}

#lettersfrommiffy .program__item .bln:after {
  content: '';
  width: clamp(0px, calc(18*(100vw/1300)), 18px);
  height: clamp(0px, calc(18*(100vw/1300)), 18px);
  background-image: url("../../img/bln.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 90%;
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__item .bln:after {
    width: clamp(0px, calc(20*(100vw/750)), 20px);
    height: clamp(0px, calc(20*(100vw/750)), 20px);
  }
}

#lettersfrommiffy .program__item .img {
  margin-top: clamp(0px, calc(29*(100vw/1300)), 29px);
  width: 100%;
  aspect-ratio: 319 / 191;
  aspect-ratio: 16 / 9;
  position: relative;
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__item .img {
    margin: clamp(0px, calc(48*(100vw/750)), 48px) auto 0;
  }
}

#lettersfrommiffy .program__item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

#lettersfrommiffy .program__item .desc {
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.6666;
  font-weight: 500;
  margin-top: clamp(0px, calc(28*(100vw/1300)), 28px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__item .desc {
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
    line-height: 2;
    margin-top: clamp(0px, calc(30*(100vw/750)), 30px);
  }
}

#lettersfrommiffy .program__item .desc a {
  text-decoration: underline;
}

#lettersfrommiffy .program__item small {
  display: block;
  font-size: clamp(0px, calc(16*(100vw/1300)), 16px);
  line-height: 1.6153;
  font-weight: 500;
  margin-top: clamp(0px, calc(15*(100vw/1300)), 15px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__item small {
    font-size: clamp(0px, calc(26*(100vw/750)), 26px);
    line-height: 1.77;
    margin-top: clamp(0px, calc(20*(100vw/750)), 20px);
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__item:nth-child(1) .img {
    width: clamp(0px, calc(448*(100vw/750)), 448px);
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__item:nth-child(2) {
    margin-top: clamp(0px, calc(87*(100vw/750)), 87px);
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__item:nth-child(2) .img {
    width: clamp(0px, calc(420*(100vw/750)), 420px);
  }
}

#lettersfrommiffy .program__atc {
  margin: clamp(0px, calc(36*(100vw/1300)), 36px) auto 0;
  width: clamp(0px, calc(700*(100vw/1300)), 700px);
  display: flex;
  flex-direction: column;
  gap: clamp(0px, calc(15*(100vw/1300)), 15px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__atc {
    width: clamp(0px, calc(600*(100vw/750)), 600px);
    gap: clamp(0px, calc(13*(100vw/750)), 13px);
    margin-top: clamp(0px, calc(24*(100vw/750)), 24px);
  }
}

#lettersfrommiffy .program__atc li {
  font-size: clamp(0px, calc(16*(100vw/1300)), 16px);
  font-weight: 500;
  line-height: 1.6153;
}

@media (max-width: 767px) {
  #lettersfrommiffy .program__atc li {
    font-size: clamp(0px, calc(26*(100vw/750)), 26px);
    line-height: 1.77;
  }
}

#lettersfrommiffy .program__atc li:before {
  content: '＊';
}

#lettersfrommiffy .program__atc li a {
  text-decoration: underline;
}

#lettersfrommiffy .works {
  background: #00aeef;
  width: 100%;
  margin-top: clamp(0px, calc(208*(100vw/1300)), 208px);
  padding-top: clamp(0px, calc(87*(100vw/1300)), 87px);
  padding-bottom: clamp(0px, calc(60*(100vw/1300)), 60px);
  position: relative;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works {
    margin-top: clamp(0px, calc(150*(100vw/750)), 150px);
    padding-top: clamp(0px, calc(40*(100vw/750)), 40px);
    padding-bottom: clamp(0px, calc(40*(100vw/750)), 40px);
  }
}

#lettersfrommiffy .works:before {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: clamp(0px, calc(672*(100vw/1300)), 672px);
  border-radius: 50%;
  background: #00aeef;
  top: -53px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

@media only screen and (max-width: 1300px) {
  #lettersfrommiffy .works:before {
    top: calc(0 - (53*(100vw/1300)));
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .works:before {
    width: clamp(0px, calc(672*(100vw/750)), 672px);
    top: calc(0 - (53*(100vw/750)));
  }
}

#lettersfrommiffy .works__atc {
  margin: clamp(0px, calc(55*(100vw/1300)), 55px) auto 0;
  max-width: fit-content;
  color: #fff;
  font-size: clamp(0px, calc(16*(100vw/1300)), 16px);
  font-weight: 500;
  line-height: 1.6153;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__atc {
    font-size: clamp(0px, calc(26*(100vw/750)), 26px);
    line-height: 1.45;
    margin-top: clamp(0px, calc(30*(100vw/750)), 30px);
  }
}

#lettersfrommiffy .works__cover {
  overflow: hidden;
}

#lettersfrommiffy .works__lead {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 2;
  gap: clamp(0px, calc(26*(100vw/1300)), 26px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__lead {
    flex-direction: column;
    gap: 0;
  }
}

#lettersfrommiffy .works__lead .img {
  width: clamp(0px, calc(368*(100vw/1300)), 368px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__lead .img {
    width: clamp(0px, calc(550*(100vw/750)), 550px);
    height: clamp(0px, calc(350*(100vw/750)), 350px);
    border-radius: clamp(0px, calc(15*(100vw/750)), 15px);
    overflow: hidden;
    order: 2;
    margin: clamp(0px, calc(44*(100vw/750)), 44px) auto 0;
  }
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__lead .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

#lettersfrommiffy .works__lead .text {
  width: clamp(0px, calc(456*(100vw/1300)), 456px);
  color: #fff;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__lead .text {
    display: contents;
  }
}

#lettersfrommiffy .works__lead .ttl {
  font-size: clamp(0px, calc(26*(100vw/1300)), 26px);
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 700;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__lead .ttl {
    width: clamp(0px, calc(650*(100vw/750)), 650px);
    font-size: clamp(0px, calc(32*(100vw/750)), 32px);
    line-height: 1.5925;
    order: 1;
    text-align: center;
    margin: 0 auto;
  }
}

#lettersfrommiffy .works__lead .desc {
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.6111;
  font-weight: 600;
  letter-spacing: 0.015em;
  display: block;
  margin-top: clamp(0px, calc(17*(100vw/1300)), 17px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__lead .desc {
    width: clamp(0px, calc(600*(100vw/750)), 600px);
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
    line-height: 2;
    order: 3;
    margin: clamp(0px, calc(34*(100vw/750)), 34px) auto 0;
  }
}

#lettersfrommiffy .works__ttl {
  position: relative;
  z-index: 2;
  width: clamp(0px, calc(435*(100vw/1300)), 435px);
  height: clamp(0px, calc(74*(100vw/1300)), 74px);
  background: #fff;
  border-radius: clamp(0px, calc(37*(100vw/1300)), 37px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(0px, calc(27*(100vw/1300)), 27px);
  color: #00aeef;
  font-family: YakuHanJP, "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 800;
  margin: clamp(0px, calc(73*(100vw/1300)), 73px) auto 0;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__ttl {
    margin-top: clamp(0px, calc(106*(100vw/750)), 106px);
    font-size: clamp(0px, calc(35*(100vw/750)), 35px);
    height: clamp(0px, calc(86*(100vw/750)), 86px);
    width: clamp(0px, calc(550*(100vw/750)), 550px);
    border-radius: clamp(0px, calc(43*(100vw/750)), 43px);
  }
}

#lettersfrommiffy .works__swiper {
  margin-top: clamp(0px, calc(40*(100vw/1300)), 40px);
  width: 100%;
  position: relative;
  z-index: 2;
  padding-bottom: clamp(0px, calc(83*(100vw/1300)), 83px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__swiper {
    margin-top: clamp(0px, calc(51*(100vw/750)), 51px);
    padding-bottom: clamp(0px, calc(100*(100vw/750)), 100px);
  }
}

#lettersfrommiffy .works__swiper .swiper-button-prev,
#lettersfrommiffy .works__swiper .swiper-button-next {
  width: clamp(0px, calc(30*(100vw/1300)), 30px);
  height: clamp(0px, calc(37*(100vw/1300)), 37px);
  background-image: url("../../img/ico_arrow.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__swiper .swiper-button-prev,
  #lettersfrommiffy .works__swiper .swiper-button-next {
    background-image: url("../../img/ico_works_arrow.svg");
    width: clamp(0px, calc(63*(100vw/750)), 63px);
    height: clamp(0px, calc(63*(100vw/750)), 63px);
    top: auto;
    bottom: 0;
  }
}

#lettersfrommiffy .works__swiper .swiper-button-prev svg,
#lettersfrommiffy .works__swiper .swiper-button-next svg {
  display: none;
}

#lettersfrommiffy .works__swiper .swiper-button-prev.swiper-button-disabled,
#lettersfrommiffy .works__swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}

#lettersfrommiffy .works__swiper .swiper-slide {
  padding: 0 clamp(0px, calc(80*(100vw/1300)), 80px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__swiper .swiper-slide {
    height: auto;
    padding: 0 clamp(0px, calc(65*(100vw/750)), 65px);
  }
}

#lettersfrommiffy .works__swiper .swiper-button-prev {
  transform: scale(-1, 1);
  left: clamp(0px, calc(205*(100vw/1300)), 205px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__swiper .swiper-button-prev {
    left: clamp(0px, calc(280*(100vw/750)), 280px);
  }
}

#lettersfrommiffy .works__swiper .swiper-button-next {
  right: clamp(0px, calc(205*(100vw/1300)), 205px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__swiper .swiper-button-next {
    right: clamp(0px, calc(280*(100vw/750)), 280px);
  }
}

#lettersfrommiffy .works__swiper .swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0px, calc(22*(100vw/1300)), 22px);
  bottom: 0;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__swiper .swiper-pagination-bullets {
    display: none;
  }
}

#lettersfrommiffy .works__swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  width: clamp(0px, calc(16.5*(100vw/1300)), 16.5px);
  height: clamp(0px, calc(16.5*(100vw/1300)), 16.5px);
  margin: 0;
  background: #ffffff;
  opacity: 1;
}

#lettersfrommiffy .works__swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000000;
}

#lettersfrommiffy .works__item {
  background: #fff;
  border-radius: clamp(0px, calc(5*(100vw/1300)), 5px);
  padding: clamp(0px, calc(42*(100vw/1300)), 42px) 0 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__item {
    padding: clamp(0px, calc(38*(100vw/750)), 38px) 0 clamp(0px, calc(290*(100vw/750)), 290px);
    position: relative;
    height: 100%;
  }
}

#lettersfrommiffy .works__item .img {
  width: calc(100% - clamp(0px, calc(84*(100vw/1300)), 84px));
  aspect-ratio: 613 / 487;
  position: relative;
  border-radius: 0 clamp(0px, calc(5*(100vw/1300)), 5px) clamp(0px, calc(5*(100vw/1300)), 5px) clamp(0px, calc(5*(100vw/1300)), 5px);
  margin: 0 auto;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__item .img {
    width: calc(100% - clamp(0px, calc(74*(100vw/750)), 74px));
    aspect-ratio: 550 / 400;
  }
}

#lettersfrommiffy .works__item .img span {
  background: #00aeef;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  color: #fff;
  font-size: clamp(0px, calc(27*(100vw/1300)), 27px);
  letter-spacing: 0.05em;
  font-weight: 500;
  border-end-end-radius: clamp(0px, calc(22*(100vw/1300)), 22px);
  width: clamp(0px, calc(202*(100vw/1300)), 202px);
  height: clamp(0px, calc(76*(100vw/1300)), 76px);
  display: flex;
  align-items: center;
  padding-left: clamp(0px, calc(18*(100vw/1300)), 18px);
  flex-wrap: wrap;
  line-height: 1;
  padding-top: clamp(0px, calc(10*(100vw/1300)), 10px);
  padding-bottom: clamp(0px, calc(10*(100vw/1300)), 10px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__item .img span {
    width: clamp(0px, calc(222*(100vw/750)), 222px);
    height: clamp(0px, calc(83.4*(100vw/750)), 83.4px);
    border-end-end-radius: clamp(0px, calc(24.4*(100vw/750)), 24.4px);
    font-size: clamp(0px, calc(30*(100vw/750)), 30px);
    padding-left: clamp(0px, calc(20*(100vw/750)), 20px);
    padding-top: clamp(0px, calc(12*(100vw/750)), 12px);
    padding-bottom: clamp(0px, calc(12*(100vw/750)), 12px);
  }
}

#lettersfrommiffy .works__item .img span:before {
  content: 'from';
  font-size: clamp(0px, calc(23*(100vw/1300)), 23px);
  letter-spacing: 0.1em;
  font-weight: 500;
  padding-right: clamp(0px, calc(8*(100vw/1300)), 8px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__item .img span:before {
    font-size: clamp(0px, calc(30*(100vw/750)), 30px);
  }
}

#lettersfrommiffy .works__item .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#lettersfrommiffy .works__item .ttl {
  padding: 0 clamp(0px, calc(42*(100vw/1300)), 42px);
  font-size: clamp(0px, calc(26*(100vw/1300)), 26px);
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-top: clamp(0px, calc(36*(100vw/1300)), 36px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__item .ttl {
    padding: 0 clamp(0px, calc(37*(100vw/750)), 37px);
    font-size: clamp(0px, calc(34*(100vw/750)), 34px);
    line-height: 1.26666;
    margin-top: clamp(0px, calc(52*(100vw/750)), 52px);
  }
}

#lettersfrommiffy .works__item .desc {
  padding: 0 clamp(0px, calc(42*(100vw/1300)), 42px);
  font-size: clamp(0px, calc(18*(100vw/1300)), 18px);
  line-height: 1.7333;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: clamp(0px, calc(24*(100vw/1300)), 24px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__item .desc {
    padding: 0 clamp(0px, calc(37*(100vw/750)), 37px);
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
    line-height: 1.77;
    margin-top: clamp(0px, calc(18*(100vw/750)), 18px);
  }
}

#lettersfrommiffy .works__item .desc span {
  color: #00aeef;
}

#lettersfrommiffy .works__item .info {
  border-top: dotted 1px #808080;
  background: #fff9e7;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: clamp(0px, calc(20.9*(100vw/1300)), 20.9px);
  line-height: 1.6;
  padding: clamp(0px, calc(20*(100vw/1300)), 20px) clamp(0px, calc(42*(100vw/1300)), 42px) clamp(0px, calc(24*(100vw/1300)), 24px);
  position: relative;
  margin-top: clamp(0px, calc(22*(100vw/1300)), 22px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__item .info {
    height: clamp(0px, calc(255*(100vw/750)), 255px);
    margin-top: 0;
    font-size: clamp(0px, calc(28*(100vw/750)), 28px);
    line-height: 1.5454;
    padding: clamp(0px, calc(30*(100vw/750)), 30px) clamp(0px, calc(10*(100vw/750)), 10px) clamp(0px, calc(32*(100vw/750)), 32px) clamp(0px, calc(37*(100vw/750)), 37px);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

#lettersfrommiffy .works__item .info .yen100 {
  font-size: clamp(0px, calc(17.8*(100vw/1300)), 17.8px);
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #fff;
  width: clamp(0px, calc(106*(100vw/1300)), 106px);
  height: clamp(0px, calc(34*(100vw/1300)), 34px);
  background: #00aeef;
  border-radius: clamp(0px, calc(5*(100vw/1300)), 5px);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-5deg);
  bottom: calc(100% - clamp(0px, calc(15*(100vw/1300)), 15px));
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__item .info .yen100 {
    font-size: clamp(0px, calc(27*(100vw/750)), 27px);
    width: clamp(0px, calc(162*(100vw/750)), 162px);
    height: clamp(0px, calc(50*(100vw/750)), 50px);
    border-radius: clamp(0px, calc(5*(100vw/750)), 5px);
    bottom: calc(100% - clamp(0px, calc(20*(100vw/750)), 20px));
  }
}

#lettersfrommiffy .works__item .info strong {
  font-size: clamp(0px, calc(26.6*(100vw/1300)), 26.6px);
  color: #f26522;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  font-weight: 800;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__item .info strong {
    font-size: clamp(0px, calc(32*(100vw/750)), 32px);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }
}

#lettersfrommiffy .works__item .info:after {
  content: '';
  width: clamp(0px, calc(100*(100vw/1300)), 100px);
  height: clamp(0px, calc(100*(100vw/1300)), 100px);
  background-image: url("../../img/ico_info_edge.svg");
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 767px) {
  #lettersfrommiffy .works__item .info:after {
    width: clamp(0px, calc(124*(100vw/750)), 124px);
    height: clamp(0px, calc(124*(100vw/750)), 124px);
  }
}

#lettersfrommiffy .contact {
  margin-top: clamp(0px, calc(80*(100vw/1300)), 80px);
  margin-bottom: clamp(0px, calc(70*(100vw/1300)), 70px);
}

@media (max-width: 767px) {
  #lettersfrommiffy .contact {
    margin-top: clamp(0px, calc(63*(100vw/750)), 63px);
    margin-bottom: clamp(0px, calc(35*(100vw/750)), 35px);
  }
}

#lettersfrommiffy .contact__img {
  width: clamp(0px, calc(1200*(100vw/1300)), 1200px);
  margin: clamp(0px, calc(5*(100vw/1300)), 5px) auto 0;
  display: block;
}

@media (max-width: 767px) {
  #lettersfrommiffy .contact__img {
    width: clamp(0px, calc(673*(100vw/750)), 673px);
    margin-top: clamp(0px, calc(20*(100vw/750)), 20px);
  }
}

#lettersfrommiffy .contact__desc {
  font-size: clamp(0px, calc(16*(100vw/1300)), 16px);
  display: block;
  text-align: center;
  margin-top: clamp(0px, calc(13*(100vw/1300)), 13px);
  font-weight: 500;
}

@media (max-width: 767px) {
  #lettersfrommiffy .contact__desc {
    font-size: clamp(0px, calc(26*(100vw/750)), 26px);
    line-height: 1.5;
    margin-top: clamp(0px, calc(20*(100vw/750)), 20px);
  }
}