.xwrapper {
  min-width: 800px;
  max-width: 1000px;
  margin: auto; }

.wrapper {
  padding: 0; }

.kokko {
  font-size: 2rem;
  color: #868585; }
  .kokko .mb5 {
    margin-bottom: 5rem; }
  .kokko .mb10 {
    margin-bottom: 10rem; }
  .kokko .mb15 {
    margin-bottom: 15rem; }
  .kokko .mb20 {
    margin-bottom: 20rem; }
  .kokko .row {
    margin: 0; }
  .kokko .header {
    padding: 1rem 0; }
    .kokko .header__main {
      display: flex; }
    .kokko .header .logo {
      height: 10rem; }
      .kokko .header .logo img {
        max-height: 100%; }
      .kokko .header .logo .kokko--en {
        max-width: 60rem;
        margin: 1rem 0; }
  .kokko .header2 {
    color: black;
    position: relative;
    padding: 1rem 2rem;
    border-bottom: 0.4rem solid #346ab5;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 2rem; }
    .kokko .header2:before {
      position: absolute;
      bottom: -0.4rem;
      left: 0;
      width: 20%;
      height: 0.4rem;
      content: "";
      background: #498afc; }
    .kokko .header2 .sub {
      margin-left: 1rem;
      font-size: 1.8rem;
      font-weight: normal;
      color: #346ab5; }
  .kokko .on_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    text-shadow: 0 0 3rem black; }
  .kokko .slider {
    height: 60rem;
    overflow: hidden;
    position: relative; }
    .kokko .slider .eyecatch_slider {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .kokko .slider__text {
      font-size: 7rem; }
    .kokko .slider__img {
      min-width: 100%; }
  .kokko .message__main {
    padding: 0 5rem; }
  .kokko .message .ce {
    margin-bottom: 1.5rem; }
  .kokko .about .main__table__title {
    color: black;
    display: flex;
    align-items: flex-end;
    padding-bottom: 3rem; }
    .kokko .about .main__table__title .maintitle {
      letter-spacing: 0.5rem;
      font-weight: bold;
      font-size: 3.5rem; }
    .kokko .about .main__table__title .subtitle {
      letter-spacing: 0.4rem;
      font-weight: bold;
      font-size: 1.4rem;
      padding-left: 0.5rem; }
  .kokko .about .main__table__item {
    width: 30%; }
  .kokko .about .main__table__description {
    width: 70%; }
    .kokko .about .main__table__description .to_branches {
      color: #346ab5;
      text-decoration: underline; }
      .kokko .about .main__table__description .to_branches:hover {
        opacity: 0.7; }
  .kokko .about .main__table table p {
    padding: 1rem 0 1rem 2rem;
    margin: 0; }
  .kokko .about .main__table table .map {
    padding-left: 2rem; }
  .kokko .recruit__eyecatch {
    position: relative;
    overflow: hidden;
    height: 25rem; }
    .kokko .recruit__eyecatch__text {
      font-size: 5rem; }
    .kokko .recruit__eyecatch img {
      position: absolute;
      min-width: 100%;
      min-height: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .kokko .recruit_message__block p {
    margin-left: 2rem; }
  .kokko .scout .title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 3.5rem;
    color: black; }
  .kokko .scout .wrapper .table {
    margin-bottom: 5rem;
    font-size: 2rem; }
    .kokko .scout .wrapper .table th {
      font-weight: normal;
      padding: 3rem;
      border: thin solid black;
      width: 25%; }
    .kokko .scout .wrapper .table td {
      padding: 1.5rem;
      font-size: 1.8rem;
      border: thin solid black; }
      .kokko .scout .wrapper .table td .small {
        color: #868585; }
        .kokko .scout .wrapper .table td .small a {
          color: blue;
          border-bottom: solid thin blue; }
          .kokko .scout .wrapper .table td .small a:hover {
            opacity: 0.7;
            text-decoration: none; }
  .kokko .scout .wrapper .contact__button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5rem; }
    .kokko .scout .wrapper .contact__button a {
      position: relative;
      display: inline-block;
      padding: 3rem 8rem;
      background: #b57f34;
      border: 0.2rem solid #b57f34;
      border-radius: 0.4rem;
      color: #b57f34;
      text-decoration: none;
      font-size: 1.8rem;
      font-weight: bold;
      line-height: 1.2rem;
      -webkit-transition: 0.8s;
      transition: 0.8s; }
      .kokko .scout .wrapper .contact__button a span {
        position: relative;
        z-index: 1; }
      .kokko .scout .wrapper .contact__button a::before, .kokko .scout .wrapper .contact__button a::after {
        content: "";
        position: absolute;
        top: 0;
        display: block;
        width: 51%;
        height: 100%;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        background-color: #ffffff; }
      .kokko .scout .wrapper .contact__button a::before {
        left: 0; }
      .kokko .scout .wrapper .contact__button a::after {
        right: 0; }
      .kokko .scout .wrapper .contact__button a:hover::before, .kokko .scout .wrapper .contact__button a:hover::after {
        width: 0;
        background: #ffffff; }
      .kokko .scout .wrapper .contact__button a:hover {
        color: #ffffff; }
  .kokko .scout .wrapper .contact__text .center {
    display: flex;
    align-items: center;
    justify-content: center; }
  .kokko .scout .wrapper .contact__text h2 {
    font-weight: bold;
    margin-bottom: 1rem; }
  .kokko .scout .wrapper .contact__text p {
    font-size: 1.5rem;
    margin: 0; }

/*# sourceMappingURL=about_group_kokko.css.map */