@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&display=swap");
.inner, .Company { width: 100%; max-width: 1040px; padding: 0 20px; margin: 0 auto; }
@media (max-width: 959px) { .inner, .Company { max-width: 88%; padding: 0; } }

.inner_w { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_w { max-width: 88%; padding: 0; } }

.inner_s { width: 100%; max-width: 970px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_s { max-width: 88%; padding: 0; } }

.inner_ss { width: 100%; max-width: 800px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_ss { max-width: 88%; padding: 0; } }

.PageTitle { margin-top: 160px; }
@media (max-width: 959px) { .PageTitle { margin-top: 20vw; } }

.Company { margin-top: 140px; }
@media (max-width: 959px) { .Company { margin: 48vw auto 29vw auto; } }
.Company h2 { font-size: 37px; font-weight: 700; line-height: 100%; }
@media (max-width: 959px) { .Company h2 { font-size: 7vw; } }
.Company h2 i { display: block; margin-top: 17px; font-size: 0.45em; font-weight: 500; line-height: 100%; }
@media (max-width: 959px) { .Company h2 i { font-size: 0.35em; } }
.Company h3 { margin: 1.5em 0 1em 0; font-size: 26px; font-weight: 500; }
@media (max-width: 959px) { .Company h3 { font-size: 5vw; margin: 1.7em 0 1.1em 0; } }
.Company p { font-size: 17px; font-weight: 500; line-height: 2.6em; }
@media (max-width: 959px) { .Company p { font-size: 3.5vw; line-height: 2.4em; } }
.Company .Outline { margin: 225px 0; }
@media (max-width: 959px) { .Company .Outline { margin: 32vw 0 0 0; } }
.Company .Outline dl { margin-top: 50px; }
.Company .Outline dt { clear: both; float: left; width: 20%; margin-bottom: 1.3em; font-size: 17px; font-weight: 700; line-height: 2.1em; }
@media (max-width: 959px) { .Company .Outline dt { float: none; width: 100%; margin-bottom: 0; font-size: 4vw; } }
.Company .Outline dd { float: left; width: 80%; margin-bottom: 1.3em; font-size: 17px; font-weight: 500; line-height: 2.1em; }
@media (max-width: 959px) { .Company .Outline dd { float: none; width: 100%; margin-bottom: 2em; font-size: 3.5vw; } }
.Company .Outline h3 { margin: 0; font-size: 17px; font-weight: 700; line-height: 2.1em; }
@media (max-width: 959px) { .Company .Outline h3 { font-size: 3.5vw; } }

.Access { padding: 95px 0 70px 0; background: #EEEEF0; }
@media (max-width: 959px) { .Access { padding: 12vw 0 24vw 0; } }
.Access .inner, .Access .Company { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media (max-width: 959px) { .Access .inner, .Access .Company { -webkit-flex-direction: column; flex-direction: column; } }
.Access h2 { font-size: 37px; font-weight: 700; line-height: 100%; }
@media (max-width: 959px) { .Access h2 { font-size: 7vw; } }
.Access h2 i { display: block; margin-top: 25px; font-size: 0.45em; font-weight: 500; line-height: 100%; }
@media (max-width: 959px) { .Access h2 i { margin-top: 1.5em; font-size: 0.35em; } }
.Access p { margin: 2.5em 0 0 0; font-size: 13px; font-weight: 400; line-height: 1.8em; }
@media (max-width: 959px) { .Access p { margin: 2em 0 0 0; font-size: 3.5vw; line-height: 2.2em; } }
.Access iframe { width: 60%; aspect-ratio: 6 / 3.1; }
@media (max-width: 959px) { .Access iframe { margin-top: 8vw; width: 100%; aspect-ratio: 2 / 1.4; } }
