@charset "UTF-8";
.layout_corporate_corp-index-content {
  clear: both;
}
.layout_corporate_corp-index-content h1.component-main_title {
  display: block;
  text-align: center;
  color: #3686c6;
}
.layout_corporate_corp-index-content .section_inner {
  text-align: left;
}
.layout_corporate_corp-index-content .section_inner.outline .lead {
  text-align: center;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid {
  position: relative;
  top: 0;
  left: 0;
  line-height: 0;
  padding-top: 78.0701754385965%;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid .inner_grid {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid .bg,
.layout_corporate_corp-index-content .section_inner.navigation .grid .visual,
.layout_corporate_corp-index-content .section_inner.navigation .grid .ttl,
.layout_corporate_corp-index-content .section_inner.navigation .grid .overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid .btn_arrow::after {
  display: inline-block;
  position: absolute;
  bottom: 7.584269662921349%;
  right: 6.140350877192982%;
  content: '';
  width: 0.857142857142857em;
  height: 0.857142857142857em;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 50;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transition: all 0.3s ease;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid .visual {
  z-index: 10;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid .ttl {
  display: table;
  text-align: center;
  z-index: 10;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  transition: all 0.3s ease;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid .ttl .inner_ttl {
  display: table-cell;
  vertical-align: middle;
  font-size: 100%;
  color: #fff;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid .ttl .main {
  display: block;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid .overlay {
  width: 200%;
  height: 200%;
  margin-top: 54%;
  margin-left: 64.5%;
  background: #000;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.3s ease;
}
.layout_corporate_corp-index-content .section_inner.navigation .grid .bg {
  transition: all 0.3s ease;
}
.layout_corporate_corp-index-content .section_inner.navigation li a {
  color: #444;
}
.layout_corporate_corp-index-content .section_inner.navigation li a::before {
  display: inline-block;
  content: '';
  width: 0.5em;
  height: 0.5em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.layout_corporate_corp-index-content .section_inner.navigation li a span {
  display: inline-block;
  padding-left: 0.5em;
  vertical-align: top;
}
.layout_corporate_corp-index-content .section_inner.navigation .ideology h2 span {
  border-bottom: 2px solid #073e6e;
}
.layout_corporate_corp-index-content .section_inner.navigation .ideology li a::before {
  border-top: 2px solid #073e6e;
  border-right: 2px solid #073e6e;
}
.layout_corporate_corp-index-content .section_inner.navigation .profile h2 span {
  border-bottom: 2px solid #e46c82;
}
.layout_corporate_corp-index-content .section_inner.navigation .profile li a::before {
  border-top: 2px solid #e46c82;
  border-right: 2px solid #e46c82;
}
.layout_corporate_corp-index-content .section_inner.navigation .business h2 span {
  border-bottom: 2px solid #ddc624;
}
.layout_corporate_corp-index-content .section_inner.navigation .business li a::before {
  border-top: 2px solid #ddc624;
  border-right: 2px solid #ddc624;
}
.layout_corporate_corp-index-content .section_inner.navigation .datacenter h2 span {
  border-bottom: 2px solid #a877c7;
}
.layout_corporate_corp-index-content .section_inner.navigation .datacenter li a::before {
  border-top: 2px solid #a877c7;
  border-right: 2px solid #a877c7;
}
.layout_corporate_corp-index-content .section_inner.navigation .history h2 span {
  border-bottom: 2px solid #3cc;
}
.layout_corporate_corp-index-content .section_inner.navigation .history li a::before {
  border-top: 2px solid #3cc;
  border-right: 2px solid #3cc;
}
.layout_corporate_corp-index-content .section_inner.navigation .sabulico h2 span {
  border-bottom: 2px solid #93dede;
}
.layout_corporate_corp-index-content .section_inner.navigation .sabulico li a::before {
  border-top: 2px solid #93dede;
  border-right: 2px solid #93dede;
}

.layout_corporate_corp-index-content .section_inner.navigation .access h2 span {
  border-bottom: 2px solid #aaa;
}
.layout_corporate_corp-index-content .section_inner.navigation .access li a::before {
  border-top: 2px solid #aaa;
  border-right: 2px solid #aaa;
}
/*
  @PC
*/
.layout_global-pc .layout_corporate_corp-index-content h1.component-main_title {
  padding: 10px 0 0 0;
  margin-bottom: 40px;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner {
  min-width: 1000px;
  max-width: 1600px;
  margin: 0 auto;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner .inner {
  width: 960px;
  padding: 0 20px;
  margin: 0 auto;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.outline {
  margin-bottom: 35px;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.outline .lead {
  font-size: 100%;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.mainvisual-area {
  max-width: 100%;
  margin-bottom: 70px;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation h2 {
  padding-bottom: 0;
  margin-bottom: 22px;
  font-size: 175%;
  text-align: center;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation h2 span {
  display: inline-block;
  padding-bottom: 5px;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .inner:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation li a:hover span {
  text-decoration: underline;
}
.layout_ua-not-pc.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation li a:hover span {
  text-decoration: none;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .category {
  float: left;
  width: 456px;
  margin-left: 48px;
  margin-bottom: 90px;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .category:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .category .link {
  font-size: 100%;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .link {
  font-size: 100%;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .link:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .link li {
  padding-top: 20px;
  line-height: 1.2;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .access {
  clear: both;
  margin-left: 0;
  width: 100%;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .access .grid {
  padding-top: 37.083333333333336%;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .access .btn_arrow::after {
  right: 2.916666666666667%;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .access .btn_arrow .overlay {
  width: 181%;
  height: 265%;
  margin-top: 60%;
  margin-left: 54%;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .grid .btn_arrow:hover::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .grid .btn_arrow:hover .overlay {
  margin-top: -20%;
  margin-left: -30%;
}
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .grid .btn_arrow:hover .ttl {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
}
*/
.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .grid .btn_arrow:hover .bg {
  opacity: .7;
}
.layout_ua-not-pc.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .grid .btn_arrow:hover::after {
  -webkit-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}
.layout_ua-not-pc.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .grid .btn_arrow:hover .overlay {
  margin-top: 54% !important;
  margin-left: 64.5% !important;
}
.layout_ua-not-pc.layout_global-pc .layout_corporate_corp-index-content .section_inner.navigation .grid .btn_arrow:hover .ttl {
  opacity: 0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
  filter: alpha(opacity=0) !important;
}
/*
  @SP
*/
.layout_global-sp .layout_corporate_corp-index-content h1.component-main_title {
  font-size: 215%;
  padding-bottom: 0;
  margin-bottom: 5.239520958083832%;
}
.layout_global-sp .layout_corporate_corp-index-content .section_inner {
  margin: 0 6.510416666666667% 9.114583333333332%;
}
.layout_global-sp .layout_corporate_corp-index-content .section_inner.mainvisual-area {
  margin-bottom: 13.020833333333334%;
  margin-left: -30%;
}
.layout_global-sp .layout_corporate_corp-index-content .section_inner.navigation h2 {
  padding: 0;
  font-size: 143%;
  text-align: center;
  margin-bottom: 6.287425149700598%;
}
.layout_global-sp .layout_corporate_corp-index-content .section_inner.navigation h2 span {
  display: inline-block;
  padding-bottom: 0.748502994011976%;
}
.layout_global-sp .layout_corporate_corp-index-content .section_inner.navigation .category {
  margin-bottom: 11.976047904191617%;
}
.layout_global-sp .layout_corporate_corp-index-content .section_inner.navigation .link li {
  padding-top: 5.988023952095809%;
  line-height: 1.2;
}
.layout_global-sp .layout_corporate_corp-index-content .section_inner.navigation .access .grid {
  padding-top: 53.293413173652695%;
}
.layout_global-sp .layout_corporate_corp-index-content .section_inner.navigation .access .btn_arrow::after {
  bottom: 8.426966292134832%;
}
.layout_global-sp .layout_corporate_corp-index-content .section_inner.navigation .btn_arrow::after {
  display: inline-block;
  position: absolute;
  bottom: 5.752636625119846%;
  right: 4.491017964071856%;
  content: '';
  width: 0.928571428571429em;
  height: 0.928571428571429em;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 50;
  border-right: 4px solid #fff;
  border-top: 4px solid #fff;
}