@charset "UTF-8";
/* CSS Document */

main{
  margin: 0!important;
  /*padding: 0!important;*/
}

/*コンテンツ枠*/
#conts{
  text-align: center;
  margin: 0 auto;
}
#conts-inner{
  margin: 0 3.9063%;
  /*max-width: 120rem;*/
}
  #conts-inner img{
    width: 100%;
    margin: 1.093% 0 0;
}
  /*サブメニュー各枠*/
  #conts-inner .box{
    margin: 17.1667% 0 0;
  }
  #conts-inner .box:first-child{
    margin: 0 0 6.2937%;
  }

  /*サブタイトル*/
  #conts-inner h3{
    margin: 0 0 6.2937%;
  }
    #conts-inner h3 span.en{
      display: block;
      font-weight: 700;  
      font-size: clamp(3.8rem, (100vw - 1024px) * 34 / 896 + 3.8rem, 7.1rem);
      line-height: 1;
      margin: 0 0 1.958%;
    }
    #conts-inner h3 span.jp{
      display: block;
      font-weight: 700;  
      font-size: clamp(1.4rem, (100vw - 1024px) * 12 / 896 + 1.4rem, 2.6rem);
      line-height: 1;
    }

/*コンテンツサイドメニューありの場合*/
/*枠*/
.with-side-wrap{
  display: flex;
  padding: 8.5818% 0 0 0;
  position: relative;
  }
  /*コンテンツメイン*/
  .with-side-wrap .conts-main{
    width: 100%;
    max-width: 120rem;
    text-align: justify;
    margin: 0 auto;
  }
  /*サイドメニュー---記述はbase.css内*/


/*コンテンツ内容*/
/*----------会社概要----------*/
.profile-table{}
.profile-table dl{
  line-height: 1.6;
  padding: 3rem 2rem;
  margin: 0;
  border-bottom: #B3B3B3 1px solid;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.profile-table dl:first-child{
  border-top: #B3B3B3 1px solid;
}
  .profile-table dl dt{
    font-weight: 700;
    width: 17.5862%;
  }
  .profile-table dl dd{
    flex: 1;
    margin: 0;
  }
    .profile-table dl dd .inner{
      display: flex;
    }
      .profile-table dl dd .inner div{
        margin: 0 1em 0 0;
    }


/*----------沿革----------*/
.history-table{
}
.history-table dl.year{
  display: flex;
  justify-content: space-between;
  /*margin: 0 0 7rem;*/
  padding: 0 0 7rem;
  position: relative;
}
.history-table dl.year:not(:last-of-type)::before{
  content: "";
  position:absolute;
  left:4.7rem;
  top:1em;
  font-size: 5.64rem;/*フォントサイズ4.7×1.2*/
  background:#000000;
  width:1px;
  height:45%;
}
  .history-table dl.year dt{
    font-size: 3.8rem;
    line-height: 1;
    color: #1D50A2;
    font-weight: 700;
    margin: 0 3.5rem 0 0;
  }
  .history-table dl.year dd{
    flex: 1;
    margin: 0;
  }
    .history-table dl.year dl.month{
      margin: 0.6rem 0 0;
      display: block;
    }
    .history-table dl dl.month:nth-child(2){
      margin: 2rem 0 0 0;
    }
      .history-table dl dl.month dt{
        font-size: 1.7rem;
        font-weight: 700;
        margin: 0 0 0.6rem;
        color: #000000;
      }
      .history-table dl dl.month dd{
      }
/*縦線
  .history-table .border-wrap {
    position:relative;
    }
  .history-table .border-wrap .border {
    position:absolute;
    left:4.7rem;
    top:-65px;
    background:#000000;
    width:1px;
    height:4rem;
    }*/
/*----------メッセージ----------*/
.message-wrap{
   margin: 17.1667% 0 0;
}
  /*タイトル＋画像*/
  .message-wrap .img-wrap{
    position: relative;
    margin: 0 0 7.5%;
  }
  .message-wrap .img-wrap img.tn{
    height: auto;
    max-width: 1000px;
    width: 86.2069%!important;
    padding: 0 0 0 13.7931%;
    margin: 0!important;
    object-fit: cover;
  }
  .message-wrap .img-wrap h3.message{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    margin: 0!important;
    text-align: left;
  }
  .message-wrap .txt-wrap{
  }
  /*メッセージcc*/
  .message-wrap .txt-wrap span{
    color: #1D50A2;
    font-weight: 700;
    font-size: clamp(3.6rem, (100vw - 1024px) * 24 / 896 + 3.6rem, 6rem);
    line-height: 1.5;
    margin: 0 0 3.3333%;
    display: inline-block;
  }
  .message-wrap .txt-wrap p{
    line-height: 2;
    padding: 0 0 1.7rem 0;
    font-size: 1.7rem;
  }
  .message-wrap .txt-wrap p.right{
    font-size: 1.7rem;
    text-align: right;
    padding: 0;
  }
    .message-wrap .txt-wrap p.right span{
      font-size: 1.9rem;
      color: #000000;
      font-weight: 500;
      padding: 0 0 0 1rem;
      margin: 0;
    }

