/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
@media screen and (max-width: 750px) {
  .box_in {
    padding: 0 5.3333333333vw; } }

.mv_b {
  position: relative;
  background: url("../images/company/mv.png") no-repeat;
  background-position: top 32% center;
  background-size: cover; }
  @media screen and (max-width: 750px) {
    .mv_b {
      background-position: center center;
      background-size: cover; } }

.space {
  padding-right: 8px; }
  @media screen and (max-width: 750px) {
    .space {
      padding-right: 2vw; } }

#message {
  padding-top: 65px;
  padding-bottom: 65px;
  background: url("../images/company/message_bg.png") no-repeat, url("../images/company/message_bg_x.png");
  background-size: contain;
  background-position: right; }
  @media screen and (max-width: 1200px) {
    #message {
      background-position: top right -66px;
      background-size: cover; } }
  @media screen and (max-width: 1000px) {
    #message {
      background-position: top right -187px; } }
  @media screen and (max-width: 750px) {
    #message .box_in {
      padding: 0 5.3333333333vw; } }
  #message .comment_area {
    text-align: left;
    width: 46%; }
    @media screen and (max-width: 1350px) {
      #message .comment_area {
        text-align: left;
        background: rgba(255, 255, 255, 0.5);
        width: 58%;
        padding: 40px 20px; } }
    @media screen and (max-width: 960px) {
      #message .comment_area {
        width: 100%; } }
    @media screen and (max-width: 750px) {
      #message .comment_area {
        background: rgba(255, 255, 255, 0.8); } }
  #message .ttl_1 {
    font-size: 28px;
    font-weight: bold;
    text-align: center; }
    #message .ttl_1 .marker_orange {
      display: inline; }
  #message .ttl_2 {
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: bold;
    text-align: center;
    position: relative; }
    #message .ttl_2:after {
      content: '';
      display: inline-block;
      width: 35px;
      height: 2px;
      position: absolute;
      bottom: -3px;
      background: #000;
      left: 50%;
      transform: translateX(-50%); }
  #message .txt {
    margin-top: 40px;
    line-height: 1.8;
    font-weight: 500; }
  #message .ttl_3 {
    font-size: 24px;
    text-align: right; }
    @media screen and (max-width: 750px) {
      #message .ttl_3 {
        margin-top: 2.6666666667vw;
        text-align: center;
        font-size: 5.0666666667vw; } }

@media screen and (max-width: 750px) {
  #message {
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw; }
    #message .ttl_1 {
      font-size: 5.6vw; }
    #message .ttl_2 {
      font-size: 5.6vw; }
    #message .txt {
      margin-top: 5.3333333333vw;
      line-height: 1.8; } }
.bg1 {
  background: url(../images/company/company_bg1.png) no-repeat;
  height: 300px;
  width: 100%;
  background-size: cover;
  background-position: top 52% center; }
  @media screen and (max-width: 750px) {
    .bg1 {
      height: 46.6666666667vw; } }

#company {
  padding-top: 90px;
  padding-bottom: 116px;
  background: #ededeb; }
  #company .box_in {
    margin-top: 60px; }
    #company .box_in .company_area {
      background: #fff;
      padding: 45px 60px; }
      #company .box_in .company_area .company_list {
        padding: 15px;
        text-align: left;
        display: flex;
        justify-content: center; }
        #company .box_in .company_area .company_list:not(:last-child) {
          border-bottom: 1px solid #c1c1c1; }
        #company .box_in .company_area .company_list .ttl {
          width: 150px; }
        #company .box_in .company_area .company_list .con {
          width: calc(100% - 150px); }
          #company .box_in .company_area .company_list .con ul li:not(:first-child) {
            margin-top: 10px; }
      #company .box_in .company_area .group .con {
        display: flex; }
        #company .box_in .company_area .group .con ul {
          width: 50%; }

