@charset "utf-8";

:root {
  --color-main: #222222;
  --color-bland_purple: #551B48;
  --color-skyblue: #3FB0CC;
  --color-orange: #F58200;
  --color-olive: #A79137;
  --color-green: #83A629;
  --color-gray: #F5F5F5;
  --color-navy: #242B78;
  --color-turquoise: #00AFCC;
  --font-sans: "Noto Sans JP", sans-serif;
}

/* ----- プライバシーポリシー ----- */

main.privacy {
background-color: #F5F5F5;
}

main.privacy section.inner_mv {
  background-image: url(../images/about/outline/bg_mv_outline.jpg);
  background-size: min(400rem, 4000px);
  background-position: center top;
  background-repeat: no-repeat;
}

@media (max-width: 799px) {
main.privacy section.inner_mv  {
		background-image: url(../images/about/outline/bg_mv_outline.jpg);
		background-size: 400rem;
		background-position: center top;
		background-repeat: no-repeat;
}
}

main.privacy section.privacy h3.privacy_h3 {
  margin-top: min(8rem, 80px);
  font-size: min(3.0rem, 30px);
  line-height: 1.4;
}

main.privacy section.privacy p.common_txt a {
  text-decoration: underline;
}


main.privacy section.privacy p.privacy_txt {
  margin-top: min(4rem, 40px);
  display: flex;
  flex-direction: column;
  gap: min(.4rem, 4px);
}

main.privacy section.privacy p.privacy_txt span {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
  padding-left: .5em;
  text-indent: -.5em;
  line-height: 1.8;
}

@media (max-width: 799px) {
  main.privacy section.privacy h3.privacy_h3 {
    margin-top: 4rem;
    font-size: 2.0rem;
  }
  
  main.privacy section.privacy p.privacy_txt {
    margin-top: 2rem;
    gap: .4rem;
  }
  
  main.privacy section.privacy p.privacy_txt span {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}




/* ----- sitemap ----- */

main.sitemap {
background-color: #F5F5F5;
}

main.sitemap section.inner_mv {
  background-image: url(../images/about/outline/bg_mv_outline.jpg);
  background-size: min(400rem, 4000px);
  background-position: center top;
  background-repeat: no-repeat;
}

@media (max-width: 799px) {
main.sitemap section.inner_mv  {
		background-image: url(../images/about/outline/bg_mv_outline.jpg);
		background-size: 400rem;
		background-position: center top;
		background-repeat: no-repeat;
}
}

main.sitemap section.sitemap div.sitemap_wrap {
  margin-top: min(8rem, 80px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  gap: 0;
}

main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul {
  display: flex;
  flex-direction: column;
  gap: min(6rem, 60px);
}

main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul li.sitemap_li a {
  font-size: min(3.0rem, 30px);
}

main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul li.sitemap_li ul.sitemap_ul_s {
  margin-top: min(4rem, 40px);
  display: flex;
  flex-direction: column;
  gap: min(1.0rem, 10px);
  padding-left: 1em;
}

main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul li.sitemap_li ul.sitemap_ul_s li.sitemap_li_s a {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
}

main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul li.sitemap_li ul.sitemap_ul_s li.sitemap_li_s ul.sitemap_ul_xs {
  margin-top: min(1.0rem, 10px);
  display: flex;
  flex-direction: column;
  gap: min(1.0rem, 10px);
  padding-left: 1em;
}

main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul li.sitemap_li ul.sitemap_ul_s li.sitemap_li_s ul.sitemap_ul_xs li.sitemap_li_xs a {
  font-size: min(1.6rem, 16px);
  font-weight: 400;
}

@media (max-width: 799px) {
  main.sitemap section.sitemap div.sitemap_wrap {
    margin-top: 4rem;
    grid-template-columns: repeat(1, 1fr);
    align-items: start;
    gap: 4rem;
  }
  
  main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul {
    gap: 4rem;
  }
  
  main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul li.sitemap_li a {
    font-size: 2.4rem;
  }
  
  main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul li.sitemap_li ul.sitemap_ul_s {
    margin-top: 2rem;
    gap: 1rem;
  }
  
  main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul li.sitemap_li ul.sitemap_ul_s li.sitemap_li_s a {
    font-size: 1.4rem;
  }
  
  main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul li.sitemap_li ul.sitemap_ul_s li.sitemap_li_s ul.sitemap_ul_xs {
    margin-top: 1rem;
    gap: 1rem;
  }
  
  main.sitemap section.sitemap div.sitemap_wrap ul.sitemap_ul li.sitemap_li ul.sitemap_ul_s li.sitemap_li_s ul.sitemap_ul_xs li.sitemap_li_xs a {
    font-size: 1.4rem;
  }
}