@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes headerFixed {
  0% {
    transform: translateY(-80px); }
  100% {
    transform: translateY(0px); } }
@keyframes loop {
  0% {
    transform: translateX(100%); }
  to {
    transform: translateX(-100%); } }
@keyframes loop2 {
  0% {
    transform: translateX(0); }
  to {
    transform: translateX(-200%); } }
#company {
  background: #F2F2F2; }

.header {
  background: #fff; }
  .header .header__wrap {
    height: 100px; }
  .header .header__logo {
    top: 50%; }
    .header .header__logo .header__logo-img {
      display: none; }
    .header .header__logo .header__logo-img-on {
      flex: 0 1 25%;
      width: 25%;
      max-width: 25%;
      display: block; }
  .header .header__menu-btn span {
    background: #2E2E2E; }
  .header .header__title {
    color: #737373; }
  .header .header__menu-nav .active {
    color: #737373; }
  .header .header__contact {
    right: 0; }

.open .header .header__menu-btn {
  background: #2E2E2E;
  height: 65px;
  width: 65px; }
  .open .header .header__menu-btn span {
    background: #fff; }

#contents {
  display: block;
  margin-top: 100px; }

.titleimg {
  background: url("/img/company/titleimg.jpg") center/cover no-repeat; }

.message .message__wp .message__img {
  margin-bottom: 30px; }
.message .message__wp .message__txt-wp .message__ttl {
  font-size: 1.8rem;
  margin-bottom: 20px;
  letter-spacing: 0.06em; }
  @media (min-width: 769px) {
    .message .message__wp .message__txt-wp .message__ttl {
      font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.8658008658 ); } }
  @media (min-width: 1000px) {
    .message .message__wp .message__txt-wp .message__ttl {
      font-size: 2rem; } }
.message .message__wp .message__txt-wp .message__txt {
  font-size: 1.4rem;
  margin-bottom: 20px;
  text-align: justify; }
  @media (min-width: 769px) {
    .message .message__wp .message__txt-wp .message__txt {
      font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.4329004329 ); } }
  @media (min-width: 1000px) {
    .message .message__wp .message__txt-wp .message__txt {
      font-size: 1.5rem; } }
.message .message__wp .message__txt-wp .message__name {
  font-size: 1.4rem;
  text-align: right; }
  @media (min-width: 769px) {
    .message .message__wp .message__txt-wp .message__name {
      font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.4329004329 ); } }
  @media (min-width: 1000px) {
    .message .message__wp .message__txt-wp .message__name {
      font-size: 1.5rem; } }
  .message .message__wp .message__txt-wp .message__name span {
    padding-left: 15px;
    font-size: 1.8rem; }

.company .company__wp {
  margin-bottom: 5px; }
  .company .company__wp .company__ttl {
    flex: 0 1 35%;
    width: 35%;
    max-width: 35%;
    position: relative;
    padding: 10px 20px;
    background: #fff;
    box-sizing: border-box; }
    .company .company__wp .company__ttl::before {
      position: absolute;
      content: "";
      display: block;
      top: 0;
      left: 0;
      width: 8px;
      height: 100%;
      background: #2E2E2E; }
  .company .company__wp .company__con {
    flex: 0 1 65%;
    width: 65%;
    max-width: 65%;
    padding: 10px 20px;
    background: #fff;
    font-family: "Yu Gothic Pr6N M", "游ゴシック体 Pr6N M", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif;
    box-sizing: border-box; }
  .company .company__wp:last-child {
    margin-bottom: 0; }

.access .map {
  margin-bottom: 15px; }
  .access .map iframe {
    width: 100%;
    height: 200px;
    max-height: 200px; }
.access .access__wp .access__txt-wp {
  font-size: 1.4rem;
  margin-bottom: 25px; }
  @media (min-width: 769px) {
    .access .access__wp .access__txt-wp {
      font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.4329004329 ); } }
  @media (min-width: 1000px) {
    .access .access__wp .access__txt-wp {
      font-size: 1.5rem; } }
  .access .access__wp .access__txt-wp .access__adrs {
    margin-bottom: 15px; }
  .access .access__wp .access__txt-wp .access__sab-txt {
    font-family: "Yu Gothic Pr6N M", "游ゴシック体 Pr6N M", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
.access .access__wp .access__btn .btn a {
  margin: 0 0 0 auto;
  max-width: 200px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .message .message__wp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .message .message__wp .message__img {
      flex: 0 1 37%;
      width: 37%;
      max-width: 37%;
      margin-bottom: 0; }
    .message .message__wp .message__txt-wp {
      flex: 0 1 58%;
      width: 58%;
      max-width: 58%; }
      .message .message__wp .message__txt-wp .message__ttl {
        margin-top: -10px;
        margin-bottom: 10px; }
      .message .message__wp .message__txt-wp .message__txt {
        margin-bottom: 5px; }

  .company .company__wp .company__ttl {
    flex: 0 1 25%;
    width: 25%;
    max-width: 25%;
    padding: 15px 30px; }
  .company .company__wp .company__con {
    flex: 0 1 75%;
    width: 75%;
    max-width: 75%;
    padding: 15px 20px; }

  .access .map {
    margin-bottom: 5px; }
    .access .map iframe {
      height: 440px;
      max-height: 440px; }
  .access .access__wp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .access .access__wp .access__txt-wp {
      flex: 0 1 auto;
      width: auto;
      max-width: auto;
      margin-bottom: 0; }
    .access .access__wp .access__btn {
      flex: 0 1 40%;
      width: 40%;
      max-width: 40%; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

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