/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
body {
  background: #f2f2f2; }

.mv {
  background: url("../images/company/company_mv.jpg") no-repeat;
  background-size: cover;
  background-position: center; }

.area02 {
  background: url("../images/company/company_img01.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  padding: 90px 0px; }
  .area02 .box_in {
    max-width: 680px;
    width: 90%; }
    .area02 .box_in .images {
      margin-top: 40px; }
    .area02 .box_in .txt_area {
      margin-top: 20px; }
  @media screen and (max-width: 750px) {
    .area02 {
      padding: 12vw 0px; }
      .area02 .box_in {
        padding: 8vw 5.3333333333vw; }
        .area02 .box_in .images {
          margin-top: 5.3333333333vw; }
        .area02 .box_in .txt_area {
          margin-top: 2.6666666667vw;
          text-align: left; }
          .area02 .box_in .txt_area br {
            display: none; } }

.area03 .box_in {
  max-width: 700px; }
.area03 .contents {
  margin-top: 40px; }
  .area03 .contents ul {
    letter-spacing: 0.03rem; }
    .area03 .contents ul li {
      border-top: 1px solid #b3b3b3;
      display: flex; }
      .area03 .contents ul li .ttl {
        padding: 20px;
        text-align: center;
        width: 120px;
        background: #f2f2f2;
        text-align-last: justify;
        text-justify: inter-ideograph; }
        .area03 .contents ul li .ttl .txt {
          width: 65px;
          margin: 0 auto; }
      .area03 .contents ul li .con {
        padding: 20px;
        padding-left: 40px;
        text-align: left;
        width: calc(100% - 120px); }
        .area03 .contents ul li .con a {
          color: #025698;
          text-decoration: underline; }
      .area03 .contents ul li:last-child {
        border-bottom: 1px solid #b3b3b3; }
    .area03 .contents ul .company_child .con {
      padding: 0;
      padding-left: 40px; }
      .area03 .contents ul .company_child .con .company_1 {
        padding: 20px;
        padding-left: 0;
        border-bottom: 1px solid #b3b3b3; }
      .area03 .contents ul .company_child .con .company_2 {
        padding: 20px;
        padding-left: 0; }
@media screen and (max-width: 750px) {
  .area03 .contents {
    margin-top: 2.6666666667vw; } }
@media screen and (max-width: 480px) {
  .area03 .contents ul {
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3; }
    .area03 .contents ul li {
      display: block; }
      .area03 .contents ul li .ttl {
        text-align: left;
        padding: 2.6666666667vw;
        padding-left: 2.6666666667vw;
        width: 100%;
        border-bottom: 1px solid #b3b3b3;
        letter-spacing: 0.05rem;
        text-align-last: inherit; }
        .area03 .contents ul li .ttl .txt {
          width: 100%; }
      .area03 .contents ul li .con {
        padding: 2.6666666667vw;
        padding-left: 2.6666666667vw;
        width: 100%; }
        .area03 .contents ul li .con span {
          line-height: 1.5;
          display: inline-block; }
    .area03 .contents ul .company_child .con {
      padding-left: 0vw; }
      .area03 .contents ul .company_child .con .company_1 {
        padding: 2.6666666667vw; }
      .area03 .contents ul .company_child .con .company_2 {
        padding: 2.6666666667vw; } }

.map {
  padding-top: 0; }
  .map .contents {
    margin-top: 40px; }
    .map .contents .txt {
      text-align: right;
      letter-spacing: 0.05rem;
      margin-top: 10px; }
      .map .contents .txt a {
        display: inline-block; }
  @media screen and (max-width: 750px) {
    .map .contents {
      margin-top: 2.6666666667vw; }
      .map .contents .txt {
        margin-top: 1.3333333333vw; } }