@charset "UTF-8";
/*サービスページ共通*/
.container {
    width:80%;
    margin: 0 auto;
}


#company {
    font-size: 15vw;
    font-family: var(--fontAlpha);
    margin: -7vw auto;
    margin: -6vw  auto;
    max-width: 1060px;
    max-width: 80%;
    /*--margin-left: 220px;-*/
}
/* company-spanはいらない？ */
#company-span {
    font-size: 1.8vw;
    font-weight: bold;
}
.line {
    font-size: 1.8vw;
}
.company_above_pc {
    width: 100%;
    display: block;
}
.company_above_sp {
    display: none;
}
.title {
    font-family: var(--fontAlpha);
    text-align: center;
    font-size: 40px;    
}

#CompanyProfile table {
    width: 80%;
    margin:30px auto;
}

.td-left {
        vertical-align: top;
    padding-right: 50px;

    } 


.text-under-image {
    width: 65%;
}
.h3-float-left {
    
}

/* 25.12.05 SHIBATA add S */
/* 会社概要 */
#Company Profile {
    width: 65%;
    margin: 0 auto;
    border-collapse:
    collapse;
}
/* 1列目：上揃え */
  .td-align-top {
    vertical-align: top;
  }

  /* 2列目：中央揃え */
  .td-align-middle {
    vertical-align: middle;
  }

/* 地図 */
#Map {
    width: 100%;
    margin: 0 auto;
    margin-top:50px;/*-20251211-*/
    border-collapse:
    collapse;
}
.map-1 {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

iframe {
  width: 100%;           /* 幅は親要素いっぱい */
  aspect-ratio: 1 / 2;  /* 比率を指定 */
  border: none;
}    

/* グループ */
#group {
    width: 65%;
    margin: 0 auto;
    margin-bottom: 100px;
    border-collapse:
    collapse;
}

.group-company {
    display: flex;           /* Flexboxを有効化 */
    align-items: center;     /* 上下（垂直方向）の中央揃え */
    font-size: 25px;
}

/* 25.12.05 SHIBATA add E */

@media (max-width:992px) {

    /*会社概要*/
    /* グループ　*/
    .group-company {
    display: flex;           /* Flexboxを有効化 */
    align-items: center;     /* 上下（垂直方向）の中央揃え */
    font-size: 15px;
    text-align: left;    
    }

    .group-company img {
    width: 40%; 
}
}
@media (max-width:768px) {

    #CompanyProfile table {
        width: 100%;
        margin:30px auto;
    }
    /* グループ */
    #group {
        width: 90%;
        margin: 0 0 20px 0;/* 上:0, 右:0, 下:20px, 左:0 */
        border-collapse:
    collapse;
    }

    /* 地図 */
    #Map {
        width: 100%;
        margin: 0 auto;
        margin-top:50px;/*-20251211-*/
        border-collapse:
        collapse;
    }
    .map-1 {
        width: 80%;
        width: 100%;
        text-align: center;
    }
}

@media (max-width:676px) {

.container {
    width:100%;
    margin: 0 auto;
}


    #CompanyProfile {
        width: 100%;
        margin: 0 auto;
}

    #CompanyProfile table {
        width: 100%;
        margin: 0 auto;
}
    .td-left {
        width: 30%;
        vertical-align: top;
        padding-right: 0px;

    } 
    .td-right {
        width: 70%;
    }

iframe {
  width: 100%;           /* 幅は親要素いっぱい */
  aspect-ratio: 2 / 1;  /* 比率を指定 */
  border: none;
}    

}