@charset 'UTF-8';
/* window-size + 17px */
/*  Clear Fix
--------------------------------------- */
.clearfix:after
{
display: table;
clear: both;
content: '';
}


/*  Base
--------------------------------------- */
html
{
overflow-y: scroll;
}

body
{
font-family: "Helvetica",Arial,sans-serif;
font-size: 62.5%;
line-height: 1.5;
color: #111;
font-weight: 400;
overflow-x: hidden;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-print-color-adjust: exact;
-webkit-font-smoothing: antialiased;
}


/*  Links
--------------------------------------- */
a
{
color: #111;
text-decoration: none;
}
a:link,
a:visited
{
text-decoration: none;
}
a:active,
a:hover,
a:focus
{
transition: .2s all;
outline: none;
}

a:hover {
opacity: 0.7;
}


/* -------------------------------------------------------------------

Base Style

-------------------------------------------------------------------- */
/*  Universal Reset
--------------------------------------- */
html,
body,
div,
main,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
svg,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
picture,
button
{
zoom: 1;
margin: 0;
padding: 0;
vertical-align: top;
border: 0;
background: transparent;
}

/*  HTML5 Display Definitions
--------------------------------------- */
main,
section,
nav,
article,
aside,
hgroup,
menu,
summary,
svg,
header,
footer,
figure,
figcaption,
details,
picture
{
display: block;
}

audio:not([controls])
{
display: none;
}

[hidden]
{
display: none;
}

/*  Typography
--------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6
{
font-size: 100%;
font-weight: normal;
line-height: 1.5;
}

em
{
font-weight: bold;
font-style: normal;
}

strong,
b
{
font-weight: bold;

color: #f91e1e;
}

sup
{
font-size: 65%;
line-height: 0;

position: relative;
top: -4px;

vertical-align: middle;
}

sub
{
font-size: 65%;
line-height: 0;

position: relative;
top: 0;

vertical-align: middle;
}

pre
{
font-family: monospace, sans-serif;

white-space: pre-wrap;
word-wrap: break-word;
}

/*  Horizontal Rule
--------------------------------------- */
hr
{
display: none;
}

/*  Embedded Content
--------------------------------------- */
img
{
vertical-align: top;
border: 0;
}

svg:not(:root)
{
overflow: hidden;
}

/*  List Content
--------------------------------------- */
ul,
ol
{
list-style: none;
}

/*  Tables
--------------------------------------- */
table
{
width: 100%;

border-collapse: collapse;

border: 0 none;
}

table th,
table td
{
font-size: 1em;
font-weight: normal;

text-align: left;
vertical-align: top;

border: 0 none;
}

/*  Forms
--------------------------------------- */
input::-moz-focus-inner,
button::-moz-focus-inner
{
padding: 0;

border: 0;
}

fieldset
{
border: 0 none;
}

legend
{
display: none;
}

label
{
cursor: pointer;
}

input
{
font-family: 'Noto Sans Japanese', serif;
vertical-align: middle;
border-radius: 0;
border-radius: 0;
outline: none;
}

input[type='text'],
input[type='tel'],
input[type='url'],
input[type='image'],
input[type='email'],
input[type='search'],
input[type='password']
{
-webkit-appearance: none;
}

input[type='checkbox'],
input[type='radio']
{
box-sizing: border-box;
padding: 0;
}

textarea
{
font-family: 'Noto Sans Japanese', serif;
resize: none;
vertical-align: top;
border-radius: 0;
outline: 0;
-webkit-appearance: none;
}

select
{
font-family: 'Noto Sans Japanese', serif;
line-height: normal;

outline: none;
}

button
{
font-size: 100%;
}

.pcHide {
display:none;
}

img {
max-width:100%;
}

#wrapper {
padding: 165px 0 0;
}

@media screen and (max-width: 1500px) {
#wrapper {
padding: 108px 0 0;
}
}

@media screen and (max-width: 750px) {
.pcHide {
display:inherit;
}

.spHide {
display:none !important;
}

#wrapper {
padding: 68px 0 0;
}

}



/*  header
--------------------------------------- */

header {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0 0 59px;
background: #fff;
z-index: 9999;
}

header.fixed {
padding: 0 0 45px;
}

