@charset "UTF-8";
/*!
* ress.css • v1.1.2
* MIT License
* github.com/filipelinhares/ress
*/
/* # =================================================================
# Global selectors
# ================================================================= */
html {
  box-sizing: border-box;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* iOS 8+ */ }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
::before,
::after {
  vertical-align: inherit;
  text-decoration: inherit;
  box-sizing: border-box; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-weight: 500; }

/* # =================================================================
# General elements
# ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0; }

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */ }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-style: normal; }

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

summary {
  display: list-item;
  /* Add the correct display in all browsers */ }

small {
  font-size: 100%;
  /* Set font-size to 80% in `small` elements */ }

[hidden],
template {
  display: none;
  /* Add the correct display in IE */ }

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */ }

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ }

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */ }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */ }

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ }

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */ }

ul,
ol {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000; }

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

address,
em {
  font-style: normal; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  rt:not(:target) {
    position: relative;
    top: -0.7em;
    /* IE10（\9なしでIE11にも適用） */ } }
/* # =================================================================
# Forms
# ================================================================= */
input {
  border-radius: 0; }

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer; }

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default; }

[type="number"] {
  width: auto;
  /* Firefox 36+ */ }

[type="search"] {
  -webkit-appearance: textfield;
  /* Safari 8+ */ }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */ }

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */ }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */ }

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */ }

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ }

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */ }

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */ }

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */ }

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */ }

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */ }

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */ }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */ }

[type="search"] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */ }

/* # =================================================================
# Specify media element style
# ================================================================= */
img {
  max-width: 100%;
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
  vertical-align: bottom; }

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline; }

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */ }

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */ }

