@charset "utf-8";

@media only 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
============================*/
body { min-width: inherit; background: url("../../imageFile/global/bg_main.png") repeat; background-size: 200px auto; }

/*============================
#header
============================*/
#header {}

/*============================
#headerPC
============================*/
#headerPC { display: none; }

/*============================
#headerSP
============================*/
#headerSP { display: block; position: relative; }
#headerSP .logo { position: absolute; left: 20px; top: 20px; }
#headerSP .logo a { display: block; }
#headerSP .logo a .tagline { font-weight: bold; line-height: 1.5; color: #fff; font-size: 0.75em; }
#headerSP .logo a .image { margin-top: -5px; }
#headerSP .logo a .image img { width: 200px; height: auto; }
#headerSP .logo a:hover .image img { transform: scale(1); }
#headerSP .sideMenu {}
.global-nav { display: block; position: fixed; top: 80px; width: 280px; right: 50%; margin-right: -140px;  background-color: #fff; transition: all .6s; z-index: 200; overflow-x: hidden; overflow-y: auto; text-align: left; opacity: 0; pointer-events: none; }
.global-nav__list { padding: 0; list-style: none; }
.global-nav__item { text-align: left; border-top: solid 1px #ccc; }
.global-nav__item:first-child { border: none; }
.global-nav__item a { display: block; padding: 7px 10px; text-decoration: none; color: #000; position: relative; background: #fff; border: solid 4px #f5f5f5; }
.global-nav__item a::after { content: ""; position: absolute; right: 15px; top: 50%; width: 8px; margin-top: -4px; height: 8px; border-top: 1px solid #aaa; border-right: 1px solid #aaa; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.global-nav__item a .en { display: inline-block; font-weight: bold; margin-right: 10px; font-size: 1.125em; }
.global-nav__item a .ja { display: inline-block; font-size: 0.75em; position: absolute; right: 32px; top: 50%; margin-top: -5px; color: #777; }
.global-nav__item a.linkContact { padding: 7px 10px; border: solid 5px #969aad; background: #666a7d; background: linear-gradient(180deg, #767a8d, #666a7d); margin-top: -1px; color: #fff; }
.global-nav__item a.linkContact .ja { color: #fff; }
.global-nav__item a.linkContact::after { content: ""; position: absolute; right: 15px; top: 50%; width: 8px; margin-top: -4px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.hamburger { position: fixed; right: 15px; top: 15px; width: 60px; height: 60px; cursor: pointer; z-index: 300; background: rgba(0,0,0,0.25); border-radius: 70px; }
.hamburger__line { position: absolute; left: 50%; width: 26px; margin-left: -13px; height: 1px; background-color: #fff; transition: all .6s; }
.hamburger__line--1 { top: 17px; }
.hamburger__line--2 { top: 26px; }
.hamburger__line--3 { top: 35px; }
.hamburger__text { position: absolute; text-align: center; display: block; width: 100%; bottom: 9px; letter-spacing: 0.1em; font-size: 0.6em; color: #fff; padding-left: 2px }
.black-bg { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 100; background-color: #000; opacity: 0; visibility: hidden; transition: all .6s; cursor: pointer; }
.nav-open .global-nav { opacity: 1; pointer-events: inherit; }
.nav-open .black-bg { opacity: .8; visibility: visible; }
.nav-open .hamburger { right: 15px; top: 20px; background: inherit; }
.nav-open .hamburger__line { background-color: #fff; }
.nav-open .hamburger__line--1 { transform: rotate(45deg); top: 22px; }
.nav-open .hamburger__line--2 { width: 0; left: 50%; }
.nav-open .hamburger__line--3 { transform: rotate(-45deg); top: 22px; }
.nav-open .hamburger__text { display: none; }

/*============================
#bannerArea
============================*/
#bannerArea { padding: 40px 0 60px; margin-top: 20px; }
#bannerArea ul {}
#bannerArea ul li { float: inherit; width: inherit; margin-right: 0; margin-top: 20px; }
#bannerArea ul li:nth-child(2n) { margin-right: 0; }
#bannerArea ul li a { display: block; width: inherit; height: inherit; }
#bannerArea ul li a img { width: 100%; height: auto; }
#bannerArea .pageTop { position: absolute; bottom: -60px; }
#bannerArea .pageTop a { display: block; width: 40px; height: 30px; background: url("../../imageFile/global/icon_top.svg") no-repeat center top; background-size: 40px auto; }

/*============================
#footer
============================*/
#footer { padding: 40px 20px 100px; }
#footer .linkArea {}
#footer .linkArea .link {}
#footer .linkArea .link ul {}
#footer .linkArea .link ul li { display: block; float: left; width: 48%; margin-left: 0; margin-right: 4%; }
#footer .linkArea .link ul li:first-child { margin-left: 0; }
#footer .linkArea .link ul li:nth-child(2n) { margin-right: 0; }
#footer .linkArea .link ul li:nth-child(1) { border-top: solid 1px #fff; }
#footer .linkArea .link ul li:nth-child(2) { border-top: solid 1px #fff; }
#footer .linkArea .link ul li a { display: block; padding: 10px; border-bottom: solid 1px #fff; text-align: center; }
#footer .linkArea .subLink { position: inherit; right: inherit; top: inherit; margin-top: 30px; }
#footer .linkArea .subLink ul { text-align: center;}
#footer .linkArea .subLink ul li { float: inherit; display: inline-block; margin-left: 5px; padding-left: 5px; border-left: solid 1px #fff; }
#footer .linkArea .subLink ul li:first-child { margin-left: 0; padding-left: 0; border: none; }
#footer .linkArea .subLink ul li a { display: block; padding: 4px 5px 2px; line-height: 1; }
#footer .contentArea { position: inherit; }
#footer .contentArea .logo {}
#footer .contentArea .logo a {}
#footer .contentArea .logo a .tagline {}
#footer .contentArea .logo a .image { margin-top: -10px; }
#footer .contentArea .logo a .image img { width: 80%; height: auto; }
#footer .contentArea .logo a:hover .image img { transform: scale(1); }
#footer .contentArea .info { margin-top: 20px; }
#footer .contentArea .info .address {}
#footer .contentArea .banner { position: inherit; top: inherit; left: inherit; margin-top: 40px; text-align: center; }
#footer .contentArea .banner a { display: block; width: inherit; margin: 10px 0 0 0; }
#footer .contentArea .banner a img { width: 100%; height: auto; }
#footer .contentArea .snsLink { position: inherit; top: inherit; right: inherit; width: 140px; margin: 40px auto 0;}
#footer .contentArea .snsLink ul {}
#footer .contentArea .snsLink ul li {}
#footer .contentArea .snsLink ul li:nth-child(3n) { margin-right: 0; }
#footer .contentArea .snsLink ul li a {}
#footer .contentArea .snsLink ul li a img { width: 40px; height: 30px; }
#footer .contentArea .copyright { text-align: center; margin-top: 40px; padding-top: 20px; border-top: dotted 1px #fff; }

/*============================
#sidebar
============================*/
#sidebar { position: fixed; right: inherit; top: inherit; bottom: 0; margin-top: 0; width: 100%; }
#sidebar a.mainAction { -ms-writing-mode: inherit; -webkit-writing-mode: inherit; writing-mode: inherit; text-orientation: inherit; background: linear-gradient(90deg, #767a8d, #666a7d); padding: 15px 0; width: 80%; float: left; border: solid 5px #969aad; border-right: none; padding-left: 30px; max-height: 60px!important; }
#sidebar a.mainAction::before { top: inherit; left: 30px; }
#sidebar a.subAction { background: linear-gradient(90deg, #8d8376, #6d6356); padding: 15px 0; width: 20%; float: right; border: solid 5px #9d9386; border-left: none; max-height: 60px!important; }

}