@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;
}

/* ----- 資料請求・お問い合わせ ----- */

/* ----- contact.php ----- */

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

main.contact 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.contact 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.contact section.contact div.contact_area {
  margin: min(8rem, 80px) auto 0;
  max-width: min(80rem, 800px);
  display: flex;
  flex-direction: column;
  gap: min(4rem, 40px);
}

main.contact section.contact div.contact_area a.contact_link {
    width: 100%;
    height: min(6rem, 60px);
    background-color: #fff;
    color: var(--color-main);
    font-size: min(2rem, 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid var(--color-main);
}

main.contact section.contact div.contact_area a.contact_link::after {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../images/icon_arrow_right_black.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: min(.8rem, 8px);
    height: min(1.6rem, 16px);
    top: 0;
    bottom: 0;
    margin: auto;
    right: min(1rem, 10px);
    transform: translateX(-100%);
}

@media (max-width: 799px) {
  main.contact section.contact div.contact_area {
    margin: 4rem auto 0;
    width: 100%;
    gap: 2rem;
  }

  main.contact section.contact div.contact_area a.contact_link {
    height: 4rem;
    font-size: 1.6rem;
  }
  
  main.contact section.contact div.contact_area a.contact_link::after {
    width: 0.8rem;
    height: 1.6rem;
    transform: translateX(-100%);
    right: 0.7rem;
  }
		
}

/* ----- contact_document_request.php ----- */

main.contact section.contact .container {
	margin-top: min(4rem, 40px);
	padding: min(8rem, 80px);
	background-color: #fff;
	text-align: center;
}

main.contact_document section.contact_document div.contact_img {
  margin: min(8rem, 80px) auto 0;
  width: 100%;
}



@media (max-width: 799px) {
  main.contact_document section.contact_document div.contact_img {
    margin: 4rem auto 0;
    width: 100%;
  }
		main.contact section.contact .container {
	margin-top: 4rem;
	padding: 4rem;
}
main.contact_under section.contact .container {
padding:0;
}
}