/* # =================================================================
# Accessibility
# ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress; }

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer; }

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default; }

/* # =================================================================
# Selection
# ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

ul {
  letter-spacing: -.4em; }
  ul li {
    letter-spacing: normal; }

@media print {
  body {
    min-width: 1024px !important; } }
.header_logo {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4; }
  @media only screen and (max-width: 768px) {
    .header_logo {
      width: 100px;
      display: block !important;
      z-index: 999999999; } }

.header_gNav {
  width: 600px;
  padding: 0px 40px;
  top: 2.5%;
  right: 2.5%;
  position: fixed;
  background: #333333;
  z-index: 4; }
  @media only screen and (max-width: 768px) {
    .header_gNav {
      display: none; } }
  .header_gNav li {
    margin-right: 30px;
    display: inline-block; }
    .header_gNav li:last-child {
      margin-right: 0; }
  .header_gNav a {
    padding: 15px 0px 12px;
    color: #d6d6d6;
    display: block;
    border-bottom: 3px solid #333333;
    font-weight: 600; }
    .header_gNav a:hover {
      border-bottom: 3px solid #DC000C; }

.megaMenu {
  width: 100%;
  display: none;
  left: 0;
  position: absolute; }

.megaMenuLi:hover .megaMenu {
  display: block; }

.megaMenu__List {
  width: 100%;
  padding: 15px 20px;
  border-top: solid 1px #DC000C;
  background-color: rgba(0, 0, 0, 0.9);
  vertical-align: top; }
  @media screen and (max-width: 768px) {
    .megaMenu__List {
      display: none !important; } }
  .megaMenu__List li {
    width: 33.33333%;
    display: inline-block;
    margin: 0;
    padding: 0px 10px;
    border: none;
    transition: all .5s ease-in-out; }
    .megaMenu__List li:hover img {
      transform: scale(1.2);
      transition: all .5s ease-in-out; }
    .megaMenu__List li img {
      transition: all .5s ease-in-out;
      overflow: hidden; }
  .megaMenu__List a {
    border: none;
    color: white; }
    .megaMenu__List a:hover {
      border: none; }

.megaMenu__text {
  margin-top: 5px;
  color: white;
  font-size: 14px; }

.cmnSideBar {
  width: 80px;
  height: 100%;
  background: #DC000C;
  position: fixed; }
  @media only screen and (max-width: 768px) {
    .cmnSideBar {
      display: none; } }
  .cmnSideBar .cmnSideBar__copyText {
    font-size: 10px;
    color: #ffb1b5;
    writing-mode: vertical-rl;
    font-family: "Oswald", sans-serif;
    letter-spacing: 1px;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto; }
  .cmnSideBar .cmnSideBar__icon {
    text-align: center;
    margin-top: 30px; }

.iconList {
  position: absolute;
  bottom: 4%;
  width: 100%; }

.spheader {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 99999999; }
  @media only screen and (max-width: 768px) {
    .spheader {
      display: block; } }
  .spheader .spheader_icon {
    vertical-align: top;
    margin-top: 15px;
    margin-right: 10px;
    display: inline-block; }
  .spheader .spheader_jrlogo {
    position: fixed;
    top: 0;
    z-index: 3;
    right: 59px; }

.hamburger-box .contactBtn {
  background: #0046b7;
  color: white;
  position: relative; }

.hamburger-box .contactBtn a {
  padding: 21px 0px 21px 45px; }

.hamburger-box .contactBtn span {
  position: relative; }

.hamburger-box .contactBtn::before {
  position: absolute;
  color: white;
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 20px;
  top: 19px; }

.hamburger-button {
  width: 60px;
  height: 60px;
  background-color: #DC000C;
  z-index: 9999;
  display: none;
  vertical-align: top; }
  @media only screen and (max-width: 768px) {
    .hamburger-button {
      vertical-align: top;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 3;
      display: block; } }

.hamburger-box {
  width: 100%;
  height: 100vh;
  background-color: #d9d9d9;
  display: none;
  top: 0;
  position: fixed;
  -webkit-overflow-scrolling: auto;
  overflow-scrolling: auto;
  overflow-y: scroll;
  z-index: 999999; }

.hamburger-box .logo_space {
  background-color: #000;
  padding: 5px 0px 5px 0px;
  top: 0; }

.hamburger-box .logo_space p {
  margin: 0; }

.hamburger-box .logo_space a {
  display: inline-block;
  display: inline-block;
  vertical-align: middle; }

.hamburger-box .logo_space a img {
  max-width: 82%; }

.ep-logo {
  margin-top: 6px; }

.eps-logo {
  max-width: 78%; }

.hamburger_bnrList {
  padding: 0;
  width: 90%;
  margin: 125px auto 0px; }

.hamburger_bnrList li {
  display: inline-block;
  width: 50%;
  padding: 0px 6px; }

.bnrList_text {
  font-size: 12px;
  margin-top: 5px; }

.hamburger-box .hamburger-accordion {
  width: 90%;
  margin: 30px auto 0px; }

.hamburger-accordion-list {
  display: none; }

.hamburger-box .hamburger-accordion-list li {
  background: #ececec;
  position: relative; }
  .hamburger-box .hamburger-accordion-list li::after {
    position: absolute;
    content: url(/common/img/bottom_link_arrow.svg);
    right: 15px;
    top: 16px; }

.hamburger-accordion-list li:last-child {
  border-bottom: none; }

.hamburger-accordion-btn {
  cursor: pointer;
  padding: 20px 0px 20px 20px;
  margin: 0;
  position: relative;
  text-align: left;
  font-size: 20px;
  line-height: 1;
  vertical-align: middle;
  border-bottom: 1px solid #c7c7c7; }
  .hamburger-accordion-btn::before {
    content: "";
    height: 3px;
    width: 8px;
    background: #DC000C;
    left: 0px;
    display: block;
    position: absolute;
    top: 30px; }

.hamburger-acoordion-icon {
  background: #a9a9a9;
  color: white;
  height: 100%;
  top: 0;
  position: absolute;
  right: 0;
  width: 60px; }

.two {
  background-color: #DC000C;
  height: 2px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px; }

.one {
  background-color: #DC000C;
  height: 2px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px; }

.hamburger-box ul li .hamburger-accordion-list li a {
  color: #333333;
  padding-left: 20px; }

.hamburger-box ul li .hamburger-accordion-list li {
  border-top: solid 1px #d1d1d1; }
  .hamburger-box ul li .hamburger-accordion-list li a {
    padding: 18px 15px;
    display: block; }

.hamburger-menu {
  background: 0;
  border: 0;
  height: 0.1rem;
  margin: 23px 10px 14px 16px;
  outline: 0;
  padding: 8px 13px 8px 16px;
  position: absolute;
  transition: 0.1s -webkit-transform linear;
  transition: 0.1s transform linear;
  transition: 0.1s transform linear, 0.1s -webkit-transform linear;
  width: 0.4rem;
  z-index: 99999;
  -webkit-transition: 0.1s -webkit-transform linear;
  -o-transition: 0.1s transform linear; }

.hamburger-bar,
.hamburger-bar::before,
.hamburger-bar::after {
  background: #fff;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 50%;
  transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s transform linear;
  width: 100%; }

.hamburger-bar {
  margin-top: -0.4rem;
  height: 0px; }

.hamburger-bar::before {
  top: -0.5rem; }

.hamburger-bar::after {
  top: 0.5rem; }

.hamburger-bar::before,
.hamburger-bar::after {
  transform: rotate(0deg); }

.hamburger-active .hamburger-bar {
  background: 0; }

.hamburger-active .hamburger-bar::before {
  transform: rotate(45deg); }

.hamburger-active .hamburger-bar::after {
  transform: rotate(-45deg); }

.hamburger-active .hamburger-bar::before,
.hamburger-active .hamburger-bar::after {
  top: 0; }

.hamburger-active .hamburger-bar,
.hamburger-active .hamburger-bar::before,
.hamburger-active .hamburger-bar::after {
  -webkit-transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s -webkit-transform linear 0.2s;
  transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s -webkit-transform linear 0.2s;
  -o-transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s transform linear 0.2s;
  transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s transform linear 0.2s;
  transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s transform linear 0.2s, 0.2s -webkit-transform linear 0.2s; }

.hamburger-menu-open {
  transform: translateX(0); }

.hamburger-subLink {
  max-width: 250px;
  margin: 45px auto 0px;
  padding-bottom: 100px; }
  .hamburger-subLink li {
    font-size: 12px;
    padding: 8px 12px;
    display: inline-block; }
    .hamburger-subLink li a {
      color: black; }

.megaMenu_photo {
  overflow: hidden; }

.footer {
  padding-bottom: 40px;
  background: #111111;
  color: #fafafa; }
  .footer .footerTop {
    padding: 30px 0px 25px;
    border-top: 4px solid #DC000C;
    background: #000000;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .footer .footerTop {
        text-align: center; } }
  .footer .footerTop_inner {
    max-width: 1440px;
    width: 85%;
    margin: auto; }
  .footer .footerTop_logo {
    float: left;
    width: 20%; }
    @media only screen and (max-width: 768px) {
      .footer .footerTop_logo {
        float: none;
        width: 100%; } }
    .footer .footerTop_logo img {
      width: 84px;
      height: 34px; }
  .footer .footerTop_list {
    float: right;
    width: 80%;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      .footer .footerTop_list {
        float: none;
        width: 100%;
        margin: 40px auto 0px; } }
    .footer .footerTop_list li {
      margin-right: 40px;
      display: inline-block;
      font-size: 12px;
      transition: all .5s ease-in-out; }
      @media only screen and (max-width: 768px) {
        .footer .footerTop_list li {
          text-align: left;
          margin: 5px 20px;
          display: block; } }
      .footer .footerTop_list li:last-child {
        margin-right: 0; }
    .footer .footerTop_list a {
      color: white;
      transition: all .5s ease-in-out; }
      .footer .footerTop_list a:hover {
        color: #DC000C;
        transition: all .5s ease-in-out; }
  .footer .footer_inner {
    max-width: 1440px;
    width: 85%;
    margin: 40px auto 0px;
    overflow: hidden; }
  .footer .footerAdress {
    width: 35%;
    float: left;
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .footer .footerAdress {
        float: none;
        width: 100%; } }
  .footer .footerAdress_title {
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      .footer .footerAdress_title {
        text-align: center; } }
  .footer .footerAdress_telText {
    margin-top: 20px;
    font-family: "Bebas Neue", cursive;
    font-size: 21px;
    color: white; }
    @media only screen and (max-width: 768px) {
      .footer .footerAdress_telText {
        margin-top: 35px;
        font-size: 35px;
        text-align: center; } }
  .footer .footerAdress_text {
    color: #8d8d8d;
    font-size: 12px;
    line-height: 1.5; }
    @media only screen and (max-width: 768px) {
      .footer .footerAdress_text {
        text-align: center;
        font-size: 12px; } }
  .footer .footerAdress_mini {
    font-size: 14px; }
  .footer .footerAdress_isoBox {
    margin-top: 20px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 768px) {
      .footer .footerAdress_isoBox {
        width: 100%;
        margin: 25px auto 0px;
        justify-content: center; } }
    .footer .footerAdress_isoBox .footerAdress_text {
      margin-top: 10px;
      color: white;
      text-align: center;
      font-size: 75%; }
  .footer .footerAdress_isoBox_inner {
    overflow: hidden;
    margin: 0 3% 0 0 !important; }
    @media only screen and (max-width: 768px) {
      .footer .footerAdress_isoBox_inner {
        display: block;
        text-align: center;
        margin: 0 1% !important; } }
    .footer .footerAdress_isoBox_inner:last-child {
      margin-left: 30px; }
      @media only screen and (max-width: 768px) {
        .footer .footerAdress_isoBox_inner:last-child {
          margin: 10px 0px 0px; } }
  .footer .footerSiteMap {
    width: 65%;
    float: right;
    box-sizing: border-box;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .footer .footerSiteMap {
        float: none;
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .footer .footerSiteMap {
        display: none; } }
  .footer .footer_subTitle {
    border-bottom: 1px solid #313131;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 10px;
    padding-bottom: 12px;
    position: relative; }
    .footer .footer_subTitle a {
      color: white; }
  .footer .footer_subTitle:after {
    background-color: #DC000C;
    content: "";
    height: 1px;
    width: 60px;
    display: inline-block;
    position: absolute;
    bottom: -1px;
    left: 0; }
  .footer .footerSiteMap_inner {
    width: 25%;
    padding-right: 30px;
    float: left;
    vertical-align: top; }
    .footer .footerSiteMap_inner:last-child {
      padding-right: 0; }
    .footer .footerSiteMap_inner li {
      margin-top: 12px;
      font-size: 12px;
      position: relative;
      padding-left: 12px; }
      .footer .footerSiteMap_inner li::before {
        content: "";
        width: 5px;
        height: 5px;
        background: #DC000C;
        display: block;
        top: 5px;
        left: 0px;
        position: absolute; }
      .footer .footerSiteMap_inner li:first-child {
        margin-top: 0; }
      .footer .footerSiteMap_inner li a {
        color: white; }

.iso_text {
  text-align: left !important; }

.footerContactBox {
  padding: 100px 20px 80px;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 2; }
  .footerContactBox:hover::before {
    transition: all .7s ease-in-out;
    transform: scale(1.2); }
  .footerContactBox::before {
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/img/contact_bg@2x.jpg) center center no-repeat;
    background-size: cover;
    transition: all .7s ease-in-out; }
  .footerContactBox p {
    color: white;
    letter-spacing: 1px; }
  .footerContactBox a {
    color: white;
    position: relative;
    z-index: 3; }
  .footerContactBox .footerContactBox_Jatext {
    color: white;
    text-align: center; }
  .footerContactBox .footerContactBox_title {
    font-size: 55px;
    color: white;
    font-family: "Bebas Neue", cursive;
    line-height: 1.2; }

.footerSiteMap_list li a {
  transition: all .5s ease-in-out; }
  .footerSiteMap_list li a:hover {
    transition: all .5s ease-in-out;
    color: #DC000C; }

#other .wrap {
  margin-bottom: 80px; }
  @media only screen and (max-width: 768px) {
    #other .wrap {
      margin-bottom: 40px; } }

#contact .wrap {
  margin-bottom: 80px; }
  @media only screen and (max-width: 768px) {
    #contact .wrap {
      margin-bottom: 40px; } }

.footerAdress_telText a {
  color: white; }

#contact .footerContactBox {
  display: none; }

.top0 {
  margin-top: 0 !important; }

.top5 {
  margin-top: 5px !important; }

.top10 {
  margin-top: 10px !important; }

.top15 {
  margin-top: 15px !important; }

.top20 {
  margin-top: 20px !important; }

.top25 {
  margin-top: 25px !important; }

.top30 {
  margin-top: 30px !important; }

.top35 {
  margin-top: 35px !important; }

.top40 {
  margin-top: 40px !important; }

.top45 {
  margin-top: 45px !important; }

.top50 {
  margin-top: 50px !important; }

.top55 {
  margin-top: 55px !important; }

.top60 {
  margin-top: 60px !important; }

.top65 {
  margin-top: 65px !important; }

.top70 {
  margin-top: 70px !important; }

.top75 {
  margin-top: 75px !important; }

.top80 {
  margin-top: 5pc !important; }

.top85 {
  margin-top: 85px !important; }

.top90 {
  margin-top: 90px !important; }

.top95 {
  margin-top: 95px !important; }

.top100 {
  margin-top: 75pt !important; }

.btm0 {
  margin-bottom: 0 !important; }

.btm5 {
  margin-bottom: 5px !important; }

.btm10 {
  margin-bottom: 10px !important; }

.btm15 {
  margin-bottom: 15px !important; }

.btm20 {
  margin-bottom: 20px !important; }

.btm25 {
  margin-bottom: 25px !important; }

.btm30 {
  margin-bottom: 30px !important; }

.btm35 {
  margin-bottom: 35px !important; }

.btm40 {
  margin-bottom: 40px !important; }

.btm45 {
  margin-bottom: 45px !important; }

.btm50 {
  margin-bottom: 50px !important; }

.btm55 {
  margin-bottom: 55px !important; }

.btm60 {
  margin-bottom: 60px !important; }

.btm65 {
  margin-bottom: 65px !important; }

.btm70 {
  margin-bottom: 70px !important; }

.btm75 {
  margin-bottom: 75px !important; }

.btm80 {
  margin-bottom: 5pc !important; }

.btm85 {
  margin-bottom: 85px !important; }

.btm90 {
  margin-bottom: 90px !important; }

.btm95 {
  margin-bottom: 95px !important; }

.btm100 {
  margin-bottom: 75pt !important; }

.vAT {
  vertical-align: top !important; }

.vAM {
  vertical-align: middle !important; }

.vAB {
  vertical-align: bottom !important; }

.bold {
  font-weight: 700; }

.normal {
  font-weight: 400; }

.w5 {
  width: 5% !important; }

.w10 {
  width: 10% !important; }

.w15 {
  width: 15% !important; }

.w18 {
  width: 18% !important; }

.w20 {
  width: 20% !important; }

.w25 {
  width: 25% !important; }

.w30 {
  width: 30% !important; }

.w35 {
  width: 35% !important; }

.w40 {
  width: 40% !important; }

.w45 {
  width: 45% !important; }

.w49 {
  width: 49% !important; }

.w50 {
  width: 50% !important; }

.w55 {
  width: 55% !important; }

.w60 {
  width: 60% !important; }

.w65 {
  width: 65% !important; }

.w70 {
  width: 70% !important; }

.w75 {
  width: 75% !important; }

.w77 {
  width: 77% !important; }

.w80 {
  width: 80% !important; }

.w85 {
  width: 85% !important; }

.w90 {
  width: 90% !important; }

.w95 {
  width: 95% !important; }

.w100 {
  width: 100% !important; }

.fltL {
  float: left; }

.fltR {
  float: right; }

.text_center {
  text-align: center !important; }

.text_left {
  text-align: left !important; }

.text_right {
  text-align: right !important; }

.pc_show {
  display: block; }
  @media screen and (max-width: 768px) {
    .pc_show {
      display: none !important; } }

.sp_show {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .sp_show {
      display: block !important; } }

.center {
  text-align: center !important; }

.left {
  text-align: left !important; }

.right {
  text-align: right !important; }

.space {
  margin-top: 100px; }
  @media only screen and (max-width: 768px) {
    .space {
      margin-top: 60px; } }

.global_btn {
  width: 300px;
  margin: auto;
  background: #DC000C;
  text-align: center;
  font-size: 18px;
  position: relative;
  transition: all .5s ease-in-out; }
  @media only screen and (max-width: 768px) {
    .global_btn {
      width: 100%; } }
  .global_btn::before {
    content: url(/common/img/btn_arrow.svg);
    position: absolute;
    right: 20px;
    top: 16px;
    transition: all .5s ease-in-out; }
  .global_btn:hover {
    background: black;
    color: white;
    transition: all .5s ease-in-out; }
    .global_btn:hover::before {
      content: url(/common/img/btn_arrow_white.svg);
      transition: all .5s ease-in-out;
      right: 13px; }
  .global_btn a {
    color: white;
    display: block;
    letter-spacing: 1;
    transition: all .5s ease-in-out;
    padding: 19px 0px 20px 0px; }
    .global_btn a:hover {
      padding: 19px 0px 20px 13px; }

.global_btn_side {
  margin: 0; }

.global_btn02 {
  width: 200px;
  margin-top: 20px;
  color: white;
  font-size: 12px;
  border-radius: 4px;
  background-color: #DC000C; }
  .global_btn02 a {
    color: white;
    display: block;
    padding: 5px 10px;
    padding-right: 30px;
    background: url(/common/img/white_arrow.svg) no-repeat right center;
    background-position: 95% 13px;
    transition: all .7s ease-in-out; }
    .global_btn02 a:hover {
      background-color: black;
      border-radius: 4px;
      transition: all .7s ease-in-out; }

.global_h2 {
  margin-top: 70px;
  padding: 20px 20px 17px 37px;
  font-size: 20px;
  font-weight: 600;
  background: #e2e2e2;
  letter-spacing: 0px;
  color: #333333;
  border-bottom: solid 4px #d6d6d6;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .global_h2 {
      margin-top: 30px; } }
  .global_h2:first-child {
    margin-top: 0; }
  .global_h2::before {
    width: 6px;
    height: 20px;
    left: 20px;
    top: 26px;
    background: #DC000C;
    content: "";
    position: absolute; }

.global_h2 + .global_halfTextBox {
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .global_h2 + .global_halfTextBox {
      margin-top: 24px; } }

.global_h2 + p {
  margin-top: 40px; }

.global_h3 {
  margin-top: 50px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 18px;
  letter-spacing: 0.04em;
  border-bottom: 2px solid #e8e8e8;
  position: relative; }
  .global_h3::after {
    background-color: #DC000C;
    content: "";
    height: 2px;
    width: 100px;
    display: inline-block;
    position: absolute;
    bottom: -2px;
    left: 0; }
  .global_h3 span {
    font-weight: 600; }

.global_h3 + p {
  margin-top: 30px; }
  @media only screen and (max-width: 768px) {
    .global_h3 + p {
      margin-top: 20px; } }

.global_h4 {
  margin-top: 35px;
  padding-left: 18px;
  font-size: 16px;
  position: relative;
  line-height: 1.6;
  font-weight: 600; }
  .global_h4::before {
    width: 9px;
    height: 9px;
    background: #DC000C;
    content: "";
    position: absolute;
    top: 6px;
    left: 0px; }

.global_h4 + p {
  margin-top: 20px; }

.globalMv {
  padding: 212px 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .globalMv {
      padding: 220px 0px 0px; } }
  .globalMv .globalMv_textBox {
    width: auto;
    min-width: 450px;
    padding: 50px 100px 60px 50px;
    display: inline;
    background: #111111;
    border-bottom: 6px solid #333333;
    letter-spacing: 2px;
    position: absolute;
    bottom: -90px; }
    @media only screen and (max-width: 768px) {
      .globalMv .globalMv_textBox {
        width: 100%;
        min-width: 100%;
        padding: 30px 20px;
        display: block;
        position: relative;
        bottom: auto; } }
    .globalMv .globalMv_textBox::after {
      content: "";
      height: 6px;
      width: 60px;
      background: #DC000C;
      display: block;
      position: absolute;
      bottom: -6px;
      left: 0px; }
  .globalMv .globalMv_enText {
    font-size: 14px;
    color: #DC000C;
    text-transform: uppercase;
    font-family: "Bebas Neue", cursive;
    letter-spacing: 1; }
    @media only screen and (max-width: 768px) {
      .globalMv .globalMv_enText {
        text-align: center;
        line-height: 1; } }
  .globalMv .globalMv_title {
    margin-top: 5px;
    font-size: 37px;
    color: white;
    line-height: 1.3; }
    @media only screen and (max-width: 768px) {
      .globalMv .globalMv_title {
        margin-top: 8px;
        font-size: 27px;
        text-align: center; } }

.breadcrumb {
  position: absolute;
  bottom: 120px;
  left: 50px; }
  @media only screen and (max-width: 768px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb li {
    display: inline-block;
    color: white; }
    .breadcrumb li a {
      color: white; }

.breadcrumb li {
  display: inline;
  list-style: none;
  font-weight: bold; }

.breadcrumb li:after {
  content: ">";
  padding: 0 3px;
  color: #ffffff; }

.breadcrumb li:last-child:after {
  content: ""; }

.breadcrumb li a {
  text-decoration: none;
  color: white; }

.breadcrumb li:first-child a:before {
  width: 14px;
  height: 13px;
  content: url(/common/img/home_icon.svg);
  font-weight: normal; }

.breadcrumb li a:hover {
  text-decoration: underline; }

.globalMv_tetudou {
  background-image: url(/common/img/dumy_mv@2x.jpg); }

.globalMv_business {
  background-image: url(/business/img/mv@2x.jpg); }

.globalMv_railway {
  background-image: url(/business/img/railway/mv@2x.jpg); }

.globalMv_shinkansen {
  background-image: url(/business/img/shinkansen/mv@2x.jpg); }

.globalMv_power {
  background-image: url(/business/img/power/mv@2x.jpg); }

.globalMv_power {
  background-image: url(/business/img/power/mv@2x.jpg); }

.globalMv_building {
  background-image: url(/business/img/building/mv@2x.jpg); }

.globalMv_communication {
  background-image: url(/business/img/communication/mv@2x.jpg); }

.globalMv_eco {
  background-image: url(/business/img/eco/mv@2x.jpg); }

.globalMv_opticalFiber {
  background-image: url(/business/img/optical_fiber/mv@2x.jpg); }

.globalMv_privacy {
  background-image: url(/privacy/img/mv@2x.jpg); }

.globalMv_sitemap {
  background-image: url(/sitemap/img/mv@2x.jpg); }

.wrap {
  max-width: 1440px;
  width: 85%;
  margin: 150px auto 0px;
  padding: 60px 70px 80px;
  background: white; }
  @media only screen and (max-width: 768px) {
    .wrap {
      width: 90%;
      margin: 50px auto 0px;
      padding: 20px; } }

.global_halfTextBox {
  max-width: 600px;
  width: 90%;
  margin: auto; }
  .global_halfTextBox .global_halfTitle {
    font-size: 38px;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
    @media only screen and (max-width: 768px) {
      .global_halfTextBox .global_halfTitle {
        font-size: 23px; } }
  .global_halfTextBox .global_halfText {
    margin-top: 30px;
    font-size: 14px; }
    @media only screen and (max-width: 768px) {
      .global_halfTextBox .global_halfText {
        margin-top: 20px; } }

.global_textPhotoBox {
  width: 100%;
  overflow: hidden; }
  .global_textPhotoBox .global_textBox {
    display: flex;
    width: 48%;
    float: left;
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .global_textPhotoBox .global_textBox {
        float: none;
        width: 100%; } }
  .global_textPhotoBox .gloabal_photoBox {
    width: 50%;
    float: right;
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .global_textPhotoBox .gloabal_photoBox {
        float: none;
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .global_textPhotoBox .gloabal_photoBox {
        margin-top: 20px; } }

.flex_center {
  margin: auto; }

.global_indexBox {
  max-width: 1440px;
  width: 85%;
  margin: 150px auto 0px; }
  @media only screen and (max-width: 768px) {
    .global_indexBox {
      width: 100%;
      margin: 40px auto 0px;
      padding: 60px 0px 0px; } }

.global_indexText {
  display: block;
  color: black;
  font-size: 16px;
  letter-spacing: 4px; }

.global_indexList {
  margin: 0px -37px 80px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media only screen and (max-width: 1040px) {
    .global_indexList {
      margin: 0px -25px 40px; } }
  @media only screen and (max-width: 768px) {
    .global_indexList {
      margin: 30px 0px 40px;
      background: black; } }
  .global_indexList li {
    width: 33.3333%;
    margin-top: 60px;
    padding: 0px 37px;
    font-size: 16px; }
    .global_indexList li:nth-child(1), .global_indexList li:nth-child(2), .global_indexList li:nth-child(3) {
      margin-top: 0; }
    @media only screen and (max-width: 1040px) {
      .global_indexList li {
        padding: 80px 25px 0px; } }
    @media only screen and (max-width: 768px) {
      .global_indexList li {
        width: 50%;
        padding: 0px;
        margin-top: 0px !important; } }
  .global_indexList a {
    width: 100%;
    display: block;
    position: relative; }
    .global_indexList a::before {
      bottom: -9px;
      right: 0;
      position: absolute;
      content: "";
      width: 7px;
      height: 3px;
      background: #DC000C;
      bottom: 28px;
      left: 15px; }
    .global_indexList a::after {
      bottom: -9px;
      right: 0;
      position: absolute;
      content: url(/img/arrow.svg); }
      @media only screen and (max-width: 768px) {
        .global_indexList a::after {
          content: url(/img/arrow_sp.svg);
          bottom: -7px; } }

.global_indexText {
  position: absolute;
  left: 35px;
  bottom: 15px;
  color: white;
  letter-spacing: 0px; }
  @media screen and (max-width: 1150px) {
    .global_indexText {
      left: 25px;
      font-size: 15px; } }

.companyIndex .bottomLinkBox {
  width: 100%;
  margin-top: 0;
  padding: 180px 0px 110px;
  background: #e2e2e2;
  border: none; }

.globalMv .enNone {
  padding: 70px 100px 70px 50px; }
  @media screen and (max-width: 768px) {
    .globalMv .enNone {
      padding: 30px 20px; } }

.presidentBox {
  overflow: hidden; }

@media screen and (max-width: 768px) {
  .presidentBox_textBox {
    margin-top: 40px; } }

.president_title {
  margin-top: 40px;
  font-size: 38px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.5;
  padding-bottom: 30px;
  border-bottom: 1px solid #d6d6d6; }
  @media screen and (max-width: 768px) {
    .president_title {
      font-size: 23px;
      padding-bottom: 22px; } }

.president_text {
  margin-top: 25px;
  font-size: 16px; }
  .president_text:first-child {
    margin-top: 35px; }

.presidentBox_photoBox {
  float: right;
  position: relative;
  z-index: 2;
  padding: 0px 0px 10px 40px;
  background: white; }
  @media screen and (max-width: 768px) {
    .presidentBox_photoBox {
      margin-top: 70px;
      padding: 0;
      float: none;
      text-align: center; }
      .presidentBox_photoBox img {
        max-width: 60%; } }

.presidentBox_name {
  margin-top: 60px;
  text-align: right; }

@media only screen and (max-width: 768px) {
  .global_twoList_spOne li {
    margin-top: 20px;
    width: 100% !important; }
    .global_twoList_spOne li:first-child {
      margin-top: 0; }
    .global_twoList_spOne li:nth-child(2) {
      margin-top: 20px !important; } }

.qualityBox {
  max-width: 960px; }

.global_threeList {
  margin: 50px -20px 0px; }
  @media only screen and (max-width: 768px) {
    .global_threeList {
      margin: 50px 0px 0px; } }
  .global_threeList li {
    width: 33.333333%;
    margin-top: 30px;
    display: inline-block;
    padding: 0px 20px;
    vertical-align: top; }
    @media only screen and (max-width: 768px) {
      .global_threeList li {
        width: 100%;
        margin-top: 30px;
        padding: 0px; } }
    .global_threeList li:nth-child(1) {
      margin-top: 0; }
    .global_threeList li:nth-child(2) {
      margin-top: 0; }
      @media only screen and (max-width: 768px) {
        .global_threeList li:nth-child(2) {
          margin-top: 30px; } }
    .global_threeList li:nth-child(3) {
      margin-top: 0; }
      @media only screen and (max-width: 768px) {
        .global_threeList li:nth-child(3) {
          margin-top: 30px; } }
    .global_threeList li img {
      width: 100%; }
  .global_threeList .global_threeText {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5; }

.global_fourList {
  margin: 50px -20px 0px; }
  @media only screen and (max-width: 768px) {
    .global_fourList {
      margin: 50px 0px 0px; } }
  .global_fourList li {
    width: 25%;
    display: inline-block;
    padding: 0px 20px;
    vertical-align: top;
    margin-bottom: 10px; }
    @media only screen and (max-width: 768px) {
      .global_fourList li {
        width: 100%;
        margin-top: 30px;
        padding: 0px; } }
  .global_fourList img {
    width: 100%; }

.global_twoList {
  margin: 30px -20px 0px; }
  @media only screen and (max-width: 768px) {
    .global_twoList {
      margin: 30px -5px 0px; } }
  .global_twoList li {
    width: 50%;
    margin-top: 30px;
    display: inline-block;
    padding: 0px 20px; }
    @media only screen and (max-width: 768px) {
      .global_twoList li {
        padding: 0px 5px; } }
    .global_twoList li:nth-child(1) {
      margin-top: 0; }
    .global_twoList li:nth-child(2) {
      margin-top: 0; }
    .global_twoList li img {
      width: 100%; }
  .global_twoList .global_twoText {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5; }

.global_twoList_spOne {
  margin: 30px -20px 0px; }
  @media only screen and (max-width: 768px) {
    .global_twoList_spOne {
      margin: 30px 0px 0px; } }
  .global_twoList_spOne li {
    width: 50%;
    margin-top: 30px;
    display: inline-block;
    padding: 0px 20px; }
    @media only screen and (max-width: 768px) {
      .global_twoList_spOne li {
        width: 100%;
        padding: 0px; } }
    .global_twoList_spOne li:nth-child(1) {
      margin-top: 0; }
    .global_twoList_spOne li:nth-child(2) {
      margin-top: 20px; }
    .global_twoList_spOne li img {
      width: 100%; }
  .global_twoList_spOne .global_twoText {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5; }

.global_detailList {
  margin: 25px -20px 0px; }
  .global_detailList li {
    width: 50%;
    margin-top: 20px;
    padding: 0px 20px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top; }
    @media only screen and (max-width: 768px) {
      .global_detailList li {
        width: 100%;
        margin-top: 20px; } }
    .global_detailList li small {
      font-size: 10px;
      display: block; }
    .global_detailList li .global_detailItem {
      padding: 10px 0px 10px 20px;
      border-left: 5px solid #e2e2e2;
      border-bottom: 1px solid #e2e2e2; }
      @media only screen and (max-width: 768px) {
        .global_detailList li .global_detailItem {
          padding: 12px; } }
    .global_detailList li:nth-child(1) {
      margin-top: 0; }
    .global_detailList li:nth-child(2) {
      margin-top: 0; }
      @media only screen and (max-width: 768px) {
        .global_detailList li:nth-child(2) {
          margin-top: 20px; } }
  .global_detailList .global_detailTitle {
    width: 75%;
    display: inline-block;
    text-align: left; }
    @media only screen and (max-width: 768px) {
      .global_detailList .global_detailTitle {
        width: 100%;
        display: block; } }
  .global_detailList .global_detailTani {
    width: 25%;
    display: inline-block;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      .global_detailList .global_detailTani {
        width: 100%;
        margin-top: 5px;
        display: block; } }
  @media only screen and (max-width: 768px) {
    .global_detailList small {
      margin-top: 5px; } }

.global_tenList {
  padding-left: 17px; }
  @media only screen and (max-width: 768px) {
    .global_tenList {
      padding-left: 0; } }
  .global_tenList li {
    list-style: disc; }

.global_h4 + .global_tenList {
  margin-top: 8px; }

.bottomLinkBox {
  width: 100%;
  margin-top: 80px;
  padding: 60px 0px;
  background: #e2e2e2;
  border-top: 6px solid #d6d6d6; }
  @media only screen and (max-width: 768px) {
    .bottomLinkBox {
      padding: 50px 0px; } }
  .bottomLinkBox .bottomLinkBox_inner {
    max-width: 1440px;
    width: 85%;
    margin: auto; }
    @media only screen and (max-width: 768px) {
      .bottomLinkBox .bottomLinkBox_inner {
        width: 90%; } }
  .bottomLinkBox .bottomLinkBox__list {
    margin: 0px -20px; }
    @media only screen and (max-width: 768px) {
      .bottomLinkBox .bottomLinkBox__list {
        margin: 0; } }
  .bottomLinkBox li {
    width: 33.3333%;
    margin-top: 60px;
    padding: 0px 20px;
    display: inline-block;
    font-size: 16px;
    position: relative; }
    .bottomLinkBox li:hover::after {
      content: "";
      width: 100%;
      transition: all .5s ease-in-out; }
    .bottomLinkBox li:nth-child(1) {
      margin-top: 0; }
    .bottomLinkBox li:nth-child(2) {
      margin-top: 0; }
      @media only screen and (max-width: 768px) {
        .bottomLinkBox li:nth-child(2) {
          width: 100%;
          margin-top: 35px; } }
    .bottomLinkBox li:nth-child(3) {
      margin-top: 0; }
      @media only screen and (max-width: 768px) {
        .bottomLinkBox li:nth-child(3) {
          width: 100%;
          margin-top: 35px; } }
    @media only screen and (max-width: 768px) {
      .bottomLinkBox li {
        width: 100%;
        margin-top: 35px; } }
  .bottomLinkBox a {
    padding-bottom: 35px;
    display: block;
    border-bottom: 2px solid #d6d6d6;
    color: #333333;
    background: url(/common/img/bottom_link_arrow.svg) no-repeat;
    background-position: 95% 0;
    transition: all .5s ease-in-out;
    position: relative;
    font-weight: 600; }
    .bottomLinkBox a::after {
      content: "";
      width: 70px;
      height: 2px;
      background: #DC000C;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: -2px;
      transition: all .5s ease-in-out; }
    @media only screen and (max-width: 768px) {
      .bottomLinkBox a {
        padding-bottom: 10px; } }
    .bottomLinkBox a:hover {
      color: #DC000C;
      padding-left: 10px;
      background-position: 98% 0;
      transition: all .5s ease-in-out; }
      .bottomLinkBox a:hover::after {
        width: 100%;
        transition: all .5s ease-in-out; }

.img_btn a {
  padding-bottom: 35px;
  background: url(/common/img/bottom_link_arrow.svg) no-repeat right center;
  background-position: 95% 90% !important; }

.global_anchor {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  .global_anchor li {
    width: 25%;
    margin-right: 2%; }
    .global_anchor li:last-child {
      margin-right: 0; }
  .global_anchor a {
    width: 100%;
    display: block;
    padding: 23px;
    background: #DC000C;
    text-align: center;
    color: white;
    border-radius: 5px;
    transition: all .7s ease-in-out; }
    .global_anchor a:hover {
      background: #333333;
      border-radius: 5px;
      transition: all .7s ease-in-out; }

.global_table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #d6d6d6;
  font-size: 16px; }
  .global_table a {
    color: #333333; }
  .global_table .global_tenList {
    margin-left: 18px; }
  .global_table .global_btn02 a {
    color: white; }
  .global_table .global_h4 {
    margin-top: 30px; }
    .global_table .global_h4:first-child {
      margin-top: 0; }
  .global_table th {
    background: #d6d6d6;
    padding: 25px 20px;
    border: 1px solid #fff;
    width: 30%; }
    @media only screen and (max-width: 768px) {
      .global_table th {
        width: 100%;
        padding: 20px 15px;
        display: block;
        border: 1px solid #d6d6d6;
        font-size: 14px; } }
  .global_table td {
    padding: 30px 20px;
    border: 1px solid #d6d6d6;
    font-size: 14px; }
    @media only screen and (max-width: 768px) {
      .global_table td {
        padding: 20px 15px;
        display: block;
        border: 1px solid #d6d6d6;
        font-size: 14px; } }
  .global_table small {
    font-size: 12px;
    display: block; }
  @media only screen and (max-width: 768px) {
    .global_table .tableSpInline {
      width: 33.3333%;
      text-align: center;
      display: inline-block;
      vertical-align: top;
      border-bottom: 1px solid #adadad; } }

.grayTh {
  text-align: left;
  background: #d6d6d6; }

.global_table02 tr td {
  width: 33.3%; }
  @media only screen and (max-width: 768px) {
    .global_table02 tr td {
      width: 100%; } }

.td_line tr td a {
  text-decoration: underline !important; }

.branch_img {
  width: 685px;
  margin: 0 auto;
  display: block; }
  @media only screen and (max-width: 768px) {
    .branch_img {
      width: 100%; } }

.spimg {
  text-align: center;
  margin: 0 auto;
  display: block; }
  @media only screen and (max-width: 768px) {
    .spimg {
      width: 100%; } }

.decimal {
  list-style-type: decimal;
  padding-left: 20px;
  padding-top: 20px; }
  .decimal li {
    padding: 5px 0; }

.disc {
  list-style-type: disc;
  padding-left: 20px;
  padding-top: 20px; }
  .disc li {
    padding: 5px 0; }

.img_btm20 {
  margin-bottom: 20px; }

.sitemapwrap a {
  color: #333; }

.tel {
  pointer-events: none; }
  @media only screen and (max-width: 768px) {
    .tel {
      pointer-events: initial; } }

p a {
  color: #333333; }

html {
  font-size: 62.5%; }

body {
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.7;
  letter-spacing: 0.02em;
  overflow-x: hidden; }
  @media screen and (max-width: 768px) {
    body {
      font-size: 12px;
      font-size: 1.2rem; } }
  @media screen and (max-width: 768px) {
    body {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5; } }

.mainEria {
  margin: 0 0 0 auto;
  width: calc(100% - 80px);
  overflow: hidden;
  background: #EDEDED; }
  @media only screen and (max-width: 768px) {
    .mainEria {
      width: 100%; } }

p {
  font-size: 16px;
  color: #333333;
  line-height: 2; }
  @media only screen and (max-width: 768px) {
    p {
      font-size: 14px; } }