@charset "UTF-8";
.font-nsj { font-family: 'Noto Sans JP', sans-serif; }

.font-en { font-family: 'Anton', sans-serif; }

.font-ttl { font-family: 'Be Vietnam Pro', sans-serif; }

.font-lato { font-family: 'Lato', sans-serif; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

html { font-size: 62.5%; }
@media screen and (max-width: 750px) { html { font-size: 2.375vw; } }

body { color: #484848; font-family: YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.6rem; -webkit-text-size-adjust: 100%; }
@media screen and (max-width: 750px) { body { font-size: 1.6rem; } }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

video { max-width: 100%; }

a { color: #484848; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1.6rem; cursor: pointer; }
@media screen and (max-width: 750px) { button { font-size: 1.6rem; } }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea { font-family: inherit; font-size: 1.6rem; }
@media screen and (max-width: 750px) { input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea { font-size: 1.6rem; } }

select { font-family: inherit; }

.only-pc { display: block; }
@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 750px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 750px) { table.only-sp { display: table; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.main { padding: 95px 0 150px; }
@media screen and (max-width: 750px) { .main { padding: 25.3333333333% 0 26.6666666667%; } }

.inner { width: 100%; max-width: 920px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner { padding: 0 9.3333333333%; } }

/* ------------------------------ ヘッダー
------------------------------ */
.header { position: fixed; top: 0; left: 0; width: 100%; height: 80px; z-index: 9999; }
@media screen and (max-width: 750px) { .header { height: 64px; } }
.header.js-fixed { background-color: #fff; border-bottom: 8px solid #00115C; }
@media screen and (max-width: 750px) { .header.js-fixed { border-bottom: none; } }
@media screen and (max-width: 750px) { .header.js-fixed .header-in { justify-content: space-between; } }
@media screen and (max-width: 750px) { .header.js-fixed .header-logo { display: block !important; } }
.header.js-fixed .header-logo .logo-stop { display: none !important; }
.header.js-fixed .header-logo .logo-fixed { display: block !important; }
.header.js-fixed .gnav ul li a { color: #000; }
.header.js-fixed .gnav ul li.gnav-entry { width: 100%; max-width: 170px; margin-left: 30px; }
.header.js-fixed .gnav ul li.gnav-entry::after { display: none; }
.header.js-fixed .gnav ul li.gnav-entry a { background-color: #00115C; padding: 10px; color: #fff; line-height: 1; border-radius: 2em; }
.header .header-in { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0 35px 0 40px; }
@media screen and (max-width: 750px) { .header .header-in { justify-content: flex-end; padding: 0 4% 0 2.6666666667%; } }
.header .header-logo { width: 100%; max-width: 132px; }
@media screen and (max-width: 750px) { .header .header-logo { display: none; } }
.header .header-logo .logo-stop { display: block; }
.header .header-logo .logo-fixed { display: none; }
.header .gnav { flex: 1; }
@media screen and (max-width: 750px) { .header .gnav { display: none; } }
.header .gnav ul { display: flex; justify-content: flex-end; }
.header .gnav ul li { position: relative; }
.header .gnav ul li::after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 18px; margin-top: -9px; background-color: #000; }
.header .gnav ul li a { display: block; text-decoration: none; padding: 0 35px; font-size: 1rem; font-weight: 700; text-align: center; color: #000; line-height: 1.4; letter-spacing: 1px; }
.header .gnav ul li a span { font-size: 1.5rem; }
.header .gnav ul li.gnav-entry { width: 100%; max-width: 170px; margin-left: 30px; }
.header .gnav ul li.gnav-entry::after { display: none; }
.header .gnav ul li.gnav-entry a { background-color: #00115C; padding: 10px; color: #fff; line-height: 1; border-radius: 2em; }
.header .header-menu { display: none; cursor: pointer; }
@media screen and (max-width: 750px) { .header .header-menu { display: block; } }
.header .header-menu p { position: relative; width: 33px; height: 28px; }
.header .header-menu span { position: absolute; left: 0; display: block; width: 100%; height: 4px; background-color: #00115C; border-radius: 2em; transition: all .4s; }
.header .header-menu span:nth-of-type(1) { top: 0; }
.header .header-menu span:nth-of-type(2) { top: 50%; margin-top: -2px; }
.header .header-menu span:nth-of-type(3) { bottom: 0; }

.nav-menu { z-index: 99999; display: none; position: fixed; top: 64px; left: 0; width: 100%; height: calc(100% - 64px); background-color: #fff; }
.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 80%; height: 100%; background-color: #00115C; overflow-y: auto; }
.nav-menu ul li { border-bottom: 1px solid #fff; }
.nav-menu ul li a { display: block; text-decoration: none; padding: 5.3333333333% 6.6666666667%; font-size: 1.5rem; color: #fff; }
.nav-menu ul li a span { margin-right: 1em; font-size: 2.5rem; }
.nav-menu .cmn-pamphlet { padding: 1.5em 0 0 1em; }
.nav-menu .cmn-pamphlet a { color: #fff; }

.js-menuopen { overflow: hidden; }
.js-menuopen .header .header-in { justify-content: space-between; background-color: #fff; }
.js-menuopen .header .header-logo { display: block; }
.js-menuopen .header .header-logo .logo-stop { display: none !important; }
.js-menuopen .header .header-logo .logo-fixed { display: block !important; }
.js-menuopen .header-menu span:nth-child(1) { transform: translateY(12px) rotate(-45deg); }
.js-menuopen .header-menu span:nth-child(2) { opacity: 0; }
.js-menuopen .header-menu span:nth-child(3) { transform: translateY(-12px) rotate(45deg); }
.js-menuopen .nav-menu { display: block; }

/* ------------------------------ メインタイトル
------------------------------ */
.mainttl-sec { position: relative; }
.mainttl-sec .mainttl-txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; text-align: center; color: #fff; font-weight: 800; line-height: 1.6; }
@media screen and (max-width: 750px) { .mainttl-sec .mainttl-txt { font-size: 2.2rem; } }
.mainttl-sec .mainttl-txt span { font-size: 3rem; font-style: normal; letter-spacing: 1px; }
@media screen and (max-width: 750px) { .mainttl-sec .mainttl-txt span { font-size: 1.5rem; } }

/* ------------------------------ フッター
------------------------------ */
.footer { padding: 75px 0 35px; background-color: #00115C; }
@media screen and (max-width: 750px) { .footer { padding: 8% 0 2.6666666667%; } }
.footer .footer-in { width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-in { padding: 0 9.3333333333%; } }
.footer .footer-con { display: flex; justify-content: space-between; margin-bottom: 20px; }
@media screen and (max-width: 750px) { .footer .footer-con { display: block; margin-bottom: 3.2786885246%; } }
.footer .footer-con .footer-logo { max-width: 155px; }
@media screen and (max-width: 750px) { .footer .footer-con .footer-logo { display: none; } }
.footer .footer-con .cmn-pamphlet { justify-content: center; margin-bottom: 1em; font-size: 1.2rem; }
.footer .footer-con .cmn-pamphlet a { color: #fff; }
.footer .footer-con ul { flex: 1; display: flex; justify-content: flex-end; }
@media screen and (max-width: 750px) { .footer .footer-con ul { justify-content: center; } }
.footer .footer-con ul li { width: 100%; max-width: 157px; margin-left: 30px; }
@media screen and (max-width: 750px) { .footer .footer-con ul li { width: 32.7868852459%; max-width: 100%; margin-left: 4.2666666667%; }
  .footer .footer-con ul li:first-child { margin-left: 0; } }
.footer .footer-con ul li:last-child { font-size: 1.7rem; }
@media screen and (max-width: 750px) { .footer .footer-con ul li:last-child a { font-size: 1.2rem; } }
.footer .footer-con ul li a { display: block; text-decoration: none; padding: 10px; border: 1px solid #fff; color: #fff; text-align: center; }
@media screen and (max-width: 750px) { .footer .footer-con ul li a { font-size: 1rem; } }
.footer .copy { font-size: 1rem; text-align: center; color: #fff; }

.opacity { transition: all .6s; }
.opacity:hover { opacity: 0.7; }

.tab { display: none; }

.tab.active { display: block; }

.btn { display: block; text-decoration: none; padding: 30px; background-color: #00115C; text-align: center; color: #fff; line-height: 1; transition: all .6s; }
.btn:hover { opacity: 0.7; }
@media screen and (max-width: 750px) { .btn { width: 81.3333333333%; margin: 0 auto; font-size: 1.4rem; } }

.cmn-anchor { position: relative; top: -80px; }
@media screen and (max-width: 750px) { .cmn-anchor { top: -64px; } }

.ico { display: inline-flex; justify-content: center; align-items: center; width: 1em; line-height: 0; }
.ico::before { width: 100% !important; }

.ico-pdf::before { content: url("../img/common/ico_pdf.svg"); }

.cmn-pamphlet { display: flex; line-height: 1.6; }
.cmn-pamphlet a { display: flex; column-gap: 0.7em; align-items: center; }
.cmn-pamphlet a .ico-pdf { width: 3em; }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.w100 { width: 100%; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

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