/* ---------------------------------------- */
/* dedicated */
/* ---------------------------------------- */
#mainHeadContent {background-color: #fbfbfb;}
#mainHeadContent h1 strong {display: inline-block;}
#mainHeadContent h1 small {display: inline-block;margin-left: 20px; font-size: 3.2rem;font-weight: 900; color: #0060b7;}
/**/
#mainVisual {background-color: transparent;position: fixed;z-index: -1;background-color: transparent!important;}
#mainVisual .inner { background: transparent;background-position: bottom center;background-repeat: no-repeat;background-size: cover;}
#mainContent {position: relative;z-index: 2; background-color: transparent!important;}
#sect-overview h2 strong,
#sect-distinction h2 strong { margin-bottom: 28px; font-size: 3.2rem; text-align: center;}
#sect-overview h2 strong,
#sect-overview p,
#sect-overview ul li { color: #fff;}
#sect-distinction h2 strong,
#sect-distinction p,
#sect-distinction ul li { color: #393939;}
#sect-overview { padding: 120px 0;background-color: rgba(1, 1, 1, 0.5);}
#sect-distinction { padding:  120px 0;background-color: #f0f0f0;}
@media (min-width: 801px) {
  #mainHeadContent {height: 118px;}
  #mainVisual {top: -130px;}
  #mainVisual .inner { height: 900px;}
  #mainContent {margin-top: 538px;}
}

@media (max-width: 800px) {
  #mainHeadContent h1 strong {display: block;font-size: 2.4rem;}
  #mainHeadContent h1 small {display: block;margin: 6px 0 0 0;font-size: 1.8rem;}
  #mainHeadContent {height: 95px;}
  #mainVisual {top: -130px;}
  #mainVisual .inner { height: 600px;}
  #mainContent {margin-top: 291px;}
  #sect-overview { padding: 80px 0;}
  #sect-distinction { padding:  80px 0;}
  #sect-overview h2 strong,
  #sect-distinction h2 strong { margin-bottom: 28px; font-size: 2.4rem;}
  #sect-overview h2 small,
  #sect-distinction h2 small { font-size: 2.4rem;}
}


#sect-distinction-slide {position: relative;z-index: 1;background: #080126;min-height: 600px;}
#sect-distinction-slide .carousel-inner,
#sect-distinction-slide .carousel-item {left: 0;top: 0;width: 100%;min-height: 600px;z-index: 1;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
#sect-distinction-slide .carousel-inner .carousel-item:before {position: absolute;display: block;content: "";left: 0;top: 0;bottom: 0;right: 0; width: 100%;min-height: 600px; z-index: 2;background-color: rgba(1, 1, 1, 0.5);}
#sect-distinction-slide .carousel-indicators {height: 32px;bottom: 36px;}
#sect-distinction-slide .carousel-indicators li {
  position: relative;
  z-index: 101;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-right: 6px;
  margin-left: 6px;
  text-indent: 0;
  opacity: 1;
  cursor: pointer;
  background-color: #d3d2d2;
  background-clip: padding-box;
  border: 6px solid transparent;
  color: #0060b7;
  text-align: center;
  transition:none;
}
#sect-distinction-slide .carousel-indicators li:after {position: absolute;display: block;content: "";top: 10px;left: 20px;width: 24px;height: 1px;overflow: hidden;background-color: #d3d2d2;z-index: 100;}
#sect-distinction-slide .carousel-indicators li:last-child:after {display: none;}
#sect-distinction-slide .carousel-indicators li.active {background-color: #0060b7;border: 6px solid #0060b7;color: #fff;}
#sect-distinction-slide .carousel-indicators li.active:after {left: 26px;width: 24px;}
#sect-distinction-slide .carousel-indicators li:nth-child(1){z-index: 102;}
#sect-distinction-slide .carousel-indicators li:nth-child(2){z-index: 103;}
#sect-distinction-slide .carousel-indicators li:nth-child(3){z-index: 104;}
#sect-distinction-slide .carousel-indicators li:nth-child(4){z-index: 105;}
/**/
#sect-distinction-slide .nextText {position: absolute;z-index: 10; width: 300px;bottom: 36px; right: 20px;padding:0 60px 10px 10px; font-size: 14px;border-bottom: 1px solid #fff;color: #fff; }
#sect-distinction-slide .nextText:after {position:absolute;display: block;content: "";bottom: 12px;right: -4px;width: 54px;height: 1px;overflow: hidden;background-color: #fff;z-index: 100;transform: rotate(30deg);}
#sect-distinction-slide .nextText span {display: block;}
#sect-distinction-slide .nextText span + span {margin-left: 0; font-size: 18px;}
/**/
#sect-distinction-slide .carousel-caption {position: absolute;top: 80px;right: 0;left: 0;z-index: 120;padding-top: 0;padding-bottom: 0;color: #fff;text-align: left;}
#sect-distinction-slide .carousel-caption dl {}
#sect-distinction-slide .carousel-caption dl dt {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;font-size: 40px;font-weight: 900;margin-bottom: 50px;}
#sect-distinction-slide .carousel-caption dl dt strong {display: block;margin-right: 40px; width: 120px; height: 120px; font-size: 20px;line-height: 36px; font-weight: 900;text-align: center; box-sizing: border-box;padding-top: 20px;background-color: #0060b7;background-color: rgba(0, 96, 183, 0.8);}
#sect-distinction-slide .carousel-caption dl dt strong span {display: block;font-size: 40px;}
@media (min-width: 801px) {
  .carousel-control-next-icon,
  .carousel-control-prev-icon {display: none;}
}

@media (max-width: 950px) and (min-width: 601px) {
  #sect-distinction-slide .carousel-indicators {right: auto;left: 0px;margin-left: 5%;}
}

@media (max-width: 600px) {
  #sect-distinction-slide .nextText {display: none!important;}
  #sect-distinction-slide .carousel-caption {top: 80px;}
  #sect-distinction-slide .carousel-caption dl dt {font-size: 20px;margin-bottom: 24px;}
  #sect-distinction-slide .carousel-caption dl dt strong {margin-right: 20px; width: 70px; height: 70px; font-size: 14px;line-height: 24px;padding-top: 10px;}
  #sect-distinction-slide .carousel-caption dl dt strong span {font-size: 26px;}
  #sect-distinction-slide .carousel-caption dl {padding-left: 42px;padding-right: 42px;}
}


@media (max-width: 426px) {
}