/*----------経営理念----------*/
.philosophy-wrap{}

  .philosophy-wrap .pmvv-warp{
    margin: 0 0 7%;
  }
  .philosophy-wrap .pmvv-warp:last-of-type{
    margin: 0;
  }
    /*pmvv英語・日本語説明*/
    .philosophy-wrap .pmvv-warp .ttl-wrap{
      margin: 0 0 2.5%;
      display: flex;
      justify-content: flex-start;
    }
      .philosophy-wrap .pmvv-warp .ttl-wrap .ttl1{
        background: #1D50A2;
        color: #FFFFFF;
        width: 14rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.8rem;
        font-weight: 700;
        text-align: center;
      }
      .philosophy-wrap .pmvv-warp .ttl-wrap .ttl2{
        display: flex;
        align-items: center;
      }
      .philosophy-wrap .pmvv-warp .ttl-wrap .ttl2:not(:first-of-type)::before{
        content: '';
        display: block;
        width: 4rem;
        height: 1px;
        background-color: #000;
        margin: 0 2rem;
      }
    /*内容*/
    .philosophy-wrap .pmvv-warp p{
      display: inline-block;
      font-size: clamp(3.05rem, (100vw - 1024px) * 29.5 / 896 + 3.05rem, 6rem);
      line-height: 1;
    }
/*----------アクセス----------*/
iframe {
  width: 100%;
  aspect-ratio: 16/9;
  padding: 2.5% 0 0;
}




@media screen and (min-width: 1921px){
  #conts-inner img.mv{
    height: 80rem;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 768px){
  #conts-inner{
    font-size: 1.4rem;
    margin: 0 2.4rem;
  }
   /*サブタイトル*/
    #conts-inner h3:first-child{
      margin: 0 0 4rem;
    }
    #conts-inner h3{
      margin: 8rem 0 4rem;
    }
    #conts-inner h3 span.en{
      font-size: clamp(2.6rem, (100vw - 375px) * 2 / 393 + 2.6rem, 2.8rem);
    }
    #conts-inner h3 span.jp{
      font-size: clamp(1.3rem, (100vw - 375px) * 1 / 393 + 1.3rem, 2.4rem);
    }
  
    /*コンテンツサイドメニューありの場合*/
    /*枠*/
    .with-side-wrap{
      padding: 8rem 0 0 0;
      position: none;
    }
    /*コンテンツメイン*/
    .with-side-wrap .conts-main{
      max-width: none;
    }
    /*サイドメニュー*/
    .with-side-wrap  aside{
      display: none;
    }
  
    /*コンテンツ内容*/
    /*----------会社概要----------*/
    .profile-table dl{
      padding: 2.4rem 0;
      display: block;
    }
    .profile-table dl dt{
      margin: 0 0 0.5rem;
      width: 100%;
    }
  
    /*----------沿革----------*/
    .history-table dl.year{
      padding: 0 0 5rem;
    }
    .history-table dl.year::before{
      left:3.7rem;
      top:1em;
      font-size: 3.64rem;/*フォントサイズ2.8×1.3*/
      height:60%;
    }
    .history-table dl.year dt{
      font-size: 2.8rem;
      margin: 0 2.5rem 0 0;
    }
    /*縦線
    .history-table .border-wrap .border {
      position:absolute;
      left:3.5rem;
      top:-50px;
      background:#000000;
      width:1px;
      height:3.2rem;
      }*/
  
  /*----------メッセージ----------*/
  .message-wrap{
   margin: 0;
}
    /*タイトル＋画像*/
  .message-wrap .img-wrap{
    position: static;
    margin: 0;
  }
    .message-wrap .img-wrap img.tn{
      height: 33rem;
      width: 100%!important;
      padding: 0;
      margin: -4rem 0 4rem!important;
    }
    .message-wrap .img-wrap h3.message{
      position: static;
      top: 0;
      left: 0;
      margin: 13rem 0 4rem!important;
  }
    /*メッセージcc*/
  .message-wrap .txt-wrap span{
    font-size: clamp(1.8rem, (100vw - 320px) * 30 / 448 + 1.8rem, 4.8rem);
    line-height: 1.5;
  }
  .message-wrap .txt-wrap p{
    padding: 0 0 1.5rem 0;
    font-size: 1.5rem;
  }
  .message-wrap .txt-wrap p.right{
    font-size: 1.5rem;
  }
    .message-wrap .txt-wrap p.right span{
      font-size: 1.7rem;
    }
  
  /*----------経営理念----------*/
  .philosophy-wrap .pmvv-warp{
    margin: 0 0 4rem;
  }
    /*pmvv英語・日本語説明*/
    .philosophy-wrap .pmvv-warp .ttl-wrap{
      margin: 0 0 0.8rem;
      display: block;
    }
      .philosophy-wrap .pmvv-warp .ttl-wrap .ttl1{
        width: 11rem;
        height: 3rem;
        line-height: 3rem;
        font-size: 1.6rem;
      }
      .philosophy-wrap .pmvv-warp .ttl-wrap .ttl2{
        font-size: 1.3rem;
        margin: 0.5rem 0 0;
      }
      .philosophy-wrap .pmvv-warp .ttl-wrap .ttl2:not(:first-of-type)::before{
        display: none;
      }
    /*内容*/
    .philosophy-wrap .pmvv-warp p{
      font-size: clamp(1.8rem, (100vw - 375px) * 24 / 393 + 1.8rem, 4.2rem);
      line-height: 1.2;
    }
}