@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.inner_main .main_bg {
  background-image: url("../images/company/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_bg {
      background-image: url("../images/company/main_sp.jpg"); } }

.sec01 .read_wrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  .sec01 .read_wrap .sec_ttl02 {
    width: 100%; }
  .sec01 .read_wrap .read_ttl_wrap {
    display: flex;
    flex-direction: column;
    align-self: center;
    row-gap: 20px;
    margin-bottom: clamp(30px, 4.167vw, 50px); }
    .sec01 .read_wrap .read_ttl_wrap .read_ttl {
      text-align: center; }
      .sec01 .read_wrap .read_ttl_wrap .read_ttl .grad_txt {
        font-size: clamp(26px, 3.501vw, 42px); }
        @media screen and (max-width: 480px) {
          .sec01 .read_wrap .read_ttl_wrap .read_ttl .grad_txt {
            font-size: 7.5vw; } }
    .sec01 .read_wrap .read_ttl_wrap .read_sub {
      font-size: clamp(14px, 1.667vw, 20px);
      color: #2666b3; }
      @media screen and (max-width: 480px) {
        .sec01 .read_wrap .read_ttl_wrap .read_sub {
          font-size: 16px;
          text-align: center; } }
  .sec01 .read_wrap .read {
    margin: 0 auto clamp(60px, 10vw, 120px);
    text-align: center; }
    @media screen and (max-width: 480px) {
      .sec01 .read_wrap .read {
        font-size: 14px;
        font-weight: 400; } }
    .sec01 .read_wrap .read span {
      display: block; }
  .sec01 .read_wrap .representative {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: clamp(14px, 1.5vw, 18px);
    max-width: 240px;
    row-gap: 10px; }
    .sec01 .read_wrap .representative .shippori {
      font-size: 220%;
      line-height: 1;
      font-weight: 800; }

.sec04 {
  padding: clamp(60px, 7.5vw, 90px) 0 clamp(60px, 8.334vw, 100px);
  background: rgba(118, 185, 246, 0.2); }
  .sec04 .text_wrap {
    display: flex;
    flex-direction: column;
    row-gap: clamp(60px, 8.334vw, 100px); }
    .sec04 .text_wrap .text_in .title_wrap {
      margin-bottom: clamp(30px, 4.167vw, 50px); }
    .sec04 .text_wrap .text_in .sub_read {
      font-size: clamp(16px, 2vw, 24px);
      text-align: center;
      line-height: 1.91; }
      @media screen and (max-width: 480px) {
        .sec04 .text_wrap .text_in .sub_read {
          font-size: 17px; } }

.sec02 .outline_wrap {
  max-width: 740px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; }
  .sec02 .outline_wrap .out_in {
    display: flex;
    font-size: clamp(14px, 1.875vw, 18px);
    column-gap: 10px; }
    @media screen and (max-width: 480px) {
      .sec02 .outline_wrap .out_in {
        font-size: 13px; } }
    .sec02 .outline_wrap .out_in .text_ttl {
      border-bottom: 2px solid #374872;
      padding: 25px 15px;
      width: 130px;
      flex-shrink: 0; }
      @media screen and (max-width: 768px) {
        .sec02 .outline_wrap .out_in .text_ttl {
          padding: 15px 10px; } }
      @media screen and (max-width: 480px) {
        .sec02 .outline_wrap .out_in .text_ttl {
          width: 80px; } }
    .sec02 .outline_wrap .out_in .text_item {
      width: 100%;
      border-bottom: 2px solid #AAA;
      padding: 25px 20px; }
      @media screen and (max-width: 768px) {
        .sec02 .outline_wrap .out_in .text_item {
          padding: 15px 10px; } }
      @media screen and (max-width: 480px) {
        .sec02 .outline_wrap .out_in .text_item {
          width: 100%; } }

.sec03 {
  background: rgba(118, 185, 246, 0.2); }
  .sec03 .map_area {
    position: relative;
    aspect-ratio: 1200/600;
    margin-bottom: clamp(40px, 5vw, 60px); }
    @media screen and (max-width: 480px) {
      .sec03 .map_area {
        aspect-ratio: 414/300;
        margin: 0 -30px 40px; } }
    .sec03 .map_area iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%; }
  .sec03 .site_btn.map_btn {
    max-width: 230px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
    padding: 10px;
    transition: 0.3s background ease-in-out 0s; }
    .sec03 .site_btn.map_btn:before {
      border: 1px solid #333;
      border-radius: 0;
      background: rgba(255, 255, 255, 0);
      transition: 0.3s transform ease-in-out 0s,0.3s background ease-in-out 0s; }
    body:not(.mobile) .sec03 .site_btn.map_btn:hover:before {
      background: #FFF; }
    .sec03 .site_btn.map_btn .btn_txt {
      font-size: 14px;
      color: #333; }
    .sec03 .site_btn.map_btn .btn_arrow {
      position: relative;
      right: auto;
      top: auto;
      margin-top: 0;
      width: 20px; }
      .sec03 .site_btn.map_btn .btn_arrow span {
        font-size: 10px;
        color: #333; }

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