header .hdTop {
background: #0a3c8c;
}

header .logo01 {
width: 270px;
padding: 23px 0 23px 24px;
background: #fff;
box-sizing: border-box;
}

header.fixed .logo01 {
width: 285px;
padding: 7px 0 8px 30px;
}

header .logo02 {
position: absolute;
top: 105px;
left: 150px;
filter: drop-shadow(0 0 20px rgba(0,0,0,0.1));
z-index: 99;
}

header.fixed .logo02 {
top: 75px;
width: 75px;
}

header .hdContact {
position: absolute;
top: 15px;
right: 110px;
border-left: 1px solid #3b63a3;
border-right: 1px solid #3b63a3;
}

header.fixed .hdContact {
top: 8px;
right: 105px;
}

header .hdContact a {
display: block;
width: 99px;
padding: 8px 0;
text-align: center;
}

header.fixed .hdContact a {
width: 88px;
padding: 4px 0;
}

header.fixed .hdContact a img {
width: 28px;
}

header .hdSearch {
position: absolute;
top: 15px;
right: 30px;
border-right: 1px solid #3b63a3;
}

header.fixed .hdSearch {
top: 8px;
}

header .hdSearch a {
display: block;
width: 79px;
padding: 8px 0;
text-align: center;
}

header.fixed .hdSearch a {
width: 74px;
padding: 4px 0;
}

header.fixed .hdSearch a img {
width: 21px;
}

header .hdSearchBox {
display: none;
position: absolute;
top: 76px;
right: 30px;
padding: 20px;
border: 1px solid #0a3c8c;
border-top: none;
background: #fff;
z-index: 98;
}

header.fixed .hdSearchBox {
top: 45px;
}

header .hdSearchBox label {
color: #111;
font-size: 1.4em;
font-weight: 700;
vertical-align: middle;
}

header .hdSearchBox input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 0 0 10px;
padding: 3px 5px;
border: 1px solid #111;
border-radius: 3px;
}

header .hdSearchBox input[type="button"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 0 0 5px;
padding: 3px 5px;
font-size: 1.2em;
line-height: 1.75;
border: 1px solid #111;
border-radius: 3px;
}

header .hdSearchBox img {
display: block;
margin: 10px 0 0 90px;
}

header .breadcrumb {
background: #f0f0f0;
}

header .breadcrumb ul {
display: flex;
align-items: center;
max-width: 1290px;
height: 30px;
margin: 0 auto;
}

header .breadcrumb ul li {
margin: 0 13px 0 0;
font-size: 1.2em;
font-weight: 400;
}

header .breadcrumb ul li + li:before {
content: '>';
margin: 0 13px 0 0;
font-size: 1.2em;
font-weight: 400;
}

header .breadcrumb ul li a:hover {
opacity: 1;
text-decoration: underline;
}

header .pcNav .nav01 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 97;
}

header .pcNav .nav01 ul {
display: flex;
justify-content: space-between;
max-width: 1300px;
margin: 0 auto;
padding: 0 0 0 245px;
box-sizing: border-box;
}

header .pcNav .nav01 ul li > a ,
header .pcNav .nav01 ul li > span {
position: relative;
display: block;
padding: 18px 10px;
font-size: 1.6em;
line-height: 1.5;
cursor: pointer;
transition: none;
}

header .pcNav .nav01 ul li > span {
padding: 18px 26px;
}

header .pcNav .nav01 ul li.act > a ,
header .pcNav .nav01 ul li.act > span {
font-weight: 700;
}

header .pcNav .nav01 ul li.act > a:after ,
header .pcNav .nav01 ul li.act > span:after {
content: '';
position: absolute;
left: 10px;
bottom: 0;
width: calc(100% - 20px);
height: 5px;
background: #3ebdff;
z-index: -1;
}

header.fixed .pcNav .nav01 ul li > a ,
header.fixed .pcNav .nav01 ul li > span {
padding: 10px 10px 11px;
}

header.fixed .pcNav .nav01 ul li > span {
padding: 10px 26px 11px;
}

