@charset "UTF-8";
/*====== Common Style =====*/
.for_pc { display: none !important; }

/* midashi */
.h-01 { position: relative; color: #000; font-size: 18px; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.245em; text-align: center; padding: 0 0 10px; margin: 0 auto 40px; }

.h-01::before { content: ""; position: absolute; left: 7.145%; bottom: 0; display: block; background: #5E81C0; border-radius: 3px; width: 85.71%; height: 3px; }

.bg-blue .h-01 { color: #fff; }

.bg-blue .h-01::before { background-color: #fff; }

.h-01 + .note { font-weight: 700; margin: 0 0 40px; }

.h-02 { background: #5E81C0; border-radius: 10px; color: #fff; font-size: 15px; font-size: 1.5rem; font-weight: 500; line-height: 1.477; padding: 8px 7%; margin: 0 auto 20px; }

.h-03 { background: #5E81C0; border-radius: 50px; color: #fff; font-size: 15px; font-size: 1.5rem; font-weight: 500; letter-spacing: 0.245em; text-align: center; width: 65%; margin: 0 auto 20px; }

.h-04 { color: #000; font-size: 20px; font-size: 2rem; font-weight: 400; text-align: center; margin-bottom: 35px; }

.h-05 { border-top: solid 1px #666; border-bottom: solid 1px #666; text-align: center; padding: 10px; margin: 0 auto 45px; }

/* img */
.icon-arrow { vertical-align: middle; margin: 0 0.4em 0.2em 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.icon-arrow.is-right { margin: 0 0 0.2em 0.4em; }

/* button */
.btn-banner { display: inline-block; background: #fff; border: solid 2px #fff; border-radius: 15px; color: #000; letter-spacing: 0.1em; text-align: center; width: 74%; height: 56px; line-height: 54px; -webkit-transition: .3s; transition: .3s; }

.btn-banner:hover { background: #5E81C0; border-color: #fff; color: #fff; font-weight: 500; opacity: 1; }

/* box */
/*====== header =====*/
.sec-anchor { padding-top: 86px; margin-top: -86px; }

#header { margin-left: 0 !important; }

.toggle-button { z-index: 100; display: block; cursor: pointer; }

#toggle-button-open { position: fixed; top: 5px; right: 3px; background: url("../image/header/btn_gnv.png") 50% 50% no-repeat; background-size: 47px; color: #fff; font-size: 0; width: 76px; height: 76px; /*&::before { content: "MENU"; position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; } span { display: block; font-size: 0; width: 60.5%; margin-top: -1.5px; top: 50%; left: 19.75%; &, &::before, &::after { position: absolute; background: #fff; border-radius: 6px; height: 3px; } &::before, &::after { content: ""; display: block; width: 100%; right: 0; } &::before { top: -10px; } &::after { top: 10px; } }*/ }

#toggle-button-close { position: absolute; right: 25px; width: 40px; width: 40px; height: 40px; }

#toggle-button-close span { display: block; background: transparent; font-size: 0; width: 60.5%; margin-top: -1.5px; top: 50%; left: 19.75%; }

#toggle-button-close span, #toggle-button-close span::before, #toggle-button-close span::after { position: absolute; border-radius: 6px; height: 2px; }

#toggle-button-close span::before, #toggle-button-close span::after { content: ""; display: block; background: #000; width: 100%; top: 0; right: 0; }

#toggle-button-close span::before { -webkit-transform: rotate(-45deg) translateY(0px); -ms-transform: rotate(-45deg) translateY(0px); transform: rotate(-45deg) translateY(0px); }

#toggle-button-close span::after { -webkit-transform: rotate(45deg) translateY(0px); -ms-transform: rotate(45deg) translateY(0px); transform: rotate(45deg) translateY(0px); }

#toggle-menu { position: fixed; z-index: 110; top: 0; right: 0; background: #fff; max-width: 400px; width: 100%; height: 100%; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

#toggle-menu .m-inner { width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }

#toggle-menu a, #toggle-menu .no-link { color: #000; }

#toggle-menu a:hover, #toggle-menu a:focus { opacity: 1; }

.gnv-logo { position: relative; border-bottom: solid 1px #999; text-align: center; padding: 20px 0 5px; }

.gnv li { border-bottom: solid 1px #999; }

.gnv a, .gnv .no-link { position: relative; display: block; font-weight: 500; padding: 0.8em 2em; padding-right: 65px !important; }

.gnv a::after, .gnv .no-link::after { content: ">"; position: absolute; top: 50%; right: 38px; font-size: 26px; font-size: 2.6rem; font-weight: 400; -webkit-transform: translateY(-50%) scaleY(1.4); -ms-transform: translateY(-50%) scaleY(1.4); transform: translateY(-50%) scaleY(1.4); }

.gnv a.toggle::after, .gnv .no-link.toggle::after { content: "＋"; font-size: 20px; font-size: 2rem; font-weight: 700; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.gnv a.toggle.open::after, .gnv .no-link.toggle.open::after { content: "－"; }

.gnv .children { display: none; }

.gnv .children li { border-bottom: none; border-top: solid 1px #999; }

.gnv .children a { padding: 0.8em 4em; }

.nav-lang { font-size: 16px; font-size: 1.6rem; text-align: center; padding: 10px 0; }

.nav-lang img { display: none; }

.nav-contact { text-align: center; margin-bottom: 40px; }

.nav-contact a { display: inline-block; background: #5E81C0; border-radius: 10px; color: #fff !important; font-size: 16px; font-size: 1.6rem; width: 76%; padding: 5px; margin-top: 10px; }

/* menu Open */
.gnvOpen { overflow: hidden; }

.gnvOpen #toggle-menu { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

/* content */
#content { margin-top: 0 !important; }

/*====== footer =====*/
.area-sns { padding: 8.5% 0 3.5%; }

.area-sns .h-01 { font-size: 14px; font-size: 1.4rem; max-width: 200px; margin-bottom: 20px; }

.sns-list { text-align: center; }

.sns-list li { display: inline-block; vertical-align: middle; margin: 0 7%; }

.sns-list img { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }

.footer-logo { text-align: center; }

.footer-logo img { width: 64px; }

.footer-link { text-align: center; padding: 3% 0; }

.footer-link li { position: relative; display: inline-block; vertical-align: middle; font-size: 11px; font-size: 1.1rem; padding: 0 3% 0 4%; }

.footer-link li::before { content: ""; position: absolute; top: 15%; left: 0; display: block; border-left: solid 1px #5E81C0; width: 0; height: 70%; }

.footer-link li:first-child::before { display: none; }

#area-copyright { background: #5E81C0; color: #fff; font-size: 10px; font-size: 1rem; font-weight: 300; text-align: center; padding: 2% 0 4%; }
/*# sourceMappingURL=sp_responsive.css.map */