@charset "UTF-8";
.font-en { font-family: 'Josefin Sans', sans-serif; }

.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

.font-num { font-family: 'Roboto', sans-serif; }

.history-lnav { margin-bottom: 100px; padding: 30px 0; background-color: #010101; }
.history-lnav ul { display: flex; flex-wrap: wrap; }
.history-lnav ul li { width: calc(100% / 3); }
.history-lnav ul li a { display: block; text-decoration: none; padding: 50px 40px 115px; color: #fff; }
@media screen and (max-width: 960px) { .history-lnav ul li a { padding: 40px 20px 80px; } }
@media screen and (max-width: 750px) { .history-lnav ul li a { padding: 6.6666666667% 4% 13.3333333333%; } }
.history-lnav ul li a dl { margin-bottom: 30px; }
@media screen and (max-width: 750px) { .history-lnav ul li a dl { margin-bottom: 15px; } }
.history-lnav ul li a dl dt { margin-bottom: 10px; font-size: 6.25rem; font-weight: bold; }
@media screen and (max-width: 960px) { .history-lnav ul li a dl dt { font-size: 5rem; } }
@media screen and (max-width: 750px) { .history-lnav ul li a dl dt { margin-bottom: 5px; font-size: 1.625rem; } }
.history-lnav ul li a dl dd { font-size: 1.75rem; }
@media screen and (max-width: 750px) { .history-lnav ul li a dl dd { font-size: 1rem; } }
.history-lnav ul li a p { font-size: 1.9375rem; font-weight: bold; line-height: 1.6; }
@media screen and (max-width: 750px) { .history-lnav ul li a p { font-size: 0.875rem; } }
.history-lnav ul li a p span { font-size: 1.625rem; }
@media screen and (max-width: 750px) { .history-lnav ul li a p span { font-size: 0.625rem; } }
.history-lnav ul li:nth-child(even) { background-color: #0d3078; }
.history-lnav ul li:nth-child(even) p span { color: #8d8980; }
.history-lnav ul li:nth-child(odd) { background-color: #8d8980; }
.history-lnav ul li:nth-child(odd) p span { color: #0d3078; }
.history-lnav ul li.nav-arrow { display: flex; align-items: center; justify-content: center; }
.history-lnav ul li.nav-arrow figure { width: 21.0772833724%; }

.hst-content { position: relative; max-width: 1366px; margin: 0 auto; padding-bottom: 130px; }
.hst-content::before { content: ''; position: absolute; top: 80px; left: 7.5402635432%; width: 84.9194729136%; height: calc(100% - 80px); background-color: #f2f2f2; }
@media screen and (max-width: 1200px) { .hst-content::before { left: 0; width: 100%; } }
.hst-content .hst-sec { position: relative; z-index: 1; padding-top: 675px; }
@media screen and (max-width: 1200px) { .hst-content .hst-sec { padding-top: 56.25%; } }
.hst-content .hst-sec .hst-sec-img { position: absolute; top: 0; width: 100%; max-width: 1200px; padding-top: 720px; overflow: hidden; }
@media screen and (max-width: 1200px) { .hst-content .hst-sec .hst-sec-img { padding-top: 60%; } }
.hst-content .hst-sec .hst-sec-img img { position: absolute; bottom: 0; left: 0; width: 100%; }
.hst-content .hst-sec .hst-sec-img.hst-sec-img-l { left: 0; }
.hst-content .hst-sec .hst-sec-img.hst-sec-img-r { right: 0; }
.hst-content .hst-sec .hst-sec-inner { position: relative; z-index: 1; max-width: 980px; margin: 0 auto; padding: 0 10px; }
.hst-content .hst-sec .hisotry-sec-y { position: absolute; top: -175px; left: 50px; z-index: 1; margin-bottom: 30px; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
@media screen and (max-width: 750px) { .hst-content .hst-sec .hisotry-sec-y { top: -130px; left: 20px; } }
.hst-content .hst-sec .hisotry-sec-y big { display: block; font-size: 5.5rem; }
@media screen and (max-width: 750px) { .hst-content .hst-sec .hisotry-sec-y big { font-size: 3.75rem; } }
.hst-content .hst-sec .hisotry-sec-y span { font-size: 1.875rem; }
@media screen and (max-width: 750px) { .hst-content .hst-sec .hisotry-sec-y span { font-size: 1.25rem; } }
.hst-content .hst-sec .hst-sec-ttl { padding: 50px 60px; background-color: #0d3078; color: #fff; }
@media screen and (max-width: 750px) { .hst-content .hst-sec .hst-sec-ttl { padding: 30px; } }
.hst-content .hst-sec .hst-sec-ttl .hst-sec-ttl-h { margin-bottom: 15px; font-size: 2rem; }
@media screen and (max-width: 750px) { .hst-content .hst-sec .hst-sec-ttl .hst-sec-ttl-h { font-size: 1.5rem; } }
.hst-content .hst-sec .hst-sec-ttl p { line-height: 1.5; }
.hst-content .hst-chronology { position: relative; padding: 20px 0 70px; }
.hst-content .hst-chronology::before { content: ''; position: absolute; top: 0; left: 135px; width: 3px; height: 100%; background-color: #0d3078; }
@media screen and (max-width: 750px) { .hst-content .hst-chronology::before { left: 100px; width: 2px; } }
.hst-content .hst-chronology .hst-chronology-sec { display: flex; justify-content: space-between; padding-top: 30px; transition: all .4s; }
.hst-content .hst-chronology .hst-chronology-sec.is-anime { opacity: 0; transform: translateY(100px); }
.hst-content .hst-chronology .hst-chronology-y { position: relative; width: 152px; padding: 40px 45px 0 0; color: #0d3078; font-weight: bold; text-align: right; }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-y { width: 111px; padding-right: 31px; } }
.hst-content .hst-chronology .hst-chronology-y::after { content: ''; position: absolute; top: 50px; right: 0; width: 30px; height: 30px; border-radius: 15px; background-color: #0d3078; }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-y::after { width: 20px; height: 20px; } }
.hst-content .hst-chronology .hst-chronology-y big { display: block; font-size: 2.5rem; }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-y big { font-size: 1.875rem; } }
.hst-content .hst-chronology .hst-chronology-y span { font-size: 1.25rem; }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-y span { font-size: 1rem; } }
.hst-content .hst-chronology .hst-chronology-c { width: calc(100% - 165px); padding: 50px 0 0 18px; }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-c { width: calc(100% - 120px); padding-top: 45px; } }
.hst-content .hst-chronology .hst-chronology-c-flex { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-c-l { float: none; } }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-c-r { float: none; margin-top: 20px; } }
.hst-content .hst-chronology .hst-chronology-h { font-size: 1rem; line-height: 1.8; }
.hst-content .hst-chronology .hst-chronology-txt { line-height: 1.8; }
.hst-content .hst-chronology .hst-chronology-event { padding-top: 80px; }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-c { position: relative; padding-top: 0; }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-c::before { content: ''; position: absolute; top: 53px; left: 5px; width: 30px; height: 30px; background-color: #fff; transform: rotate(-35deg) skewX(15deg); }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-event .hst-chronology-c::before { top: 45px; } }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-c-in { position: relative; z-index: 1; padding: 45px 45px 50px; background-color: #fff; }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-event .hst-chronology-c-in { padding: 20px; } }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-h { margin-bottom: 20px; font-weight: bold; }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-btn { position: relative; max-width: 240px; margin-top: 35px; padding: 12px; border-radius: 4px; background-color: #0d3078; color: #fff; text-align: center; cursor: pointer; }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-btn::after { content: ''; position: absolute; top: 50%; right: 9px; width: 14px; height: 14px; margin-top: -7px; background: url("../img/history/ico_plus.png"); }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-btn span::before { content: '開く'; }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-hide { display: none; }
.hst-content .hst-chronology .hst-chronology-event.js-open .hst-chronology-btn::after { background: url("../img/history/ico_minus.png"); }
.hst-content .hst-chronology .hst-chronology-event.js-open .hst-chronology-btn span::before { content: '閉じる'; }
.hst-content .hst-chronology .hst-chronology-event-v .hst-chronology-txt { margin-bottom: 25px; }
.hst-content .hst-chronology .hst-chronology-imgset .hst-chronology-c { padding-top: 0; }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-imgset .hst-chronology-c { padding-top: 45px; } }
.hst-content .hst-chronology .hst-chronology-imgset .hst-chronology-c-l { padding-top: 50px; }
@media screen and (max-width: 750px) { .hst-content .hst-chronology .hst-chronology-imgset .hst-chronology-c-l { padding-top: 0; } }
.hst-content .hst-chronology .hst-chronology-1859 .hst-chronology-c-l { width: 65.2173913043%; }
.hst-content .hst-chronology .hst-chronology-1859 .hst-chronology-c-r { width: 29.9850074963%; }
.hst-content .hst-chronology .hst-chronology-1904 .hst-chronology-c-l { width: 39.7301349325%; }
.hst-content .hst-chronology .hst-chronology-1904 .hst-chronology-c-r { width: 56.6716641679%; }
.hst-content .hst-chronology .hst-chronology-1917 .hst-chronology-c-l { width: 52.4737631184%; }
.hst-content .hst-chronology .hst-chronology-1917 .hst-chronology-c-r { width: 41.9790104948%; }
.hst-content .hst-chronology .hst-chronology-1919 .hst-chronology-c-l { width: 52.4737631184%; }
.hst-content .hst-chronology .hst-chronology-1919 .hst-chronology-c-r { width: 41.9790104948%; }
.hst-content .hst-chronology .hst-chronology-1919.js-open .hst-chronology-c-in .clear_fix:first-child { padding-bottom: 70px; }
.hst-content .hst-chronology .hst-chronology-1932 .hst-chronology-c .clear_fix { max-width: 765px; }
.hst-content .hst-chronology .hst-chronology-1945 .hst-chronology-c-l { width: 39.7301349325%; }
.hst-content .hst-chronology .hst-chronology-1945 .hst-chronology-c-r { width: 56.9715142429%; }
.hst-content .hst-chronology .hst-chronology-1946 .hst-chronology-c-l { width: 60.3896103896%; }
.hst-content .hst-chronology .hst-chronology-1946 .hst-chronology-c-r { width: 35.0649350649%; }
.hst-content .hst-chronology .hst-chronology-1946 .hst-chronology-h { margin-bottom: 25px; }
.hst-content .hst-chronology .hst-chronology-1957 .hst-chronology-img { margin-bottom: 40px; text-align: center; }
.hst-content .hst-chronology .hst-chronology-1964 { display: flex; justify-content: space-between; max-width: 608px; }
.hst-content .hst-chronology .hst-chronology-1964 .hst-chronology-l { width: 67.1052631579%; }
.hst-content .hst-chronology .hst-chronology-1964 .hst-chronology-r { padding-top: 50px; width: 32.8947368421%; }
.hst-content .hst-chronology .hst-chronology-1967 .hst-chronology-img1 { padding-bottom: 50px; text-align: center; }
.hst-content .hst-chronology .hst-chronology-1967 .hst-chronology-img2 { display: flex; }
.hst-content .hst-chronology .hst-chronology-1967 .hst-chronology-img2 li { width: 31.4842578711%; margin-right: 2.6986506747%; }
.hst-content .hst-chronology .hst-chronology-1967 .hst-chronology-img2 li:last-child { margin-right: 0; }
.hst-content .hst-chronology .hst-chronology-1971 .hst-chronology-c .clear_fix { max-width: 590px; }
.hst-content .hst-chronology .hst-chronology-2001 .hst-chronology-c .clear_fix { max-width: 630px; }
.hst-content .hst-chronology .hst-chronology-2012 .hst-chronology-img { margin-top: 20px; }
.hst-content .hst-chronology .hst-chronology-2012 .hst-chronology-img li:first-child { float: left; width: 45.1948051948%; }
.hst-content .hst-chronology .hst-chronology-2012 .hst-chronology-img li:last-child { float: right; width: 54.2857142857%; }
.hst-content .hst-chronology .hst-chronology-2014 .hst-chronology-img { max-width: 720px; margin-top: 20px; }
.hst-content .hst-chronology .hst-chronology-2014 .hst-chronology-img li:first-child { float: left; width: 50.5555555556%; }
.hst-content .hst-chronology .hst-chronology-2014 .hst-chronology-img li:last-child { float: right; width: 48.1944444444%; }
.hst-content .hst-chronology .hst-chronology-2015 .hst-chronology-c .clear_fix { max-width: 742px; }

/*# sourceMappingURL=history.css.map */