@charset "utf-8";
@charset "UTF-8";
@charset "UTF-8";
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
   .m00{margin: 0 !important;}.mt00{margin-top: 0 !important}.mb00{margin-bottom:0 !important}.ms00{margin-left: 0 !important; margin-right: 0 !important;}.ml00{margin-left: 0 !important;}.mr00{margin-right: 0 !important;}
.m01{margin: 0.1em !important;}.mt01{margin-top:0.1em !important}.mb01{margin-bottom:0.1em !important}.ms01{margin-left: 0.1em !important; margin-right: 0.1em !important;}.ml01{margin-left: 0.1em !important;}.mr01{margin-right: 0.1em !important;}
.m02{margin: 0.2em !important;}.mt02{margin-top:0.2em !important}.mb02{margin-bottom:0.2em !important}.ms02{margin-left: 0.2em !important; margin-right: 0.2em !important;}.ml02{margin-left: 0.2em !important;}.mr02{margin-right: 0.2em !important;}
.m04{margin: 0.3em !important;}.mt03{margin-top:0.3em !important}.mb03{margin-bottom:0.3em !important}.ms03{margin-left: 0.3em !important; margin-right: 0.3em !important;}.ml03{margin-left: 0.3em !important;}.mr03{margin-right: 0.3em !important;}
.m04{margin: 0.4em !important;}.mt04{margin-top:0.4em !important}.mb04{margin-bottom:0.4em !important}.ms04{margin-left: 0.4em !important; margin-right: 0.4em !important;}.ml04{margin-left: 0.4em !important;}.mr04{margin-right: 0.4em !important;}
.m05{margin: 0.5em !important;}.mt05{margin-top:0.5em !important}.mb05{margin-bottom:0.5em !important}.ms05{margin-left: 0.5em !important; margin-right: 0.5em !important;}.ml05{margin-left: 0.5em !important;}.mr05{margin-right: 0.5em !important;}
.m06{margin: 0.6em !important;}.mt06{margin-top:0.6em !important}.mb06{margin-bottom:0.6em !important}.ms06{margin-left: 0.6em !important; margin-right: 0.6em !important;}.ml06{margin-left: 0.6em !important;}.mr06{margin-right: 0.6em !important;}
.m07{margin: 0.7em !important;}.mt07{margin-top:0.7em !important}.mb07{margin-bottom:0.7em !important}.ms07{margin-left: 0.7em !important; margin-right: 0.7em !important;}.ml07{margin-left: 0.7em !important;}.mr07{margin-right: 0.7em !important;}
.m08{margin: 0.8em !important;}.mt08{margin-top:0.8em !important}.mb08{margin-bottom:0.8em !important}.ms08{margin-left: 0.8em !important; margin-right: 0.8em !important;}.ml08{margin-left: 0.8em !important;}.mr08{margin-right: 0.8em !important;}
.m05{margin: 0.5em !important;}.mt05{margin-top:0.5em !important}.mb05{margin-bottom:0.5em !important}.ms05{margin-left: 0.5em !important; margin-right: 0.5em !important;}.ml05{margin-left: 0.5em !important;}.mr05{margin-right: 0.5em !important;}
.m09{margin: 0.9em !important;}.mt09{margin-top:0.9em !important}.mb09{margin-bottom:0.9em !important}.ms09{margin-left: 0.9em !important; margin-right: 0.9em !important;}.ml09{margin-left: 0.9em !important;}.mr09{margin-right: 0.9em !important;}
.m10{margin: 1.0em !important;}.mt10{margin-top:1.0em !important}.mb10{margin-bottom:1.0em !important}.ms10{margin-left: 1.0em !important; margin-right: 1.0em !important;}.ml10{margin-left: 1.0em !important;}.mr10{margin-right: 1.0em !important;}
.m11{margin: 1.1em !important;}.mt11{margin-top:1.1em !important}.mb11{margin-bottom:1.1em !important}.ms11{margin-left: 1.1em !important; margin-right: 1.1em !important;}.ml11{margin-left: 1.1em !important;}.mr11{margin-right: 1.1em !important;}
.m12{margin: 1.2em !important;}.mt12{margin-top:1.2em !important}.mb12{margin-bottom:1.2em !important}.ms12{margin-left: 1.2em !important; margin-right: 1.2em !important;}.ml12{margin-left: 1.2em !important;}.mr12{margin-right: 1.2em !important;}
.m13{margin: 1.3em !important;}.mt13{margin-top:1.3em !important}.mb13{margin-bottom:1.3em !important}.ms13{margin-left: 1.3em !important; margin-right: 1.3em !important;}.ml13{margin-left: 1.3em !important;}.mr13{margin-right: 1.3em !important;}
.m14{margin: 1.4em !important;}.mt14{margin-top:1.4em !important}.mb14{margin-bottom:1.4em !important}.ms14{margin-left: 1.4em !important; margin-right: 1.4em !important;}.ml14{margin-left: 1.4em !important;}.mr14{margin-right: 1.4em !important;}
.m15{margin: 1.5em !important;}.mt15{margin-top:1.5em !important}.mb15{margin-bottom:1.5em !important}.ms15{margin-left: 1.5em !important; margin-right: 1.5em !important;}.ml15{margin-left: 1.5em !important;}.mr15{margin-right: 1.5em !important;}
.m16{margin: 1.6em !important;}.mt16{margin-top:1.6em !important}.mb16{margin-bottom:1.6em !important}.ms16{margin-left: 1.6em !important; margin-right: 1.6em !important;}.ml16{margin-left: 1.6em !important;}.mr16{margin-right: 1.6em !important;}
.m17{margin: 1.7em !important;}.mt17{margin-top:1.7em !important}.mb17{margin-bottom:1.7em !important}.ms17{margin-left: 1.7em !important; margin-right: 1.7em !important;}.ml17{margin-left: 1.7em !important;}.mr17{margin-right: 1.7em !important;}
.m18{margin: 1.8em !important;}.mt18{margin-top:1.8em !important}.mb18{margin-bottom:1.8em !important}.ms18{margin-left: 1.8em !important; margin-right: 1.8em !important;}.ml18{margin-left: 1.8em !important;}.mr18{margin-right: 1.8em !important;}
.m19{margin: 1.9em !important;}.mt19{margin-top:1.9em !important}.mb19{margin-bottom:1.9em !important}.ms19{margin-left: 1.9em !important; margin-right: 1.9em !important;}.ml19{margin-left: 1.9em !important;}.mr19{margin-right: 1.9em !important;}
.m20{margin: 2.0em !important;}.mt20{margin-top:2.0em !important}.mb20{margin-bottom:2.0em !important}.ms20{margin-left: 2.0em !important; margin-right: 2.0em !important;}.ml20{margin-left: 2.0em !important;}.mr20{margin-right: 2.0em !important;}
.m21{margin: 2.1em !important;}.mt21{margin-top:2.1em !important}.mb21{margin-bottom:2.1em !important}.ms21{margin-left: 2.1em !important; margin-right: 2.1em !important;}.ml21{margin-left: 2.1em !important;}.mr21{margin-right: 2.1em !important;}
.m22{margin: 2.2em !important;}.mt22{margin-top:2.2em !important}.mb22{margin-bottom:2.2em !important}.ms22{margin-left: 2.2em !important; margin-right: 2.2em !important;}.ml22{margin-left: 2.2em !important;}.mr22{margin-right: 2.2em !important;}
.m23{margin: 2.3em !important;}.mt23{margin-top:2.3em !important}.mb23{margin-bottom:2.3em !important}.ms23{margin-left: 2.3em !important; margin-right: 2.3em !important;}.ml23{margin-left: 2.3em !important;}.mr23{margin-right: 2.3em !important;}
.m24{margin: 2.4em !important;}.mt24{margin-top:2.4em !important}.mb24{margin-bottom:2.4em !important}.ms24{margin-left: 2.4em !important; margin-right: 2.4em !important;}.ml24{margin-left: 2.4em !important;}.mr24{margin-right: 2.4em !important;}
.m25{margin: 2.5em !important;}.mt25{margin-top:2.5em !important}.mb25{margin-bottom:2.5em !important}.ms25{margin-left: 2.5em !important; margin-right: 2.5em !important;}.ml25{margin-left: 2.5em !important;}.mr25{margin-right: 2.5em !important;}
.m26{margin: 2.6em !important;}.mt26{margin-top:2.6em !important}.mb26{margin-bottom:2.6em !important}.ms26{margin-left: 2.6em !important; margin-right: 2.6em !important;}.ml26{margin-left: 2.6em !important;}.mr26{margin-right: 2.6em !important;}
.m27{margin: 2.7em !important;}.mt27{margin-top:2.7em !important}.mb27{margin-bottom:2.7em !important}.ms27{margin-left: 2.7em !important; margin-right: 2.7em !important;}.ml27{margin-left: 2.7em !important;}.mr27{margin-right: 2.7em !important;}
.m28{margin: 2.8em !important;}.mt28{margin-top:2.8em !important}.mb28{margin-bottom:2.8em !important}.ms28{margin-left: 2.8em !important; margin-right: 2.8em !important;}.ml28{margin-left: 2.8em !important;}.mr28{margin-right: 2.8em !important;}
.m29{margin: 2.9em !important;}.mt29{margin-top:2.9em !important}.mb29{margin-bottom:2.9em !important}.ms29{margin-left: 2.9em !important; margin-right: 2.9em !important;}.ml29{margin-left: 2.9em !important;}.mr29{margin-right: 2.9em !important;}
.m30{margin: 3.0em !important;}.mt30{margin-top:3.0em !important}.mb30{margin-bottom:3.0em !important}.ms30{margin-left: 3.0em !important; margin-right: 3.0em !important;}.ml30{margin-left: 3.0em !important;}.mr30{margin-right: 3.0em !important;}
.m31{margin: 3.1em !important;}.mt31{margin-top:3.1em !important}.mb31{margin-bottom:3.1em !important}.ms31{margin-left: 3.1em !important; margin-right: 3.1em !important;}.ml31{margin-left: 3.1em !important;}.mr31{margin-right: 3.1em !important;}
.m32{margin: 3.2em !important;}.mt32{margin-top:3.2em !important}.mb32{margin-bottom:3.2em !important}.ms32{margin-left: 3.2em !important; margin-right: 3.2em !important;}.ml32{margin-left: 3.2em !important;}.mr32{margin-right: 3.2em !important;}
.m33{margin: 3.3em !important;}.mt33{margin-top:3.3em !important}.mb33{margin-bottom:3.3em !important}.ms33{margin-left: 3.3em !important; margin-right: 3.3em !important;}.ml33{margin-left: 3.3em !important;}.mr33{margin-right: 3.3em !important;}
.m34{margin: 3.4em !important;}.mt34{margin-top:3.4em !important}.mb34{margin-bottom:3.4em !important}.ms34{margin-left: 3.4em !important; margin-right: 3.4em !important;}.ml34{margin-left: 3.4em !important;}.mr34{margin-right: 3.4em !important;}
.m35{margin: 3.5em !important;}.mt35{margin-top:3.5em !important}.mb35{margin-bottom:3.5em !important}.ms35{margin-left: 3.5em !important; margin-right: 3.5em !important;}.ml35{margin-left: 3.5em !important;}.mr35{margin-right: 3.5em !important;}
.m36{margin: 3.6em !important;}.mt36{margin-top:3.6em !important}.mb36{margin-bottom:3.6em !important}.ms36{margin-left: 3.6em !important; margin-right: 3.6em !important;}.ml36{margin-left: 3.6em !important;}.mr36{margin-right: 3.6em !important;}
.m37{margin: 3.7em !important;}.mt37{margin-top:3.7em !important}.mb37{margin-bottom:3.7em !important}.ms37{margin-left: 3.7em !important; margin-right: 3.7em !important;}.ml37{margin-left: 3.7em !important;}.mr37{margin-right: 3.7em !important;}
.m38{margin: 3.8em !important;}.mt38{margin-top:3.8em !important}.mb38{margin-bottom:3.8em !important}.ms38{margin-left: 3.8em !important; margin-right: 3.8em !important;}.ml38{margin-left: 3.8em !important;}.mr38{margin-right: 3.8em !important;}
.m39{margin: 3.9em !important;}.mt39{margin-top:3.9em !important}.mb39{margin-bottom:3.9em !important}.ms39{margin-left: 3.9em !important; margin-right: 3.9em !important;}.ml39{margin-left: 3.9em !important;}.mr39{margin-right: 3.9em !important;}
.m40{margin: 4.0em !important;}.mt40{margin-top:4.0em !important}.mb40{margin-bottom:4.0em !important}.ms40{margin-left: 4.0em !important; margin-right: 4.0em !important;}.ml40{margin-left: 4.0em !important;}.mr40{margin-right: 4.0em !important;}
.m41{margin: 4.1em !important;}.mt41{margin-top:4.1em !important}.mb41{margin-bottom:4.1em !important}.ms41{margin-left: 4.1em !important; margin-right: 4.1em !important;}.ml41{margin-left: 4.1em !important;}.mr41{margin-right: 4.1em !important;}
.m42{margin: 4.2em !important;}.mt42{margin-top:4.2em !important}.mb42{margin-bottom:4.2em !important}.ms42{margin-left: 4.2em !important; margin-right: 4.2em !important;}.ml42{margin-left: 4.2em !important;}.mr42{margin-right: 4.2em !important;}
.m43{margin: 4.3em !important;}.mt43{margin-top:4.3em !important}.mb43{margin-bottom:4.3em !important}.ms43{margin-left: 4.3em !important; margin-right: 4.3em !important;}.ml43{margin-left: 4.3em !important;}.mr43{margin-right: 4.3em !important;}
.m44{margin: 4.4em !important;}.mt44{margin-top:4.4em !important}.mb44{margin-bottom:4.4em !important}.ms44{margin-left: 4.4em !important; margin-right: 4.4em !important;}.ml44{margin-left: 4.4em !important;}.mr44{margin-right: 4.4em !important;}
.m45{margin: 4.5em !important;}.mt45{margin-top:4.5em !important}.mb45{margin-bottom:4.5em !important}.ms45{margin-left: 4.5em !important; margin-right: 4.5em !important;}.ml45{margin-left: 4.5em !important;}.mr45{margin-right: 4.5em !important;}
.m46{margin: 4.6em !important;}.mt46{margin-top:4.6em !important}.mb46{margin-bottom:4.6em !important}.ms46{margin-left: 4.6em !important; margin-right: 4.6em !important;}.ml46{margin-left: 4.6em !important;}.mr46{margin-right: 4.6em !important;}
.m47{margin: 4.7em !important;}.mt47{margin-top:4.7em !important}.mb47{margin-bottom:4.7em !important}.ms47{margin-left: 4.7em !important; margin-right: 4.7em !important;}.ml47{margin-left: 4.7em !important;}.mr47{margin-right: 4.7em !important;}
.m48{margin: 4.8em !important;}.mt48{margin-top:4.8em !important}.mb48{margin-bottom:4.8em !important}.ms48{margin-left: 4.8em !important; margin-right: 4.8em !important;}.ml48{margin-left: 4.8em !important;}.mr48{margin-right: 4.8em !important;}
.m49{margin: 4.9em !important;}.mt49{margin-top:4.9em !important}.mb49{margin-bottom:4.9em !important}.ms49{margin-left: 4.9em !important; margin-right: 4.9em !important;}.ml49{margin-left: 4.9em !important;}.mr49{margin-right: 4.9em !important;}
.m50{margin: 5.0em !important;}.mt50{margin-top:5.0em !important}.mb50{margin-bottom:5.0em !important}.ms50{margin-left: 5.0em !important; margin-right: 5.0em !important;}.ml50{margin-left: 5.0em !important;}.mr50{margin-right: 5.0em !important;}
.m51{margin: 5.1em !important;}.mt51{margin-top:5.1em !important}.mb51{margin-bottom:5.1em !important}.ms51{margin-left: 5.1em !important; margin-right: 5.1em !important;}.ml51{margin-left: 5.1em !important;}.mr51{margin-right: 5.1em !important;}
.m52{margin: 5.2em !important;}.mt52{margin-top:5.2em !important}.mb52{margin-bottom:5.2em !important}.ms52{margin-left: 5.2em !important; margin-right: 5.2em !important;}.ml52{margin-left: 5.2em !important;}.mr52{margin-right: 5.2em !important;}
.m53{margin: 5.3em !important;}.mt53{margin-top:5.3em !important}.mb53{margin-bottom:5.3em !important}.ms53{margin-left: 5.3em !important; margin-right: 5.3em !important;}.ml53{margin-left: 5.3em !important;}.mr53{margin-right: 5.3em !important;}
.m54{margin: 5.4em !important;}.mt54{margin-top:5.4em !important}.mb54{margin-bottom:5.4em !important}.ms54{margin-left: 5.4em !important; margin-right: 5.4em !important;}.ml54{margin-left: 5.4em !important;}.mr54{margin-right: 5.4em !important;}
.m55{margin: 5.5em !important;}.mt55{margin-top:5.5em !important}.mb55{margin-bottom:5.5em !important}.ms55{margin-left: 5.5em !important; margin-right: 5.5em !important;}.ml55{margin-left: 5.5em !important;}.mr55{margin-right: 5.5em !important;}
.m56{margin: 5.6em !important;}.mt56{margin-top:5.6em !important}.mb56{margin-bottom:5.6em !important}.ms56{margin-left: 5.6em !important; margin-right: 5.6em !important;}.ml56{margin-left: 5.6em !important;}.mr56{margin-right: 5.6em !important;}
.m57{margin: 5.7em !important;}.mt57{margin-top:5.7em !important}.mb57{margin-bottom:5.7em !important}.ms57{margin-left: 5.7em !important; margin-right: 5.7em !important;}.ml57{margin-left: 5.7em !important;}.mr57{margin-right: 5.7em !important;}
.m58{margin: 5.8em !important;}.mt58{margin-top:5.8em !important}.mb58{margin-bottom:5.8em !important}.ms58{margin-left: 5.8em !important; margin-right: 5.8em !important;}.ml58{margin-left: 5.8em !important;}.mr58{margin-right: 5.8em !important;}
.m59{margin: 5.9em !important;}.mt59{margin-top:5.9em !important}.mb59{margin-bottom:5.9em !important}.ms59{margin-left: 5.9em !important; margin-right: 5.9em !important;}.ml59{margin-left: 5.9em !important;}.mr59{margin-right: 5.9em !important;}
.p00{padding: 0 !important;}.pt00{padding-top: 0 !important}.pb00{padding-bottom:0 !important}.ps00{padding-left: 0 !important; padding-right: 0 !important;}.pl00{padding-left: 0 !important;}.pr00{padding-right: 0 !important;}
.p01{padding: 0.1em !important;}.pt01{padding-top:0.1em !important}.pb01{padding-bottom:0.1em !important}.ps01{padding-left: 0.1em !important; padding-right: 0.1em !important;}.pl01{padding-left: 0.1em !important;}.pr01{padding-right: 0.1em !important;}
.p02{padding: 0.2em !important;}.pt02{padding-top:0.2em !important}.pb02{padding-bottom:0.2em !important}.ps02{padding-left: 0.2em !important; padding-right: 0.2em !important;}.pl02{padding-left: 0.2em !important;}.pr02{padding-right: 0.2em !important;}
.p04{padding: 0.3em !important;}.pt03{padding-top:0.3em !important}.pb03{padding-bottom:0.3em !important}.ps03{padding-left: 0.3em !important; padding-right: 0.3em !important;}.pl03{padding-left: 0.3em !important;}.pr03{padding-right: 0.3em !important;}
.p04{padding: 0.4em !important;}.pt04{padding-top:0.4em !important}.pb04{padding-bottom:0.4em !important}.ps04{padding-left: 0.4em !important; padding-right: 0.4em !important;}.pl04{padding-left: 0.4em !important;}.pr04{padding-right: 0.4em !important;}
.p05{padding: 0.5em !important;}.pt05{padding-top:0.5em !important}.pb05{padding-bottom:0.5em !important}.ps05{padding-left: 0.5em !important; padding-right: 0.5em !important;}.pl05{padding-left: 0.5em !important;}.pr05{padding-right: 0.5em !important;}
.p06{padding: 0.6em !important;}.pt06{padding-top:0.6em !important}.pb06{padding-bottom:0.6em !important}.ps06{padding-left: 0.6em !important; padding-right: 0.6em !important;}.pl06{padding-left: 0.6em !important;}.pr06{padding-right: 0.6em !important;}
.p07{padding: 0.7em !important;}.pt07{padding-top:0.7em !important}.pb07{padding-bottom:0.7em !important}.ps07{padding-left: 0.7em !important; padding-right: 0.7em !important;}.pl07{padding-left: 0.7em !important;}.pr07{padding-right: 0.7em !important;}
.p08{padding: 0.8em !important;}.pt08{padding-top:0.8em !important}.pb08{padding-bottom:0.8em !important}.ps08{padding-left: 0.8em !important; padding-right: 0.8em !important;}.pl08{padding-left: 0.8em !important;}.pr08{padding-right: 0.8em !important;}
.p05{padding: 0.5em !important;}.pt05{padding-top:0.5em !important}.pb05{padding-bottom:0.5em !important}.ps05{padding-left: 0.5em !important; padding-right: 0.5em !important;}.pl05{padding-left: 0.5em !important;}.pr05{padding-right: 0.5em !important;}
.p09{padding: 0.9em !important;}.pt09{padding-top:0.9em !important}.pb09{padding-bottom:0.9em !important}.ps09{padding-left: 0.9em !important; padding-right: 0.9em !important;}.pl09{padding-left: 0.9em !important;}.pr09{padding-right: 0.9em !important;}
.p10{padding: 1.0em !important;}.pt10{padding-top:1.0em !important}.pb10{padding-bottom:1.0em !important}.ps10{padding-left: 1.0em !important; padding-right: 1.0em !important;}.pl10{padding-left: 1.0em !important;}.pr10{padding-right: 1.0em !important;}
.p11{padding: 1.1em !important;}.pt11{padding-top:1.1em !important}.pb11{padding-bottom:1.1em !important}.ps11{padding-left: 1.1em !important; padding-right: 1.1em !important;}.pl11{padding-left: 1.1em !important;}.pr11{padding-right: 1.1em !important;}
.p12{padding: 1.2em !important;}.pt12{padding-top:1.2em !important}.pb12{padding-bottom:1.2em !important}.ps12{padding-left: 1.2em !important; padding-right: 1.2em !important;}.pl12{padding-left: 1.2em !important;}.pr12{padding-right: 1.2em !important;}
.p13{padding: 1.3em !important;}.pt13{padding-top:1.3em !important}.pb13{padding-bottom:1.3em !important}.ps13{padding-left: 1.3em !important; padding-right: 1.3em !important;}.pl13{padding-left: 1.3em !important;}.pr13{padding-right: 1.3em !important;}
.p14{padding: 1.4em !important;}.pt14{padding-top:1.4em !important}.pb14{padding-bottom:1.4em !important}.ps14{padding-left: 1.4em !important; padding-right: 1.4em !important;}.pl14{padding-left: 1.4em !important;}.pr14{padding-right: 1.4em !important;}
.p15{padding: 1.5em !important;}.pt15{padding-top:1.5em !important}.pb15{padding-bottom:1.5em !important}.ps15{padding-left: 1.5em !important; padding-right: 1.5em !important;}.pl15{padding-left: 1.5em !important;}.pr15{padding-right: 1.5em !important;}
.p16{padding: 1.6em !important;}.pt16{padding-top:1.6em !important}.pb16{padding-bottom:1.6em !important}.ps16{padding-left: 1.6em !important; padding-right: 1.6em !important;}.pl16{padding-left: 1.6em !important;}.pr16{padding-right: 1.6em !important;}
.p17{padding: 1.7em !important;}.pt17{padding-top:1.7em !important}.pb17{padding-bottom:1.7em !important}.ps17{padding-left: 1.7em !important; padding-right: 1.7em !important;}.pl17{padding-left: 1.7em !important;}.pr17{padding-right: 1.7em !important;}
.p18{padding: 1.8em !important;}.pt18{padding-top:1.8em !important}.pb18{padding-bottom:1.8em !important}.ps18{padding-left: 1.8em !important; padding-right: 1.8em !important;}.pl18{padding-left: 1.8em !important;}.pr18{padding-right: 1.8em !important;}
.p19{padding: 1.9em !important;}.pt19{padding-top:1.9em !important}.pb19{padding-bottom:1.9em !important}.ps19{padding-left: 1.9em !important; padding-right: 1.9em !important;}.pl19{padding-left: 1.9em !important;}.pr19{padding-right: 1.9em !important;}
.p20{padding: 2.0em !important;}.pt20{padding-top:2.0em !important}.pb20{padding-bottom:2.0em !important}.ps20{padding-left: 2.0em !important; padding-right: 2.0em !important;}.pl20{padding-left: 2.0em !important;}.pr20{padding-right: 2.0em !important;}
.p21{padding: 2.1em !important;}.pt21{padding-top:2.1em !important}.pb21{padding-bottom:2.1em !important}.ps21{padding-left: 2.1em !important; padding-right: 2.1em !important;}.pl21{padding-left: 2.1em !important;}.pr21{padding-right: 2.1em !important;}
.p22{padding: 2.2em !important;}.pt22{padding-top:2.2em !important}.pb22{padding-bottom:2.2em !important}.ps22{padding-left: 2.2em !important; padding-right: 2.2em !important;}.pl22{padding-left: 2.2em !important;}.pr22{padding-right: 2.2em !important;}
.p23{padding: 2.3em !important;}.pt23{padding-top:2.3em !important}.pb23{padding-bottom:2.3em !important}.ps23{padding-left: 2.3em !important; padding-right: 2.3em !important;}.pl23{padding-left: 2.3em !important;}.pr23{padding-right: 2.3em !important;}
.p24{padding: 2.4em !important;}.pt24{padding-top:2.4em !important}.pb24{padding-bottom:2.4em !important}.ps24{padding-left: 2.4em !important; padding-right: 2.4em !important;}.pl24{padding-left: 2.4em !important;}.pr24{padding-right: 2.4em !important;}
.p25{padding: 2.5em !important;}.pt25{padding-top:2.5em !important}.pb25{padding-bottom:2.5em !important}.ps25{padding-left: 2.5em !important; padding-right: 2.5em !important;}.pl25{padding-left: 2.5em !important;}.pr25{padding-right: 2.5em !important;}
.p26{padding: 2.6em !important;}.pt26{padding-top:2.6em !important}.pb26{padding-bottom:2.6em !important}.ps26{padding-left: 2.6em !important; padding-right: 2.6em !important;}.pl26{padding-left: 2.6em !important;}.pr26{padding-right: 2.6em !important;}
.p27{padding: 2.7em !important;}.pt27{padding-top:2.7em !important}.pb27{padding-bottom:2.7em !important}.ps27{padding-left: 2.7em !important; padding-right: 2.7em !important;}.pl27{padding-left: 2.7em !important;}.pr27{padding-right: 2.7em !important;}
.p28{padding: 2.8em !important;}.pt28{padding-top:2.8em !important}.pb28{padding-bottom:2.8em !important}.ps28{padding-left: 2.8em !important; padding-right: 2.8em !important;}.pl28{padding-left: 2.8em !important;}.pr28{padding-right: 2.8em !important;}
.p29{padding: 2.9em !important;}.pt29{padding-top:2.9em !important}.pb29{padding-bottom:2.9em !important}.ps29{padding-left: 2.9em !important; padding-right: 2.9em !important;}.pl29{padding-left: 2.9em !important;}.pr29{padding-right: 2.9em !important;}
.p30{padding: 3.0em !important;}.pt30{padding-top:3.0em !important}.pb30{padding-bottom:3.0em !important}.ps30{padding-left: 3.0em !important; padding-right: 3.0em !important;}.pl30{padding-left: 3.0em !important;}.pr30{padding-right: 3.0em !important;}
.p31{padding: 3.1em !important;}.pt31{padding-top:3.1em !important}.pb31{padding-bottom:3.1em !important}.ps31{padding-left: 3.1em !important; padding-right: 3.1em !important;}.pl31{padding-left: 3.1em !important;}.pr31{padding-right: 3.1em !important;}
.p32{padding: 3.2em !important;}.pt32{padding-top:3.2em !important}.pb32{padding-bottom:3.2em !important}.ps32{padding-left: 3.2em !important; padding-right: 3.2em !important;}.pl32{padding-left: 3.2em !important;}.pr32{padding-right: 3.2em !important;}
.p33{padding: 3.3em !important;}.pt33{padding-top:3.3em !important}.pb33{padding-bottom:3.3em !important}.ps33{padding-left: 3.3em !important; padding-right: 3.3em !important;}.pl33{padding-left: 3.3em !important;}.pr33{padding-right: 3.3em !important;}
.p34{padding: 3.4em !important;}.pt34{padding-top:3.4em !important}.pb34{padding-bottom:3.4em !important}.ps34{padding-left: 3.4em !important; padding-right: 3.4em !important;}.pl34{padding-left: 3.4em !important;}.pr34{padding-right: 3.4em !important;}
.p35{padding: 3.5em !important;}.pt35{padding-top:3.5em !important}.pb35{padding-bottom:3.5em !important}.ps35{padding-left: 3.5em !important; padding-right: 3.5em !important;}.pl35{padding-left: 3.5em !important;}.pr35{padding-right: 3.5em !important;}
.p36{padding: 3.6em !important;}.pt36{padding-top:3.6em !important}.pb36{padding-bottom:3.6em !important}.ps36{padding-left: 3.6em !important; padding-right: 3.6em !important;}.pl36{padding-left: 3.6em !important;}.pr36{padding-right: 3.6em !important;}
.p37{padding: 3.7em !important;}.pt37{padding-top:3.7em !important}.pb37{padding-bottom:3.7em !important}.ps37{padding-left: 3.7em !important; padding-right: 3.7em !important;}.pl37{padding-left: 3.7em !important;}.pr37{padding-right: 3.7em !important;}
.p38{padding: 3.8em !important;}.pt38{padding-top:3.8em !important}.pb38{padding-bottom:3.8em !important}.ps38{padding-left: 3.8em !important; padding-right: 3.8em !important;}.pl38{padding-left: 3.8em !important;}.pr38{padding-right: 3.8em !important;}
.p39{padding: 3.9em !important;}.pt39{padding-top:3.9em !important}.pb39{padding-bottom:3.9em !important}.ps39{padding-left: 3.9em !important; padding-right: 3.9em !important;}.pl39{padding-left: 3.9em !important;}.pr39{padding-right: 3.9em !important;}
.p40{padding: 4.0em !important;}.pt40{padding-top:4.0em !important}.pb40{padding-bottom:4.0em !important}.ps40{padding-left: 4.0em !important; padding-right: 4.0em !important;}.pl40{padding-left: 4.0em !important;}.pr40{padding-right: 4.0em !important;}
.p41{padding: 4.1em !important;}.pt41{padding-top:4.1em !important}.pb41{padding-bottom:4.1em !important}.ps41{padding-left: 4.1em !important; padding-right: 4.1em !important;}.pl41{padding-left: 4.1em !important;}.pr41{padding-right: 4.1em !important;}
.p42{padding: 4.2em !important;}.pt42{padding-top:4.2em !important}.pb42{padding-bottom:4.2em !important}.ps42{padding-left: 4.2em !important; padding-right: 4.2em !important;}.pl42{padding-left: 4.2em !important;}.pr42{padding-right: 4.2em !important;}
.p43{padding: 4.3em !important;}.pt43{padding-top:4.3em !important}.pb43{padding-bottom:4.3em !important}.ps43{padding-left: 4.3em !important; padding-right: 4.3em !important;}.pl43{padding-left: 4.3em !important;}.pr43{padding-right: 4.3em !important;}
.p44{padding: 4.4em !important;}.pt44{padding-top:4.4em !important}.pb44{padding-bottom:4.4em !important}.ps44{padding-left: 4.4em !important; padding-right: 4.4em !important;}.pl44{padding-left: 4.4em !important;}.pr44{padding-right: 4.4em !important;}
.p45{padding: 4.5em !important;}.pt45{padding-top:4.5em !important}.pb45{padding-bottom:4.5em !important}.ps45{padding-left: 4.5em !important; padding-right: 4.5em !important;}.pl45{padding-left: 4.5em !important;}.pr45{padding-right: 4.5em !important;}
.p46{padding: 4.6em !important;}.pt46{padding-top:4.6em !important}.pb46{padding-bottom:4.6em !important}.ps46{padding-left: 4.6em !important; padding-right: 4.6em !important;}.pl46{padding-left: 4.6em !important;}.pr46{padding-right: 4.6em !important;}
.p47{padding: 4.7em !important;}.pt47{padding-top:4.7em !important}.pb47{padding-bottom:4.7em !important}.ps47{padding-left: 4.7em !important; padding-right: 4.7em !important;}.pl47{padding-left: 4.7em !important;}.pr47{padding-right: 4.7em !important;}
.p48{padding: 4.8em !important;}.pt48{padding-top:4.8em !important}.pb48{padding-bottom:4.8em !important}.ps48{padding-left: 4.8em !important; padding-right: 4.8em !important;}.pl48{padding-left: 4.8em !important;}.pr48{padding-right: 4.8em !important;}
.p49{padding: 4.9em !important;}.pt49{padding-top:4.9em !important}.pb49{padding-bottom:4.9em !important}.ps49{padding-left: 4.9em !important; padding-right: 4.9em !important;}.pl49{padding-left: 4.9em !important;}.pr49{padding-right: 4.9em !important;}
.p50{padding: 5.0em !important;}.pt50{padding-top:5.0em !important}.pb50{padding-bottom:5.0em !important}.ps50{padding-left: 5.0em !important; padding-right: 5.0em !important;}.pl50{padding-left: 5.0em !important;}.pr50{padding-right: 5.0em !important;}
.p51{padding: 5.1em !important;}.pt51{padding-top:5.1em !important}.pb51{padding-bottom:5.1em !important}.ps51{padding-left: 5.1em !important; padding-right: 5.1em !important;}.pl51{padding-left: 5.1em !important;}.pr51{padding-right: 5.1em !important;}
.p52{padding: 5.2em !important;}.pt52{padding-top:5.2em !important}.pb52{padding-bottom:5.2em !important}.ps52{padding-left: 5.2em !important; padding-right: 5.2em !important;}.pl52{padding-left: 5.2em !important;}.pr52{padding-right: 5.2em !important;}
.p53{padding: 5.3em !important;}.pt53{padding-top:5.3em !important}.pb53{padding-bottom:5.3em !important}.ps53{padding-left: 5.3em !important; padding-right: 5.3em !important;}.pl53{padding-left: 5.3em !important;}.pr53{padding-right: 5.3em !important;}
.p54{padding: 5.4em !important;}.pt54{padding-top:5.4em !important}.pb54{padding-bottom:5.4em !important}.ps54{padding-left: 5.4em !important; padding-right: 5.4em !important;}.pl54{padding-left: 5.4em !important;}.pr54{padding-right: 5.4em !important;}
.p55{padding: 5.5em !important;}.pt55{padding-top:5.5em !important}.pb55{padding-bottom:5.5em !important}.ps55{padding-left: 5.5em !important; padding-right: 5.5em !important;}.pl55{padding-left: 5.5em !important;}.pr55{padding-right: 5.5em !important;}
.p56{padding: 5.6em !important;}.pt56{padding-top:5.6em !important}.pb56{padding-bottom:5.6em !important}.ps56{padding-left: 5.6em !important; padding-right: 5.6em !important;}.pl56{padding-left: 5.6em !important;}.pr56{padding-right: 5.6em !important;}
.p57{padding: 5.7em !important;}.pt57{padding-top:5.7em !important}.pb57{padding-bottom:5.7em !important}.ps57{padding-left: 5.7em !important; padding-right: 5.7em !important;}.pl57{padding-left: 5.7em !important;}.pr57{padding-right: 5.7em !important;}
.p58{padding: 5.8em !important;}.pt58{padding-top:5.8em !important}.pb58{padding-bottom:5.8em !important}.ps58{padding-left: 5.8em !important; padding-right: 5.8em !important;}.pl58{padding-left: 5.8em !important;}.pr58{padding-right: 5.8em !important;}
.p59{padding: 5.9em !important;}.pt59{padding-top:5.9em !important}.pb59{padding-bottom:5.9em !important}.ps59{padding-left: 5.9em !important; padding-right: 5.9em !important;}.pl59{padding-left: 5.9em !important;}.pr59{padding-right: 5.9em !important;}   body{position: relative; z-index: 1; left: 0; top: 0;box-sizing: border-box; padding: 0 !important; margin: 0 !important;}
div, img, figure, section, article, ul, ol, dl{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} .tac{text-align: center !important}
.tar{text-align: right !important;}
.tal{text-align: left !important;}
.vab{vertical-align: bottom !important;}
.vat{vertical-align: top !important;}
.vam{vertical-align: middle !important;}
.vabl{vertical-align: baseline !important;}
.vatt{vertical-align: text-top !important;}
.vatb{vertical-align: text-bottom !important;}
.indent-1{text-indent: -1em; padding-left: 1em;}
.lts0{letter-spacing: 0 !important;}.lts1{letter-spacing: 0.0625em !important;}.lts2{letter-spacing: 0.125em !important;}
.tdn{text-decoration: none !important;}.tdu{text-decoration: underline !important;}.tdw{text-decoration: wavy underline !important;}.tdd{text-decoration: underline dotted !important;} .fz01{font-size: .1em !important;}.fz02{font-size: .2em !important;}.fz03{font-size: .3em !important;}.fz04{font-size: .4em !important;}
.fz05{font-size: .5em !important;}.fz06{font-size: .6em !important;}.fz07{font-size: .7em !important;}.fz08{font-size: .8em !important;}.fz09{font-size: .9em !important;}
.fz10{font-size: 1em !important;}.fz11{font-size: 1.1em !important;}.fz12{font-size: 1.2em !important;}.fz13{font-size: 1.3em !important;}.fz14{font-size: 1.4em !important;}
.fz15{font-size: 1.5em !important;}.fz16{font-size: 1.6em !important;}.fz17{font-size: 1.7em !important;}.fz18{font-size: 1.8em !important;}.fz19{font-size: 1.9em !important;}
.fz20{font-size: 2em !important;}.fz21{font-size: 2.1em !important;}.fz22{font-size: 2.2em !important;}.fz23{font-size: 2.3em !important;}.fz24{font-size: 2.4em !important;}
.fz25{font-size: 2.5em !important;}.fz26{font-size: 2.6em !important;}.fz27{font-size: 2.7em !important;}.fz28{font-size: 2.8em !important;}.fz29{font-size: 2.9em !important;}
.fz30{font-size: 3em !important;}.fz31{font-size: 3.1em !important;}.fz32{font-size: 3.2em !important;}.fz33{font-size: 3.3em !important;}.fz34{font-size: 3.4em !important;}
.fz35{font-size: 3.5em !important;}.fz36{font-size: 3.6em !important;}.fz37{font-size: 3.7em !important;}.fz38{font-size: 3.8em !important;}.fz39{font-size: 3.9em !important;}
.fz40{font-size: 4em !important;}.fz41{font-size: 4.1em !important;}.fz42{font-size: 4.2em !important;}.fz43{font-size: 4.3em !important;}.fz44{font-size: 4.4em !important;}
.fz45{font-size: 4.5em !important;}.fz46{font-size: 4.6em !important;}.fz47{font-size: 4.7em !important;}.fz48{font-size: 4.8em !important;}.fz49{font-size: 4.9em !important;}
.fz50{font-size: 5em !important;}.fz51{font-size: 5.1em !important;}.fz52{font-size: 5.2em !important;}.fz53{font-size: 5.3em !important;}.fz54{font-size: 5.4em !important;}
.fz55{font-size: 5.5em !important;}.fz56{font-size: 5.6em !important;}.fz57{font-size: 5.7em !important;}.fz58{font-size: 5.8em !important;}.fz59{font-size: 5.9em !important;}
.fz60{font-size: 6em !important;}.fz61{font-size: 6.1em !important;}.fz62{font-size: 6.2em !important;}.fz63{font-size: 6.3em !important;}.fz64{font-size: 6.4em !important;}
.fz65{font-size: 6.5em !important;}.fz66{font-size: 6.6em !important;}.fz67{font-size: 6.7em !important;}.fz68{font-size: 6.8em !important;}.fz69{font-size: 6.9em !important;}
.fz70{font-size: 7em !important;}.fz71{font-size: 7.1em !important;}.fz72{font-size: 7.2em !important;}.fz73{font-size: 7.3em !important;}.fz74{font-size: 7.4em !important;}
.fz75{font-size: 7.5em !important;}.fz76{font-size: 7.6em !important;}.fz77{font-size: 7.7em !important;}.fz78{font-size: 7.8em !important;}.fz79{font-size: 7.9em !important;} .fwb{font-weight: bold !important;}.fwn{font-weight: normal !important;}.fwl{font-weight: lighter !important;} .lh10{line-height: 1 !important;}.lh11{line-height: 1.1 !important;}.lh12{line-height: 1.2 !important;}.lh13{line-height: 1.3 !important;}.lh14{line-height: 1.4 !important;}.lh15{line-height: 1.5 !important;}
.lh16{line-height: 1.6 !important;}.lh17{line-height: 1.7 !important;}.lh18{line-height: 1.8 !important;}.lh19{line-height: 1.9 !important;}.lh20{line-height: 2 !important;}
.lh21{line-height: 2.1 !important;}.lh22{line-height: 2.2 !important;}.lh23{line-height: 2.3 !important;}.lh24{line-height: 2.4 !important;}.lh25{line-height: 2.5 !important;}
.lh26{line-height: 2.6 !important;}.lh27{line-height: 2.7 !important;}.lh28{line-height: 2.8 !important;}.lh29{line-height: 2.9 !important;}.lh30{line-height: 3 !important;} .fa-rotate-45 {
transform: rotate(45deg);
}
.fa-rotate-135 {
transform: rotate(135deg);
}
.fa-rotate-225 {
transform: rotate(225deg);
}
.fa-rotate-315 {
transform: rotate(315deg);
} .img-responsive{display:block;max-width:100%;height:auto}
.tile{
width:300px;
height:300px;
display:table-cell;
text-align:center;
vertical-align:middle;
layout-grid-line:225px;
}
.tile img{vertical-align:middle;}
.trim { overflow: hidden; width: 200px; height: 200px; position: relative;}
.trim img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .fl{float:left !important}.fr{float:right !important}
.cf:after{content: ".";display: block;visibility: hidden;height: 0;font-size: 0;clear: both;} .flex{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.flex-jcsb-aic{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
.flex-jcsa-aic{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
-ms-align-items: center;
align-items: center;
}
.flex-jcsb-ais{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-ms-align-items: stretch;
align-items: stretch;
}
.flex-jcsa-ais{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
-ms-align-items: stretch;
align-items: stretch;
}
.flex-jcsb-aifs{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-ms-align-items: flex-start;
align-items: flex-start;
}
.flex-jcsa-aifs{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
-ms-align-items: flex-start;
align-items: flex-start;
}
.flex-jcsb-aife{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-ms-align-items: flex-end;
align-items: flex-end;
}
.flex-jcsa-aife{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
-ms-align-items: flex-end;
align-items: flex-end;
} .flex-fdc-jcsb-aifs{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: space-between;
-ms-align-items: flex-start;
align-items: flex-start;
}
.flex-fdc-jcsa-aic{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
justify-content: space-around;
-ms-align-items: center;
align-items: center;
}
.flex-fdc-jcsb-aic{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
.fw_w{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fdr{
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
}
.fdrr{
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
-o-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.fdc{
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.fdcr{
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.jcfs{	justify-content: flex-start;}
.jcfe{ justify-content: flex-end;}
.jcc{ justify-content: center;}
.jcsa{ justify-content: space-around;}
.jcsb{justify-content: space-between;}
.jcse{ justify-content: space-evenly;}
.aifs{
-ms-align-items: flex-start;
align-items: flex-start;
}
.aife{
-ms-align-items: flex-end;
align-items: flex-end;
}
.aic{
-ms-align-items: center;
align-items: center;
}
.aib{
-ms-align-items: baseline;
align-items: baseline;
}
.ais{
-ms-align-items: stretch;
align-items: stretch;
} div.frame_full{
position: relative;
padding-bottom: 56.25%;
padding-top: 1.8em;
height: 0;
overflow: hidden;
z-index:0;
margin-top: 1em;
margin-bottom: 1em;
}
div.frame_full iframe{
border:none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:0;
}
div.frame_full video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:0;
} blockquote {
position: relative;
padding: 0.6em 0.6em 0.6em 2em;
box-sizing: border-box;
color: #464646;
background: #e0e0e0;
}
blockquote:before{
display: inline-block;
position: absolute;
top: -0.375em;
left: -0.9em;
vertical-align: middle;
content: "“";
font-family: sans-serif;
color: #e0e0e0;
font-size: 4em;
line-height: 1;
z-index: 2;
}
blockquote:after{
position: absolute;
content: '';
left: 0;
top: 0;
border-width: 0 0 2.5em 2.5em;
border-style: solid;
border-color: transparent #ffffff;
}
blockquote p {
position: relative;
padding: 0;
margin: 0.6em 0;
z-index: 3;
}
blockquote cite {
display: block;
text-align: right;
color: #888888;
font-size: 0.9em;
} .m_a{margin-left: auto!important; margin-right: auto!important;}
.db{display: block !important;}
.blink {
animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
0% { opacity: 1; }
100% { opacity: 0; }
}
.blinkS2 {
animation: blinkAnimeS2 2s infinite alternate;
}
@keyframes blinkAnimeS2{
0%{ color : red;   background:white }
100%{ color : white; background:red   }
}
ul{padding-inline-start: 2em;}
dd{margin-inline-start: 2em;}
.lstn{list-style-type: none;}
  .d-n{display: none;}
.d-i{display: inline;}
.d-ib{display: inline-block;}
.d-b{display: block;}
.d-t{display: table;}
.d-tc{display: table-cell;}
.d-tr{display: table-row;}
.d-f{display: -webkit-flex; display: -ms-flex; display: flex;}
.d-if{display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex;} body{font-size: 3vw; line-height: 1.8; color: #000000;}
h1{font-size: 2em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
h2{font-size: 1.5em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
h3{font-size: 1.2em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
h4{font-size: 1em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
h5{font-size: .8em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;}
h6{font-size: .7em; line-height: 1.3em; padding-top: 0.625em; padding-bottom: 0.625em; margin-bottom: 0.625em;} .w5p{ width: 4%;} .w10p{ width: 9%;} .w15p{ width: 14%;} .w20p{ width: 19%;} .w25p{ width: 24%;}
.w30p{ width: 29%;} .w33p{ width: 32%;} .w35p{ width: 34%;} .w40p{ width: 39%;} .w45p{ width: 44%;} .w50p{ width: 49%;}
.w55p{ width: 54%;} .w60p{ width: 59%;} .w65p{ width: 64%;} .w66p{ width: 65%;} .w70p{ width: 69%;} .w75p{ width: 74%;}
.w80p{ width: 79%;} .w85p{ width: 84%;} .w90p{ width: 89%;} .w95p{ width: 94%;} .w100p{ width: 100%;}
img.w100p{height: auto;} .wrap{width: 78.6%; box-sizing: border-box; margin: 0 auto;}  @media only screen and (min-width:768px) { .d-md-n{display: none;}
.d-md-i{display: inline;}
.d-md-ib{display: inline-block;}
.d-md-b{display: block;}
.d-md-t{display: table;}
.d-md-tc{display: table-cell;}
.d-md-tr{display: table-row;}
.d-md-f{display: -webkit-flex; display: -ms-flex; display: flex;}
.d-md-if{display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex;} .md-w5p{ width: 4%;} .md-w10p{ width: 9%;} .md-w15p{ width: 14%;} .md-w20p{ width: 19%;} .md-w25p{ width: 24%;}
.md-w30p{ width: 29%;} .md-w33p{ width: 32%;} .md-w35p{ width: 34%;} .md-w40p{ width: 39%;} .md-w45p{ width: 44%;} .md-w50p{ width: 49%;}
.md-w55p{ width: 54%;} .md-w60p{ width: 59%;} .md-w65p{ width: 64%;} .md-w70p{ width: 69%;} .md-w75p{ width: 74%;}
.md-w80p{ width: 79%;} .md-w85p{ width: 84%;} .md-w90p{ width: 89%;} .md-w95p{ width: 94%;} .md-w100p{ width: 100%;} body{font-size: 2vw;}  .md-fw_w{ -webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap; flex-wrap: wrap; }
.md-fdr{ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
.md-fdrr{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }
.md-fdc{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
.md-fdcr{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
.md-jcfs{ justify-content: flex-start;}
.md-jcfe{ justify-content: flex-end;}
.md-jcc{  justify-content: center;}
.md-jcsa{ justify-content: space-around;}
.md-jcsb{ justify-content: space-between;}
.md-jcse{ justify-content: space-evenly;}
.md-aifs{ -ms-align-items: flex-start; align-items: flex-start; }
.md-aife{ -ms-align-items: flex-end; align-items: flex-end; }
.md-aic{ -ms-align-items: center; align-items: center; }
.md-aib{ -ms-align-items: baseline; align-items: baseline; }
.md-ais{ -ms-align-items: stretch; align-items: stretch; }
}  @media only screen and (min-width:1024px) { .d-lg-n{display: none;}
.d-lg-i{display: inline;}
.d-lg-ib{display: inline-block;}
.d-lg-b{display: block;}
.d-lg-t{display: table;}
.d-lg-tc{display: table-cell;}
.d-lg-tr{display: table-row;}
.d-lg-f{display: -webkit-flex; display: -ms-flex; display: flex;}
.d-lg-if{display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex;} body{font-size: 0.84vw;} .lg-w5p{ width: 4%;} .lg-w10p{ width: 9%;} .lg-w15p{ width: 14%;} .lg-w20p{ width: 19%;} .lg-w25p{ width: 24%;}
.lg-w30p{ width: 29%;} .lg-w33p{ width: 32%;} .lg-w35p{ width: 34%;} .lg-w40p{ width: 39%;} .lg-w45p{ width: 44%;} .lg-w50p{ width: 49%;}
.lg-w55p{ width: 54%;} .lg-w60p{ width: 59%;} .lg-w65p{ width: 64%;} .lg-w70p{ width: 69%;} .lg-w75p{ width: 74%;}
.lg-w80p{ width: 79%;} .lg-w85p{ width: 84%;} .lg-w90p{ width: 89%;} .lg-w95p{ width: 94%;} .lg-w100p{ width: 100%;} .wrap{ width: 74.68vw;} .lg-fw_w{ -webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap; flex-wrap: wrap; }
.lg-fdr{ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
.lg-fdrr{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }
.lg-fdc{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
.lg-fdcr{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
.lg-jcfs{ justify-content: flex-start;}
.lg-jcfe{ justify-content: flex-end;}
.lg-jcc{  justify-content: center;}
.lg-jcsa{ justify-content: space-around;}
.lg-jcsb{ justify-content: space-between;}
.lg-jcse{ justify-content: space-evenly;}
.lg-aifs{ -ms-align-items: flex-start; align-items: flex-start; }
.lg-aife{ -ms-align-items: flex-end; align-items: flex-end; }
.lg-aic{ -ms-align-items: center; align-items: center; }
.lg-aib{ -ms-align-items: baseline; align-items: baseline; }
.lg-ais{ -ms-align-items: stretch; align-items: stretch; }
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;700&family=Noto+Serif+JP:wght@200;400;700&family=Roboto:ital,wght@0,100;0,400;0,900;1,100;1,400;1,900&display=swap");
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css);    .hidden{
display: none;
}
div, img, figure, section, article{
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.marker_yellow {background: linear-gradient(transparent 60%, #ffff66 60%);}
.marker_lime {background: linear-gradient(transparent 60%, #c4ffeb 60%);}
.marker_blue {background: linear-gradient(transparent 60%, #c2d4ff 60%);}
.marker_pink {background: linear-gradient(transparent 60%, #ffbfff 60%);}
.nutshell{
border: .5em solid #a96116;
padding: 0 1.2em;
background-color: #f5f5f5;
margin-bottom: 2em;
}
.nutshell h4 span{
color: #fff;
background-color: #013a23;
padding: .3em .6em;
border-radius: 0.125em;
}
a{color: #074c81;}
a:hover{color: #5181a6;}
a.pointer-none{pointer-events: none;}
.frame-white{ border: 0.0625em solid #ffffff;}
.frame-dwhite{ border: 0.0625em solid #f0f0f0;}
.frame-gray{ border: 0.0625em solid #c8c8c8;}
.frame-dgray{ border: 0.0625em solid #727171;}
.frame-lblack{ border: 0.0625em solid #6e6e6e;}
.frame-black{ border: 0.0625em solid #1a1a1a;}
.frame-anchor{ border: 0.0625em solid #074c81;}
.bdw02{border-width: .125em;}
.bdw03{border-width: .187em;}
.bdw04{border-width: .25em;}
.bdw05{border-width: .3125em;}
.bg-white{ background-color: #FFFFFF;}
.bg-dwhite{ background-color: #f0f0f0;}
.bg-gray{ background-color: #c8c8c8;}
.bg-dgray{ background-color: #727171;}
.bg-lblack{ background-color: #6e6e6e;}
.bg-black{ background-color: #1a1a1a;}
.bg-anchor{ background-color: #074c81;}
.c-white{ color: #FFFFFF;}
.c-dwhite{ color: #f0f0f0;}
.c-gray{ color: #c8c8c8;}
.c-dgray{ color: #727171;}
.c-lblack{ color: #6e6e6e;}
.c-black{ color: #1a1a1a;}
.c-anchor{ color: #074c81;}
.hover-op07:hover,
.hover-op07:hover img{opacity: .7;}   body{margin: 0 !important; padding: 0 !important; position: relative; z-index: 1; box-sizing: border-box; overflow-x: hidden; color: #1a1a1a;} body {
font-family: 'Noto Sans JP', sans-serif, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ff-serif{font-family: 'Noto Serif JP', serif, "MS Serif", "New York", "serif";}
.ff-roboto{font-family: 'Roboto', sans-serif;} h1,h2,h3,h4,h5,h6{ clear: both;}
h1.title{
font-family: brandon-grotesque, sans-serif;
font-weight: normal;
font-size: 2.25em;
position: relative;
color: #6e6e6e;
}
h1.title::after{
font-family: 'Noto Sans JP', sans-serif;
position: absolute;
content: attr(date-jptitle);
font-size: .44em;
padding-left: 1em;
bottom: 1em;
}
h1.title.child::after{
padding-left: 0;
left: 0;
bottom: -2.25em;
}
@media screen and (min-width: 1024px){
h1.title{
margin-bottom: 2em;
}
h1.title::after{
padding-left: 0;
left: 0;
bottom: -2.25em;
}
} header{
width: 100%;
height: 4.5em;
box-sizing: border-box;
margin: 0 !important;
padding: 0;
position: fixed;
z-index: 998;
top: 0;
-webkit-transition: all 0.3s ease;
transition: all  0.3s ease;
border-bottom: none;
}
header > div{height: 100%;}
header.with-others{
background-color: #fff;
}
header a{
text-decoration: none;
}
.vacant{
width: 100%;
height: 4.5em;
margin-top: 0;
}
.link-container{
padding-top: 5em;
margin-top: -5em;
z-index: 0;
}
.header-logo{
width: 40%;
height: 100%;
margin-left: 1em;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.header-logo a{
width: 100%;
height: 100%;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.header-logo a img{
width: 100%;
height: auto;
box-sizing: border-box;
}
.header-logo a:hover img{
opacity: .7;
} button.btn_menu {
display: block;
background: none;
border: none;
padding: 0;
width: 4.5em;
height: 4.5em;
color: #1A1A1A;
letter-spacing: 0.1em;
cursor: pointer;
position: fixed;
top: 0;
right: 0;
z-index: 3000;
text-align: center;
outline: none;
} button.btn_menu::after{
font-family: "Font Awesome 6 Free","Font Awesome 6 Brands";
content:'\f0c9';
transition:  all 2s ease-out;
font-size: 2em;
font-weight:900;
top: 50%;left: 50%;
transform: translate(-50% , -50%);
} button.btn_menu.active::after {
content:'\f00d';
}
nav.header-nav-sp {
width: 100%;
height: calc( 100% - 4.5em );
overflow-y: scroll;
transition: all 0.2s;
transform: translate(100%);
position: fixed;
top: 4.5em;
right: 0;
z-index: 2000;
background-color: rgba(255,255,255,0.90);
}
nav.header-nav-sp.open {
transform: translate(0);
}
nav.header-nav-sp a{
box-sizing: border-box;
display: block;
color: #1a1a1a;
padding: 1em;
}
nav.header-nav-sp p{
padding: 0;
margin: 0;
line-height: 1;
border-bottom: .06em solid #1a1a1a;
}
nav.header-nav-sp p.line-link{
border-bottom: none;
}
nav.header-nav-sp p.line-link img{
width: 20em;
}
nav.header-nav-sp p.entry a{
background-color: #010101;
color: #fff;
}
nav.header-nav-sp p.opencompany{
border-bottom: none;
}
nav.header-nav-sp p.opencompany a{
background-color: #FF6E00;
color: #fff;
}
nav.header-nav-sp .toggle{
position: relative;
}
nav.header-nav-sp .toggle > p > a{
width: calc(100% - 3em);
}
nav.header-nav-sp input[type="checkbox"]{
display: none;
}
nav.header-nav-sp .toggle label{
position: absolute;
right: 0;
top: 0;
width: 3em;
height: 3em;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
transition:  all 2s ease-out;
cursor: pointer;
}
nav.header-nav-sp .toggle label::after{
content:'＋';
font-size: 2em;
}
nav.header-nav-sp .accshow {
height: 0;
overflow: hidden;
}
nav.header-nav-sp .accshow p{
border-bottom: .06em dotted #1a1a1a;
}
nav.header-nav-sp .cssacc:checked + label::after{
content:'－';
}
nav.header-nav-sp .cssacc:checked ~ .accshow {
height: auto;
padding-left: 1em;
} @media screen and (min-width: 768px){
.header-logo{
width: 30%;
}
}
@media screen and (min-width: 1024px){
header{
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
.header-logo{
width: 17.8em;
}
nav.header-nav-pc{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
position: relative;
}
nav.header-nav-pc a{
color: #1a1a1a;
}
nav.header-nav-pc > ul {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
nav.header-nav-pc > ul > li{
margin: 0;
padding: 0 1em;
list-style-type: none;
font-size: 1em;
height: 100%;
color: #1A1A1A;
}
nav.header-nav-pc > ul > li > a{
padding: 0 .5em;
box-sizing: border-box;
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
border-bottom: 0.3em solid transparent;
}
nav.header-nav-pc > ul > li > a:hover{
color: #032138;
border-bottom: 0.3em solid #032138;
}
nav.header-nav-pc > ul > li.line-link > a{
width: 3.8em;
}
nav.header-nav-pc > ul > li.line-link > a:hover{
border-bottom: none;
}
nav.header-nav-pc > ul > li.line-link > a:hover img{
opacity: .7;
}
nav.header-nav-pc > ul > li:last-child{
padding-right: 0;
}
nav.header-nav-pc > ul > li:last-child > a{
width: 12.65vw;
background-color: #1a1a1a;
color: #fff;
}
nav.header-nav-pc > ul > li:last-child > a:hover{
color: #fff;
background-color: #6e6e6e;
border-bottom: 0.3em solid #6e6e6e;
}
nav.header-nav-pc > ul > li.opencompany{
padding-right: 0;
position: absolute;
right: 0;
top: 4.5em;
}
nav.header-nav-pc > ul > li.opencompany > a{
width: 12.65vw;
background-color: #FF6E00;
color: #fff;
}
nav.header-nav-pc > ul > li.opencompany > a:hover{
color: #fff;
background-color: #ffb67f;
border-bottom: 0.3em solid #ffb67f;
}
.child_menu {
width: 100vw;
position: absolute;
top: 100%;
left: -13.66vw;
padding-top: 2em;
padding-bottom: 2em;
background: rgba(255,255,255,0.80);
visibility: hidden;
}
.menu:hover .child_menu {
visibility: visible;
}
.child_menu .wrap,
.child_menu-container{
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-between;
}
.child_menu .wrap{
-ms-align-items: flex-start;
align-items: flex-start;
}
.child_menu .wrap h1.title{
width: 30%;
}
.child_menu-container{
width: 69%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.child_menu-item{
width: 30%;
margin-bottom: 1em;
}
.child_menu-item .image{
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 33.3%;
position: relative;
}
.child_menu-item .image img{
position: absolute;
top: 50%; left: 50%; width: 100%; height: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.child_menu-item p{
margin-top: 0;
}
.child_menu-item a:hover{
color: #6e6e6e;
transition: 0.2s linear;
}
.child_menu-item a:hover img{
filter: grayscale(50%);
}
} footer {
background-color: #f6f6f6;
width: 100%;
padding: 4em 0 0;
}
.gallery-container{
width: 100%;
overflow-x: scroll;
}
.gallery-container ul.insta_list{
display: flex;
list-style-type: none;
gap: 1em;
margin: 1em 0;
padding: 0;
width: 786vw;
}
.gallery-container ul.insta_list li{
position: relative;
width: 78.6vw;
}
.gallery-container ul.insta_list li::before{
content: "";
display: block;
padding-top: 100%;
}
.gallery-container ul.insta_list a{
position: absolute;
top: 50%;
object-fit: cover;
transform: translateY(-50%);
}
.gallery-container ul.insta_list img{
width: 100%;
}
@media screen and (min-width: 768px){
.gallery-container ul.insta_list{
width: 393vw;
}
.gallery-container ul.insta_list li{
width: 39.3vw;
}
}
@media screen and (min-width: 1024px){
.gallery-container{
box-sizing: border-box;
margin: auto;
width: 74.68vw;
overflow-x: inherit;
}
.gallery-container ul.insta_list{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.gallery-container ul.insta_list li{
width: 19%;
}
}
footer a{
color: #1A1A1A;
text-decoration: none;
}
footer a:hover{color: #6e6e6e;}
footer .site-info{
text-align: center;
}
footer .sns_links a{
display: inline-block;
width: 2em;
height: 2em;
border-radius: 50%;
background-color: #1a1a1a;
color: #fff;
overflow: hidden;
margin: .1em;
line-height: 2;
}
footer .sns_links a i{
font-size: 1.2em;
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
footer .sns_links a:hover{
background-color: #6E6E6E;
}
footer .sitemap{
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-between;
}
footer .sitemap ul{
list-style-type: none;
padding-left: 0;
width: 50%;
}
footer .sitemap ul li{
margin-bottom: .5em;
}
footer .footer-bottom{
padding-top: 1em;
padding-bottom: 1em;
text-align: center;
background-color: #fff;
} @media screen and (min-width: 1024px){
footer .info{
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
footer .sitemap-base{
margin-top: 3em;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-between;
}
footer .site-info{
width: 40%;
text-align: left;
}
footer .site-info .td-logo{
width: 50%;
}
footer .sitemap{
width: 60%;
}
} .scrollTop {
position: fixed;
right: 1em;
bottom:  1em;
opacity: 0;
z-index: 10000;
transition: all 0.4s ease-in-out 0s;
}
.scrollTop a {
color: #1A1A1A;
background-color: #FFFFFF;
border: .12em solid #1A1A1A;
width: 4.5em;
height: 4.5em;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
border-radius: .2em;
text-decoration: none;
}
.scrollTop a i{font-size: 1.5em;}
.scrollTop a:hover{
background-color: #1A1A1A;
border: .12em solid #FFFFFF;
color: #FFFFFF;
} div.frame_map{
position: relative;
padding-bottom: 100%;
height: 0;
overflow: hidden;
z-index:0;
margin-bottom: 1em;
}
div.frame_full{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
z-index:0;
margin-bottom: 1em;
}
div.frame_map iframe,
div.frame_map video,
div.frame_full iframe,
div.frame_full video{
border:none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:0;
}
@media screen and (min-width: 1024px){
div.frame_map{
padding-bottom: 56.25%;
}
}
h1.title.sideline{
position: relative;
}
h1.title.sideline::before,
h1.title.sideline::after{
position: absolute;
content: "";
width: 7em;
height: .12em;
background-color: #505050;
top: 1.2em;
left: 50%;
}
h1.title.sideline::before{
transform: translateX(-180%);
}
h1.title.sideline::after{
transform: translateX(80%);
}
.link-btn a{
font-size: 1.2em;
margin: 3em auto;
text-decoration: none;
text-align: center;
font-weight: bold;
letter-spacing: .12em;
display: block;
border: .125em solid #1A1A1A;
background-color: #1A1A1A;
color: #FFFFFF;
border-radius: .2em;
padding: 1.2em 4em;
}
.link-btn a:hover{
color: #1A1A1A;
background-color: #FFFFFF;
}
.more-link{
margin-top: 2em;
margin-bottom: 2em;
}
.more-link a{
font-weight: bold;
letter-spacing: .12em;
display: inline-block;
border: .12em solid #1A1A1A;
text-decoration: none;
background-color: #fff;
color: #1A1A1A;
padding: 1em 2.5em;
box-sizing: border-box;
}
.more-link a:hover{
color: #fff;
background-color: #1A1A1A;
}
.more-link.pointer-none a{
pointer-events: none;
border: .125em solid #b3b3b3;
color: #b3b3b3;
}
.foot-cta{
margin-bottom: 3em;
}
.foot-cta .link,
.foot-cta .link-entry,
.foot-cta .link-corporate{
margin-bottom: 1.5em;
}
.foot-cta .link a,
.foot-cta .link-entry a,
.foot-cta .link-corporate a{
box-sizing:	border-box;
text-align: center;
width: 100%;
height: 4em;
text-decoration: none;
border: .12em solid #1a1a1a;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.foot-cta .link-entry a{
background-color: #1a1a1a;
color: #fff;
}
.foot-cta .link-entry a:hover{
background-color: #6e6e6e;
}
.foot-cta .link a,
.foot-cta .link-corporate a{
color: #1a1a1a;
background-color: #fff;
}
.foot-cta .link-corporate a img{
width: 3em;
height: auto;
margin-right: 1em;
}
.foot-cta .link a:hover,
.foot-cta .link-corporate a:hover{
background-color: #f6f6f6;
}
@media screen and (min-width: 1024px){
.foot-cta{
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.foot-cta .link,
.foot-cta .link-entry,
.foot-cta .link-corporate{
width: 48.8%;
height: 5em;
}
}   #top-hero{
width: 100%;
position: relative;
}
#top-hero .hero-bg{
position: relative;
}
#top-hero .wrap{
position: absolute;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
}
#top-hero .top-banner{
position: absolute;
bottom: 2em;
width: 115%;
transform: translateX(-7.5%);
}
#top-news{
padding-top: 1em;
padding-bottom: 2em;
}
#top-news .top-news-list{
padding: .2em 0;
font-size: 1.2em;
}
#top-news .top-news-list a{
position: relative;
display: block;
padding: 1em .2em;
color: #1A1A1A;
text-decoration: none;
}
#top-news .top-news-list .article-info{
font-size: .8em;
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
#top-news .top-news-list .article-info .news-cat{
padding: .1em 1em;
border-radius: 1.5em;
background-color: #1a1a1a;
color: #fff;
margin-left: 2em;
margin-right: 2em;
}
#top-news .top-news-list h3{
font-weight: normal;
font-size: 1em;
margin: 0;
}
#top-news .top-news-list a:hover,
#top-news .top-news-list a:active{
background-color: #EDEDED;
}
@media screen and (min-width: 1024px){
#top-hero .top-banner{
bottom: 4em;
width: 27em;
transform: translateX(0);
}
#top-news{
padding-top: 5em;
padding-bottom: 5em;
}
#top-news .top-news-list a{
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-align-items: center;
align-items: center;
}
}
.top-content{
position: relative;
}
.top-content .btn-large,
.top-content .btn-small{
margin-bottom: 6%;
}
.top-content .btn-large{
width: 100%;
}
.top-content .btn-small{
width: 47%;
}
.top-content .btn-large a,
.top-content .btn-small a{
display: block;
box-sizing: border-box;
width: 100%;
height: 0;
padding-bottom: 100%;
color: #fff;
text-decoration: none;
}
.top-content .btn-large p,
.top-content .btn-small p{
margin: 0;
padding: 0;
}
.top-content .photo a,
.top-content .color-btn{
position: relative;
overflow: hidden;
}
.top-content .photo a img,
.top-content .photo a p,
.top-content .color-btn a p{
position: absolute;
}
.top-content .photo a img{
top: 50%; left: 50%; width: 100.1%; height: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-emphasis: circle;
}
.top-content .photo a p{
left: 1em;
bottom: 1em;
}
.top-content .color-btn a p{
top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.top-content .color-btn.color01 a{ background-color: #f0c6a6;}
.top-content .color-btn.color02 a{ background-color: #94C4C6;}
.top-content .color-btn.color03 a{ background-color: #CAD0EE;}
.top-content .color-btn.color04 a{ background-color: #A8E0EE;}
.top-content .btn-large a:hover,
.top-content .btn-small a:hover{
opacity: .7;
}
@media screen and (min-width: 1024px){
.top-content .btn-large p,
.top-content .btn-small p{
font-size: 1.75em;
}
.top-content .btn-large,
.top-content .container01{
width: 48.8%;
}
.top-content .container02{
width: 23.18%;
}
.top-content .container01 .btn-small{
width: 47.47%;
}
.top-content .container02 .btn-small{
width: 100%;
margin-bottom: 10.5%;
}
.top-content .btn-large,
.top-content .btn-small{
margin-bottom: 2.4%;
}
}    .bread_crumb{
width: 100%;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-top: 5em;
margin-bottom: 1em;
list-style-type: none;
color: #8C8C8C;
}
.bread_crumb li{
padding: 0.2em;
padding-right: 0.6em;
font-size: .9em;
}
.bread_crumb li a{
color: #727171;
text-decoration: none;
}
.bread_crumb li a:hover{
color: #8c8c8c;
}
.bread_crumb li::after{
font-family: "Font Awesome 6 Free","Font Awesome 6 Brands";
content: '\f054';
font-weight: 900;
padding-left: 0.6em;
}
.bread_crumb li:last-child::after{
content: "";
}
.wrap.child{
letter-spacing: .06em;
}
h1.child-title{
letter-spacing: .1em;
}
h2.child-title{
font-weight: normal;
letter-spacing: 0.1em;
border-bottom: 0.06em solid #b4b4b4;
border-left: .5em solid #032138;
padding-left: 1em;
margin-top: 2em;
margin-bottom: 1em;
}
h3.child-title{margin-top: .5em;}
h3.child-title::before{
font-family: "Font Awesome 6 Free","Font Awesome 6 Brands";
content: '\f0c8';
font-weight: 900;
padding-right: .5em;
color: #032138;
}
h3.child-title + div{
padding-left: 1.8em;
margin-bottom: 2em;
}
@media screen and (min-width: 1024px){
h3.child-title{
font-size: 1.5em;
}
h3.child-title + div{
padding-left: 2.25em;
}
}
div.pc-col-table{
width: 100%;
margin-bottom: 3em;
}
div.pc-col-table dl{
text-align: left;
box-sizing: border-box;
margin-bottom: 0;
margin-top: 0;
border-bottom: 0.06em solid #032138;
}
div.pc-col-table dt,div.pc-col-table dd{
line-height: 1.5;
padding: 1em .5em;
}
div.pc-col-table dt{
font-weight: bold;
padding-bottom: .5em;
}
div.pc-col-table dd{
margin-left: 0;
padding-top: .5em;
}
div.pc-col-table.last-border-none dl:last-child{
border-bottom: none;
}
div.pc-col-table dl.add{
border-bottom: none;
}
div.pc-col-table dl.add dt,
div.pc-col-table dl.add dd{
padding-top: 0;
}
@media screen and (min-width: 1024px){
div.pc-col-table dl{
padding: 1em .5em;
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
div.pc-col-table dt{
min-width: 10em;
width: 12%;
padding-bottom: 1em;
}
div.pc-col-table dd{
padding-top: 1em;
width: 85%;
}
div.pc-col-table.awards dt{
font-size: 1.2em;
}
} .work-nav{
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-between;
margin-bottom: 2em;
}
.work-nav .work-nav-link{
width: 48%;
}
.work-nav .work-nav-link a{
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
width: 100%;
height: 5em;
border: .12em solid #1a1a1a;
background-color: #fff;
color: #1a1a1a;
text-decoration: none;
font-weight: bold;
}
.work-nav .work-nav-link a:hover{
background-color: #f6f6f6;
}
.work-nav .work-nav-link a.none{
pointer-events: none;
background-color: #1a1a1a;
color: #fff;
}
.works-container{
padding-top: 2em;
padding-bottom: 2em;
position: relative;
overflow: hidden;
}
.works-container::before{
position: absolute;
content:'';
z-index: 1;
width: 100%;
height: 100%;
}
.works-container:nth-child(odd)::before{
background-color: #f6f6f6;
}
.works-container .inner{
position: relative;
z-index: 2;
}
@media screen and (min-width: 1024px){
.works-container::before{
margin-left: 12.66vw;
}
.works-container .inner{
padding-left: 3em;
}
} .vision-table{
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-align-items: stretch;
align-items: stretch;
position: relative;
width: 270vw;
}
dl.vision-table-content{
width: 45vw;
height: 100%;
padding: .12em;
margin: 0;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-align-items: stretch;
align-items: stretch;
}
dl.vision-table-content dt,
dl.vision-table-content dd{
box-sizing: border-box;
}
dl.vision-table-content dt{
width: 100%;
height: 3em;
padding: 0;
margin-bottom: .24em;
font-size: 1.27em;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
color: #fff;
}
dl.vision-table-content:nth-child(1) dt{ background-color: #63b4cf;}
dl.vision-table-content:nth-child(2) dt{ background-color: #3b8ebb;}
dl.vision-table-content:nth-child(3) dt{ background-color: #48ba9e;}
dl.vision-table-content:nth-child(4) dt{ background-color: #94c063;}
dl.vision-table-content:nth-child(5) dt{ background-color: #e8bb65;}
dl.vision-table-content:nth-child(6) dt{ background-color: #d77672;}
dl.vision-table-content dd{
width: 100%;
padding: 1.5em 1em 20em;
margin: 0;
}
dl.vision-table-content:nth-child(odd) dd{ background-color: #f4f4f4;}
dl.vision-table-content:nth-child(even) dd{ background-color: #ebebeb;}
dl.vision-table-content dd p{
font-size: .9em;
white-space: break-spaces;
height: 11em;
}
.vision-table .vision-flow{
position: absolute;
width: 100%;
height: 20em;
left: 0;
bottom: 0;
}
.vision-table .vision-flow div{
position: absolute;
}
.vision-table .vision-flow .item01,
.vision-table .vision-flow .item02,
.vision-table .vision-flow .item03,
.vision-table .vision-flow .item04,
.vision-table .vision-flow .item05,
.vision-table .vision-flow .item06,
.vision-table .vision-flow .item07{
border-radius: .5em;
background-color: #fff;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.vision-table .vision-flow .item01,
.vision-table .vision-flow .item02,
.vision-table .vision-flow .item03{
border: .12em solid #00afec;
}
.vision-table .vision-flow .item04,
.vision-table .vision-flow .item05,
.vision-table .vision-flow .item06{
border: .12em solid #187fc4;
width: 13%;
height: 3em;
right: 25%;
transform: translateX(50%);
}
.vision-table .vision-flow .item01{
width: 63.66%;
height: 8.5em;
bottom: 5.5em;
right: 34.33%;
}
.vision-table .vision-flow .item02{
width: 30%;
height: 3em;
bottom: 15.5em;
right: 66.66%;
transform: translateX(50%);
}
.vision-table .vision-flow .item03{
width: 40%;
height: 3em;
bottom: 1em;
right: 34.33%;
}
.vision-table .vision-flow .item04{bottom: 10em;}
.vision-table .vision-flow .item05{bottom: 6.5em;}
.vision-table .vision-flow .item06{bottom: 1em;}
.vision-table .vision-flow .item07{
border: .12em solid #6356a3;
bottom: 1em;
right: 1%;
width: 15%;
height: 13em;
}
.vision-table .vision-flow .item-dashed{
border: .12em dashed #187fc4;
border-radius: .5em;
width: 15%;
height: 8.5em;
right: 25%;
transform: translateX(50%);
bottom: 5.5em;
}
.double-arrow-ud{
width: .2em;
height: 1.5em;
background-color: #1a1a1a;
}
.double-arrow-ud::before,
.double-arrow-ud::after{
position: absolute;
content:"";
border-right: .4em solid transparent;
border-left: .4em solid transparent;
}
.double-arrow-ud::before{
border-bottom: .5em solid #1a1a1a;
top: -.5em;
left: 50%;
transform: translateX(-50%);
}
.double-arrow-ud::after{
border-top: .5em solid #1a1a1a;
bottom: -.5em;
left: 50%;
transform: translateX(-50%);
}
.double-arrow-ud.arrow01,
.double-arrow-ud.arrow02{
bottom: 14em;
}
.double-arrow-ud.arrow01{
right: 70%;
}
.double-arrow-ud.arrow02{
right: 60%;
}
.double-arrow-ud.arrow03,
.double-arrow-ud.arrow04{
bottom: 4em;
}
.double-arrow-ud.arrow03{
right: 59%;
}
.double-arrow-ud.arrow04{
right: 50%;
}
.double-arrow-lr{
width: 3em;
height: .2em;
background-color: #1a1a1a;
}
.double-arrow-lr::before,
.double-arrow-lr::after{
position: absolute;
content:"";
border-top: .4em solid transparent;
border-bottom: .4em solid transparent;
}
.double-arrow-lr::before{
border-right: .5em solid #1a1a1a;
top: 50%;
left: -.5em;
transform: translateY(-50%);
}
.double-arrow-lr::after{
border-left: .5em solid #1a1a1a;
top: 50%;
right: -.5em;
transform: translateY(-50%);
}
.double-arrow-lr.arrow05,
.double-arrow-lr.arrow06,
.double-arrow-lr.arrow07{	right: 33.33%; transform: translateX(50%);}
.double-arrow-lr.arrow08,
.double-arrow-lr.arrow09,
.double-arrow-lr.arrow10{ right: 16.66%; transform: translateX(50%);}
.double-arrow-lr.arrow05,
.double-arrow-lr.arrow08{bottom: 11.5em;}
.double-arrow-lr.arrow06,
.double-arrow-lr.arrow09{bottom: 8em;}
.double-arrow-lr.arrow07,
.double-arrow-lr.arrow10{bottom: 2.5em;}
.vision-ex-item h2.vision-ex-title{
width: 100%;
margin-bottom: 2em;
}
.vision-ex-item h2.vision-ex-title img{
display: block;
width: 20%;
margin: 1em auto;
}
.vision-ex-item h2.vision-ex-title span{
position: relative;
text-align: center;
background-color: #eee;
height: 3em;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
color: #fff;
}
.vision-ex-item h2.vision-ex-title span::after{
position: absolute;
content:"";
border-left: .7em solid transparent;
border-right: .7em solid transparent;
border-top: 1.5em solid #eee;
bottom: -1.5em;
left: 50%;
transform: translateX(-50%);
}
.vision-ex-item h2.vision-ex-title.ex01 span{background-color: #4c8dcb;}
.vision-ex-item h2.vision-ex-title.ex01 span::after{border-top: 1.5em solid #4c8dcb;}
.vision-ex-item h2.vision-ex-title.ex02 span{background-color: #17b8d2;}
.vision-ex-item h2.vision-ex-title.ex02 span::after{border-top: 1.5em solid #17b8d2;}
.vision-ex-item dl{
margin-bottom: 1em;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-align-items: stretch;
align-items: stretch;
}
.vision-ex-item dl dt,
.vision-ex-item dl dd{
box-sizing: border-box;
}
.vision-ex-item dl dt{
background-color: #a6b4c8;
color: #fff;
width: 5em;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
position: relative;
}
.vision-ex-item dl dt::before{
position: absolute;
content: "";
width: 0;
height: 1.2em;
box-sizing: border-box;
border-left: .2em solid #a6b4c8;
bottom: -1.1em;
left: 50%;
}
.vision-ex-item dl:last-child{
margin-bottom: 3em;
}
.vision-ex-item dl:last-child dt::before{
border-left: .2em dashed #a6b4c8;
height: 3.2em;
bottom: -3em;
}
.vision-ex-item dl:last-child dt::after{
position: absolute;
content: "";
width: 0;
height: 2em;
box-sizing: border-box;
border-left: .2em solid #a6b4c8;
bottom: -2em;
left: 50%;
}
.vision-ex-item dl dd{
width: calc(100% - 5em);
padding: 1em;
border: .12em solid #e6e6e6;
margin-left: 0;
}
table.vision{margin: 1em auto;width: auto;}
table.vision th, table.vision td {
padding: 1em;
vertical-align: middle;
line-height: 1.5;
position: relative;
}
table.vision th{
text-align: right;
font-weight: bold;
padding-left: 0;
border-right: .3em solid #505050;
width: 13em;
}
table.vision th::after{
position: absolute;
display: block;
content: "";
width: 1em;
height: 1em;
background-color: #515151;
clip-path: circle(50% at 50% 50%);
right: -.65em;
top: 0;
}
table.vision tr:first-child th::after{background-color: transparent;}
table.vision td p.note{
font-size: .8em;
padding: 0;margin: 0;
position: absolute;
top: 0;	
}
table.vision tr:nth-child(3) td p.note{top: 2rem;}
table.vision td .card{
display: flex;
-ms-align-items: center;
align-items: center;
}
table.vision td .card .text{width: 15em;}
table.vision td .card .image{
font-size: .8em;
width: 13em;
text-align: center;
padding: 1em;
}
table.vision td .card .image img{
width: 100%;
display: block;
}
@media screen and (min-width: 768px){
.vision-table{
width: 180vw;
}
dl.vision-table-content{
width: 30vw;
}
}
@media screen and (min-width: 1024px){
.vision-table{
width: 100%;
}
dl.vision-table-content{
width: 16.66%;
}
.vision-ex-item dl{
}
.vision-ex-item dl dt{order: 2;}
.vision-ex-item dl dd{
padding: 2em;
width: calc(50% - 2.5em);
}
.vision-ex-item dl dd:first-child{order: 1;}
.vision-ex-item dl dd:last-child{order: 3;}
.vision-ex-item dl:first-child{
-ms-align-items: baseline;
align-items: baseline;
}
.vision-ex-item dl:first-child dt{
background-color: transparent;
}
.vision-ex-item dl:first-child dt::before{
display: none;
}
.vision-ex-item dl:first-child dd{
padding: 0;
border: none;
}
.vision-ex-item dl:last-child{
margin-bottom: 3em;
}
table.vision tbody{
display: flex;
}
table.vision tr{
display: flex;
flex-direction: column-reverse;
}
table.vision th, table.vision td {
padding: 1em;
vertical-align: middle;
line-height: 1.5;
position: relative;
}
table.vision th{
text-align: center;
border-right: none;
border-top: .3em solid #505050;
width: auto;
}
table.vision th::after{	right: auto;top: -.65em;left: 0;}
table.vision tr:first-child th::after{background-color: transparent;}
table.vision td p.note{top: auto;	bottom: 1em;}
table.vision tr:nth-child(2) td p.note{left: -1em;}
table.vision tr:nth-child(3) td p.note{top: auto;bottom: 1em;left: 3em;}
table.vision td .card{
display: flex;
-ms-align-items: center;
align-items: center;
}
table.vision td .card .text{width: 15em;}
table.vision td .card .image{
font-size: .8em;
width: 13em;
text-align: center;
padding: 1em;
}
table.vision td .card .image img{
width: 100%;
display: block;
}
} .culture-item{
padding-top: 2em;
border-top: .12em solid #8c8c8c;
margin-bottom: 2em;
}
.culture-item dl dt{
width: 4em;
text-align: center;
background-color: #1a1a1a;
color: #fff;
font-weight: bold;
margin-bottom: .7em;
}
.culture-item dl dd{
margin-left: 0;
}
.culture-item:last-child{
padding-bottom: 2em;
border-bottom: .12em solid #8c8c8c;
}
@media screen and (min-width: 1024px){
.culture-item:nth-last-child(2){
padding-bottom: 2em;
border-bottom: .12em solid #8c8c8c;
}
} .infographics-content{
position: relative;
}
.infographics-content .box-large,
.infographics-content .box-small,
.infographics-content .box-oblong{
background-color: #FFFFFF;
border: .12em solid #dcdcdc;
position: relative;
margin-bottom: 6%;
height: 0;
}
.infographics-content .box-large,
.infographics-content .box-oblong{
width: 100%;
}
.infographics-content .box-small{
width: 47%;
}
.infographics-content .box-large,
.infographics-content .box-small{
padding-bottom: 100%;
}
.infographics-content .container01 .box-small,
.infographics-content .box-oblong{
padding-bottom: 47%;
}
.infographics-content .box-large h4,
.infographics-content .box-small h4,
.infographics-content .box-oblong h4{
position: absolute;
margin: 0;
padding: 0;
letter-spacing: .03em;
top: 1em;
left: 1em;
width: calc(100% - 2em);
font-weight: normal;
color: #006fb0;
}
.infographics-content .box-large p,
.infographics-content .box-small p,
.infographics-content .box-oblong p{
position: absolute;
line-height: 1.3;
margin: 0;
padding: 0;
bottom: 1em;
left: 50%;
width: calc(100% - 1.5em);
font-size: .65em;
color: #646464;
transform: translateX(-50%);
}
.infographics-content .box-large img,
.infographics-content .box-small img,
.infographics-content .box-oblong img{
position: absolute;
width: 100%;
height: auto;
}
.infographics-content .box01 img.main{
width: 55%;
top: 1.2em;
right: 1em;
bottom: auto;
}
.infographics-content .box01 img.illust{
width: 55%;
left: .5em;
bottom: 3em;
}
.infographics-content .box01 p{
bottom: 2.3em;
}
.infographics-content .box02 h4{
top: 3em;
}
.infographics-content .box02 img.main{
width: 55%;
left: 1em;
bottom: 3em;
}
.infographics-content .box02 img.illust{
width: 39%;
top: 1em;
right: 1em;
}
.infographics-content .box03 img.main{
width: calc(100% - 2em);
bottom: 3em;
left: 50%;
transform: translateX(-50%);
}
.infographics-content .box03 img.illust{
width: 30%;
top: 1.5em;
right: 3em;
}
.infographics-content .box03 p{
bottom: 2.3em;
}
.infographics-content .box04 img{
width: calc(100% - 2em);
bottom: 3em;
left: 50%;
transform: translateX(-50%);
}
.infographics-content .box05 img.main{
width: calc(100% - 2em);
bottom: 3em;
left: 50%;
transform: translateX(-50%);
}
.infographics-content .box05 img.illust{
width: 28%;
top: 1.2em;
right: 1em;
}
.infographics-content .box05 p{
bottom: 2.3em;
}
.infographics-content .box06 img.main{
width: calc(100% - 2em);
bottom: 4em;
left: 50%;
transform: translateX(-50%);
}
.infographics-content .box06 img.illust{
width: 25%;
top: 2em;
right: 2em;
}
.infographics-content .box07 img,
.infographics-content .box08 img{
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50% , -50%);
}
.infographics-content .box07 p{
bottom: 2.3em;
}
@media screen and (min-width: 768px){
.infographics-content .box-large h4,
.infographics-content .box-small h4,
.infographics-content .box-oblong h4{
font-size: 1.75em;
}
.infographics-content .box-large p,
.infographics-content .box-small p,
.infographics-content .box-oblong p{
width: calc(100% - 2.5em);
font-size: .8em;
}
.infographics-content .box01 img.main{
top: 2em;
right: 1.75em;
}
.infographics-content .box01 img.illust{
bottom: 4em;
}
.infographics-content .box02 h4{
top: 3em;
}
.infographics-content .box02 img.main{
left: 1.75em;
bottom: 4em;
}
.infographics-content .box02 img.illust{
width: 36%;
top: 2.5em;
right: 1.75em;
}
.infographics-content .box03 img.main{
width: calc(100% - 3.5em);
bottom: 4em;
}
.infographics-content .box03 img.illust{
top: 2.5em;
right: 4em;
}
.infographics-content .box03 p{
bottom: 2.3em;
}
.infographics-content .box04 img,
.infographics-content .box05 img.main{
width: calc(100% - 3.5em);
bottom: 4em;
}
.infographics-content .box05 img.illust{
width: 25%;
top: 2em;
right: 1.75em;
}
.infographics-content .box05 p{
bottom: 2.3em;
}
.infographics-content .box06 img.main{
width: calc(100% - 3.5em);
bottom: 6em;
left: 50%;
transform: translateX(-50%);
}
.infographics-content .box06 img.illust{
width: 21%;
top: 3em;
right: 3em;
}
.infographics-content .box06 p,
.infographics-content .box08 p{
bottom: 2.3em;
}
.infographics-content .box07 img,
.infographics-content .box08 img{
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50% , -50%);
}
.infographics-content .box07 p{
bottom: 2.3em;
}
}
@media screen and (min-width: 1024px){
.infographics-content .box-large,
.infographics-content .box-small{
margin-bottom: 2.4%;
}
.infographics-content .box-oblong{
margin-bottom: 5.5%;
}
.infographics-content .box-large,
.infographics-content .container02{
width: 48.8%;
}
.infographics-content .box-large{
padding-bottom: 48.8%;
}
.infographics-content .container01{
width: 23.18%;
}
.infographics-content .container01 .box-small{
width: 100%;
padding-bottom: 100%;
margin-bottom: 9.5%;
}
.infographics-content .box-large p,
.infographics-content .box-small p,
.infographics-content .box-oblong p{
font-size: 1em;
}
.infographics-content .box01 img.illust{
bottom: 6em;
}
.infographics-content .box02 img.main{
bottom: 6em;
}
.infographics-content .box03 img.main{
bottom: 6em;
}
.infographics-content .box04 img,
.infographics-content .box05 img.main{
bottom: auto;
top: 50%;
transform: translate(-50% , -50%);
}
.infographics-content .box06 img.main{
bottom: 8em;
}
} .faq-container dl{
margin-bottom: 1em;
}
.faq-container dl dt,
.faq-container dl dd{
padding: 1em;
padding-left: 2em;
text-indent: -2em;
margin: .1em 0;
}
.faq-container dl dt::before,
.faq-container dl dd::before{
font-weight: bold;
}
.faq-container dl dt::before{
content:"Ｑ．";
}
.faq-container dl dd::before{
content:"Ａ．";
}
.faq-container dl dd{
background-color: #f6f6f6;
} .flow-container{}
.flow-item{
position: relative;
}
.flow-item::before{
position: absolute;
height: 100%;
width: 1em;
background-color: #f6f6f6;
content:'';
top: 2em;
right: 2.75em;
z-index: 1;
}
.flow-item:last-child::before{
display: none;
}
.flow-item dl dt,
.flow-item > p{
padding-left: 1.5em;
padding-right: 7em;
}
.flow-item .flow_circle{
width: 5.5em;
height: 5.5em;
border-radius: 50%;
background-color: #9fa0a0;
position: absolute;
top: 0;
right: 0.5em;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
z-index: 2;
}
.flow-item .flow_circle p{
color: #fff;
}
.flow-item dl{
position: relative;
border-bottom: .12em solid #1a1a1a;
padding-bottom: .5em;
margin-bottom: 2em;
}
.flow-item dl::before{
position: absolute;
content:'';
border: 1em solid transparent;
border-top-color: #1a1a1a;
bottom: -2.12em;
left: 3em;
}
.flow-item:last-child dl::before{
border-top-color: transparent;
}
@media screen and (min-width: 1024px){
.flow-item dl{
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
} .more-link a.pointer-none{
pointer-events: none;
border: .12em solid #6e6e6e;
color: #6e6e6e;
}
@media screen and (min-width: 1024px){
a.tel{
pointer-events: none;
}
.more-link a.tel{
pointer-events: none;
border: .12em solid #6e6e6e;
color: #6e6e6e;
}
} .oc-container .item{
margin-bottom: 1em;
padding: 2em 1em;
background-color: #f5f5f5;
border-radius: .5em;
color: #636363;
}
.oc-container .item h2{
padding: 0;
margin-top: 0;
}
.oc-container .item h2 span{font-size: .8em;}
.oc-container .item dl.subtitle dt{
display: inline-block;
font-size: .9em;
font-weight: 700;
line-height: 1;
padding: .7em 1em;
border-radius: .5em;
background-color: #FF6E00;
color: #fff;
}
.oc-container .item dl.subtitle dd{margin-left: 0;font-weight: bold;}
.oc-container .item .image img{display: block; width: 100%; margin-bottom: 1em;}
.oc-container .item .text h3,.oc-container .item .text p{margin: 0;padding: 0;line-height: 2;}
.oc-container .item .text p.menu{font-weight: bold;}
.oc-container .item table th,.oc-container .item table td{padding: .2em;}
.oc-container .item table th{width: 5em;vertical-align: text-top;}
.oc-top-hero{width: 100%;}
.oc-top-hero h1{width: 100%;margin: 0;padding: 0;}
.oc-top-hero h1 img{display: block;width: 100%;height: auto;}
.cta-banner {
position: fixed;
right: 1em;
bottom:  6em;
z-index: 10000;
}
.cta-banner a {
display: block;
width: 6em;
height: 6em;
text-decoration: none;
}
.cta-banner a img{width: 100%;}
.cta-banner a:hover img{opacity: 70%;}
.oc-wrap{width: 100%;margin: 0 auto;font-size: 1.15em;}
.oc-wrap h2{
text-align: center;
position: relative;
font-size: 2em;
letter-spacing: .15em;
}
.oc-wrap h2::before{
position: absolute;
display: block;
width: 100%;
content:attr(date-en);
color: #FFCC41;
font-size: .5em;
top: -.5em;left: 50%;
transform: translateX(-50%);
letter-spacing: normal;
}
.oc-program.image{width: 100%;}
.oc-program.image img{width: 100%;}
table.oc-schedule th,table.oc-schedule td{border-top: .06em solid #606060; padding: .5em; vertical-align: text-top}
table.oc-schedule tr:last-child th,table.oc-schedule tr:last-child td{border-bottom: .06em solid #606060;}
table.oc-schedule th{min-width: 5em;}
ul.check, ul.note{padding-left: 1em;}
ul.check li, ul.note li{padding-left: .2em;}
ul.check li::marker{content:"✓";font-weight: 700;}
ul.note li::marker{	content:"※";}
.oc-wrap ul.note{margin: 0;font-size: .9em;}
#content-entry{padding: 3em 0;}
dl.faq-list dt,dl.faq-list dd{
padding: 1em 1em 1em 4.5em;
position: relative;
}
dl.faq-list dt{font-weight: bold;background-color: #E5E5E5;}
dl.faq-list dd{margin-left: 0;padding-top: 1.1em;font-weight: bold;}
dl.faq-list dd span{font-weight: normal;}
dl.faq-list dt::before,dl.faq-list dd::before{
position: absolute;
display: block;
width: 1em;
text-align: center;
left: .5em;	top: .5em;
box-sizing: border-box;
font-weight: bold;
line-height: 1;
font-size: 1.7em;
}
dl.faq-list dt::before{content: 'Q.';}
dl.faq-list dd::before{content: 'A.';top: .7em;}
.entry-link{
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
padding-bottom: 4em;
}
.entry-link a{
margin: 2em 1em;
padding: 1em 2.5em;
border-radius: 100vw;
background-color: #636363;
color: #fff;
text-decoration: none;
transition: all .5s;
}
.entry-link a::after{
font-family: "Font Awesome 6 Free","Font Awesome 6 Brands";
content: '\f054';
font-weight: 900;
padding-left: 0.6em;
}
.entry-link a:hover{background-color: #b1b1b1;}
.entry-link a.recruit-nab{background-color: #0c72cc;}
.entry-link a.recruit-nab::after{content: '\f08e';}
.entry-link a.recruit-nab:hover{background-color: #85B8E5;}
.entry-link a.caretasu-nab{background-color: #0ca5b0;}
.entry-link a.caretasu-nab::after{content: '\f08e';}
.entry-link a.caretasu-nab:hover{background-color: #76d3d9;}
.entry-link a.mainav-nab{background-color: #00D0FF;}
.entry-link a.mainav-nab::after{content: '\f08e';}
.entry-link a.mainav-nab:hover{background-color: #85E8FF;}
.for-ncg-sns{width: 100%;margin: 2em auto;}
.for-ncg-sns figure{
margin: .5em 0;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
}
.for-ncg-sns figure a{display: block;width: 4em;height: 4em;transition: all .5s;}
.for-ncg-sns figure a img{width: 100%;}
.for-ncg-sns figure figcaption{width: calc(100% - 6em);text-align: right;position: relative;}
.for-ncg-sns figure figcaption::after{
position: absolute;
display: block;
content:"";
width: 1em;height: 2em;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
background-color: #8C8C8C;
top: 50%;right: -1.5em;
transform: translateY(-50%);
}
@media (min-width: 768px){
.cta-banner a{ width: 10em; height: 10em;}
.oc-container .item{
margin-bottom: 1.5em;
padding: 2em 1.5em;
}
.oc-program.image{width: 75%;margin: auto;}
.oc-wrap ul.check{width: 73%;margin: auto;}
.for-ncg-sns{width: 65%;}
}
@media (min-width: 1024px){
.cta-banner a{ width: 13em; height: 13em;}
.oc-container{padding-top: 4em;}
.oc-container .item{margin-bottom: 2.5em;padding: 2em 2.5em;}
.oc-container .item h2{font-size: 2em;}
.oc-container .item dl{
display: flex;
-ms-align-items: center;
align-items: center;
font-size: 1.5em;
}
.oc-container .item dl dt{
width: 7em;
margin-right: 1em;
text-align: center;
}
.oc-container .item .content{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
-ms-align-items: flex-start;
align-items: flex-start;
}
.oc-container .item .image{width: 42%;}
.oc-container .item .text{width: 55%;}
.oc-container .item table th{text-align: left;}
.oc-wrap{width: 48.28%;font-size: 1.25em;line-height: 2em;}
.oc-wrap h2{margin-top: 2em;font-size: 2.5em;}
.for-ncg-sns{display: flex;justify-content: center;}
.for-ncg-sns figure{display: block;width: 9em;position: relative;}
.for-ncg-sns figure a{margin: auto;}
.for-ncg-sns figure a img{transition: all .5s;}
.for-ncg-sns figure figcaption{
width: 15em;
text-align: center;
position: absolute;
bottom: -5em;	left: 50%;
transform: translate(-50%, 1em);
opacity: 0;transition: all .5s;
}
.for-ncg-sns figure figcaption::after{
width: 2em;height: 1em;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
top: -1em;right: auto;left: 50%;
transform: translateX(-50%);
}
.for-ncg-sns figure a:hover img{transform: rotate(45deg);}
.for-ncg-sns figure a:hover ~ figcaption{opacity: 100;transform: translate(-50%, 0);}
.entry-link a{font-size: 1.2em}
} .form-container{width: 100%;margin: 0 auto 1rem;}
.form-container dt .required{
display: block;
font-size: .8em;
color: #f00;
}
.form-container dt .required::before{
content:"*必須";
}
.form-container dd{margin-left: 1em;}
.form-container .formWrap > dl{margin-bottom: 1rem;}
.form-container .formWrap input,.form-container .formWrap button{cursor: pointer;}
.form-container .formWrap input[type="text"],
.form-container .formWrap input[type="email"],
.form-container .formWrap input[type="tel"],
.form-container .formWrap input[type="date"],
.form-container .formWrap select,
.form-container .formWrap textarea{
background-color: #fff;
border-radius: .12em;
padding: .8em;
border: .06em solid #939498;
width: 100%;
}
[class*="radio"] label,
[class*="checkbox"] label{
border-radius: .12em;
padding: .8em;
display: flex;
-ms-align-items: center;
align-items: center;
margin-bottom: .7em;
}
.form-container .formWrap input[type="text"]:hover,
.form-container .formWrap input[type="email"]:hover,
.form-container .formWrap input[type="date"]:hover,
.form-container .formWrap select:hover,
.form-container .formWrap textarea:hover{
border: .06em solid #162144;
}
[class*="radio"] label:hover,
[class*="checkbox"] label:hover{
background-color: #efefef;
}
.form-container .formWrap input[type="text"]::placeholder,
.form-container .formWrap input[type="email"]::placeholder,
.form-container .formWrap input[type="tel"]::placeholder,
.form-container .formWrap input[type="date"]::placeholder,
.form-container .formWrap textarea::placeholder{
color: #D1D3D4;
}
.form-container .formWrap .checkbox,.form-container .formWrap .radio,
.wpcf7-radio,.wpcf7-checkbox{
display: flex;
flex-wrap: wrap;
}
.form-container .formWrap input[type="checkbox"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 1em;
position: relative;
width: 2em;height: 2em;
margin-right: .5em;
border: .1rem solid #eaeaea;
background-color: #fff;
border-radius: .12em;
}
.form-container .formWrap input[type="checkbox"]:checked::before{
position: absolute;
content:"";
top: .2em;
left: .6em;
transform: rotate(50deg);
width: .5em;
height: 1em;
border-right: .2em solid #515151;
border-bottom: .2em solid #515151;
}
.form-container .formWrap input[type="radio"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 1em;
position: relative;
width: 2rem;height: 2rem;
margin-right: .5rem;
border: .1rem solid #eaeaea;
background-color: #fff;
border-radius: 100vw;
}
.form-container .formWrap input[type="radio"]:checked::before{
position: absolute;
content:"";
top: 50%;
left: 50%;
transform: translate(-50% ,-50%);
width: 1.3rem;
height: 1.3rem;
background-color: #515151;
border-radius: 100vw;
}
.form-container input[type="submit"],.form-container input[type="reset"],.form-container button[type="button"]{
margin: 1rem;
display: inline-block;
text-decoration: none;
border-radius: 100vw;
font-size: 1.2rem;
width: 8em;
letter-spacing: .2em;
text-align: center;
line-height: normal;
font-weight: bold;
background-color: #515151;
color: #fff;
padding: .66em;
transition: all .5s;
border: none;
cursor: pointer;
}
.form-container input[type="submit"]:disabled,.form-container input[type="reset"]:disabled,.form-container button[type="button"]:disabled{
background-color: #a8a8a8;
color: #cacaca;
}
.form-container input[type="reset"]{
color: #3b3c3c;
background-color: #cdcdcd;
}
.form-container button[type="button"]{
border:.1em solid #515151;
background-color: #fff;
color: #515151;
}
.form-container .example-message{
color: #8A8A8A;
font-size: .8em;
text-align: left;
margin-top: .1rem;
margin-bottom: .1rem;
width: 100%;
}
.form-container .formWrap input[type="text"].name-text,
.form-container .formWrap input[type="text"].p-postal-code,
.form-container .formWrap input[type="text"].p-region,
.form-container .formWrap input[type="tel"]{width: 11em;}
.form-container .formWrap input[type="text"].p-locality{width: 15em;}
.form-container .formWrap input[type="text"].number_of_cars{width: 5em;}
.form-container .formWrap input[type="text"].p-postal-code,
.form-container .formWrap input[type="text"].p-region,
.form-container .formWrap input[type="text"].p-locality{margin-bottom: .5em;}
.form-container .formWrap .agreement{justify-content: center;font-size: .8rem;}
.form-container .formWrap .submit-container{
display: flex;
justify-content: space-evenly;
position: relative;
}
.form-container .formWrap .submit-container .wpcf7-spinner{
position: absolute;
bottom: -1em;
}
.wpcf7-response-output{}
@media (min-width: 768px){
.form-container{width: 76.73%;}
}
@media (min-width: 1024px){
.form-container{width: 60%;}
}    .interview-cat{
background-color: #f0f0f0;
padding-top: 3em;
padding-bottom: 3em;
margin-bottom: 3em;
}
.interview-cat-list{
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.interview-cat-list h4{
width: 4em;
margin: 0;
padding-top: .2em;
padding-bottom: .2em;
}
.interview-cat-list ul{
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin-top: 0;
width: calc( 100% - 4em);
}
.interview-cat-list ul li{
padding-right: .5em;
padding-bottom: .5em;
}
.interview-cat-list ul li a{
padding-top: .2em;
padding-bottom: .2em;
background-color: #fff;
color: #1a1a1a;
min-width: 5em;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
box-sizing: border-box;
padding-left: 1em;
padding-right: 1em;
border-radius: 2em;
text-decoration: none;
}
.interview-cat-list ul li a:hover{
background-color: #f6f6f6;
color: #6E6E6E;
}
.interview-list .interview-list-item{
width: 100%;
padding: 0;
margin: 1em 0 2em;
}
.interview-list .interview-list-item a{
text-decoration: none;
}
.interview-list .interview-list-item img{
width: 100%;
}
.interview-list .interview-list-item p{
color: #1a1a1a;
margin-bottom: 0;
padding-bottom: 0;
}
.interview-list .interview-list-item h4{
font-size: 1.6em;
margin-top: 0;
font-weight: normal;
color: #1a1a1a;
}
.interview-list .interview-list-item h4::after{
content:attr(date-en);
padding-left: 1em;
color: #8c8c8c;
font-size: .9em;
}
.interview-list .interview-list-item a:hover{
opacity: .7;
}
.interview-list .interview-list-item a:hover p,
.interview-list .interview-list-item a:hover h4{
color: #6e6e6e;
}
.interview-list .interview-list-item a:hover h4::after{
color: #A3A3A3;
}
#schedule-3days{padding-top: 2em;padding-bottom: 2em;}
.schedule-tabs {
margin-top: 3em;
padding-bottom: 2em;
background-color: #fff;
box-shadow: 0 0 .6em rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;
}
.schedule-tabs .tab_item {
width: calc(100%/3);
height: 3em;
border-bottom: .3em solid #5ab4bd;
background-color: #d9d9d9;
text-align: center;
color: #565656;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
float: left;
font-weight: bold;
transition: all 0.2s ease;
}
.schedule-tabs .tab_item:hover { opacity: 0.75;}
.schedule-tabs input[name="tab_item"] { display: none;}
.schedule-tabs .tab_content {
display: none;
padding: 2em 1em 0;
clear: both;
overflow: hidden;
}
#day1:checked ~ #day1_content,
#day2:checked ~ #day2_content,
#day3:checked ~ #day3_content { display: block;}
.schedule-tabs input:checked + .tab_item {
background-color: #5ab4bd;
color: #fff;
}
table.schedule th,table.schedule td{padding: 1rem;vertical-align: top;line-height: 1.5;}
table.schedule th{text-align: right;font-weight: bold;padding-left: 0;border-right: .3rem solid #5ab4bd;position: relative;}
table.schedule th::after{position: absolute;display: block;content: "";width: 1rem;height: 1rem;background-color: #515151;clip-path: circle(50% at 50% 50%);right: -.65rem;top: 1.5rem;}
table.schedule td dl{margin: 0;}
table.schedule td dt{font-weight: bold;}
table.schedule td dd{font-size: .9em;margin-left: 0;}
.schedule-images{
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
padding: .5rem;
}
.schedule-images .image{max-width: 50%;padding: 1rem .1rem;}
.schedule-images .image img{width: 100%;}
@media screen and (min-width: 768px){
.interview-cat-list h4{
width: 6em;
}
.interview-cat-list ul{
width: calc( 100% - 6em );
}
}
@media screen and (min-width: 1024px){
.interview-cat-list h4{
width: 6em;
padding-left: 1.5em;
}
.interview-cat-list ul{
width: calc( 100% - 6em);
}
.interview-list{
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -1.5em;
margin-right: -1.5em;
}
.interview-list .interview-list-item{
width: calc(100% / 3);
padding-left: 1.5em;
padding-right: 1.5em;
}
.schedule-tabs{width: 80%;}
.schedule-tabs table.schedule {width: 80%; margin: 0 auto;}
.schedule-tabs table.schedule td dd{width: 80%;}
.schedule-images {width: 80%; margin: 0 auto;}
} .interview-hero{
width: 100%;
margin-bottom: 5em;
}
.interview-hero p.index{
font-size: 1.6em;
}
.interview-hero .interviewee-info{
background-color: #1e1e1e;
color: #fff;
}
.interview-hero .interviewee-info .inner{
width: 78.6%;
box-sizing: border-box;
margin: 0 auto;
padding-top: 2em;
padding-bottom: 2em;
}
.interview-hero .interviewee-info p{
margin: 0;
padding: 0;
}
.interview-hero .interviewee-info h4{
font-size: 1.6em;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-weight: normal;
}
.interview-hero .interviewee-info h4::after{
content:attr(date-en);
padding-left: 1em;
color: #8c8c8c;
font-size: .9em;
}
.interview-container dl dt{
font-size: 1.2em;
color: #727171;
position: relative;
text-indent: 2em;
margin-bottom: 1em;
}
.interview-container dl dt::before{
position: absolute;
content: "";
width: 1.2em;
height: .06em;
background-color: #727171;
top: 1em;
left: 0;
}
.interview-container dl dd{
padding-left: 0;
margin-left: 0;
}
.to-jobhunters{
background-color: #7db3b3;
padding-top: 3em;
padding-bottom: 3em;
}
.to-jobhunters .interview-container dl dt,
.to-jobhunters .interview-container dl dd{
color: #ffffff;
}
.to-jobhunters .interview-container dl dt::before{
background-color: #fff;
}
@media screen and (min-width: 768px){
}
@media screen and (min-width: 1024px){
.interview-hero{
position: relative;
}
.interview-hero .wrap{
position: absolute;
left: 12vw;
top: 50%;
transform: translateY(-65%);
}
.interview-hero p.index{
font-size: 2.3em;
text-shadow: 0 0 .12em #fff;
}
.interview-hero .interviewee-info{
position: absolute;
width: 33%;
left: 12vw;
bottom: -2em;
}
.interview-hero .interviewee-info .inner{
width: 100%;
margin: 0 auto;
padding-left: 2em;
padding-top: 2em;
padding-bottom: 2em;
}
.interview-hero .interviewee-info p{
font-size: 1.5em;
}
.interview-hero .interviewee-info h4{
font-size: 2.3em;
}
}    .article-list{
padding-top: 1em;
padding-bottom: 1em;
border-bottom: .06em solid #032138;
}
.article-list::after{
content: ".";
display: block;
visibility: hidden;
height: 0;
font-size: 0;
clear: both;
}
.article-list a.more-link{
font-weight: bold;
letter-spacing: .12em;
display: inline-block;
border: .12em solid #1a1a1a;
text-decoration: none;
background-color: #fff;
color: #1a1a1a;
padding: .8em 2.5em;
text-align: right;
}
a.more-link:hover{
color: #fff;
background-color: #1a1a1a;
} .page-nav {
clear: both;
margin-top: 5em;
margin-bottom: 3em;
text-align: center;
font-weight: bold;
}
.page-nav li {
display: inline;
list-style: none outside none;
}
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
padding: 0.25em 0.8em;
display: inline-block;
position:relative;
}
.page-nav li a {
border: none;
color: #505050;
text-decoration: none;
}
.page-nav li a:hover {
background-color: #c7c7c7;
color: #505050;
}
.page-nav li.current span {
background-color: #eef2f3;
border: none;
color: #505050;
}
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
background-color: transparent;
border: none;
color: #C7C7C7;
text-decoration: none;
}
.page-nav li.page_nums span {
background: #666666;
border: .0625em solid #333;
color: #fff;
} .article-wrap{
}
.article-date{
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-align-items: center;
align-items: center;
font-size: .75em;
}
.article-date .date{
margin-right: 2em;
}
.article-date .cat{
display: inline-block;
padding: .2em .7em;
background-color: #032138;
color: #fff;
}
h1.article-title{
font-weight: normal;
font-size: 2.1em;
}
.link-back{
margin-top: 3em;
text-align: right;
}
.link-back a{
font-weight: bold;
letter-spacing: .12em;
display: inline-block;
border: .12em solid #1a1a1a;
text-decoration: none;
background-color: #fff;
color: #1a1a1a;
padding: .8em 2.5em;
}
.link-back a:hover{
color: #fff;
background-color: #1a1a1a;
}
.sns__container {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
margin-top: 5em;
margin-bottom: 3em;
}
.sns__container a {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
font-size: 1.5em;
width: 2em;
height:2em;
margin: 0.3em;
border-radius:1.1em;
background-color: #032138;
text-align: center;
color: #fff;
text-decoration: none;
transition-duration: .2s;
}
.sns__container a:hover {
background-color: #eef2f3;
color: #032138;
}
.arrow-ttb-mdltr{
display: flex;
justify-content:center;
align-items: center;
}
.arrow-ttb-mdltr::after{
display:block;
content:"";
width:0;
height:0;
border-top: 2em solid #ddd;
border-bottom: 0 solid transparent;
border-right: 2em solid transparent;
border-left: 2em solid transparent;"
}
@media screen and (min-width: 768px){
.arrow-ttb-mdltr::after{
border-top: 2em solid transparent;
border-bottom: 2em solid transparent;
border-right: 0 solid transparent;
border-left: 2em solid #ddd;
}
}
@media screen and (min-width: 1024px){
}
.scroll-box {
width:100%;
overflow-x: auto;
padding-bottom: 1em;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
} .scroll-box::-webkit-scrollbar {
height: .2em;
} .scroll-box::-webkit-scrollbar-track {
background: #eee;
} .scroll-box::-webkit-scrollbar-thumb {
background: #aaa;
border: none;
} .scroll-box::-webkit-scrollbar-thumb:hover {
background: #999;
}
@media screen and (min-width: 1024px){
.scroll-box {
overflow-x: infinite;
white-space: normal;
}
}
table{
border-collapse: collapse;
width: 100%;
}
table.type00 th,
table.type00 td{
padding: .2em .5em;
font-size: .9em;
border: 0.06em solid #f2f2f2;
}
table.type01{
width: 100%;
}
table.type01 th,
table.type01 td{
text-align: left;
padding: .2em .5em;
font-size: .9em;
}
table.type01 th{
font-weight: normal;
min-width: 8em;
}
table.type01 tr:nth-child(odd) th,
table.type01 tr:nth-child(odd) td{
background-color: #f2f2f2;
}
table.type01 tr:nth-child(even) th,
table.type01 tr:nth-child(even) td{
background-color: #FFFFFF;
}
table.type02{
width: 100%;
}
table.type02 th,
table.type02 td{
padding: .2em .5em;
font-size: .9em;
border: 0.125em solid #f2f2f2;
}
table.type02 th{
background-color: #b1e5ea;
width: 5em;
}
.spec dl{
width: 100%;
border-bottom: 0.06em solid #b4b4b4;
}
.spec dl dt{
font-weight: bold;
}
.spec dl dd{
margin-left: 0;
margin-bottom: 1em;
}
@media screen and (min-width: 1024px){
.spec dl{
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.spec dl dt{
width: 10em;
}
}
ol.in-brackets{
list-style: none;
counter-reset: number;
padding-left: 2em;
}
ol.in-brackets li::before {
counter-increment: number;
content: '('counter(number)')';
margin-left: -2em;
margin-right: .5em;
}