@charset "UTF-8";
/*
base
=============================== */
/*! ress.css • v2.0.4 MIT License github.com/filipelinhares/ress */
html { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; word-break: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }

*, :after, :before { background-repeat: no-repeat; -webkit-box-sizing: inherit; box-sizing: inherit; }

:after, :before { text-decoration: inherit; vertical-align: inherit; }

* { padding: 0; margin: 0; }

hr { overflow: visible; height: 0; }

details, main { display: block; }

summary { display: list-item; }

small { font-size: 80%; }

[hidden] { display: none; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

a { background-color: transparent; }

a:active, a:hover { outline-width: 0; }

code, kbd, pre, samp { font-family: monospace,monospace; }

pre { font-size: 1em; }

b, strong { font-weight: bolder; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

input { border-radius: 0; }

[disabled] { cursor: default; }

[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; }

textarea { overflow: auto; resize: vertical; }

button, input, optgroup, select, textarea { font: inherit; }

optgroup { font-weight: 700; }

button { overflow: visible; }

button, select { text-transform: none; }

[role=button], [type=button], [type=reset], [type=submit], button { cursor: pointer; color: inherit; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring { outline: 1px dotted ButtonText; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }

button, input, select, textarea { background-color: transparent; border-style: none; }

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

legend { border: 0; color: inherit; display: table; white-space: normal; max-width: 100%; }

::-webkit-file-upload-button { -webkit-appearance: button; color: inherit; font: inherit; }

img { border-style: none; }

progress { vertical-align: baseline; }

svg:not([fill]) { fill: currentColor; }

[aria-busy=true] { cursor: progress; }

[aria-controls] { cursor: pointer; }

[aria-disabled] { cursor: default; }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/NotoSansCJKjp-DemiLight.eot"); src: url("/fonts/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansCJKjp-DemiLight.woff") format("woff"), url("/fonts/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: bold; font-weight: 600; font-display: swap; src: url("/fonts/NotoSansCJKjp-Bold.eot"); src: url("/fonts/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("/fonts/NotoSansCJKjp-Bold.ttf") format("truetype"); }

/*
base role
//影響範囲が大きいため、作成をはじめてからの
//追記は極力避ける
=======================================*/
html { -webkit-text-size-adjust: 100%; }

html body { font-family: "Noto Sans Japanese", sans-serif; color: #2a2a2a; letter-spacing: 0.09em; word-break: break-word; overflow-x: hidden; }

html:before, html:after, body:before, body:after { content: ""; background: #fff; position: fixed; display: block; z-index: 50; }

/* 上 */
html:before { height: 10px; width: 100vw; left: 0; top: 0; }

/* 右 */
html:after { width: 10px; height: 100vh; right: 0; top: 0; }

/* 下 */
body:before { height: 10px; width: 100vw; bottom: 0; left: 0; }

/* 左 */
body:after { width: 10px; height: 100vh; top: 0; left: 0; }

a { text-decoration: none; color: #0080cb; }

a > img { -webkit-transition: .3s; transition: .3s; }

a:hover, a:focus { color: #0000ff; }

a:hover > img, a:focus > img { opacity: .7; }

img { vertical-align: bottom; }

address { font-style: normal; }

::-moz-selection { background: #DEF1FB; /*背景色*/ color: #365299; /*文字色*/ }

::selection { background: #DEF1FB; /*背景色*/ color: #365299; /*文字色*/ }

::-moz-selection { background: #DEF1FB; /*背景色*/ color: #365299; /*文字色*/ }

/*
grobal width
========================================*/
.width { width: calc(100% - 20px); max-width: 1620px; margin: 0 auto; }

/*
input style
========================================*/
input[type="submit"] { cursor: pointer; }

/*
layout
=============================== */
.wrapper__js-scroll-prevent { position: fixed; z-index: -1; width: 100%; height: 100%; top: 0; right: 0; }

.header { width: calc(100% - 20px); max-width: 1620px; margin: 0 auto; }

.header__inner { padding: 10px 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.header__cover { min-width: 33px; }

.header__nav-btn { border-top: 1px solid #2a2a2a; border-bottom: 1px solid #2a2a2a; padding-bottom: 5px; margin-top: 7px; }

.header__nav-txt { display: inline-block; font-size: 0.6875rem; font-weight: 600; padding: 6px 0 6px 1px; width: 100%; border-bottom: 1px solid #2a2a2a; text-transform: uppercase; letter-spacing: 1px; }

.nav { visibility: hidden; position: fixed; top: 0; right: 0; height: 100%; width: 290px; padding: 50px 20px 20px; background: #DEF1FB; z-index: 10; -webkit-transform: translateX(300px); transform: translateX(300px); -webkit-transition: all .4s; transition: all .4s; -webkit-box-shadow: -3px 0px 6px rgba(0, 0, 0, 0.2); box-shadow: -3px 0px 6px rgba(0, 0, 0, 0.2); overflow-y: auto; -webkit-overflow-scrolling: touch; }

.nav.-open { visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); }

.nav__list { list-style-type: none; }

.nav__closed-btn { width: 35px; height: 32px; position: absolute; top: 20px; right: 20px; }

.nav__closed { height: 1px; width: 100%; display: block; background: #2a2a2a; position: absolute; top: 15px; left: 0; }

.nav__closed.-a { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.nav__closed.-b { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.nav__item { text-align: center; border-bottom: 1px solid #2a2a2a; }

.nav__item.-color { border-bottom: none; padding: 20px 0; }

.nav__link { color: #2a2a2a; padding: 20px 0; display: block; }

.nav__link:visited { color: #2a2a2a; }

.nav__link:hover { color: #2a2a2a; }

.nav__link.-color { color: #0000ff; border: 1px solid #0000ff; display: block; padding: 20px 10px; background: #fff; }

.nav__link.-color:visited { color: #0000ff; }

.sub-nav { padding: 0 10px; list-style: none; font-size: 0.75rem; }

.sub-nav__item + .sub-nav__item { margin-top: 7px; }

.sub-nav__item::before { content: "-"; }

.sub-nav__link { color: #365299; }

.sub-nav__link:hover, .sub-nav__link:active, .sub-nav__link:focus { color: #0080cb; }

.footer { background: #444444; color: #fff; font-size: 0.8125rem; padding: 40px 0 0; }

.footer__inner { width: calc(100% - 20px); max-width: 1620px; margin: 0 auto; padding: 0 20px; }

.footer__name { font-size: 1.125rem; }

.footer__bottom { background: #fff; margin-top: 40px; padding: 5px 0; }

.footer__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 10px 10px; width: calc(100% - 20px); max-width: 1620px; margin: 0 auto; }

.footer__pmark > img { width: 100%; max-width: 50px; }

.footer__copy { color: #2a2a2a; text-align: right; }

.foot-access__title { font-size: 0.9375rem; margin-top: 30px; font-weight: 600; }

.foot-access__access { margin-top: 15px; line-height: 1.8; }

.foot-access__gmap { color: #DEF1FB; }

.foot-access__gmap::before { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: .75em; color: #fff; padding-right: 5px; }

.foot-access__gmap:visited { color: #cba5d4; }

.foot-access__gmap:hover, .foot-access__gmap:focus { color: #7ecef4; font-weight: 600; }

/*
component
=============================== */
.sitemap + .banner { margin-top: 40px; }

.banner__link > img { width: 100%; max-width: 300px; }

.block-link { position: relative; margin: 1em; display: inline-block; padding: 15px 100px 15px 15px; font-size: 0.875rem; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.block-link::before, .block-link::after { content: ''; display: block; position: absolute; border-style: solid; width: 45px; height: 21px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.block-link::before { top: -4px; left: -4px; border-width: 1px 0 0 1px; z-index: 5; }

.block-link::after { bottom: -4px; right: -4px; border-width: 0 1px 1px 0; }

.block-link__content.-arrow { display: inline-block; position: absolute; top: 50%; right: 30px; width: 30px; height: 1px; background: #0080cb; }

.block-link__content.-arrow::after { content: ""; height: 1px; display: block; width: 1px; background: #fff; -webkit-transform-origin: left; transform-origin: left; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; }

.block-link__content.-arrow.-arrow-white { background: #fff; }

.block-link__content.-arrow.-arrow-white::after { background: #7ecef4; }

.block-link:hover .block-link__content.-arrow::after, .block-link:focus .block-link__content.-arrow::after { -webkit-transform: scaleX(30); transform: scaleX(30); }

.block-link.-clear { color: #0080cb; }

.block-link.-clear::before, .block-link.-clear::after { border-color: #0080cb; }

.block-link.-clear:hover, .block-link.-clear:focus { color: #fff; background-color: #0080cb; }

.block-link.-clear:hover::before, .block-link.-clear:hover::after, .block-link.-clear:focus::before, .block-link.-clear:focus::after { width: calc(100% + 8px); height: calc(100% + 8px); border-color: #0080cb; }

.block-link.-white { color: #fff; }

.block-link.-white::before, .block-link.-white::after { border-color: #fff; }

.block-link.-white:hover, .block-link.-white:focus { color: #fff; background-color: rgba(255, 255, 255, 0.2); }

.block-link.-white:hover::before, .block-link.-white:hover::after, .block-link.-white:focus::before, .block-link.-white:focus::after { width: calc(100% + 8px); height: calc(100% + 8px); border-color: #fff; }

.bread { width: calc(100% - 20px); max-width: 1620px; margin: 0 auto; font-size: 0.75rem; padding: 5px 0; }

.bread__item { text-transform: uppercase; display: inline; }

.bread__item::after { content: "→"; padding: 0 7px; vertical-align: middle; }

.bread__item:last-of-type::after { content: ""; padding: 0; }

.bread__link { color: #0080cb; text-decoration: underline; }

.bread__link:visited { color: #884898; }

.bread__link:hover, .bread__link:active, .bread__link:focus { color: #0000ff; }

.contents { width: calc(100% - 20px); max-width: 1420px; margin: 0 auto; }

.contents + .contents { margin-top: 50px; }

.main__img + .contents { margin-top: 50px; }

.bread + .contents { margin-top: 50px; }

.main__flex > .contents { margin-top: 50px; }

.directory + .contents { margin-top: 50px; }

.contents__head { z-index: 1; }

.contents__head.-small { font-size: 1.5625rem; }

.contents__desc + .contents__head { margin-top: 30px; }

.contents__head-in { text-align: center; position: relative; }

.contents__head-in.-left { text-align: left; }

.contents__head-in.-en { font-size: 0.8125rem; color: #20aaec; display: block; }

.contents__head-in.-ja { font-weight: 400; font-size: 1.875rem; display: block; }

.contents__desc { font-size: 0.9375rem; }

.contents__desc + .contents__desc { margin-top: 20px; }

.corp-logo { font-size: 1rem; line-height: 1; }

.corp-logo__link.-head > img { width: 100%; max-width: 140px; }

.directory { width: calc(100% - 20px); max-width: 1620px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; padding: 20px 0 0; }

.directory__item { width: 50%; padding: 5px; }

.directory__link { display: block; padding: 15px; border-bottom: 1px solid #ddd; font-size: 0.8125rem; color: #888; position: relative; -webkit-transition: color .3s; transition: color .3s; }

.directory__link::before { content: ""; width: 100%; height: 1px; position: absolute; bottom: -1px; left: 0; opacity: 0; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, -webkit-transform .4s; transition: transform .4s, opacity .4s; transition: transform .4s, opacity .4s, -webkit-transform .4s; background: #0080cb; z-index: 2; }

.directory__link:hover, .directory__link:active, .directory__link:focus { color: #0070b2; }

.directory__link:hover::before, .directory__link:active::before, .directory__link:focus::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }

.directory__link:hover::after, .directory__link:active::after, .directory__link:focus::after { -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.directory__link::after { content: "\f063"; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; top: calc(50% - 0.5em); right: 20px; color: #0080cb; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); }

.directory__link.-out::after { content: "\f061"; }

.filter { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; }

.filter.-black02 { background: rgba(0, 0, 0, 0.2); }

.filter.-active { display: block; }

.head { width: calc(100% - 20px); max-width: 1620px; margin: 0 auto; text-align: center; color: #fff; position: relative; padding: 5px; overflow: hidden; }

.head__border { border: 1px solid #fff; padding: 40px 0; }

.head__in { display: block; }

.head__in.-en { font-size: 1.25rem; text-transform: uppercase; font-family: din-2014,
 sans-serif; font-weight: 800; font-style: normal; }

.head__in.-ja { font-size: 0.75rem; font-weight: 400; }

.head::before { content: ''; display: block; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background-size: cover; -webkit-filter: blur(5px) brightness(1.3); filter: blur(5px) brightness(1.3); background-position: center center; z-index: -1; }

.head::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, rgba(54, 82, 153, 0.7), rgba(0, 160, 254, 0.7), rgba(0, 0, 255, 0.3)); z-index: -1; }

.head.-company::before { background-image: url(../img/home/services-sys.jpg); }

.head.-works::before { background-image: url(../img/home/services-ses.jpg); }

.head.-privacy::before { background-image: url(../img/home/services-ses.jpg); }

.head.-access::before { background-image: url(../img/home/services-ses.jpg); }

.head.-services::before { background-image: url(../img/home/services-sys.jpg); }

.head.-recruit::before { background-image: url(../img/home/services-sys.jpg); }

.list { padding-left: 20px; }

.list.-pd { padding: 10px; padding-left: 20px; }

.list.-pdbig { padding: 10px; padding-left: 30px; }

.list__item + .list__item { margin-top: 10px; }

.list__item.-kome { position: relative; list-style-type: none; }

.list__item.-kome::before { content: "※ "; position: absolute; left: -20px; }

.main__sub { padding-bottom: 40px; }

.main__img { text-align: center; margin-top: 40px; }

.main__img > img { width: 100%; max-width: 1000px; }

.sitemap__list { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sitemap__item { width: 50%; margin-top: 30px; padding: 5px; }

.sitemap__link { color: #fff; font-size: 0.875rem; display: block; padding: 7px 3px; border-bottom: 1px solid #fff; }

.sitemap__link:hover, .sitemap__link:focus { background: #365299; color: #fff; }

.sitemap__inner-list { margin-top: 15px; list-style-type: none; }

.sitemap__inner-item { text-indent: -1rem; padding-left: 1rem; }

.sitemap__inner-item::before { content: "└"; color: #fff; margin-right: 2px; }

.sitemap__inner-item + .sitemap__inner-item { margin-top: 7px; }

.sitemap__inner-link { color: #fff; text-indent: 0; position: relative; }

.sitemap__inner-link:hover, .sitemap__inner-link:focus { color: #7ecef4; border-bottom: 1px dashed #7ecef4; }

.table.-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; position: relative; border: 1px solid #0080cb; }

.table.-scroll::before { content: "※下記の表は横に動かして見ることができます"; color: #365299; font-size: .8em; }

.table__body { font-size: 0.875rem; margin-top: 50px; border-collapse: collapse; width: 100%; border-bottom: 1px solid #ddd; }

.table__body.-nom { margin-top: 10px; }

.-scroll > .table__body { min-width: 900px; margin-top: 0; }

.table__th, .table__td { padding: 10px; display: block; text-align: left; }

.-scroll .table__th, .-scroll .table__td { display: table-cell; padding: 20px 10px; border-top: 1px solid #ddd; }

.table__th { font-size: 1rem; border-top: 1px solid #ddd; white-space: nowrap; }

.table__pcsp { font-size: 0.8125rem; margin-top: 30px; border-collapse: collapse; width: 100%; }

.table__pcsp-th, .table__pcsp-td { padding: 10px; display: block; text-align: left; }

.table__pcsp-th .-small, .table__pcsp-td .-small { font-weight: 400; color: #888; font-size: 0.75rem; }

.table__pcsp-th { border-top: 1px solid #ddd; white-space: nowrap; }

/*
pages
=============================== */
.services:last-of-type { padding-bottom: 50px; }

.services__img-box > img { width: 100%; max-width: 800px; }

.services__box { margin-top: 30px; }

.services__desc { margin-top: 20px; font-size: 0.875rem; }

.services__media { margin-top: 20px; }

.services__block { width: 95%; max-width: 1200px; margin: 30px auto 0; background: #fff; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); padding: 20px 10px; }

.services__color-lead { background: linear-gradient(45deg, #0080cb, #4567bd); color: #fff; padding: 5px; font-size: 1rem; }

.services__att { width: 95%; max-width: 1200px; margin: 30px auto 0; background: #ddd; padding: 10px; font-size: 0.875rem; }

@media screen { [hidden~=screen] { display: inherit; }
  [hidden~=screen]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }

@media only screen and (min-width: 375px) { .test { color: red; } }

@media only screen and (min-width: 750px) { .test { color: red; } .footer__pmark > img { width: 100%; max-width: 70px; } .break.-sponly { display: none; } .contents__head { font-size: 3.75rem; }
  .contents__head.-small { font-size: 2.1875rem; }
  .main__img + .contents { margin-top: 60px; }
  .contents__desc { margin-top: 30px; font-size: 1rem; } .directory__item { width: 25%; }
  .directory__item.-half { width: 50%; } .main__img { margin-top: 40px; }
  .main__img > img { width: 100%; max-width: 1000px; } .table.-scroll { overflow-x: initial; border: none; }
  .table.-scroll::before { content: ""; }
  .table__body { width: 100%; max-width: 1000px; margin: 40px auto; }
  .-scroll > .table__body { min-width: 0; }
  .table__body.-nom { margin-top: 10px; }
  .table__th, .table__td { font-size: 1rem; width: auto; display: table-cell; padding: 30px 10px; border-top: 1px solid #ddd; }
  .table__td.-rowspan { border-top: 1px dotted #ddd; }
  .table__pcsp { font-size: 1rem; }
  .table__pcsp-th, .table__pcsp-td { padding: 10px; width: auto; display: table-cell; border: #ddd 1px solid; }
  .table__pcsp-th .-small, .table__pcsp-td .-small { font-size: 0.875rem; }
  .table__pcsp-th { background: #DEF1FB; width: 40%; } }

@media print, screen and (min-width: 950px) { .test { color: red; } .header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0 5px; }
  .header__inner { padding: 0; display: block; }
  .header__nav-btn { display: none; } .nav { visibility: visible; position: relative; top: auto; right: auto; height: auto; width: 100%; padding: 40px 10px 10px; background: transparent; z-index: 10; -webkit-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none; overflow-y: visible; font-size: 0.875rem; }
  .nav__closed-btn { display: none; }
  .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .nav__item { border-bottom: none; padding: 0; }
  .nav__item.-color { padding: 0; }
  .nav__item + .nav__item { padding-left: 30px; }
  .nav__link { display: inline; padding: 15px 5px; position: relative; }
  .nav__link::after { content: ""; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background: linear-gradient(45deg, #0080cb, #0000ff); opacity: 0; -webkit-transition: opacity .7s; transition: opacity .7s; }
  .nav__link:hover { color: #0000ff; font-weight: 600; }
  .nav__link:hover::after { content: ""; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background: linear-gradient(45deg, #0080cb, #0000ff); opacity: 1; }
  .nav__link.-color { position: relative; z-index: 1; padding: 10px 50px; display: inline; border: none; border-radius: 30px; white-space: nowrap; color: #0000ff; background: linear-gradient(45deg, #0080cb, #0000ff); }
  .nav__link.-color span { position: relative; z-index: 2; }
  .nav__link.-color::before { content: ""; position: absolute; top: 0; left: 0; z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 30px; padding: 1px; width: 100%; height: 100%; background: #fff; background-clip: content-box; -webkit-transition: background .7s, color .3s; transition: background .7s, color .3s; }
  .nav__link.-color:hover { color: #fff; }
  .nav__link.-color:hover::after { opacity: 0; }
  .nav__link.-color:hover::before { background: transparent; } .sub-nav { position: absolute; top: -15px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .sub-nav__item + .sub-nav__item { margin-top: 0; padding: 0 10px; }
  .sub-nav__item::before { content: "/"; padding-right: 10px; color: #2a2a2a; }
  .sub-nav__item:first-of-type::before { content: ""; }
  .sub-nav__link:hover, .sub-nav__link:active, .sub-nav__link:focus { color: #0080cb; } .footer { font-size: 0.9375rem; padding: 80px 0 0; }
  .footer__inner { display: -ms-grid; display: grid; -ms-grid-rows: -webkit-max-content -webkit-max-content -webkit-max-content; -ms-grid-rows: max-content max-content max-content; -ms-grid-columns: 1fr 2fr; grid-template: "name sitemap" -webkit-max-content
 "foot-access sitemap" -webkit-max-content
 "foot-access foot-banner" -webkit-max-content /
 1fr 2fr; grid-template: "name sitemap" max-content
 "foot-access sitemap" max-content
 "foot-access foot-banner" max-content /
 1fr 2fr; }
  .footer__name { grid-area: name; }
  .footer__banner { grid-area: foot-banner; }
  .foot-access { grid-area: foot-access; }
  .sitemap { grid-area: sitemap; }
  .footer__name { -ms-grid-row: 1; -ms-grid-column: 1; }
  .footer__banner { -ms-grid-row: 3; -ms-grid-column: 2; }
  .foot-access { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 1; }
  .sitemap { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; } .block-link { font-size: 1rem; padding: 20px 120px 20px 20px; } .break.-pcnone { display: none; } .contents + .contents { margin-top: 70px; }
  .main__img + .contents { margin-top: 70px; }
  .main__flex > .contents { margin-top: 70px; }
  .bread + .contents { margin-top: 70px; }
  .directory + .contents { margin-top: 70px; }
  .contents__desc { margin-top: 30px; font-size: 1rem; }
  .contents__head-in.-en { font-size: 0.9375rem; }
  .contents__head-in.-ja { font-size: 2.1875rem; } .corp-logo__link.-head > img { width: 100%; max-width: 200px; } .directory { width: calc(100% - 20px); max-width: 1000px; margin: 0 auto; }
  .directory__link { font-size: 1rem; } .head__border { padding: 90px 0; }
  .head__in.-en { font-size: 1.875rem; }
  .head__in.-ja { font-size: 1rem; } .main__img { margin-top: 80px; }
  .main__sub { padding-bottom: 80px; } .sitemap { font-size: 0.8125rem; }
  .sitemap__item { width: calc(100% / 3); margin-top: 0; padding: 0 10px 10px 10px; }
  .sitemap__link { padding: 12px 5px 10px; font-size: 0.9375rem; }
  .sitemap__inner-item + .sitemap__inner-item { margin-top: 12px; } .services__lead { font-size: 1.375rem; line-height: 1; }
  .services__media { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; }
  .services__img-box { width: 50%; padding-right: 20px; }
  .services__img-box > img { width: 100%; max-width: 800px; }
  .services__inner { width: 50%; padding-left: 20px; }
  .services__box { margin-top: 40px; }
  .services__box.-innerbox { margin-top: 0; }
  .services__desc { margin-top: 30px; font-size: 1rem; }
  .services__block { padding: 20px; }
  .services__color-lead { padding: 10px; font-size: 1.125rem; } }

@media only screen and (min-width: 1300px) { .test { color: red; } .nav { padding: 70px 10px 10px; font-size: 1rem; }
  .nav__item + .nav__item { padding-left: 60px; }
  .nav__link { padding: 10px; } .break.-pcnone { display: block; } .contents__head { font-size: 2.5rem; }
  .contents__head.-small { font-size: 3.125rem; } .corp-logo__link.-head > img { width: 100%; max-width: 300px; } .main__flex { width: calc(100% - 20px); max-width: 1620px; margin: 0 auto; background-image: url(../img/logo-gray.png); background-repeat: no-repeat; background-size: 700px; background-position: bottom 50px left 200px; } .sitemap { font-size: 0.875rem; }
  .sitemap__item { width: 25%; margin-top: 0; padding: 0 10px 10px 10px; }
  .sitemap__link { font-size: 1rem; padding: 12px 5px 10px; }
  .sitemap__inner-item + .sitemap__inner-item { margin-top: 12px; } }