@charset "utf-8";

@media screen and (max-width: 640px) {
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
font-size: 14px; }

body { min-width: inherit; }

/*============================
#header
============================*/
#header { min-width: inherit; }
#header nav { display: none; }
#header .title {}
#header .title .logo {}
#header .title .logo a {}
#header .title .logo a img {}
#header .title .copy {}
#header .globalNav {}
#header .globalNav ul {}
#header .globalNav ul li {}
#header .globalNav ul li:after {}
#header .globalNav ul li:hover:after {}
#header .globalNav ul li.active {}
#header .globalNav ul li.active:after {}
#header .globalNav ul li a {}
#header .globalNav ul li a span {}
#header .globalNav .entry {}
#header .globalNav .entry a {}
#header .globalNav .entry a:hover {}
#header .globalNav .entry a span {}
#header .globalNav .entry a span:before {}
#header .globalNav .entry a:hover span:before {}
#header .globalNav .entry a:hover span {}
#header .headerSp { display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; left: 0; width: 100%; padding: 10px 20px 10px 15px; background-color: #00377e; z-index: 999; box-sizing: border-box; }
#header .headerSp .logo { width: 180px; height: 53px; margin-right: 55px; }
#header .headerSp .logo a {}
#header .headerSp .logo a img { width: 100%; height: 100%; object-fit: contain; }
#header .headerSp .entry { margin-right: 15px; }
#header .headerSp .entry a { padding: 8px 15px 10px 15px; border: 1px solid #fff; border-radius: 21px; color: #fff; font-size: 16px; font-weight: 500; letter-spacing: 0.05em; }
#header .headerSp .entry a span {}
#header .headerSp .entry a span img { width: 20px; height: 15px; margin-right: 6px; }
#header .headerSp input.checkbox-toggle {}
#header .headerSp .hamburger {}
#header .headerSp .hamburger span.bar {}
#header .headerSp .menu {}
#header .headerSp .menu .wrapper {}
#header .headerSp .menu .wrapper .container {}
#header .headerSp .menu .wrapper .container .logo {}
#header .headerSp .menu .wrapper .container .logo a {}
#header .headerSp .menu .wrapper .container .logo a img {}
#header .headerSp .menu .wrapper .container .offical {}
#header .headerSp .menu .wrapper .container .offical a {}
#header .headerSp .menu .wrapper .container .offical a span {}
#header .headerSp .menu .wrapper .container ul {}
#header .headerSp .menu .wrapper .container ul li {}
#header .headerSp .menu .wrapper .container ul li a {}
#header .headerSp .menu .wrapper .container ul li a span {}

