@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Oswald);
html { font-size: 62.5%; }

body { background-image: url(../img/bg.jpg); background-position: center center; background-size: cover; font-family: YuMincho, '游明朝', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1.8; }

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

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

.section { background: rgba(0, 104, 53, 0.9); box-sizing: border-box; color: #fff; }

.section a { transition: all .8s ease-out; color: #fff; text-decoration: underline; }

.section a:hover { text-decoration: none; }

.section__index { background: none; text-align: center; }

.section__footer { background: rgba(0, 0, 0, 0.7); text-align: center; }

.section__box { box-sizing: border-box; margin: 0 auto; max-width: 1024px; }

@media screen and (min-width: 768px) { .section__box { padding: 0 3em 0 1em; } }

@media screen and (max-width: 767px) { .section__box { padding: 0 10vw 20vw; } }

.section__head { transition: all .8s ease-out; border-bottom: 1px solid #fff; opacity: 0; margin-top: 2em; padding: .25em 0; }

.section__head:first-child { margin-top: 0; }

.section__head.view { opacity: 1; }

.underlayer .section__head { opacity: 1; }

.section__txt, .section__list { transition: all .8s ease-out; margin: 20px 0 0; position: relative; }

.section__txt:first-child, .section__list:first-child { margin-top: 0; }

.section__list { padding: 0 0 0 1em; }

.section__list strong { color: #f39800; font-weight: bold; display: block; }

.section__list.flow li { margin-top: 1em; }

a.section__btn { background: #f39800; border-radius: 2px; display: block; font-weight: bold; letter-spacing: .05em; padding: 1em 2em; text-align: center; text-decoration: none; transition: all .15s linear; }

a.section__btn:hover { background: rgba(243, 152, 0, 0.7); color: rgba(255, 255, 255, 0.7); transition: all .25s linear; }

.nav__subnav .section__btn, .nav__groval .section__btn { background: rgba(255, 255, 255, 0.3); padding: .5em 2em; }

.nav__subnav .section__btn.active, .nav__groval .section__btn.active { background: #f39800; }

.nav__subnav .section__btn:hover, .nav__groval .section__btn:hover { background: rgba(255, 255, 255, 0.1); }

@media screen and (max-width: 767px) { .nav__groval .section__btn { padding: 0 .5em; } }

@media screen and (max-width: 767px) { .is-pc { display: none; } }

@media screen and (min-width: 768px) { .is-sp { display: none; } }