header .pcNav .nav01 ul li > a:hover ,
header .pcNav .nav01 ul li:hover > span {
border: none;
color: #fff;
background: #1174c2;
background: -moz-linear-gradient(top left, #1276c4 0%, #1174c2 100%);
background: -webkit-gradient(linear, left top, right bottom, from(#1276c4), to(#1174c2));
background: -webkit-linear-gradient(top left, #1276c4 0%, #1174c2 100%);
background: -o-linear-gradient(top left, #1276c4 0%, #1174c2 100%);
background: -ms-linear-gradient(top left, #1276c4 0%, #1174c2 100%);
background: linear-gradient(to bottom right, #1276c4 0%, #1174c2 100%);
opacity: 1;
}

header.fixed .pcNav .nav01 ul li > a:hover ,
header.fixed .pcNav .nav01 ul li:hover > span {
padding-bottom: 11px;
}

header .pcNav .nav01 ul li .snav {
position: absolute;
top: 100%;
left: 0;
width: 100%;
color: #fff;
background: #073c8f;
background: -moz-linear-gradient(top left, #1276c4 0%, #073c8f 100%);
background: -webkit-gradient(linear, left top, right bottom, from(#1276c4), to(#073c8f));
background: -webkit-linear-gradient(top left, #1276c4 0%, #073c8f 100%);
background: -o-linear-gradient(top left, #1276c4 0%, #073c8f 100%);
background: -ms-linear-gradient(top left, #1276c4 0%, #073c8f 100%);
background: linear-gradient(to bottom right, #1276c4 0%, #073c8f 100%);
box-sizing: border-box;
overflow: hidden;
}

header .pcNav .nav01 ul li .snav .inner {
position: relative;
display: flex;
max-width: 990px;
margin: 0 auto;
height: 0;
transition: 0.3s all;
}

header .pcNav .nav01 ul li .snav.open .inner {
height: 450px;
}

header .pcNav .nav01 ul li .snav .inner .close {
position: absolute;
top: 45px;
right: -150px;
}

header .pcNav .nav01 ul li .snav .inner .left {
width: 585px;
margin: 74px 0;
padding: 1px 70px 1px 0;
border-right: 1px solid #86acd4;
box-sizing: border-box;
}

header .pcNav .nav01 ul li .snav .inner .left .ttl {
padding: 10px 0 15px;
font-size: 6em;
font-weight: 100;
}

header .pcNav .nav01 ul li .snav .inner .left .lead {
margin: 0 0 54px;
font-size: 1.4em;
line-height: 1.74;
}

header .pcNav .nav01 ul li .snav .inner .left .btn {
width: 285px;
}

header .pcNav .nav01 ul li .snav .inner .left .btn a {
display: block;
padding: 18px 0;
color: #fff;
font-size: 1.6em;
text-align: center;
background: #282828;
}

header .pcNav .nav01 ul li .snav .inner .left .btn a:hover {
color: #282828;
background: #fff;
opacity: 1;
}

header .pcNav .nav01 ul li .snav .inner .right {
width: 405px;
padding: 75px 0 75px 75px;
box-sizing: border-box;
}

header .pcNav .nav01 ul li .snav .inner .right dl {
margin: 20px 0 0;
}

header .pcNav .nav01 ul li .snav .inner .right dl dd a {
color: #fff;
font-size: 1.8em;
line-height: 2;
}

header .pcNav .nav01 ul li .snav .inner .right dl dd a:hover {
opacity: 1;
text-decoration: underline;
}

header .pcNav .nav02 {
position: absolute;
left: 270px;
top: 0;
display: flex;
padding: 29px 0 29px 32px;
background: #0a3c8c;
z-index: 98;
}

header.fixed .pcNav .nav02 {
left: 285px;
padding: 14px 0 14px 33px;
}

header .pcNav .nav02 li {
padding: 0 12px;
border-right: 1px solid #3b63a3;
}

header .pcNav .nav02 li:last-child {
border: none;
}

header .pcNav .nav02 li a {
color: #fff;
font-size: 1.4em;
line-height: 1.15;
letter-spacing: 0.8px;
}

header .pcNav .nav02 li a:hover {
opacity: 1;
text-decoration: underline;
}

header .pcNav .nav03 {
position: absolute;
right: 211px;
top: 15px;
display: flex;
justify-content: center;
width: 149px;
padding: 12px 0;
border-left: 1px solid #3b63a3;
box-sizing: border-box;
}

header.fixed .pcNav .nav03 {
right: 195px;
top: 8px;
padding: 4px 0;
}

header .pcNav .nav03 li {
margin: 0 7px;
}

header .pcNav .nav03 li a {
color: #fff;
font-size: 1.5em;
font-weight: 700;
}

header .pcNav .nav03 li a:hover {
opacity: 1;
text-decoration: underline;
}

header .pcNav .nav03 li span {
color: #82d7ff;
font-size: 1.5em;
font-weight: 700;
}

header .spNav {
display: none;
}

header .menu {
display: none;
}


@media screen and (max-width: 1800px) {

header {
padding: 0 0 52px;
}

header .logo01 {
width: 200px;
padding: 21px 11px;
}

header.fixed .logo01 {
width: 260px;
padding: 7px 0 8px 11px;
}

header .logo02 {
top: 96px;
left: 120px;
width: 100px;
}

header .pcNav .nav01 ul {
width: 1150px;
padding: 0 0 0 200px;
}

header .pcNav .nav01 ul li > a, header .pcNav .nav01 ul li > span {
padding: 15px 8px;
font-size: 1.5em;
}

header .pcNav .nav01 ul li .snav .inner .close {
right: 20px;
}

header .pcNav .nav02 {
left: 200px;
padding: 25px 0 25px 25px;
}

header.fixed .pcNav .nav02 {
left: 260px;
padding: 14px 0 14px 25px;
}

header .pcNav .nav02 li {
padding: 0 8px;
}

header .pcNav .nav02 li a {
font-size: 1.3em;
line-height: 1.23;
}

header .pcNav .nav03 {
top: 10px;
right: 151px;
width: 124px;
}

header.fixed .pcNav .nav03 {
right: 120px;
}

header.fixed .pcNav .nav03 li a ,
header.fixed .pcNav .nav03 li span {
font-size: 1.4em;
}

header .breadcrumb {
padding: 0 11px;
}

header .hdContact {
top: 10px;
right: 75px;
}

header .hdContact a {
width: 74px;
}

header.fixed .hdContact {
right: 65px;
}

header.fixed .hdContact a {
width: 64px;
}

header .hdSearch {
top: 10px;
right: 15px;
}

header .hdSearch a {
width: 59px;
}

header.fixed .hdSearch a {
width: 49px;
}

header .hdSearchBox {
top: 66px;
right: 15px;
}

}


@media screen and (max-width: 1500px) {

header {
position: fixed;
height: 108px;
padding: 0 !important;
}

header .hdTop {
background: none;
}

header .logo01 {
width: 220px;
padding: 15px 0 65px 15px;
background: #fff;
box-sizing: border-box;
}

header .logo02 {
position: absolute;
top: 0;
left: 50%;
width: 100px;
margin: 0 0 0 -50px;
filter: none;
z-index: 99;
}

header .hdContact {
display: none;
}

header .hdSearch {
position: absolute;
top: 0;
right: 115px;
border-right: none;
}

header .hdSearch a {
display: block;
width: 80px;
padding: 0;
text-align: center;
}

header .hdSearchBox {
top: 108px;
right: 0;
border: none;
}

header .breadcrumb {
display: none;
}

header .pcNav {
display: none;
}

header .spNav {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #003ea0;
background: -moz-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -webkit-gradient(linear, left top, right bottom, from(#2ba5dc), to(#003ea0));
background: -webkit-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -o-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -ms-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: linear-gradient(to bottom right, #2ba5dc 0%, #003ea0 100%);
overflow: hidden;
z-index: 9999;
}

header .spNav .spNavInner {
display: flex;
justify-content: center;
align-items: center;
max-width: 1000px;
height: 100%;
margin: 0 auto;
padding: 30px 80px;
overflow-y: auto;
box-sizing: border-box;
}

header .spNav .nav01 {
width: 60%;
}

header .spNav .nav01 li > a {
color: #fff;
font-size: 2em;
font-weight: 700;
line-height: 2;
}

header .spNav .nav01 li dl dd a {
color: #fff;
font-size: 1.4em;
line-height: 1.5;
}

header .spNav .navBox {
width: 40%;
}

header .spNav .nav02 li a {
color: #fff;
font-size: 2em;
font-weight: 700;
line-height: 2.34;
}

header .spNav .nav03 {
display: flex;
margin: 30px 0 0;
}

header .spNav .nav03 li + li {
margin: 0 0 0 20px;
}

header .spNav .nav03 li a {
color: #fff;
font-size: 2em;
font-weight: 700;
line-height: 2;
}

header .spNav .nav03 li span {
color: #82d7ff;
font-size: 2em;
font-weight: 700;
line-height: 2;
}

header .spNav .nav01 li > a:hover ,
header .spNav .nav01 li dl dd a:hover ,
header .spNav .nav02 li a:hover ,
header .spNav .nav03 li a:hover {
opacity: 1;
text-decoration: underline;
}

header .menu {
display: block;
position: absolute;
top: 0;
right: 0;
width: 96px;
z-index: 10000;
}

header .menu a:hover {
opacity: 1;
}


}

@media screen and (max-width: 750px) {

header {
position: fixed;
height: 68px;
}

header .hdTop {
background: none;
}

header .logo01 {
position: relative;
width: auto;
margin: 0 60px 0 0;
padding: 10px 0 43px 8px;
background: #fff;
box-sizing: border-box;
z-index: 10000;
}

header .logo01 img {
width: 111px;
}

header .logo02 {
position: absolute;
top: 0;
left: 50%;
width: 68px;
margin: 0 0 0 -34px;
filter: none;
z-index: 10001;
}

header .hdSearch {
position: absolute;
top: 0;
right: 60px;
border-right: none;
z-index: 10001;
}

header .hdSearch a {
display: block;
width: 50px;
padding: 0;
text-align: center;
}

header .hdSearchBox {
top: 68px;
width: 100%;
padding: 2.66vw 4vw;
box-sizing: border-box;
}

header .hdSearchBox label {
font-size: 3.73vw;
}

header .hdSearchBox img {
margin: 2.66vw 0 0 24vw;
}

header .spNav {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 68px;
background: #003ea0;
background: -moz-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -webkit-gradient(linear, left top, right bottom, from(#2ba5dc), to(#003ea0));
background: -webkit-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -o-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -ms-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: linear-gradient(to bottom right, #2ba5dc 0%, #003ea0 100%);
overflow: hidden;
box-sizing: border-box;
z-index: 9999;
}

header .spNav .spNavInner {
display: block;
max-width: inherit;
height: 100%;
margin: 0 auto;
padding: 5.33vw 8vw 13.7vw;
overflow-y: auto;
box-sizing: border-box;
}

header .spNav .nav01 {
width: 100%;
}

header .spNav .nav01 li {
position: relative;
padding: 0 4vw;
}

header .spNav .nav01 li > a {
color: #fff;
font-size: 4.8vw;
font-weight: 700;
line-height: 2.2;
}

header .spNav .nav01 li > span {
position: absolute;
top: 0.4vw;
right: 2vw;
display: block;
width: 8vw;
height: 8vw;
background: url("/en/glopac/assets/img/ico_plus_01.png") no-repeat center;
background-size: 4vw auto;
}

header .spNav .nav01 li > span.open {
background: url("/en/glopac/assets/img/ico_minus_01.png") no-repeat center;
background-size: 4vw auto;
}

header .spNav .nav01 li dl {
display: none;
margin: 0 4vw 5.2vw;
}

header .spNav .nav01 li dl dd a {
color: #fff;
font-size: 4vw;
line-height: 1.67;
}

header .spNav .navBox {
width: 100%;
margin: 4vw 0 0;
padding: 4vw 0 0;
border-top: 1px solid #4694ce;
}

header .spNav .nav02 li {
padding: 0 4vw;
}

header .spNav .nav02 li a {
color: #fff;
font-size: 4vw;
font-weight: 700;
line-height: 2.2;
}

header .spNav .nav03 {
display: flex;
margin: 9vw 0 0;
border-left: 1px solid #3c7ac0;
}

header .spNav .nav03 li {
width: 50%;
padding: 1.33vw 0;
text-align: center;
border-right: 1px solid #3c7ac0;
}

header .spNav .nav03 li + li {
margin: 0;
}

header .spNav .nav03 li a {
color: #fff;
font-size: 4vw;
font-weight: 700;
line-height: 2;
}

header .spNav .nav03 li span {
color: #82d7ff;
font-size: 4vw;
font-weight: 700;
line-height: 2;
}

header .spNav .nav01 li > a:hover ,
header .spNav .nav01 li dl dd a:hover ,
header .spNav .nav02 li a:hover ,
header .spNav .nav03 li a:hover {
opacity: 1;
text-decoration: underline;
}

header .menu {
display: block;
position: absolute;
top: 0;
right: 0;
width: 60px;
z-index: 10001;
}

}










/*  footer
--------------------------------------- */

.pagetop {
position: fixed;
right: -15px;
bottom: 30px;
width: 120px;
height: 120px;
filter: drop-shadow(0 0 20px rgba(0,0,0,0.1));
z-index: 9997;
}

.pagetop.ab {
position: absolute;
top: -60px;
bottom: auto;
}

.pagetop a {
display: block;
height: 100%;
padding: 72px 0 0;
color: #fff;
font-size: 1.2em;
font-weight: 300;
text-align: center;
border: 1px solid #073c8f;
background: #073c8f url("/en/glopac/assets/img/ico_pagetop_01.png") no-repeat center 36px;
border-radius: 60px;
box-sizing: border-box;
}

.pagetop a:hover {
opacity: 1;
color: #073c8f;
background: #fff url("/en/glopac/assets/img/ico_pagetop_01_ov.png") no-repeat center 36px;
}

footer {
position: relative;
}

footer .inner {
max-width: 1330px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

footer .ftTop {
padding: 80px 0 120px;
background: #333;
}

footer .ftTop .inner {
display: flex;
justify-content: space-between;
}

footer .ftTop dl {
position: relative;
}

footer .ftTop dl:last-child:after {
content: '';
position: absolute;
top: 0;
left: -40px;
width: 1px;
height: 240px;
background: #5c5c5c;
}

footer .ftTop dl dt a {
color: #fff;
font-size: 2em;
line-height: 2;
}

footer .ftTop dl dd {
color: #fff;
font-size: 1.3em;
}

footer .ftTop dl dd a {
color: #fff;
line-height: 2.47;
}

footer .ftTop dl dt a:hover ,
footer .ftTop dl dd a:hover {
text-decoration: underline;
opacity: 1;
}

footer .ftTop dl dt + dd {
margin: 20px 0 0;
}

footer .ftBtm {
padding: 60px 0 85px;
background: #282828;
}

footer .ftBtm ul {
display: flex;
justify-content: center;
margin: 0 0 55px;
}

footer .ftBtm ul li {
padding: 0 15px;
border-right: 1px solid #fff;
}

footer .ftBtm ul li:last-child {
border: none;
}

footer .ftBtm ul li a {
color: #fff;
font-size: 1.6em;
line-height: 1;
}

footer .ftBtm ul li a:hover {
text-decoration: underline;
opacity: 1;
}

footer .ftBtm .box {
display: flex;
align-items: center;
}

footer .ftBtm .box .copy {
margin: 0 0 0 22px;
color: #aaa;
font-size: 1.1em;
line-height: 1.64;
}

footer .ftBtm .box .copy span {
display: block;
}

@media screen and (max-width: 1500px) {

footer .inner {
padding: 0 90px 0 20px;
}

}

@media screen and (max-width: 1200px) {

footer .ftTop {
padding: 80px 0;
}

footer .ftTop .inner {
flex-wrap: wrap;
}

footer .ftTop dl {
width: 30%;
margin: 0 0 30px;
}

footer .ftTop dl:last-child:after {
left: -40px;
height: 200px;
}

}

@media screen and (max-width: 750px) {

.pagetop {
display: none !important;
}

footer .inner {
max-width: inherit;
margin: 0 auto;
padding: 0;
}

footer .ftTop {
padding: 15vw 0 4.8vw;
}

footer .ftTop .inner {
display: block;
}

footer .ftTop dl {
position: relative;
width: auto;
margin: 0;
text-align: center;
}

footer .ftTop dl:last-child:after {
display: none;
}

footer .ftTop dl dt {
margin: 0 0 8.2vw;
}

footer .ftTop dl dt a {
font-size: 5.33vw;
line-height: 1.5;
}

footer .ftTop dl dd {
display: none;
}

footer .ftBtm {
padding: 15vw 0 12vw;
background: #282828;
}

footer .ftBtm ul {
display: block;
text-align: center;
margin: 0 0 16.5vw;
}

footer .ftBtm ul li {
margin: 0 0 4.8vw;
padding: 0;
border: none;
}

footer .ftBtm ul li:last-child {
border: none;
}

footer .ftBtm ul li a {
color: #fff;
font-size: 4vw;
line-height: 1.5;
}

footer .ftBtm .box {
display: block;
text-align: center;
}

footer .ftBtm .logo {
width: 12vw;
margin: 0 auto 4.8vw;
}

footer .ftBtm .box .copy {
margin: 0;
color: #aaa;
font-size: 2.66vw;
line-height: 1.5;
}

footer .ftBtm .box .copy span {
display: none;
}

}



/*  sideNav
--------------------------------------- */

.sideNav {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 75px;
height: 355px;
margin: auto 0;
z-index: 9998;
}

.sideNav .sideClose {
width: 35px;
height: 35px;
margin: 0 0 5px auto;
}

.sideNav .sideClose a {
display: block;
width: 35px;
height: 35px;
border: 1px solid #333;
border-radius: 5px;
background: #333 url("/en/glopac/assets/img/ico_side_close.png") no-repeat center;
}
.sideNav .sideClose a:hover {
opacity: 1;
background: #fff url("/en/glopac/assets/img/ico_side_close_ov.png") no-repeat center;
}

.sideNav ul {
position: relative;
z-index: 2;
}

.sideNav ul li + li {
margin: 5px 0 0;
}

.sideNav ul li a {
display: block;
padding: 51px 0 7px;
color: #fff;
font-size: 1em;
text-align: center;
border-radius: 5px;
border: 1px solid #333;
}

.sideNav ul li.side01 a {
background: #333333 url("/en/glopac/assets/img/ico_side_01.png") no-repeat center 18px;
}
.sideNav ul li.side02 a {
background: #333333 url("/en/glopac/assets/img/ico_side_02.png") no-repeat center 18px;
}
.sideNav ul li.side03 a {
background: #333333 url("/en/glopac/assets/img/ico_side_03.png") no-repeat center 18px;
}
.sideNav ul li.side04 a {
background: #333333 url("/en/glopac/assets/img/ico_side_04.png") no-repeat center 18px;
}

.sideNav ul li a:hover {
color: #333;
}
.sideNav ul li.side01 a:hover {
opacity: 1;
background: #fff url("/en/glopac/assets/img/ico_side_01_ov.png") no-repeat center 18px;
}
.sideNav ul li.side02 a:hover {
opacity: 1;
background: #fff url("/en/glopac/assets/img/ico_side_02_ov.png") no-repeat center 18px;
}
.sideNav ul li.side03 a:hover {
opacity: 1;
background: #fff url("/en/glopac/assets/img/ico_side_03_ov.png") no-repeat center 18px;
}
.sideNav ul li.side04 a:hover {
opacity: 1;
background: #fff url("/en/glopac/assets/img/ico_side_04_ov.png") no-repeat center 18px;
}

.sideSearchBox {
position: absolute;
top: 80px;
right: -350px;
width: 320px;
padding: 9px 10px;
border: 1px solid #333;
border-radius: 5px 0 0 5px;
border-right: none;
background: #fff;
z-index: 1;
}

.sideSearchBox label {
color: #111;
font-size: 1.4em;
font-weight: 700;
vertical-align: middle;
}

.sideSearchBox input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 0 0 10px;
padding: 3px 5px;
border: 1px solid #111;
border-radius: 3px;
}

.sideSearchBox input[type="button"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 0 0 5px;
padding: 3px 5px;
font-size: 1.2em;
line-height: 1.75;
border: 1px solid #111;
border-radius: 3px;
}

.sideSearchBox img {
display: block;
margin: 10px 0 0 90px;
}


@media screen and (max-width: 750px) {

.sideNav {
display: none;
}

}


/*  quickLink
--------------------------------------- */

.quickLink {
padding: 0 20px 150px;
}

.quickLink h2 {
margin: 0 0 50px;
font-size: 6em;
font-weight: 100;
text-align: center;
}

.quickLink ul {
display: flex;
justify-content: space-between;
max-width: 840px;
margin: 0 auto;
}

.quickLink ul li {
width: 46.428%;
}

.quickLink ul li a {
display: block;
padding: 104px 0 35px;
color: #fff;
font-size: 2.6em;
text-align: center;
border: 1px solid #0099dc;
}

.quickLink ul li.ql01 a {
background: #0099dc url("/en/glopac/assets/img/ico_ql_01.png") no-repeat center 30px;
}
.quickLink ul li.ql02 a {
background: #0099dc url("/en/glopac/assets/img/ico_ql_02.png") no-repeat center 30px;
}
.quickLink ul li a:hover {
color: #0099dc;
opacity: 1;
}
.quickLink ul li.ql01 a:hover {
background: #fff url("/en/glopac/assets/img/ico_ql_01_ov.png") no-repeat center 30px;
}
.quickLink ul li.ql02 a:hover {
background: #fff url("/en/glopac/assets/img/ico_ql_02_ov.png") no-repeat center 30px;
}

@media screen and (max-width: 1200px) {

.quickLink {
padding: 0 20px 100px;
}

.quickLink h2 {
margin: 0 0 30px;
font-size: 4.8em;
}

.quickLink ul {
max-width: 700px;
}

.quickLink ul li a {
padding: 70px 0 24px;
font-size: 2em;
}

.quickLink ul li.ql01 a {
background: #0099dc url("/en/glopac/assets/img/ico_ql_01.png") no-repeat center 20px;
background-size: 41px auto;
}
.quickLink ul li.ql02 a {
background: #0099dc url("/en/glopac/assets/img/ico_ql_02.png") no-repeat center 20px;
background-size: 41px auto;
}
.quickLink ul li.ql01 a:hover {
background: #fff url("/en/glopac/assets/img/ico_ql_01_ov.png") no-repeat center 20px;
background-size: 41px auto;
}
.quickLink ul li.ql02 a:hover {
background: #fff url("/en/glopac/assets/img/ico_ql_02_ov.png") no-repeat center 20px;
background-size: 41px auto;
}

}

@media screen and (max-width: 900px) {

.quickLink ul li a {
font-size: 2em;
}

}

@media screen and (max-width: 750px) {

.quickLink {
padding: 0 8vw 16vw;
}

.quickLink h2 {
margin: 0 0 7vw;
font-size: 8vw;
font-weight: 100;
text-align: center;
}

.quickLink ul {
display: block;
max-width: inherit;
margin: 0 auto;
}

.quickLink ul li {
width: 100%;
margin: 0 0 4vw;
}

.quickLink ul li a {
display: block;
padding: 6.135vw 0;
color: #fff;
font-size: 4vw;
text-align: center;
background: #0099dc;
}

.quickLink ul li.ql01 a {
background: #0099dc url("/en/glopac/assets/img/ico_ql_01.png") no-repeat 3.07vw center;
background-size: 9.86vw auto;
}
.quickLink ul li.ql02 a {
background: #0099dc url("/en/glopac/assets/img/ico_ql_02.png") no-repeat 3.07vw center;
background-size: 9.86vw auto;
}
.quickLink ul li a:hover {
color: #0099dc;
opacity: 1;
}
.quickLink ul li.ql01 a:hover {
background: #fff url("/en/glopac/assets/img/ico_ql_01_ov.png") no-repeat 3.07vw center;
background-size: 9.86vw auto;
}
.quickLink ul li.ql02 a:hover {
background: #fff url("/en/glopac/assets/img/ico_ql_02_ov.png") no-repeat 3.07vw center;
background-size: 9.86vw auto;
}

}

/*  skip
--------------------------------------- */

.skip ,
.skip02 {
position: absolute;
top: -100px;
right: 20px;
z-index: 100000;
}

.skip a ,
.skip02 a {
display: block;
width: 200px;
padding: 7px 0;
color: #fff;
font-size: 1.5em;
text-align: center;
background: #0099dc;
border-radius: 18px;
}

.skip a:hover ,
.skip02 a:hover {
opacity: 1;
color: #0099dc;
background: #fff;
}

@media screen and (max-width: 750px) {

.skip ,
.skip02 {
display: none;
}

}