@charset "UTF-8";

.contentHeader-01 .title-01 { font-size:14px;}
body { font-size:14px;}
.globalMenu { font-size:16px;}
#languageSwitch .switch { font-size:18px;}
html { font-size:100px;}
.globalHeader .hamburgerButton,
.globalHeader .hamburgerButton:before,
.globalHeader .hamburgerButton svg:nth-of-type(2),
.globalHeader .hamburgerButton.active svg:nth-of-type(1),
.globalMenuBg { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;}
body.pc .globalHeader>.handsLogo a:hover,
body.sp .globalHeader>.handsLogo a.hover,
body.pc .globalHeader .nav .spHandsLogo a:hover,
body.sp .globalHeader .nav .spHandsLogo a.hover,
body.pc .globalFooter .handsLogo>a:hover,
body.sp .globalFooter .handsLogo>a.hover { filter:alpha(opacity=70); -webkit-opacity:.7; -moz-opacity:.7; -ms-opacity:.7; -o-opacity:.7; opacity:.7;}
body.pc .globalHeader .nav .bannersArea .banner a:hover img,
body.sp .globalHeader .nav .bannersArea .banner a.hover img,
body.pc .globalFooter .bannersArea .banner a:hover img,
body.sp .globalFooter .bannersArea .banner a.hover img { filter:alpha(opacity=75); -webkit-opacity:.75; -moz-opacity:.75; -ms-opacity:.75; -o-opacity:.75; opacity:.75;}
body.pc .globalHeader .hamburgerButton:hover:before,
body.sp .globalHeader .hamburgerButton.hover:before,
.globalHeader .hamburgerButton svg:nth-of-type(1),
.globalHeader .hamburgerButton.active svg:nth-of-type(2) { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
.globalHeader>.handsLogo a,
.globalHeader .nav .bannersArea .banner img,
.globalHeader .nav .spHandsLogo a,
.globalHeader .hamburgerButton svg,
.globalFooter .handsLogo>a,
.globalFooter .bannersArea .banner img { -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s; -ms-transition:opacity 0.4s; -o-transition:opacity 0.4s; transition:opacity 0.4s;}
.globalHeader .nav .contact a>strong:before,
.globalFooter .links li:before,
.globalFooter .company .name:before { content:""; border-style:solid; border-width:.1429em .1429em 0 0; display:inline-block; width:.55em; height:.55em; position:absolute;}
.globalHeader .nav .spHandsLogo .handsLogo { width:300px;}
.globalHeader .nav .spHandsLogo .handsLogo img { width:100%; height:auto; float:left;}
.globalFooter { background:#000; position:relative; width:100%;}
.globalFooter .contentArea { max-width:1120px; width:90%; margin-left:auto; margin-right:auto;}
.globalFooter .contentArea>.inner { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding-bottom:5.3571%;}
.globalFooter .contentArea>.inner>.copyright { display:none; text-align:center; padding-top:11.0169%; padding-bottom:16.9492%; font-family:"Poppins"; font-weight:400;}
.globalFooter * { color:#fff;}
.globalFooter .pageTop { overflow:hidden; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); margin-right:auto; margin-left:auto; width:96%; max-width:1370px;}
.globalFooter .pageTop>span { cursor:pointer;}
.globalFooter .pageTop>a,
.globalFooter .pageTop>span { width:72px; float:right; display:block; background:#000; border-width:1px; border-color:#fff; border-style:solid; border-radius:50%; -webkit-transition:background .4s; -moz-transition:background .4s; -ms-transition:background .4s; -o-transition:background .4s; transition:background .4s;}
body.pc .globalFooter .pageTop>a:hover,
body.pc .globalFooter .pageTop>span:hover { background:#262626;}
body.sp .globalFooter .pageTop>a.hover,
body.sp .globalFooter .pageTop>span.hover { background:#262626;}
.globalFooter .pageTop>a img,
.globalFooter .pageTop>span img { width:100%; height:auto; float:left;}
.globalFooter .handsLogo { width:100%; padding-bottom:5.3571%;}
.globalFooter .handsLogo>a { overflow:hidden; min-width:60px; max-width:115px; width:20%; margin-left:auto; margin-right:auto; display:block;}
.globalFooter .handsLogo>a img { width:100%; height:auto; float:left;}
.globalFooter .linksArea { position:relative; padding-bottom:2em; width:65.625%;}
.globalFooter .linksArea .copyright { position:absolute; bottom:0; font-family:"Poppins"; font-weight:400;}
.globalFooter .links li,
.globalFooter .company .pages li { margin-top:.8em;}
.globalFooter .links li:first-of-type,
.globalFooter .company .pages li:first-of-type { margin-top:0;}
.globalFooter .links { width:100%;}
.globalFooter .links li { position:relative; padding-left:1.1em;}
.globalFooter .links li:before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); left:-0.1em; top:.5em;}
.globalFooter .links li:before { border-color:#f3a51e;}
.globalFooter .links a { padding-bottom:3px; font-weight:500;}
body.pc .globalFooter .links a:hover { background:-webkit-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-moz-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-ms-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-o-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background-size:3px 1px; background-position:0 1.4em;}
body.sp .globalFooter .links a.hover { background:-webkit-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-moz-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-ms-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-o-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background-size:3px 1px; background-position:0 1.4em;}
.globalFooter .group { width:100%; padding-top:6.1224%; display:flex; justify-content:space-between;}
.globalFooter .company { width:30.6122%;}
.globalFooter .company .name { border-width:0 0 1px; border-color:#d4d4d4; border-style:solid; padding-bottom:.65em; position:relative; padding-left:1.1em;}
.globalFooter .company .name:before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); left:-0.1em; top:.5em;}
.globalFooter .company .name a { font-weight:500;}
.globalFooter .company.t .name:before { border-color:#056a38;}
.globalFooter .company.s .name:before { border-color:#0d6fb8;}
.globalFooter .company.d .name:before { border-color:#c30d23;}
.globalFooter .company .pages { width:calc(100% - 1.1em); margin-top:1em; margin-left:auto;}
.globalFooter .company .pages a { padding-bottom:3px; font-weight:500;}
body.pc .globalFooter .company .pages a:hover { background:-webkit-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-moz-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-ms-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-o-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background-size:3px 1px; background-position:0 1.4em;}
body.sp .globalFooter .company .pages a.hover { background:-webkit-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-moz-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-ms-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:-o-linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background:linear-gradient(90deg, #b3b3b3 45%, transparent 0) repeat-x; background-size:3px 1px; background-position:0 1.4em;}
.globalFooter .copyright { display:block; width:100%; letter-spacing:.03em;}
.globalFooter .bannersArea { width:29.8214%; overflow:hidden;}
.globalFooter .bannersArea .banner { width:100%; float:left; padding-bottom:1.7964%;}
.globalFooter .bannersArea .banner:last-of-type { padding-bottom:0;}
.globalFooter .bannersArea .banner a { width:100%; display:block; float:left; background:#fff;}
.globalFooter .bannersArea .banner img { width:100%; height:auto; float:left;}
.globalHeaderBg,
.globalHeader .buttonArea,
.headerSpacer { height:150px; min-height:55px;}
.headerSpacer { width:100%;}
.bracketsRound,
.bracketsSquare { margin-left:.2em;}
.bracketsRound:before,
.bracketsRound:after,
.bracketsSquare:before,
.bracketsSquare:after { vertical-align:-0.15em; height:1em; width:.4em; content:""; display:inline-block; background-repeat:no-repeat; background-size:97% auto; background-position:center center;}
br+.bracketsRound,
br+.bracketsSquare { margin-left:0;}
.bracketsRound:before { margin-right:.03em; background-image:url("../images/common/bracketsRound-L.svg");}
.bracketsRound:after { margin-left:.03em; background-image:url("../images/common/bracketsRound-R.svg");}
.bracketsSquare:before { background-image:url("../images/common/bracketsSquare-L.svg");}
.bracketsSquare:after { background-image:url("../images/common/bracketsSquare-R.svg");}
.globalHeader,
.globalFooter { line-height:1.5;}
.globalHeader *,
.globalFooter * { line-height:1.5;}
.globalHeader { position:fixed; top:0; left:0; z-index:10; width:100%;}
.globalHeader>.handsLogo { width:122px; left:40px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.globalHeader>.handsLogo a { display:block; width:100%;}
.globalHeader>.handsLogo img { width:100%; height:auto; float:left;}
.globalHeader .nav { width:100%; height:0; position:absolute; z-index:2; left:0; top:0;}
.globalHeader .nav .bannersArea { width:100%; padding-top:12.0773%; display:none; order:5;}
.globalHeader .nav .bannersArea>div { width:71.256%; margin-right:auto; margin-left:auto; overflow:hidden;}
.globalHeader .nav .bannersArea .banner { width:100%; float:left;}
.globalHeader .nav .bannersArea .banner:not(:last-of-type) { padding-bottom:5.0847%;}
.globalHeader .nav .bannersArea .banner a { display:block; width:100%; float:left; background:#fff;}
.globalHeader .nav .bannersArea .banner img { width:100%; height:auto; float:left;}
.globalHeader .nav .spHandsLogo { width:100%; order:1; position:relative; display:none;}
.globalHeader .nav .spHandsLogo .handsLogo { overflow:hidden;}
.globalHeader .nav .spHandsLogo a { width:100%; display:block; float:left;}
.globalHeader .nav .menuArea { width:100%; background:#eb5f14;}
.globalHeader .nav .menuArea * { color:#fff;}
.globalHeader .nav .inner { display:flex; align-items:center; justify-content:flex-end; height:0; overflow:hidden;}
.globalHeader .nav .inner.set { height:auto; padding-bottom:12.0773%;}
.globalHeader .nav .contact { width:12.5em; overflow:hidden;}
.globalHeader .nav .contact a { display:flex; width:100%; height:3.4em; padding-bottom:.05em; padding-left:.5em; align-items:center; justify-content:center; background:#000; float:left; -webkit-transition:background .4s; -moz-transition:background .4s; -ms-transition:background .4s; -o-transition:background .4s; transition:background .4s;}
body.pc .globalHeader .nav .contact a:hover { background:#333;}
body.sp .globalHeader .nav .contact a.hover { background:#333;}
.globalHeader .nav .contact a>strong { color:#fff; position:relative; padding-right:1.55em;}
.globalHeader .nav .contact a>strong:before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); right:.3em; top:.45em;}
.globalHeader .nav .contact a>strong:before { border-color:#fff;}
.globalHeader .buttonArea { position:fixed; z-index:8; top:0; right:0; width:0;}
.globalHeader .hamburgerButton { width:0; height:0; overflow:hidden; border-radius:50%; position:absolute; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); top:50%; right:2.8vw; cursor:pointer;}
.globalHeader .hamburgerButton:before { background:rgba(204,204,204,
.6); content:""; display:block; width:0; height:0; border-radius:50%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:width 0.4s, height 0.4s, opacity 0.4s; -moz-transition:width 0.4s, height 0.4s, opacity 0.4s; -ms-transition:width 0.4s, height 0.4s, opacity 0.4s; -o-transition:width 0.4s, height 0.4s, opacity 0.4s; transition:width 0.4s, height 0.4s, opacity 0.4s;}
.globalHeader .hamburgerButton.active:before { background:rgba(255,255,255,
.2);}
body.pc .globalHeader .hamburgerButton:hover:before { width:100%; height:100%;}
body.sp .globalHeader .hamburgerButton.hover:before { width:100%; height:100%;}
.globalHeader .hamburgerButton>span { position:absolute; left:50%; top:50%; overflow:hidden; display:block; width:45%; height:45%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.globalHeader .hamburgerButton>span>img { width:100%; height:auto; float:left;}
.globalHeader .hamburgerButton svg { position:absolute; width:100%; height:auto; left:0; top:0;}
.globalHeader .hamburgerButton svg:nth-of-type(2) { fill:#fff;}
.globalHeaderBg { position:fixed; width:100%; left:0; top:0; background:rgba(255,255,255,
.9); z-index:7; -webkit-transition:height 0.4s, padding-top 0.4s, min-height 0.4s; -moz-transition:height 0.4s, padding-top 0.4s, min-height 0.4s; -ms-transition:height 0.4s, padding-top 0.4s, min-height 0.4s; -o-transition:height 0.4s, padding-top 0.4s, min-height 0.4s; transition:height 0.4s, padding-top 0.4s, min-height 0.4s;}
body.page-top .globalHeaderBg.close { height:0; padding-top:0; min-height:0;}
.globalMenu { position:absolute; left:155px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); display:none;}
.globalMenu .menu { position:relative; line-height:1.5;}
.globalMenu .menu.sp { display:none;}
.globalMenu .menu:not(:first-child) { margin-left:2.8em;}
.globalMenu .menu.sub { position:relative; cursor:pointer;}
.globalMenu .menu.sub.set .subMenu { height:0 !important;}
.globalMenu .menu.sub>strong { font-weight:600;}
.globalMenu .menu .subMenu { position:absolute; left:50%; top:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); height:0; -webkit-transition:height .4s; -moz-transition:height .4s; -ms-transition:height .4s; -o-transition:height .4s; transition:height .4s; width:14.5em; background-position:left top; background-repeat:repeat; background-image:url("../images/common/blank.gif"); overflow:hidden;}
.globalMenu .menu .subMenu li { width:100%;}
.globalMenu .menu .subMenu li.spacer { width:100%;}
.globalMenu .menu .subMenu li.spacer.top { padding-top:11.2069%;}
.globalMenu .menu .subMenu li.spacer.bottom { display:none; padding-top:3.6232%;}
.globalMenu .menu .subMenu a { width:100%; padding-top:.7em; padding-right:1.85em; padding-bottom:.7em; padding-left:1.16em; background:rgba(255,255,255,
.8); font-weight:600; display:block; position:relative; line-height:1.4;}
.globalMenu .menu .subMenu li:nth-of-type(2) a,
.subMenu .globalMenu .menu li:nth-of-type(2) a { padding-top:1.5em;}
.globalMenu .menu .subMenu li:nth-last-of-type(2) a,
.subMenu .globalMenu .menu li:nth-last-of-type(2) a { padding-bottom:1.5em;}
.globalMenu .menu .subMenu a:before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); right:1.1em; top:1.1em; content:""; border-style:solid; border-width:.1429em .1429em 0 0; display:inline-block; width:.55em; height:.55em; position:absolute;}
.globalMenu .menu .subMenu li:nth-of-type(2) a:before,
.subMenu .globalMenu .menu li:nth-of-type(2) a:before { top:1.95em;}
.globalMenu .menu .subMenu li.t a:before,
.subMenu .globalMenu .menu li.t a:before { border-color:#056a38;}
.globalMenu .menu .subMenu li.s a:before,
.subMenu .globalMenu .menu li.s a:before { border-color:#0d6fb8;}
.globalMenu .menu .subMenu li.d a:before,
.subMenu .globalMenu .menu li.d a:before { border-color:#c30d23;}
.globalMenu .menu>a,
.globalMenu .menu>strong { line-height:1.5; font-weight:600;}
.globalMenu .menu>strong { cursor:pointer;}
.globalMenu .sns { width:100%; display:flex; justify-content:center; padding-top:7.2464%; padding-bottom:15.0966%;}
.globalMenu .sns li { width:9.058%;}
.globalMenu .sns li+li { margin-left:3.6232%;}
.globalMenu .sns a { display:block; width:100%; float:left;}
.globalMenu .sns img { width:100%; height:auto; float:left;}
.globalMenuBg { position:fixed; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; -ms-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s; cursor:pointer; width:0; height:100vh; z-index:9; left:0; top:0; background:rgba(0,0,0,
.8);}
.globalMenuBg.set { width:100%;}
.globalMenuBg.enable { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
#languageSwitch { display:flex; margin-right:4em;}
#languageSwitch .switch { cursor:pointer; padding-top:.1em; line-height:1; font-family:"Poppins"; font-weight:500; border-color:#999; border-style:solid; color:#999;}
#languageSwitch .switch.active { color:#000;}
#languageSwitch .switch:not(:first-of-type) { border-width:0 0 0 .08em; padding-left:1em; margin-left:1em;}
.mainContent { width:100%; padding-bottom:100px;}
.mainVisual-02 { width:100%; height:447px; background-repeat:no-repeat; background-size:cover;}
.contentArea-01 { max-width:1120px; width:90%; margin-left:auto; margin-right:auto;}
.contentArea-02 { max-width:1120px; width:85%; margin-left:auto; margin-right:auto;}
.contentHeader-01 { width:100%; padding-top:5.8036%; padding-bottom:3.5714%;}
.contentHeader-01 .title-01 { margin-left:.2em; line-height:1.3; display:block; font-weight:600;}
.contentHeader-01 .en { line-height:1.3; font-style:normal; display:block; font-family:"Poppins"; font-weight:600; font-size:36px; margin-top:.15em;}
input[type=text],
select,
textarea { border-width:1px; border-color:gray; border-style:solid; border-radius:.3em; letter-spacing:.05em; font-family:"Noto Sans JP","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3",sans-serif; font-weight:400;}
body.ie input[type=text],
body.ie select,
body.ie textarea { border-radius:0;}
button { font-family:"Noto Sans JP","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3",sans-serif; font-weight:400;}
input[type=text].inputTextSingle-01 { height:3.2em; width:calc(100% - (1.5em * 2)); margin-left:1.5em; padding-right:.8em; padding-left:.8em; line-height:1.3;}
select { height:3.2em; box-sizing:border-box; margin-left:1.5em; padding-right:2.7em; padding-left:.8em; background-image:url("../images/common/selectArrow-01.svg"); background-position:calc(100% - 0.95em) 47.5%; background-size:.9em .9em; background-repeat:no-repeat; background-color:#fff;}
select .ie { display:none; width:1em;}
body.ie select { background-image:none; padding-right:0; padding-bottom:0;}
body.ie select .ie { display:inline-block;}
textarea { width:calc(100% - (1.5em * 2)); margin-left:1.5em; float:left;}
.rippleEffects { position:relative; overflow:hidden;}
.rippleEffects>.ripple { -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:rgba(255,255,255,
.1); width:0; height:0; display:block; position:absolute; border-radius:50%;}
.rippleEffects>.ripple.set { -webkit-transition:width 0.5s, height 0.5s, background 0.15s; -moz-transition:width 0.5s, height 0.5s, background 0.15s; -ms-transition:width 0.5s, height 0.5s, background 0.15s; -o-transition:width 0.5s, height 0.5s, background 0.15s; transition:width 0.5s, height 0.5s, background 0.15s;}
.rippleEffects>.ripple.out { background:rgba(255,255,255,0);}
.display-w600,
.display-w580,
.display-spWidth { display:none;}
.infoArea { width:140px; font-size:10px; position:fixed; left:10px; bottom:10px; background-color:#ccc; text-align:left; padding-top:.7em; padding-bottom:.88em; z-index:10; line-height:1.4em; display:none;}
.infoArea * { font-size:1em; line-height:1.4em;}
.infoArea p { width:calc(100% - 20px); font-weight:500; margin-right:auto; margin-left:auto;}

@media (min-width:829px) and (max-height:580px) {
.globalHeader .nav .spHandsLogo .handsLogo { width:270px;}
}

@media (min-width:829px) and (max-height:490px) {
.globalHeader .nav .spHandsLogo .handsLogo { width:250px;}
}

@media (min-width:829px) and (max-height:475px) {
.globalHeader .nav .spHandsLogo .handsLogo { width:200px;}
}

@media (max-width:1920px) {
.mainVisual-02 { height:auto; padding-top:23.2813%;}
}

@media (max-width:1360px) {
.hide-w1360 { display:none;}
}

@media (max-width:1350px) {
.hide-w1350 { display:none;}
}

@media (max-width:1260px) {
.hide-w1260 { display:none;}
}

@media (max-width:1180px) {
.hide-w1180 { display:none;}
}

@media (max-width:1170px) {
.hide-w1170 { display:none;}
}

@media (max-width:1160px) {
.hide-w1160 { display:none;}
}

@media (max-width:1120px) {
.mainContent { padding-bottom:8.9286%;}
.hide-w1120 { display:none;}
}

@media (max-width:1110px) {
.hide-w1110 { display:none;}
}

@media (max-width:1100px) {
.globalHeader .nav .contact a>strong { padding-bottom:.1em;}
.hide-w1100 { display:none;}
}

@media (max-width:1090px) {
.hide-w1090 { display:none;}
}

@media (max-width:1080px) {
.hide-w1080 { display:none;}
}

@media (max-width:1070px) {
.hide-w1070 { display:none;}
}

@media (max-width:1060px) {
.hide-w1060 { display:none;}
}

@media (max-width:1050px) {
.hide-w1050 { display:none;}
}

@media (max-width:1040px) {
.hide-w1040 { display:none;}
}

@media (max-width:1030px) {
.hide-w1030 { display:none;}
}

@media (max-width:1020px) {
.hide-w1020 { display:none;}
}

@media (max-width:1010px) {
.hide-w1010 { display:none;}
}

@media (max-width:1000px) {
.globalHeaderBg,
.globalHeader .buttonArea,
.headerSpacer { height:130px;}
.globalHeader>.handsLogo { left:4%;}
#languageSwitch { margin-right:6.3915%;}
.contentHeader-01 { padding-top:6.6667%;}
.hide-w1000 { display:none;}
}

@media (max-width:990px) {
.hide-w990 { display:none;}
}

@media (max-width:980px) {
.hide-w980 { display:none;}
}

@media (max-width:970px) {
.hide-w970 { display:none;}
}

@media (max-width:960px) {
.hide-w960 { display:none;}
}

@media (max-width:950px) {
.hide-w950 { display:none;}
}

@media (max-width:940px) {
.hide-w940 { display:none;}
}

@media (max-width:930px) {
.hide-w930 { display:none;}
}

@media (max-width:920px) {
.hide-w920 { display:none;}
}

@media (max-width:910px) {
.hide-w910 { display:none;}
}

@media (max-width:900px) {
.globalHeaderBg,
.globalHeader .buttonArea,
.headerSpacer { height:120px;}
.globalMenu { left:6.5104%;}
.globalMenu .menu:not(:first-child) { margin-left:2em;}
.hide-w900 { display:none;}
}

@media (max-width:890px) {
.hide-w890 { display:none;}
}

@media (max-width:880px) {
.hide-w880 { display:none;}
}

@media (max-width:870px) {
.hide-w870 { display:none;}
}

@media (max-width:860px) {
.hide-w860 { display:none;}
}

@media (max-width:850px) {
.hide-w850 { display:none;}
}

@media (max-width:840px) {
.hide-w840 { display:none;}
}

@media (max-width:830px) {
.hide-w830 { display:none;}
}

@media (max-width:828px) {
input[type=text].inputTextSingle-01,select,textarea { width:87%; margin-left:calc(13% / 2);}
.globalHeader .nav .spHandsLogo .handsLogo { max-width:330px; width:42.9688%;}
.globalHeader .nav .spHandsLogo { padding-top:5.4348%; padding-bottom:5.4348%; padding-left:7.2464%;}
.globalFooter .contentArea { width:71.256%;}
.globalFooter .contentArea>.inner { flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; margin-top:-0.15rem; padding-bottom:0;}
.globalFooter .contentArea>.inner>.copyright { display:block;}
.globalFooter .handsLogo { padding-top:15.2542%; padding-bottom:16.1017%;}
.globalFooter .handsLogo>a { max-width:none; width:30.5085%;}
.globalFooter .linksArea { width:100%; padding-bottom:0;}
.globalFooter .linksArea .copyright { display:none;}
.globalFooter .links li,
.globalFooter .company .pages li { margin-top:1.3em;}
.globalFooter .links li:before { top:.55em;}
.globalFooter .group { display:block; padding-top:14.4068%; padding-bottom:17.7966%;}
.globalFooter .company { width:100%;}
.globalFooter .company+.company { padding-top:8.4746%;}
.globalFooter .company .name:before { top:.53em;}
.globalFooter .company .pages { margin-top:1.4em; width:100%;}
.globalFooter .bannersArea { width:100%; display:block;}
.globalFooter .bannersArea .banner { padding-bottom:5.0847%;}
body { font-size:10px;}
.globalHeaderBg,
.globalHeader .buttonArea,
.headerSpacer { padding-top:15.0362%; height:auto;}
.globalHeader>.handsLogo { left:7.4vw; min-width:70px; width:15.5vw;}
.globalHeader .nav { overflow:hidden; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); background:#fff; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition:opacity 0.5s; display:block; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;}
.globalHeader .nav.set { height:100vh; overflow:auto;}
.globalHeader .nav.open { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
.globalHeader .nav .bannersArea { display:block;}
.globalHeader .nav .spHandsLogo { display:block;}
.globalHeader .nav .inner { min-width:320px; width:100%; flex-direction:column; justify-content:flex-start;}
.globalHeader .nav .contact { width:85.7488%; order:3; margin-top:1.2rem;}
.globalHeader .nav .contact a { height:4.3333em;}
.globalHeader .hamburgerButton { width:.8rem; height:.8rem; filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
.globalMenu { width:100%; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); display:block; position:relative; top:auto; left:auto; order:2; margin-top:0;}
.globalMenu .menu.pc { display:none;}
.globalMenu .menu.sp { display:block;}
.globalMenu .menu:not(:first-child) { margin-top:0; margin-left:0;}
.globalMenu .menu>a,
.globalMenu .menu>strong { padding-top:1.5em; padding-right:1em; padding-bottom:1.5em; padding-left:1em; text-align:center; display:block; width:100%; line-height:1.3; position:relative;}
.globalMenu .menu.sub { border-color:#ccc; border-style:solid;}
.globalMenu .sub.menu:first-child { border-width:0.0714em 0 0.0714em;}
.globalMenu .sub.menu:not(:first-child) { border-width:0 0 0.0714em;}
.globalMenu .menu.sub>strong:before,
.globalMenu .menu.sub>strong:after { font-size:.8em; top:50%; content:""; display:block; background-color:#000; position:absolute;}
.globalMenu .menu.sub>strong:before { width:.8em; height:.1429em; right:7.1256%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.globalMenu .menu.sub>strong:after { width:.1429em; height:.8em; right:calc(7.1256% + 0.8em * 0.5); -webkit-transform:translate(50%, -50%); -moz-transform:translate(50%, -50%); -ms-transform:translate(50%, -50%); -o-transform:translate(50%, -50%); transform:translate(50%, -50%); -webkit-transition:height .1s; -moz-transition:height .1s; -ms-transition:height .1s; -o-transition:height .1s; transition:height .1s;}
.globalMenu .sub.menu:not(.set)>strong:after { height:0;}
.globalMenu .menu .subMenu { padding-top:0; position:relative; left:auto; top:auto; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); width:100%;}
.globalMenu .menu .subMenu li.spacer.top { display:none;}
.globalMenu .menu .subMenu li.spacer.bottom { display:block;}
.globalMenu .menu .subMenu a { background:none; padding-top:.9em; padding-bottom:.9em; padding-left:14.4928%;}
.globalMenu .menu .subMenu li:nth-of-type(2) a,
.subMenu .globalMenu .menu li:nth-of-type(2) a { padding-top:.9em;}
.globalMenu .menu .subMenu li:nth-last-of-type(2) a,
.subMenu .globalMenu .menu li:nth-last-of-type(2) a { padding-bottom:.9em;}
.globalMenu .menu .subMenu a:before { right:7.1256%; top:56.5%; -webkit-transform:rotate(45deg) translate(-0.55em, -50%); -moz-transform:rotate(45deg) translate(-0.55em, -50%); -ms-transform:rotate(45deg) translate(-0.55em, -50%); -o-transform:rotate(45deg) translate(-0.55em, -50%); transform:rotate(45deg) translate(-0.55em, -50%);}
.globalMenu .menu>a,
.globalMenu .menu>strong { border-color:#fbac81; border-style:solid;}
.globalMenu .menu:first-child>a,
.globalMenu .menu:first-child>strong { border-width:0.0714em 0 0.0714em;}
.globalMenu .menu:not(:first-child)>a,
.globalMenu .menu:not(:first-child)>strong { border-width:0 0 0.0714em;}
#languageSwitch { margin-top:.6rem; margin-right:0; order:4;}
#languageSwitch .switch { padding-top:0;}
#languageSwitch .switch:not(:first-of-type) { border-width:0 0 0 0.0625em;}
.mainContent { padding-bottom:17.5121%;}
.mainVisual-02 { padding-top:41.6667%;}
.contentArea-01.spMediaWidth,
.contentArea-02.spMediaWidth { width:100%;}
.contentHeader-01 { padding-top:9.946%; padding-bottom:7.5305%;}
.contentHeader-01 .en { margin-top:.03em;}
input[type=text],select,textarea { border-width:0.0769em; border-color:#b3b3b3;}
textarea { height:11.5em;}
.hide-spWidth { display:none;}
.display-spWidth { display:block;}
}

@media (max-width:828px) and (max-height:1100px) {
.globalHeader .nav .spHandsLogo .handsLogo { width:33.8542%;}
}

@media (max-width:828px) and (max-height:700px) {
.globalHeader .nav .spHandsLogo .handsLogo { width:28.6458%;}
.globalHeader .nav .spHandsLogo { padding-top:3.6232%; padding-bottom:3.6232%;}
}

@media (max-width:828px) and (max-height:550px) {
.globalHeader .nav .spHandsLogo .handsLogo { width:23.4375%;}
}

@media (max-width:828px) and (max-height:500px) {
.globalHeader .nav .spHandsLogo { padding-top:2.4155%; padding-bottom:2.4155%;}
}

@media (max-width:828px) and (max-height:400px) {
.globalHeader .nav .spHandsLogo { padding-top:1.8116%; padding-bottom:1.8116%;}
}

@media (max-width:820px) {
.hide-w820 { display:none;}
}

@media (max-width:810px) {
.hide-w810 { display:none;}
}

@media (max-width:800px) {
.hide-w800 { display:none;}
}

@media (max-width:790px) {
.hide-w790 { display:none;}
}

@media (max-width:780px) {
.hide-w780 { display:none;}
}

@media (max-width:770px) {
.hide-w770 { display:none;}
}

@media (max-width:760px) {
.hide-w760 { display:none;}
}

@media (max-width:750px) {
.hide-w750 { display:none;}
}

@media (max-width:740px) {
.hide-w740 { display:none;}
}

@media (max-width:730px) {
.hide-w730 { display:none;}
}

@media (max-width:720px) {
.hide-w720 { display:none;}
}

@media (max-width:710px) {
.hide-w710 { display:none;}
}

@media (max-width:700px) {
.globalFooter .handsLogo { padding-top:11.4407%;}
.hide-w700 { display:none;}
}

@media (max-width:690px) {
.hide-w690 { display:none;}
}

@media (max-width:680px) {
.hide-w680 { display:none;}
}

@media (max-width:670px) {
.hide-w670 { display:none;}
}

@media (max-width:660px) {
.hide-w660 { display:none;}
}

@media (max-width:650px) {
.hide-w650 { display:none;}
}

@media (max-width:640px) {
.hide-w640 { display:none;}
}

@media (max-width:630px) {
.hide-w630 { display:none;}
}

@media (max-width:620px) {
.hide-w620 { display:none;}
}

@media (max-width:610px) {
.hide-w610 { display:none;}
}

@media (max-width:600px) {
.globalFooter .contentArea>.inner { margin-top:-0.25rem;}
.hide-w600 { display:none;}
.display-w600 { display:block;}
}

@media (max-width:590px) {
.hide-w590 { display:none;}
}

@media (max-width:580px) {
.hide-w580 { display:none;}
.display-w580 { display:block;}
}

@media (max-width:570px) {
.hide-w570 { display:none;}
}

@media (max-width:560px) {
.hide-w560 { display:none;}
}

@media (max-width:550px) {
.globalFooter .contentArea>.inner { margin-top:-0.35rem;}
.hide-w550 { display:none;}
}

@media (max-width:540px) {
.hide-w540 { display:none;}
}

@media (max-width:530px) {
.hide-w530 { display:none;}
}

@media (max-width:520px) {
.hide-w520 { display:none;}
}

@media (max-width:510px) {
.hide-w510 { display:none;}
}

@media (max-width:500px) {
.globalFooter .pageTop>a,
.globalFooter .pageTop>span { width:57.6px;}
.globalHeader .hamburgerButton { width:.72rem; height:.72rem;}
.globalMenu .menu.sub>strong:before,
.globalMenu .menu.sub>strong:after { font-size:.85em;}
.hide-w500 { display:none;}
}

@media (max-width:490px) {
.hide-w490 { display:none;}
}

@media (max-width:480px) {
.hide-w480 { display:none;}
}

@media (max-width:470px) {
.hide-w470 { display:none;}
}

@media (max-width:460px) {
.hide-w460 { display:none;}
}

@media (max-width:450px) {
.hide-w450 { display:none;}
}

@media (max-width:440px) {
.hide-w440 { display:none;}
}

@media (max-width:430px) {
.hide-w430 { display:none;}
}

@media (max-width:420px) {
.hide-w420 { display:none;}
}

@media (max-width:410px) {
.hide-w410 { display:none;}
}

@media (max-width:400px) {
.globalFooter .pageTop>a,
.globalFooter .pageTop>span { width:50.4px;}
.globalFooter .handsLogo { padding-top:9.9153%; padding-bottom:14.4915%;}
.globalHeaderBg,
.globalHeader .buttonArea,
.headerSpacer { padding-top:17.5%;}
.globalHeader .nav .contact a>strong { padding-right:1.2em;}
.globalHeader .nav .contact a>strong:before { top:.55em;}
.globalHeader .hamburgerButton { width:.9rem; height:.9rem;}
.hide-w400 { display:none;}
}

@media (max-width:390px) {
.hide-w390 { display:none;}
}

@media (max-width:380px) {
.hide-w380 { display:none;}
}

@media (max-width:370px) {
.hide-w370 { display:none;}
}

@media (max-width:360px) {
.hide-w360 { display:none;}
}

@media (max-width:350px) {
.globalMenu .menu .subMenu,
.globalFooter .company .pages li { font-size:12px;}
.globalHeader .nav .contact,
.globalMenu,
.contentHeader-01 .title-01,
.globalFooter .links,
.globalFooter .company .name,
.globalFooter .company .pages { font-size:14px;}
#languageSwitch .switch { font-size:16px;}
.globalFooter .copyright { font-size:10px;}
.contentHeader-01 .en { font-size:30px;}
html { font-size:42px;}
.globalHeader,
.globalFooter { line-height:1.4;}
.globalHeader *,
.globalFooter * { line-height:1.4;}
.globalHeader .nav .contact a { padding-left:0;}
.globalHeader .nav .contact a>strong { padding-right:.9em;}
.globalHeader .nav .contact a>strong:before { top:.45em; right:.2em;}
.hide-w350 { display:none;}
}

@media (max-width:340px) {
.hide-w340 { display:none;}
}

@media (min-width:829px) and (max-width:1244px) {
.contentHeader-01 .title-01 { font-size:calc(12px + ((1vw - 8.28px) * 0.4808));}
body { font-size:calc(10px + ((1vw - 8.28px) * 0.9615));}
.globalMenu { font-size:calc(11px + ((1vw - 8.28px) * 1.2019));}
#languageSwitch .switch { font-size:calc(12px + ((1vw - 8.28px) * 1.4423));}
html { font-size:calc(67px + ((1vw - 8.28px) * 7.9327));}
}

@media (min-width:351px) and (max-width:828px) {
.globalMenu .menu .subMenu,
.globalFooter .company .pages li { font-size:calc(12px + ((1vw - 3.5px) * 2.5105));}
.globalHeader .nav .contact,
.globalMenu,
.contentHeader-01 .title-01,
.globalFooter .links,
.globalFooter .company .name,
.globalFooter .company .pages { font-size:calc(14px + ((1vw - 3.5px) * 3.3473));}
#languageSwitch .switch { font-size:calc(16px + ((1vw - 3.5px) * 4.1841));}
.globalFooter .copyright { font-size:calc(10px + ((1vw - 3.5px) * 2.9289));}
.contentHeader-01 .en { font-size:calc(30px + ((1vw - 3.5px) * 8.7866));}
html { font-size:calc(42px + ((1vw - 3.5px) * 12.1339));}
}