@media screen and (max-width: 750px) {
  #company {
    padding-top: 12vw;
    padding-bottom: 15.4666666667vw; }
    #company .box_in {
      margin-top: 8vw; }
      #company .box_in .company_area {
        padding: 6vw 5.3333333333vw; }
        #company .box_in .company_area .company_list {
          padding: 2vw;
          display: block; }
          #company .box_in .company_area .company_list .ttl {
            width: 100%;
            font-weight: bold;
            color: #005bac; }
          #company .box_in .company_area .company_list .con {
            margin-top: 1.3333333333vw;
            width: 100%; }
            #company .box_in .company_area .company_list .con ul li:not(:first-child) {
              margin-top: 2vw; }
        #company .box_in .company_area .group .con {
          display: block; }
          #company .box_in .company_area .group .con ul {
            width: 100%; } }
.map {
  height: 280px; }
  .map iframe {
    width: 100%;
    height: 280px; }

#history {
  padding-top: 90px;
  padding-bottom: 116px;
  background: #ededeb; }
  #history .box_in {
    margin-top: 60px; }
    #history .box_in .history_area {
      background: #fff;
      padding: 45px 60px; }
      #history .box_in .history_area .history_list {
        padding: 15px;
        text-align: left;
        display: flex;
        justify-content: center; }
        #history .box_in .history_area .history_list:not(:last-child) {
          border-bottom: 1px solid #c1c1c1; }
        #history .box_in .history_area .history_list .day {
          width: 150px; }
        #history .box_in .history_area .history_list .con {
          width: calc(100% - 150px); }

@media screen and (max-width: 750px) {
  #history {
    padding-top: 12vw;
    padding-bottom: 15.4666666667vw; }
    #history .box_in {
      margin-top: 8vw; }
      #history .box_in .history_area {
        padding: 6vw 5.3333333333vw; }
        #history .box_in .history_area .history_list {
          padding: 2vw;
          display: block; }
          #history .box_in .history_area .history_list .day {
            width: 100%; }
          #history .box_in .history_area .history_list .con {
            margin-top: 1.3333333333vw;
            width: 100%; }
            #history .box_in .history_area .history_list .con ul li:not(:first-child) {
              margin-top: 2vw; } }
#client {
  padding-top: 90px;
  padding-bottom: 116px;
  background: #005bac; }
  #client h3 {
    background: #fff;
    color: #005bac; }
  #client .comment {
    color: #fff;
    margin-top: 40px; }
  #client .box_in {
    margin-top: 30px; }
    #client .box_in ul {
      display: flex;
      justify-content: space-around; }
      #client .box_in ul li {
        background: #fff;
        width: 46%; }
        #client .box_in ul li .images img {
          width: 100%; }
        #client .box_in ul li .con {
          padding: 25px 40px; }
          #client .box_in ul li .con .ttl {
            background: #db9e3e;
            padding: 10px;
            color: #fff;
            font-weight: bold; }
          #client .box_in ul li .con .txt {
            margin-top: 10px;
            text-align: left;
            font-size: 14px;
            line-height: 1.8; }

@media screen and (max-width: 750px) {
  #client {
    padding-top: 12vw;
    padding-bottom: 15.4666666667vw; }
    #client .comment {
      margin-top: 5.3333333333vw; }
    #client .box_in {
      margin-top: 4vw; }
      #client .box_in ul {
        display: block; }
        #client .box_in ul li {
          width: 75%;
          margin: 0 auto; } }
        @media screen and (max-width: 750px) and (max-width: 480px) {
          #client .box_in ul li {
            width: 100%; } }
@media screen and (max-width: 750px) {
          #client .box_in ul li:not(:first-child) {
            margin-top: 8vw; }
          #client .box_in ul li .images img {
            width: 100%; }
          #client .box_in ul li .con {
            padding: 5.3333333333vw; }
            #client .box_in ul li .con .ttl {
              padding: 1.3333333333vw; }
            #client .box_in ul li .con .txt {
              margin-top: 2.6666666667vw;
              font-size: 3.4666666667vw;
              line-height: 1.5; } }