:root {
	--pc: 1500;
	--sp: 750;
  --bp: 768;
  --u: min(1px, calc(100vw / var(--pc)));
	--color-text: #4a3d35;
}

@media screen and (max-width: 767px) {
  :root {
    --u: calc(100vw / var(--sp));
  }
}
.forPC {
	display: block;

	@media screen and (max-width: 768px) {
		display: none;
	}
}
.forSP {
	display: none;

	@media screen and (max-width: 768px) {
		display: block;
	}
}
/**********************************
 *
 * pankuzu
 *
**********************************/
#pankuzu {
  width: 100%;
  height: auto;
  background-color: #f7f4ee;
  font-size: 11px;
  letter-spacing: 2.2px;
  color: #6c5b52;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 0 0 0;
}

#pankuzu ul {
  margin: auto;
}

#pankuzu ul li {
  float: left;
  margin: 5px 30px 6px 0;
  border-radius: 2px;
  background-color: #669219;
  position: relative;
  vertical-align: middle;
}

#pankuzu ul li a {
  color: #fff;
  padding: 5px 10px;
}

#pankuzu ul li:last-child {
  background-color: #fff;
  padding: 5px 10px;
  margin: 0 0 6px 0;
}

#pankuzu ul li:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -15px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-top: 1px solid #669219;
  border-right: 1px solid #669219;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#pankuzu ul li:last-child::after {
  display: none;
}
section {
  padding: 0;
}
main {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
  color: var(--color-text);
  background-image:
    linear-gradient(#e9f1c3 1px, transparent 1px),
    linear-gradient(90deg, #e9f1c3 1px, transparent 1px);
  background-size: calc(40 * var(--u)) calc(40 * var(--u));
}
main img {
  height: auto;
}
/* hero */
.hero {
  position: relative;
  background: url(../images/hero_bg.webp) no-repeat center top / 100% auto;
}
@media screen and (max-width: 767px) {
  .hero {
    background-image: url(../images/hero_bg_sp.webp);
  }
}

@keyframes hero_fade_in {
  from {
    opacity: 0;
    transform: translateY(calc(24 * var(--u)));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.hero_text,
.hero_product,
.hero_title {
  opacity: 0;
  animation: hero_fade_in 2.2s cubic-bezier(0.25, 0.1, 0.25, 1) 0.15s forwards;
}
@media (prefers-reduced-motion: reduce) {
  .hero_text,
  .hero_product,
  .hero_title {
    opacity: 1;
    animation: none;
  }
}
@media screen and (max-width: 767px) {
  .hero::before {
    height: calc(675 * var(--u));
  }
}
.hero_inner {
  position: relative;
  display: flex;
  column-gap: calc(65 * var(--u));
  width: calc(1010 * var(--u));
  margin-inline: auto;
  padding: calc(120 * var(--u)) 0 calc(206 * var(--u));
}
@media screen and (max-width: 767px) {
  .hero_inner {
    display: block;
    padding: calc(165 * var(--u)) 0 calc(275 * var(--u));
    width: 100%;
  }
}
.hero_title {
  flex-shrink: 0;
  width: calc(510 * var(--u));
  margin-top: calc(70 * var(--u));
}
@media screen and (max-width: 767px) {
  .hero_title {
    width: calc(550 * var(--u));
    margin: 0 auto;
  }
}
.hero_product {
  width: calc(387 * var(--u));
}
@media screen and (max-width: 767px) {
  .hero_product {
    width: calc(400 * var(--u));
    margin: calc(50 * var(--u)) auto 0;
  }
}

/* キッコーマン豆乳学園祭協賛とは？ */
.about {
  margin-top: calc(-95 * var(--u));
  padding: calc(84 * var(--u)) 0;
  background-image: url(../images/about_bg_top.webp), url(../images/about_bg_bottom.webp);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: 100% auto, 100% auto;
}
@media screen and (max-width: 767px) {
  .about {
    margin-top: calc(-142 * var(--u));
    padding: calc(132 * var(--u)) 0;
    background-image: url(../images/about_bg_top_sp.webp), url(../images/about_bg_bottom_sp.webp);
  }
}
.about_inner {
  padding: calc(40 * var(--u)) 0;
  background-color: #ffface;
}
@media screen and (max-width: 767px) {
  .about_inner {
    padding: 0;
  }
}
.about_inner_content {
  width: calc(1100 * var(--u));
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .about_inner_content {
    width: 100%;
  }
}
.about_inner_content_text {
  margin-top: calc(35 * var(--u));
  font-size: calc(22 * var(--u));
  font-weight: 800;
  line-height: calc(42/22*1em);
  letter-spacing: calc(40/1000*1em);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .about_inner_content_text {
    margin-top: calc(40 * var(--u));
    font-size: calc(28 * var(--u));
    line-height: calc(48/28*1em);
  }
} 
.about_inner_content_list {
  width: fit-content;
  margin-inline: auto;
  margin-top: calc(25 * var(--u));
}
@media screen and (max-width: 767px) {
  .about_inner_content_list {
    margin-top: calc(60 * var(--u));
    padding: 0 calc(34 * var(--u));
  }
}
.about_inner_content_list li {
  list-style: none;
  font-size: calc(12 * var(--u));
  font-weight: 700;
  line-height: calc(22/12*1em);
  letter-spacing: calc(40/1000*1em);
  text-align: left;
  text-indent: hanging 1em;
}
@media screen and (max-width: 767px) {
  .about_inner_content_list li {
    font-size: calc(20 * var(--u));
    line-height: calc(33/20*1em);
    letter-spacing: calc(45/1000*1em);
  }
}
.about_inner_content_list li::before {
  content: "※";
}
.section_ttl {
  position: relative;
  padding-bottom: calc(40 * var(--u));
  text-align: center;
  font-weight: 800;
  font-size: calc(44 * var(--u));
  line-height: calc(21/21*1em);
  letter-spacing: calc(45/1000*1em);
  color: #459947;
}
@media screen and (max-width: 767px) {
  .section_ttl {
    padding-bottom: calc(45 * var(--u));
    font-size: calc(50 * var(--u));
    line-height: calc(68/50*1em);
  }
}
.section_ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: calc(60 * var(--u));
  height: calc(12 * var(--u));
  background: url(../images/ttl_elem.webp) no-repeat top center / contain;
}
@media screen and (max-width: 767px) {
  .section_ttl::after {
    width: calc(84 * var(--u));
    height: calc(18 * var(--u));
  }
}
/* お申込みの流れ */
.flow {
  padding: calc(120 * var(--u)) 0 calc(130 * var(--u));
  background: url(../images/fllow_ttl.webp) no-repeat center calc(56 * var(--u)) / calc(900 * var(--u)) auto;
}
@media screen and (max-width: 767px) {
  .flow {
    padding: calc(115 * var(--u)) 0 calc(85 * var(--u));
    background: url(../images/fllow_ttl_sp.webp) no-repeat center calc(9 * var(--u)) / calc(750 * var(--u)) auto;
  }
}
.flow_inner {
  width: calc(1100 * var(--u));
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .flow_inner {
    width: calc(680 * var(--u));
  }
}
.flow_nav {
  margin-top: calc(45 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_nav {
    margin-top: calc(50 * var(--u));
  }
}
.flow_nav_description {
  display: flex;
  align-items: center;
  column-gap: calc(20 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_nav_description {
    display: grid;
    row-gap: calc(20 * var(--u));
  }
}
.flow_nav_description_title {
  font-weight: 600;
  font-size: calc(16 * var(--u));
  line-height: calc(18/18*1em);
  letter-spacing: calc(45/1000*1em);
}
@media screen and (max-width: 767px) {
  .flow_nav_description_title {
    font-size: calc(22 * var(--u));
  }
}
.flow_nav_description_title::before {
  content: "■";
  margin-right: calc(8 * var(--u));
  color: #ffdda0;
}
@media screen and (max-width: 767px) {
  .flow_nav_description_title::before {
    margin-right: calc(10 * var(--u));
  }
}
.flow_nav_description_title:last-child::before {
  color: #e8f281;
}
.flow_nav_list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: calc(18 * var(--u));
  margin-top: calc(25 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_nav_list {
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(15 * var(--u));
    row-gap: calc(20 * var(--u));
    margin-top: calc(40 * var(--u));
  }
}
.flow_nav_list li {
  position: relative;
  padding-top: calc(25* var(--u));
  padding-bottom: calc(22* var(--u));
  border: calc(3 * var(--u)) solid #ffdda0;
  border-radius: calc(20 * var(--u));
  background-color: #ffdda0;
}
@media screen and (max-width: 767px) {
  .flow_nav_list li {
    padding-top: calc(24 * var(--u));
    padding-bottom: calc(25 * var(--u));
    border-width: calc(4 * var(--u));
    border-radius: calc(25 * var(--u));
  }
}
.flow_nav_list li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: calc(12 * var(--u));
  height: calc(12 * var(--u));
  background-color: #ffdda0;
  border-right: calc(3 * var(--u)) solid #ffdda0;
  border-bottom: calc(3 * var(--u)) solid #ffdda0;
  border-radius: calc(2 * var(--u));
  translate: 60% -50%;
  rotate: -45deg;
}
@media screen and (max-width: 767px) {
  .flow_nav_list li:not(:last-child)::after {
    top: 50%;
    right: 0;
    bottom: auto;
    width: calc(18 * var(--u));
    height: calc(18 * var(--u));
    border-width: calc(4 * var(--u));
    border-radius: calc(4 * var(--u));
    translate: 55% -50%;
    rotate: -45deg;
  }
}
.flow_nav_list li:nth-child(n+3):nth-child(-n+5) {
  border-color: #e8f281;
  background-color: #e8f281;
}
.flow_nav_list li:nth-child(n+3):nth-child(-n+5)::after {
  border-right-color: #e8f281;
  border-bottom-color: #e8f281;
  background-color: #e8f281;
}
.flow_nav_list_item_number {
  font-weight: 800;
  color: #459947;
  font-size: calc(17 * var(--u));
  line-height: 1;
  letter-spacing: calc(45/1000*1em);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .flow_nav_list_item_number {
    font-size: calc(20 * var(--u));
  }
}
.flow_nav_list_item_text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(28/20*1em * 2);
  margin-top: calc(15 * var(--u));
  font-weight: 800;
  font-size: calc(20 * var(--u));
  line-height: calc(28/20*1em);
  letter-spacing: calc(45/1000*1em);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .flow_nav_list_item_text {
    margin-top: calc(15 * var(--u));
    font-size: calc(24 * var(--u));
    line-height: calc(32/24*1em);
  }
}
.flow_list {
  margin-top: calc(38 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_list {
    margin-top: calc(40 * var(--u));
  }
}
.flow_list > li {
  background-color: #fff;
  border: calc(3 * var(--u)) solid #ffdda0;
  border-radius: calc(40 * var(--u));
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .flow_list > li {
    border-width: calc(4 * var(--u));
    border-radius: calc(60 * var(--u));
  }
}
.flow_list > li + li {
  margin-top: calc(20 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_list > li + li {
    margin-top: calc(30 * var(--u));
  }
}
.flow_list_head {
  display: flex;
  align-items: center;
  column-gap: calc(22 * var(--u));
  padding: calc(20 * var(--u)) calc(57 * var(--u)) calc(25 * var(--u));
  background-color: #ffdda0;
}
@media screen and (max-width: 767px) {
  .flow_list_head {
    column-gap: calc(48 * var(--u));
    padding: calc(20 * var(--u)) calc(40 * var(--u)) calc(25 * var(--u));
  }
}
.flow_list > li:nth-child(n+3):nth-child(-n+5) {
  border-color: #e8f281;
}
.flow_list > li:nth-child(n+3):nth-child(-n+5) .flow_list_head {
  background-color: #e8f281;
}
.flow_list_head_step {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: calc(10 * var(--u));
  padding: calc(10 * var(--u)) calc(33 * var(--u)) calc(10 * var(--u)) 0;
  font-weight: 800;
  color: #4a3d35;
  font-size: calc(17 * var(--u));
  line-height: 1;
  letter-spacing: calc(45/1000*1em);
}
@media screen and (max-width: 767px) {
  .flow_list_head_step {
    column-gap: calc(10 * var(--u));
    padding: calc(10 * var(--u)) calc(30 * var(--u)) calc(10 * var(--u)) 0;
    font-size: calc(21 * var(--u));
  }
}
.flow_list_head_step .num {
  font-size: calc(38 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_list_head_step .num {
    font-size: calc(52 * var(--u));
  }
}
.flow_list_head_step::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  border-right: calc(3.2 * var(--u)) dotted #4a3d35;
}
@media screen and (max-width: 767px) {
  .flow_list_head_step::before {
    border-right-width: calc(4 * var(--u));
  }
}
.flow_list_head_title {
  font-weight: 800;
  font-size: calc(27 * var(--u));
  line-height: 1;
  letter-spacing: calc(45/1000*1em);
}
@media screen and (max-width: 767px) {
  .flow_list_head_title {
    font-size: calc(34 * var(--u));
  }
}
.flow_list_content {
  padding: calc(20 * var(--u)) calc(57 * var(--u)) calc(40 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_list_content {
    padding: calc(35 * var(--u)) calc(20 * var(--u)) calc(55 * var(--u));
  }
}
.flow_list_content_text {
  font-size: calc(16 * var(--u));
  font-weight: 700;
  line-height: calc(28/16*1em);
  letter-spacing: calc(45/1000*1em);
}
@media screen and (max-width: 767px) {
  .flow_list_content_text {
    padding: 0 calc(15 * var(--u));
    font-size: calc(24 * var(--u));
    line-height: calc(38/24*1em);
  }
}
.flow_list_content_text a {
  font-weight: 800;
  text-decoration: underline;
  color: #4a3d35;
}
.flow_list_content_text_note {
  margin-top: calc(15 * var(--u));
  font-size: calc(12 * var(--u));
  font-weight: 700;
  line-height: calc(22/12*1em);
  letter-spacing: calc(45/1000*1em);
  text-indent: hanging 1em;
}
@media screen and (max-width: 767px) {
  .flow_list_content_text_note {
    margin-top: calc(15 * var(--u));
    padding: 0 calc(15 * var(--u));
    font-size: calc(20 * var(--u));
    line-height: calc(32/20*1em);
  }
}
.js-accSwitch {
  position: relative;
  cursor: pointer;
}
.js-accSwitch::before,
.js-accSwitch::after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--acc-icon-right, calc(56 * var(--u)));
  background-color: currentColor;
  transition: transform 0.4s ease;
  border-radius: 100vmax;
}
.js-accSwitch::before {
  width: calc(15 * var(--u));
  height: calc(2 * var(--u));
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .js-accSwitch::before {
    width: calc(18 * var(--u));
    height: calc(2 * var(--u));
    translate: 0 -50%;
  }
}
.js-accSwitch::after {
  width: calc(2 * var(--u));
  height: calc(15 * var(--u));
  translate: calc(-6.5 * var(--u)) -50%;
}
@media screen and (max-width: 767px) {
  .js-accSwitch::after {
    width: calc(2 * var(--u));
    height: calc(18 * var(--u));
    translate: calc(-8 * var(--u)) -50%;
  }
}
.js-accSwitch.is-opened::after {
  transform: scaleY(0);
}
.js-accElement {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}
.flow_list_content_acordion {
  margin-top: calc(20 * var(--u));
  background-color: #ffface;
  border-radius: calc(24 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion {
    margin-top: calc(20 * var(--u));
    border-radius: calc(50 * var(--u));
  }
}
.flow_list_content_acordion_title {
  padding: calc(25 * var(--u)) calc(60 * var(--u));
  font-weight: 800;
  font-size: calc(22 * var(--u));
  line-height: 1;
  letter-spacing: calc(45/1000*1em);
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_title {
    padding: calc(36 * var(--u)) calc(50 * var(--u));
    font-size: calc(27 * var(--u));
  }
}
.flow_list_content_acordion_content {
  padding: 0 calc(60 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_content {
    padding: 0 calc(45 * var(--u));
  }
}
.flow_list_content_acordion_content_inner {
  padding-bottom: calc(45 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_content_inner {
    padding-bottom: calc(55 * var(--u));
  }
}
.flow_list_content_acordion_list li {
  font-size: calc(16 * var(--u));
  font-weight: 700;
  line-height: calc(27/16*1em);
  letter-spacing: calc(45/1000*1em);
  text-indent: hanging 1em;
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_list li {
    font-size: calc(22 * var(--u));
    line-height: calc(34/22*1em);
  }
}
.flow_list_content_acordion_list li + li {
  margin-top: calc(5 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_list li + li {
    margin-top: calc(10 * var(--u));
  }
}
.flow_list_content_acordion_txt {
  font-size: calc(16 * var(--u));
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(45/1000*1em);
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_txt {
    font-size: calc(22 * var(--u));
    line-height: calc(34/22*1em);
  }
}
.flow_list_content_acordion_list + .flow_list_content_acordion_txt {
  margin-top: calc(30 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_list + .flow_list_content_acordion_txt {
    margin-top: calc(35 * var(--u));
  }
}
.flow_list_content_acordion_copy {
  position: relative;
  margin-top: calc(25 * var(--u));
  padding-top: calc(25 * var(--u));
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_copy {
    margin-top: calc(45 * var(--u));
    padding-top: calc(45 * var(--u));
  }
}
.flow_list_content_acordion_copy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(1 * var(--u));
  background-color: #4a3d35;
  border-radius: 100vmax;
}
.flow_list_content_acordion_copy_lead {
  margin-bottom: calc(30 * var(--u));
  font-size: calc(16 * var(--u));
  font-weight: 900;
  line-height: 1;
  letter-spacing: calc(45/1000*1em);
  color: #4d4d4d;
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_copy_lead {
    margin-bottom: calc(40 * var(--u));
    font-size: calc(24 * var(--u));
  }
}
.flow_list_content_acordion_copy_button {
  position: relative;
  appearance: none;
  border: 1px solid #4d4d4d;
  border-radius: 100vmax;
  padding: 0 calc(14 * var(--u));
  margin: 0 0 calc(20 * var(--u));
  font: inherit;
  color: inherit;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto calc(14 * var(--u));
  column-gap: calc(10 * var(--u));
  align-items: center;
  justify-content: center;
  width: content-fit;
  height: calc(40 * var(--u));
  border-radius: 100vmax;
  background-color: transparent;
  color: #4d4d4d;
  font-size: calc(15 * var(--u));
  font-weight: 900;
  line-height: 1;
  letter-spacing: calc(45/1000*1em);
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_copy_button {
    grid-template-columns: auto calc(20 * var(--u));
    margin-bottom: calc(30 * var(--u));
    height: calc(58 * var(--u));
    font-size: calc(22 * var(--u));
  }
}
.flow_list_content_acordion_copy_popup {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8 * var(--u));
  translate: -50% 0;
  padding: calc(6 * var(--u)) calc(12 * var(--u));
  border-radius: calc(4 * var(--u));
  background-color: #4d4d4d;
  color: #fff;
  font-size: calc(13 * var(--u));
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.flow_list_content_acordion_copy_popup.is-show {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_copy_popup {
    padding: calc(8 * var(--u)) calc(16 * var(--u));
    font-size: calc(20 * var(--u));
  }
}
.flow_list_content_acordion_copy_text {
  font-size: calc(14 * var(--u));
  font-weight: 800;
  line-height: calc(26/14*1em);
  letter-spacing: calc(45/1000*1em);
  color: #4d4d4d;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_copy_text {
    font-size: calc(22 * var(--u));
    line-height: calc(34/22*1em);
    letter-spacing: calc(10/1000*1em);
  }
}
.flow_list_content_acordion_copy_text_note {
  font-size: calc(12 * var(--u));
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .flow_list_content_acordion_copy_text_note {
    font-size: calc(20 * var(--u));
    line-height: calc(32/20*1em);
  }
}

/* 協賛に関する注意事項 */
.notice {
  padding: calc(90 * var(--u)) 0;
  background-color: #f3f9bf;
}
@media screen and (max-width: 767px) {
  .notice {
    padding: calc(105 * var(--u)) 0 calc(120 * var(--u));
  }
}
.notice_inner {
  width: calc(980 * var(--u));
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .notice_inner {
    width: calc(680 * var(--u));
  }
}
.notice_description {
  margin-top: calc(50 * var(--u));
  border-radius: calc(24 * var(--u));
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .notice_description {
    margin-top: calc(60 * var(--u));
    border-radius: calc(50 * var(--u));
  }
}
.notice_description_title {
  padding: calc(25 * var(--u)) calc(60 * var(--u));
  font-weight: 800;
  font-size: calc(22 * var(--u));
  line-height: 1;
  letter-spacing: calc(45 / 1000 * 1em);
}
@media screen and (max-width: 767px) {
  .notice_description_title {
    padding: calc(30 * var(--u)) calc(55 * var(--u));
    font-size: calc(34 * var(--u));
    line-height: calc(50/34*1em);
  }
}
.notice_description_content {
  padding: 0 calc(60 * var(--u));
  color: #4d4d4d;
}
@media screen and (max-width: 767px) {
  .notice_description_content {
    padding: 0 calc(50 * var(--u));
  }
}
.notice_description_content_inner {
  padding-bottom: calc(45 * var(--u));
}
@media screen and (max-width: 767px) {
  .notice_description_content_inner {
    padding-bottom: calc(50 * var(--u));
  }
}
.notice_description_list {
  list-style: none;
}
.notice_description_list > li {
  font-size: calc(14 * var(--u));
  font-weight: 800;
  line-height: calc(26/14*1em);
  letter-spacing: calc(45/1000*1em);
  text-indent: hanging 1em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .notice_description_list > li {
    font-size: calc(24 * var(--u));
    line-height: calc(38/24*1em);
  }
}
.notice_description_list > li + li {
  margin-top: calc(10 * var(--u));
}
@media screen and (max-width: 767px) {
  .notice_description_list > li + li {
    margin-top: calc(15 * var(--u));
  }
}
.notice_description_list_sub {
  padding-left: 1em;
}
.notice_description_list_sub > li {
  font-size: calc(14 * var(--u));
  text-indent: hanging 1em;
}
@media screen and (max-width: 767px) {
  .notice_description_list_sub > li {
    font-size: calc(24 * var(--u));
    line-height: calc(38/24*1em);
  }
}
/* お申込みはこちらから */
.application {
  padding: calc(130 * var(--u)) 0 calc(200 * var(--u));
  background: url(../images/application_ttl.webp) no-repeat center calc(70 * var(--u)) / calc(1016 * var(--u)) auto;
}
@media screen and (max-width: 767px) {
  .application {
    padding: calc(120 * var(--u)) 0 calc(305 * var(--u));
    background: url(../images/application_ttl_sp.webp) no-repeat center calc(36 * var(--u)) / calc(750 * var(--u)) auto;
  }
}
.application_inner {
  width: calc(980 * var(--u));
  margin-inline: auto;
  margin-top: calc(40 * var(--u));
}
@media screen and (max-width: 767px) {
  .application_inner {
    width: calc(680 * var(--u));
    margin-top: calc(45 * var(--u));
  }
}
.application_lead {
  font-size: calc(20 * var(--u));
  font-weight: 800;
  line-height: calc(32/20*1em);
  letter-spacing: calc(45/1000*1em);
  color: #4a3d35;
}
@media screen and (max-width: 767px) {
  .application_lead {
    font-size: calc(28 * var(--u));
    line-height: calc(46/28*1em);
  }
}
.application_form {
  margin-top: calc(20 * var(--u));
}
@media screen and (max-width: 767px) {
  .application_form {
    margin-top: calc(30 * var(--u));
  }
}
.application_form_title {
  font-size: calc(16 * var(--u));
  font-weight: 800;
  line-height: calc(28/16*1em);
  letter-spacing: calc(45/1000*1em);
  color: #4a3d35;
}
@media screen and (max-width: 767px) {
  .application_form_title {
    font-size: calc(24 * var(--u));
    line-height: calc(36/24*1em);
  }
}
.application_form_content {
  margin-top: calc(15 * var(--u));
  padding: calc(20 * var(--u)) calc(25 * var(--u));
  font-size: calc(18 * var(--u));
  font-weight: 800;
  line-height: 1;
  letter-spacing: calc(45/1000*1em);
  color: #4a3d35;
  background-color: #fff;
  border-radius: calc(20 * var(--u));
  border: calc(2 * var(--u)) solid #027b4f;
}
@media screen and (max-width: 767px) {
  .application_form_content {
    margin-top: calc(25 * var(--u));
    padding: calc(25 * var(--u)) calc(35 * var(--u));
    font-size: calc(24 * var(--u));
  }
}
.application_form_note {
  margin-top: calc(40 * var(--u));
}
@media screen and (max-width: 767px) {
  .application_form_note {
    margin-top: calc(65 * var(--u));
  }
}
.application_form_note_title {
  font-size: calc(20 * var(--u));
  font-weight: 800;
  line-height: 1;
  letter-spacing: calc(45/1000*1em);
  color: #4a3d35;
}
@media screen and (max-width: 767px) {
  .application_form_note_title {
    font-size: calc(28 * var(--u));
    line-height: calc(46/28*1em);
  }
}
.application_form_note_title a {
  font-weight: 900;
  text-decoration: underline;
  color: #4a3d35;
}
.application_form_note_text {
  margin-top: calc(15 * var(--u));
  font-size: calc(12 * var(--u));
  font-weight: 800;
  line-height: calc(12/12*1em);
  letter-spacing: calc(45/1000*1em);
  color: #4a3d35;
}
@media screen and (max-width: 767px) {
  .application_form_note_text {
    margin-top: calc(25 * var(--u));
    font-size: calc(20 * var(--u));
    line-height: calc(32/20*1em);
  }
}
.application_form_button {
  position: relative;
  display: grid;
  place-items: center;
  width: calc(480 * var(--u));
  height: calc(87 * var(--u));
  margin: calc(30 * var(--u)) auto 0;
  background-color: #f75e1e;
  border-radius: 100vmax;
  color: #fff;
  font-size: calc(27 * var(--u));
  font-weight: 900;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .application_form_button {
    width: calc(680 * var(--u));
    height: calc(124 * var(--u));
    margin-top: calc(35 * var(--u));
    font-size: calc(38 * var(--u));
  }
}
.application_form_button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(40 * var(--u));
  width: calc(13 * var(--u));
  height: calc(16 * var(--u));
  background: url(../images/ico_arrow.webp) no-repeat center / contain;
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .application_form_button::before {
    right: calc(60 * var(--u));
    width: calc(19 * var(--u));
    height: calc(22 * var(--u));
  }
}