@import url(https://fonts.googleapis.com/css?family=Oswald);
.section__ttl { box-sizing: content-box; line-height: 1; position: relative; width: 16em; }

@media screen and (min-width: 768px) { .section__ttl { font-size: 34px; font-size: 3.4rem; margin: 0 auto 50px; padding: 0 0 0 150px; white-space: nowrap; }
  .section__ttl img { height: 50px; margin-top: -25px; } }

@media screen and (max-width: 767px) { .section__ttl { margin: 0 auto 3.75vw; text-align: center; width: 100%; } }

.section__ttl span { display: block; }

@media screen and (min-width: 768px) { .section__ttl img { left: 0; position: absolute; top: 50%; } }

@media screen and (max-width: 767px) { .section__ttl img { width: 25vw; display: block; margin: 3.75vw auto 2.5vw; } }

.section__ttl-copy { line-height: 1.5; }

@media screen and (min-width: 768px) { .section__ttl-copy { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .section__ttl-copy { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .section__ttl-name { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } }

.section__txt, .section__list { opacity: 0; top: -10px; }

.section__txt.view, .section__list.view { opacity: 1; top: 0; }

.nav__groval { display: none; left: 1em; position: fixed; top: 1em; }

.nav__groval li { display: inline-block; list-style: none; }

@media screen and (min-width: 768px) { .nav__groval li { font-size: 12px; font-size: 1.2rem; margin-left: .5em; } }

@media screen and (max-width: 767px) { .nav__groval li { font-size: 2.5vw; margin-left: .25em; } }

.nav__groval a { color: #fff; }

@media screen and (min-width: 768px) { .nav__main ul { display: flex; } }

@media screen and (max-width: 767px) { .nav__main ul { display: block; } }

@media screen and (min-width: 768px) { .nav__main li { box-flex: 1; list-style: none; margin-left: .5%; width: 33%; }
  .nav__main li:first-child { margin-left: 0; } }

@media screen and (max-width: 767px) { .nav__main li { display: block; margin: 1.25vw 0; } }

@media screen and (min-width: 768px) { .nav__subnav { margin-top: 2em; } }

@media screen and (max-width: 767px) { .nav__subnav { margin-top: 3.75vw; } }

.nav__subnav ul { text-align: center; }

@media screen and (min-width: 768px) { .nav__subnav ul { display: flex; } }

@media screen and (max-width: 767px) { .nav__subnav ul { display: block; } }

@media screen and (min-width: 768px) { .nav__subnav li { list-style: none; margin-left: 0.5%; width: 24.625%; }
  .nav__subnav li:first-child { margin-left: 0; } }

@media screen and (max-width: 767px) { .nav__subnav li { display: block; margin: 1.25vw 0; } }

.flow.section { overflow: hidden; }

.flow.section__list { overflow: hidden; padding-left: 0; }

@media screen and (min-width: 768px) { .flow.section__list li { font-size: 14px; font-size: 1.4rem; box-sizing: border-box; float: left; list-style: none; width: 48%; }
  .flow.section__list li:nth-child(even) { margin-left: 4%; } }

.flow.section__list strong { font-size: 16px; font-size: 1.6rem; }

@media screen and (min-width: 768px) { .corporation > section { float: left; width: 49%; }
  .corporation > section:nth-child(even) { margin-left: 2%; } }

@media screen and (max-width: 767px) { .corporation > section + section { margin-top: 5vw; } }

.corporation .map { transition: all .8s ease-out; opacity: 0; }

.corporation .map.view { opacity: 1; }

.corporation .map p { padding-left: 16px; position: relative; }

.corporation .map p i { left: 0; position: absolute; top: 5px; }

.corporation iframe { width: 100%; border: none; }

@media screen and (min-width: 768px) { .corporation iframe { height: 450px; margin: 20px 0 0; } }

@media screen and (max-width: 767px) { .corporation iframe { height: 33vh; margin: 3.75vw 0 0; } }

.corporation .section__list { overflow: hidden; padding: 0; }

.corporation .section__list li { list-style: none; padding-left: 28px; position: relative; }

.corporation .section__list li i { left: 0; position: absolute; top: 5px; }

.contact .section__list { padding: 0; }

.contact .section__list li { list-style: none; padding: 0 0 0 28px; position: relative; }

.contact .section__list li i { left: 0; position: absolute; top: 5px; }