@charset "UTF-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
section.outline h2.h2-01 {
  text-align: left; }

section.group-info {
  background: #f2efee;
  padding-top: 4em;
  padding-bottom: 4em;
  margin-top: 4em; }
  section.group-info h2 {
    margin-top: 0;
    position: relative; }
  section.group-info .showroom {
    background: #f28a00;
    border-radius: 20px;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 1px 15px; }
    @media print, screen and (min-width: 768px) {
      section.group-info .showroom {
        position: absolute;
        right: 10px;
        top: 18px; } }
    @media screen and (max-width: 767px) {
      section.group-info .showroom {
        display: inline-block; } }
  section.group-info .group {
    background: #fff; }
    section.group-info .group h3 {
      background: #4a4a4a;
      color: #fff;
      padding: 15px 20px;
      position: relative; }
    section.group-info .group > .body {
      padding: 15px;
      font-family: sans-serif; }
      @media print, screen and (min-width: 768px) {
        section.group-info .group > .body {
          padding: 20px 30px; } }
      section.group-info .group > .body .info::after {
        content: "";
        display: block;
        clear: both; }
      @media print, screen and (min-width: 768px) {
        section.group-info .group > .body .info .photo {
          width: 40%;
          float: left;
          margin-top: 0;
          margin-right: 30px;
          margin-bottom: 30px; } }
      @media print, screen and (min-width: 768px) {
        section.group-info .group > .body .info .body {
          margin-top: 0;
          overflow: hidden; } }
      section.group-info .group > .body .info .body .name {
        display: none; }
      section.group-info .group > .body .info ul.group-contact {
        padding: 0;
        margin: 0;
        overflow: hidden;
        display:flex;
        flex-direction:column;
        gap:10px; }
        @media screen and (max-width: 767px) {
          section.group-info .group > .body .info ul.group-contact {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; } }
        section.group-info .group > .body .info ul.group-contact li {
          list-style: none; }
          @media screen and (max-width: 767px) {
            section.group-info .group > .body .info ul.group-contact {
              flex-wrap:wrap;
            }
            section.group-info .group > .body .info ul.group-contact li {
              width: 100%;
              padding: 0 5px;
            }
            section.group-info .group > .body .info ul.group-contact li.mail {
              margin-top:10px;
            }
          }
          section.group-info .group > .body .info ul.group-contact li a {
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            text-align: center;
            border-radius: 8px;
            padding: 10px;
            -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
            -webkit-transition: all  0.3s ease;
            -o-transition: all  0.3s ease;
            transition: all  0.3s ease; }
            section.group-info .group > .body .info ul.group-contact li a:hover, section.group-info .group > .body .info ul.group-contact li a:active, section.group-info .group > .body .info ul.group-contact li a:focus {
              color: white;
              text-decoration: none; }
            section.group-info .group > .body .info ul.group-contact li a:visited {
              color: white; }
            section.group-info .group > .body .info ul.group-contact li a:hover {
              background: #111 !important; }
          @media print, screen and (min-width: 768px) {
            section.group-info .group > .body .info ul.group-contact li.tel {
              display: none; } }
          section.group-info .group > .body .info ul.group-contact li.tel a {
            display: block;
            background: #1F63A7; }
          section.group-info .group > .body .info ul.group-contact li.mail a {
            display: block;
            background: #960f15; }
            @media screen and (max-width: 767px) {
              section.group-info .group > .body .info ul.group-contact li.mail a span {
                display: none; } }
      section.group-info .group > .body .summary::after {
        content: "";
        display: block;
        clear: both; }
      section.group-info .group > .body .summary p {
        margin-top: 1em; }
      @media print, screen and (min-width: 768px) {
        section.group-info .group > .body .summary .company {
          float: left;
          width: 48%; } }
      @media print, screen and (min-width: 768px) {
        section.group-info .group > .body .summary .person {
          float: right;
          width: 48%; } }

.omoi {
  margin-top: 4em; }
  .omoi-title {
    background: url(../../../group/img/img02.jpg) no-repeat 50% 50%;
    background-size: cover;
    text-align: center;
    padding: 15rem 0; }
    @media screen and (max-width: 767px) {
      .omoi-title {
        padding: 6rem 0; } }
    .omoi-title h2 {
      color: #fff;
      font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
      font-weight: normal;
      margin-top: 0; }

.kozai-logo {
  margin-top: 2em;
  border: 5px solid #f2efee;
  padding: 30px;
  text-align: center;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
  .kozai-logo h2 {
    margin-top: 0;
    font-weight: normal;
    font-size: 28px;
    font-size: 2.8rem; }

section.recruit {
  background: #000;
  text-align: center;
  padding-top: 4em;
  padding-bottom: 4em; }
  section.recruit p {
    margin: 0; }
  section.recruit .en {
    color: #c0b1ac;
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: .5em; }
  section.recruit .text {
    color: #fff;
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px; }
  section.recruit a.btn-more {
    border-color: #c0b1ac;
    color: #fff;
    text-decoration: none; }
    section.recruit a.btn-more:hover, section.recruit a.btn-more:active, section.recruit a.btn-more:focus {
      color: white;
      text-decoration: none; }
    section.recruit a.btn-more:visited {
      color: white; }

body.ccd-group.view-entry .group-heading {
  margin-top: 4em;
  background: #E0DAD6;
  padding: 30px 0;
  text-align: center; }
  body.ccd-group.view-entry .group-heading h2 {
    margin: 0; }

body.ccd-group.view-entry .staff-introduction {
  border: 3px solid #E2E1DF;
  margin-top: 4em;
  padding: 20px 40px; }
  @media screen and (max-width: 767px) {
    body.ccd-group.view-entry .staff-introduction {
      padding: 20px 10px; } }
  body.ccd-group.view-entry .staff-introduction .heading h3 {
    text-align: center;
    font-weight: normal;
    font-size: 30px;
    font-size: 3rem;
    margin-top: 0; }
  body.ccd-group.view-entry .staff-introduction .heading .text {
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 5px; }
  @media print, screen and (min-width: 768px) {
    body.ccd-group.view-entry .staff-introduction .body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  body.ccd-group.view-entry .staff-introduction .body .staff-photo {
    text-align: center; }
    @media print, screen and (min-width: 768px) {
      body.ccd-group.view-entry .staff-introduction .body .staff-photo {
        width: 30%; } }
    body.ccd-group.view-entry .staff-introduction .body .staff-photo .img {
      padding: 0 50px; }
      body.ccd-group.view-entry .staff-introduction .body .staff-photo .img img {
        display: block;
        border-radius: 50%; }
    body.ccd-group.view-entry .staff-introduction .body .staff-photo .text {
      margin-top: 5px; }
  @media print, screen and (min-width: 768px) {
    body.ccd-group.view-entry .staff-introduction .body .staff-text {
      width: 70%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

body.ccd-group.view-entry .group-showroom {
  margin-top: 6em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30vw; }
  body.ccd-group.view-entry .group-showroom h2 {
    color: #fff;
    font-size: 50px;
    font-size: 5rem;
    margin-top: 0; }
    @media screen and (max-width: 767px) {
      body.ccd-group.view-entry .group-showroom h2 {
        font-size: 30px;
        font-size: 3rem; } }

body.ccd-group.view-entry .contact-box .tel {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  margin-top: 30px; }

body.ccd-group.view-entry .contact-box .mail {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  margin-top: 30px; }

body.ccd-group.view-entry .page-title-image {
  background-image: url(/themes/main/group/img/honbu/keyvisual.jpg); }

body.ccd-group.view-entry .group-showroom {
  background: url(/themes/main/group/img/honbu/showroom.jpg);
  background-size: cover; }

body.eid-1357 .page-title-image {
  background-image: url(/themes/main/group/img/honbu/keyvisual.jpg); }

body.eid-1357 .group-showroom {
  background: url(/themes/main/group/img/honbu/showroom.jpg);
  background-size: cover; }

body.eid-1370 .page-title-image {
  background-image: url(/themes/main/group/img/hokkaido/keyvisual.jpg); }

body.eid-1370 .group-showroom {
  background: url(/themes/main/group/img/hokkaido/showroom.jpg);
  background-size: cover; }

body.eid-1371 .page-title-image {
  background-image: url(/themes/main/group/img/chubu/keyvisual.jpg); }

body.eid-1371 .group-showroom {
  background: url(/themes/main/group/img/chubu/showroom.jpg);
  background-size: cover; }

body.eid-1372 .page-title-image {
  background-image: url(/themes/main/group/img/tokyo/keyvisual.jpg); }

body.eid-1372 .group-showroom {
  background: url(/themes/main/group/img/tokyo/showroom.jpg);
  background-size: cover; }

body.eid-1373 .page-title-image {
  background-image: url(/themes/main/group/img/kyusyu/keyvisual.jpg); }

body.eid-1373 .group-showroom {
  background: url(/themes/main/group/img/kyusyu/showroom.jpg);
  background-size: cover; }

.page-title-image.group-tokai {
  background-image: url(/themes/main/group/img/tokai/keyvisual.jpg); }

.group-showroom.group-tokai {
  background: url(/themes/main/group/img/tokai/keyvisual.jpg);
  background-size: cover; }

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