@media screen and (max-width: 828px) {
  .commonWidth-sp {
    width: 88.40579710144928%;
    margin-right: auto;
    margin-left: auto; } }

/**
 * Fonts
 */
/*
$fonts: (
  NotoSans:  'noto-sans, sans-serif', 
  // 400 -> Regular, 500 -> Regular, 700 -> Bold, 900 -> Black
  NotoSerif: 'Noto Serif JP, serif',  
  // 400 -> Regular, 
  Oswald:    'Oswald, sans-serif',
   // 400 -> Regular
  Roboto:    'Roboto, sans-serif',
   // 400 -> Regular
);

@mixin get_webfont( $font, $weight, $style: normal ) {
  $fonts: (
    NotoSans: 'noto-sans, sans-serif', 
    // 400 -> Regular, 500 -> Regular, 700 -> Bold, 900 -> Black
    NotoSerif:'Noto Serif JP, serif',  
    // 400 -> Regular
    Oswald:   'Oswald, sans-serif',
    // 400 -> Regular
    Roboto:   'Roboto, sans-serif',
    // 400 -> Regular
  );

  font-family: unquote( map-get( $fonts, $font ) );
  font-weight: $weight;
  font-style: $style;
  @content;
}
*/
.company .pageHeader {
  background: url(../img/company/company_pageheader.png) no-repeat center center/cover; }
  @media screen and (max-width: 828px) {
    .company .pageHeader {
      background: url(../img/company/company_pageheader_sp.png) no-repeat center center/cover; } }

.company_main {
  padding-top: 64px; }
  @media screen and (max-width: 1366px) {
    .company_main {
      padding-top: 4.68521vw; } }
  @media screen and (max-width: 828px) {
    .company_main {
      padding-top: 9.66184vw; } }

.company_message {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.18em; }
  @media screen and (max-width: 1366px) {
    .company_message {
      font-size: 2.63543vw; } }
  @media screen and (max-width: 828px) {
    .company_message {
      font-size: 5.7971vw; } }

.company_section_item:not(:first-child) {
  margin-top: 96px; }
  @media screen and (max-width: 1366px) {
    .company_section_item:not(:first-child) {
      margin-top: 7.02782vw; } }
  @media screen and (max-width: 828px) {
    .company_section_item:not(:first-child) {
      margin-top: 19.32367vw; } }

.company .about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 56px; }
  @media screen and (max-width: 1366px) {
    .company .about {
      margin-top: 4.09956vw; } }
  @media screen and (max-width: 828px) {
    .company .about {
      display: block;
      margin-top: 9.66184vw; } }
  .company .about_text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 416px;
    line-height: 2.2; }
    @media screen and (max-width: 1366px) {
      .company .about_text {
        width: 30.45388vw;
        min-width: 30.45388vw; } }
    @media screen and (max-width: 828px) {
      .company .about_text {
        width: 100%;
        min-width: auto;
        margin-top: 21.73913vw;
        line-height: 2.0; } }
    .company .about_text_item:not(:first-child) {
      margin-top: 32px; }
      @media screen and (max-width: 1366px) {
        .company .about_text_item:not(:first-child) {
          margin-top: 2.34261vw; } }
      @media screen and (max-width: 828px) {
        .company .about_text_item:not(:first-child) {
          margin-top: 5.7971vw; } }
    @media screen and (max-width: 828px) {
      .company .about_text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; } }
  .company .about_image, .company .about_movie {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 480px;
    min-width: 480px;
    height: 270px; }
    @media screen and (max-width: 1366px) {
      .company .about_image, .company .about_movie {
        width: 35.13909vw;
        min-width: 35.13909vw;
        height: 19.76574vw; } }
    @media screen and (max-width: 828px) {
      .company .about_image, .company .about_movie {
        width: 100%;
        min-width: auto;
        height: 48.30918vw; } }
  .company .about_movie iframe {
    width: 100%;
    height: 100%; }

.company .profile .companyProfile {
  margin-top: 56px; }
  @media screen and (max-width: 1366px) {
    .company .profile .companyProfile {
      margin-top: 4.09956vw; } }
  @media screen and (max-width: 828px) {
    .company .profile .companyProfile {
      margin-top: 4.83092vw; } }
  .company .profile .companyProfile_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 16px 0; }
    @media screen and (max-width: 1366px) {
      .company .profile .companyProfile_item {
        padding: 1.1713vw 0vw; } }
    @media screen and (max-width: 828px) {
      .company .profile .companyProfile_item {
        display: block;
        padding: 4.83092vw 0vw; } }
  .company .profile .companyProfile_title {
    width: 200px;
    min-width: 200px;
    padding-left: 16px;
    border-left: 3px solid #51005B;
    font-weight: 700; }
    @media screen and (max-width: 1366px) {
      .company .profile .companyProfile_title {
        width: 14.64129vw;
        min-width: 14.64129vw;
        padding-left: 1.1713vw; } }
    @media screen and (max-width: 828px) {
      .company .profile .companyProfile_title {
        width: 48.30918vw;
        min-width: 48.30918vw;
        padding-left: 3.86473vw; } }
  .company .profile .companyProfile_text {
    border-left: 1px solid #ccc;
    padding-left: 24px; }
    @media screen and (max-width: 1366px) {
      .company .profile .companyProfile_text {
        padding-left: 1.75695vw; } }
    @media screen and (max-width: 828px) {
      .company .profile .companyProfile_text {
        border-left: none;
        margin-top: 2.89855vw;
        padding-left: 4.34783vw; } }