#header .headerSp .hamburger {}
#header .headerSp .hamburger span.bar {}
#header .headerSp .menu {}
#header .headerSp .menu .wrapper {}
#header .headerSp .menu .wrapper .container {}
#header .headerSp .menu .wrapper .container .logo { margin: 0 auto; width: 230px; height: 74px; }
#header .headerSp .menu .wrapper .container .logo a {}
#header .headerSp .menu .wrapper .container .logo a img { width: 100%; height: auto; }
#header .headerSp .menu .wrapper .container .offical {}
#header .headerSp .menu .wrapper .container .offical a {}
#header .headerSp .menu .wrapper .container .offical a span {}
#header .headerSp .menu .wrapper .container ul {}
#header .headerSp .menu .wrapper .container ul li {}
#header .headerSp .menu .wrapper .container ul li a {}
#header .headerSp .menu .wrapper .container ul li a span {}
    
    
#header .headerSp .hamburger { width: 32px; height: 26px; position: relative; z-index: 1002; display: flex; flex-direction: column; justify-content: space-between; }
#header .headerSp .hamburger .bar { width: 100%; height: 2px; background-color: #fff; transition: all 0.4s ease; }
#header .headerSp .checkbox-toggle { position: absolute; top: 0; right: 0; width: 60px; height: 60px; opacity: 0; z-index: 1003; cursor: pointer; }
#header .headerSp .checkbox-toggle:checked + .hamburger .bar:nth-child(1) { background-color: #00377e; transform: translateY(15px) rotate(45deg); }
#header .headerSp .checkbox-toggle:checked + .hamburger .bar:nth-child(2) { opacity: 0; }
#header .headerSp .checkbox-toggle:checked + .hamburger .bar:nth-child(3) { background-color: #00377e; transform: translateY(-9px) rotate(-45deg); }
#header .headerSp .menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; display: flex; align-items: center; justify-content: center; z-index: 1000; }
#header .headerSp .menu .wrapper { width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.98); transition: all 0.5s ease; transform: scale(0); display: flex; align-items: center; justify-content: center; overflow: auto; }
#header .headerSp .menu .container { text-align: left; opacity: 0; transition: opacity 0.4s ease; padding: 0; }
#header .headerSp .menu .container .logo { margin-bottom: 20px; }
#header .headerSp .menu .container ul { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; width: 95vw; height: 220px; margin: 15px auto 0; }
#header .headerSp .menu .container ul li { width: 45vw; }
#header .headerSp .menu .container ul li:nth-child(-n+5) { margin-right: 10px; }
#header .headerSp .menu .container ul li a { display: block; padding: 15px 30px 15px 10px; text-decoration: none; color: #333; font-size: 0.875em; border-bottom: 1px solid #ddd; }
#header .headerSp .menu .container ul li:nth-child(5) a { border-bottom: none; }
#header .headerSp .menu .container .offical { text-align: center; margin-top: 30px; }
#header .headerSp .menu .container .offical a { border: 1px solid #00377e; border-radius: 20px; padding: 10px 45px 10px 20px; }
#header .headerSp .menu .container .offical a span { position: relative; text-decoration: none; color: #00377e; font-weight: 600; }
#header .headerSp .menu .container .offical a span:after { content: ''; position: absolute; right: -20px; background-image: url("../../imageFile/global/icon_blank_bl.svg"); background-repeat: no-repeat; background-size: contain; width: 12px; height: 12px; }
#header .headerSp .checkbox-toggle:checked ~ .menu { visibility: visible; }
#header .headerSp .checkbox-toggle:checked ~ .menu .wrapper { transform: scale(1); }
#header .headerSp .checkbox-toggle:checked ~ .menu .container { opacity: 1; transition-delay: 0.4s; }

/*============================
#fixButtonArea
============================*/
#fixButtonArea { bottom: 0; right: 0; width: 220px; height: 95px; border-radius: 5px; }
#fixButtonArea a {}
#fixButtonArea a .image { width: 75px; height: 75px; }
#fixButtonArea a .image img {}
#fixButtonArea a .copy { width: 105px; height: auto; }
#fixButtonArea a .copy img {}
#fixButtonArea #close-btn {}
#fixButtonArea.hidden-by-menu { display: none; }

/*============================
#footer
============================*/
#footer {}
#footer .container { flex-direction: column; }
#footer .container .leftArea {}
#footer .container .leftArea .logo { width: 268px; height: 33px; }
#footer .container .leftArea .logo a {}
#footer .container .leftArea .logo a img {}
#footer .container .leftArea .button { margin-top: 15px; }
#footer .container .leftArea .button a { display: inline-block; padding: 10px 42px 8px 20px; border-radius: 18px; }
#footer .container .leftArea .button a:hover {}
#footer .container .leftArea .button a span {}
#footer .container .leftArea .button a:hover span {}
#footer .container .leftArea .button a span:after {}
#footer .container .leftArea .button a:hover span:after {}
#footer .container ul { flex-direction: column; justify-content: flex-start; width: 100%; gap: 20px; margin-top: 45px; height: 150px; }
#footer .container ul li {}
#footer .container ul li a {}
#footer .container ul li a:after {}
#footer .container ul li a:hover:after {}
#footer .container ul li a span { font-size: 1em; }
#footer .copyright { padding-top: 20px; }

}