@charset "UTF-8";

:root {
  --color_diet: #3A577D;
  --color_heat: #FF5B00;
  --color_uv: #F48927;
  --color_theorganicdays_01: #FFE94D;
  --color_theorganicdays_01_shadow: #E2CB2B;
  --color_theorganicdays_txt: #383330;
  --color_theorganicdays_bg: #FFFAD3;
}

/*footer-------------------------*/
.footer_area {
  margin-top: calc(80 * (60rem / 390));
}

.footer_area .contetn_ttl {
  font-family: var(--font_mix);
  font-size: calc(29 * (60rem / 390));
  font-weight: 700;
  text-align: center;
}

.footer_area .contetn_ttl .txt_S {
  display: block;
  margin-bottom: calc(8 * (60rem / 390));
  font-size: calc(12 * (60rem / 390));
  font-weight: 500;
}

/*-- movie --*/
.footer_area .movie_theorganicdays {
  padding: calc(20 * (60rem / 390)) 0 calc(70 * (60rem / 390));
}

.footer_area .movie_theorganicdays .contetn_ttl {
  margin-bottom: calc(20 * (60rem / 390));
}

.footer_area .movie_theorganicdays .thumbnail_img {
  width: calc(340 * (60rem / 390));
  margin: 0 auto;
}

/*-- topics --*/
.footer_area .topics_list {
  padding: calc(70 * (60rem / 390)) 0 calc(60 * (60rem / 390));
}

.footer_area .topics_list .contetn_ttl {
  margin-bottom: calc(25 * (60rem / 390));
}

.footer_area .each_topics:nth-of-type(n+2) {
  margin-top: calc(40 * (60rem / 390));
}

.footer_area .each_topics .topics_img {
  width: calc(300 * (60rem / 390));
  margin: 0 auto;
}

.footer_area .each_topics .topics_ttl {
  margin-top: calc(10 * (60rem / 390));
  font-family: var(--font_mix);
  font-size: calc(20 * (60rem / 390));
  font-weight: 600;
  text-align: center;
}

.footer_area .each_topics .topics_ttl .txt_S {
  display: block;
  margin-top: calc(8 * (60rem / 390));
  font-size: calc(11 * (60rem / 390));
  font-weight: 500;
}

.footer_area .topics_diet .topics_ttl {
  color: var(--color_diet);
}

.footer_area .topics_heat .topics_ttl {
  color: var(--color_heat);
}

.footer_area .topics_uv .topics_ttl {
  color: var(--color_uv);
}

/*-- the organic days --*/
.footer_area .page_theorganicdays {
  padding: calc(50 * (60rem / 390)) 0 calc(80 * (60rem / 390));
  background: var(--color_theorganicdays_bg)
}

.footer_area .page_theorganicdays .contetn_ttl {
  margin-bottom: calc(10 * (60rem / 390));
  font-size: calc(14 * (60rem / 390));
  font-weight: 500;
  line-height: 2.2;
  color: var(--color_theorganicdays_txt);
}

.footer_area .page_theorganicdays .contetn_ttl .txt_L {
  margin-right: calc(4 * (60rem / 390));
  font-size: calc(24 * (60rem / 390));
  font-weight: 600;
}

.footer_area .page_theorganicdays .footerContetn_img {
  width: calc(340 * (60rem / 390));
  margin: 0 auto;
}

.footer_area .page_theorganicdays .link_organicdays {
  margin: calc(30 * (60rem / 390)) auto 0;
}

.footer_area .page_theorganicdays .link_organicdays::before {
  background: var(--color_theorganicdays_01_shadow);
}

.footer_area .page_theorganicdays .link_organicdays .btn_inner {
  width: calc(230 * (60rem / 390));
  height: calc(43 * (60rem / 390));
  background: var(--color_theorganicdays_01);
  font-size: calc(13 * (60rem / 390));
  font-weight: 600;
  color: var(--color_theorganicdays_txt);
}

.footer_area .page_theorganicdays .link_organicdays .btn_inner::before {
  border-left-width: calc(5 * (60rem / 390));
  border-left-color: var(--color_theorganicdays_txt);
  border-top-width: calc(5 * (60rem / 390));
  border-bottom-width: calc(5 * (60rem / 390));
}
/*-------------------------footer*/