.company .profile_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 48px; }
  @media screen and (max-width: 1366px) {
    .company .profile_button {
      margin-top: 3.51391vw; } }
  @media screen and (max-width: 828px) {
    .company .profile_button {
      margin-top: 7.72947vw; } }
  .company .profile_button .commonButton {
    width: 240px; }
    @media screen and (max-width: 1366px) {
      .company .profile_button .commonButton {
        width: 17.56955vw; } }
    @media screen and (max-width: 828px) {
      .company .profile_button .commonButton {
        width: 57.97101vw; } }

.company .history .companyHistory {
  margin-top: 48px;
  border-left: 2px solid #ccc;
  padding-left: 40px; }
  @media screen and (max-width: 1366px) {
    .company .history .companyHistory {
      margin-top: 3.51391vw;
      padding-left: 2.92826vw; } }
  @media screen and (max-width: 828px) {
    .company .history .companyHistory {
      margin-top: 7.72947vw;
      padding-left: 9.66184vw; } }
  .company .history .companyHistory_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #ccc;
    padding: 24px 0; }
    @media screen and (max-width: 1366px) {
      .company .history .companyHistory_item {
        padding: 1.75695vw 0; } }
    @media screen and (max-width: 828px) {
      .company .history .companyHistory_item {
        display: block;
        padding: 5.7971vw 0; } }
  .company .history .companyHistory_year {
    margin-left: -40px;
    padding-left: 40px;
    font-size: 2.0rem;
    font-weight: 500;
    color: #51005B; }
    @media screen and (max-width: 1366px) {
      .company .history .companyHistory_year {
        margin-left: -2.92826vw;
        padding-left: 2.92826vw;
        font-size: 1.46413vw; } }
    @media screen and (max-width: 828px) {
      .company .history .companyHistory_year {
        margin-left: -9.66184vw;
        padding-left: 9.66184vw;
        font-size: 4.83092vw; } }
    .company .history .companyHistory_year::before {
      content: "";
      width: 24px;
      height: 3px;
      background: #51005B;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto; }
      @media screen and (max-width: 1366px) {
        .company .history .companyHistory_year::before {
          width: 1.75695vw;
          height: 0.21962vw; } }
      @media screen and (max-width: 828px) {
        .company .history .companyHistory_year::before {
          width: 5.7971vw;
          height: 0.72464vw; } }
  @media screen and (max-width: 828px) {
    .company .history .companyHistory_detail {
      margin-top: 1.93237vw; } }
  .company .history .companyHistory_detail_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 828px) {
      .company .history .companyHistory_detail_item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .company .history .companyHistory_detail_item:not(:first-child) {
      margin-top: 16px; }
      @media screen and (max-width: 1366px) {
        .company .history .companyHistory_detail_item:not(:first-child) {
          margin-top: 1.1713vw; } }
      @media screen and (max-width: 828px) {
        .company .history .companyHistory_detail_item:not(:first-child) {
          margin-top: 5.7971vw; } }
  .company .history .companyHistory_date {
    width: 90px;
    min-width: 90px;
    margin-left: 24px;
    font-size: 1.4rem;
    font-weight: 500;
    top: 4px; }
    @media screen and (max-width: 1366px) {
      .company .history .companyHistory_date {
        width: 6.58858vw;
        min-width: 6.58858vw;
        margin-left: 1.75695vw;
        font-size: 1.02489vw;
        top: 0.29283vw; } }
    @media screen and (max-width: 828px) {
      .company .history .companyHistory_date {
        width: 100%;
        min-width: auto;
        margin-left: 0vw;
        font-size: 3.38164vw;
        top: 0.96618vw; } }
  .company .history .companyHistory_text {
    margin-left: 24px;
    top: 3px; }
    @media screen and (max-width: 1366px) {
      .company .history .companyHistory_text {
        margin-left: 1.75695vw;
        top: 0.21962vw; } }
    @media screen and (max-width: 828px) {
      .company .history .companyHistory_text {
        width: 100%;
        margin: 1.93237vw 0 0 0;
        top: 0.72464vw; } }
    .company .history .companyHistory_text_item:not(:first-child) {
      margin-top: 16px; }
      @media screen and (max-width: 1366px) {
        .company .history .companyHistory_text_item:not(:first-child) {
          margin-top: 1.1713vw; } }
      @media screen and (max-width: 828px) {
        .company .history .companyHistory_text_item:not(:first-child) {
          margin-top: 1.93237vw; } }

.company .access_map {
  height: 483px;
  margin-top: 48px; }
  @media screen and (max-width: 1366px) {
    .company .access_map {
      height: 35.35871vw;
      margin-top: 3.51391vw; } }
  @media screen and (max-width: 828px) {
    .company .access_map {
      height: 88.4058vw;
      margin-top: 9.66184vw; } }
  .company .access_map iframe {
    width: 100%;
    height: 100%; }