/* ==========================================================
   COMPANY Section
   会社紹介レイアウト
========================================================== */

/* セクション */
.company-section{
    width:100%;                                     /* 横幅いっぱい */
    padding:30px 0 30px;                            /* 上余白・左右余白・下余白 */
    background:#ffffff url("assets/images/bg-wood-white.png") repeat; /* 白い木目 */
    position:relative;                              /* 区切り線の基準 */   
}

.company-section:last-of-type{
    padding-bottom:90px;
}

/* コンテナ */
.company-container{
    width:min(95%,1200px);                          /* 最大横幅 */
    margin:0 auto;                                  /* 中央配置 */
    display:flex;                                   /* 横並び */
    align-items:center;                             /* 縦中央 */
    gap:60px;                                       /* 要素間余白 */
}

/* ==========================================================
   画像
========================================================== */

/* 画像エリア */
.company-image{
    flex:0 0 50%;
}                                                   /* 横幅50% */

/* 画像 */
.company-image img{
    width:100%;                                     /* 横幅いっぱい */
    height:380px;                                   /* 高さ固定 */
    display:block;                                  /* ブロック化 */
    object-fit:cover;                             /* 画像全体を表示 */
    box-shadow:0 15px 40px rgba(0,0,0,.10);       /* 影 */
    transition:none;                                /* アニメーション  */
}

/* ==========================================================
   テキスト
========================================================== */

/* テキストエリア */
.company-content{
    flex:0 0 50%;                                   /* 横幅50% */
}

/* セクション番号 */
.company-number{
    display:block;                                  /* ブロック表示 */
    margin-bottom:10px;                             /* 下余白 */
    color:#c00000;                                  /* 赤色 */
    font-family:"Noto Sans JP","Noto Sans",Arial,sans-serif; /* 多言語対応 */
    font-size:4rem;                                 /* 文字サイズ */
    font-weight:700;                                /* 太字 */
    line-height:1;                                  /* 行間 */
    letter-spacing:0;                               /* 文字間隔 */
    word-spacing:0;                                 /* 単語間隔 */
}

/* タイトル */
.company-content h2{
    width:100%;                                     /* 横幅いっぱい */
    max-width:900px;                                /* 最大横幅 */
    margin:0 0 15px;                                /* 下余白 */
    color:#222222;                                  /* 文字色 */
    font-family:"Noto Sans JP","Noto Sans",Arial,sans-serif; /* 多言語対応 */
    font-size:clamp(30px,3vw,36px);                 /* 可変文字サイズ */
    font-weight:700;                                /* 太字 */
    line-height:1.4;                                /* 行間 */
    letter-spacing:0;                               /* 文字間隔 */
    word-spacing:0;                                 /* 単語間隔 */
    word-break:normal;                              /* 通常改行 */
    overflow-wrap:anywhere;                         /* 長い単語も折り返す */
}

/* 説明文 */
.company-content p{
    width:100%;                                     /* 横幅いっぱい */
    max-width:900px;                                /* 最大横幅 */
    margin:0 0 12px;                                /* 下余白 */
    color:#555555;                                  /* 文字色 */
    font-family:"Noto Sans JP","Noto Sans",Arial,sans-serif; /* 多言語対応 */
    font-size:18px;                                 /* 文字サイズ */
    font-weight:400;                                /* 標準 */
    line-height:1.9;                                /* 行間 */
    letter-spacing:0;                               /* 文字間隔 */
    word-spacing:0;                                 /* 単語間隔 */
    word-break:normal;                              /* 通常改行 */
    overflow-wrap:anywhere;                         /* 長い単語も折り返す */
}

/* ==========================================================
   セクション区切り線
========================================================== */

.company-section + .company-section{
    border-top:2px solid #c00000;                   /* 上罫線 */
}

/* ==========================================================
   会社情報
========================================================== */

/* 会社情報エリア */
.company-profile{
    width:100%;                                     /* 横幅いっぱい */
    margin-top:0;                                /* 上余白 */
}

/* テーブル */
.company-table{
    width:100%;                                     /* 横幅いっぱい */
    border-collapse:collapse;                       /* 枠線を結合 */
    background:#ffffff;                             /* 背景色 */
}

/* 行 */
.company-table tr{
    border-bottom:1px solid #dddddd;                /* 下罫線 */
}

/* 見出し */
.company-table th{
    width:30%;                                      /* 横幅 */
    padding:6px 20px;                              /* 内側余白 */
    background:#f7f7f7;                             /* 背景色 */
    color:#222222;                                  /* 文字色 */
    font-family:"Noto Sans JP","Noto Sans",Arial,sans-serif; /* 多言語対応 */
    font-size:17px;                                 /* 文字サイズ */
    font-weight:700;                                /* 太字 */
    text-align:left;                                /* 左揃え */
    vertical-align:top;                             /* 上揃え */
    border-right:1px solid #dddddd;                 /* 右罫線 */
}

/* 内容 */
.company-table td{
    padding:6px 20px;                              /* 内側余白 */
    color:#555555;                                  /* 文字色 */
    font-family:"Noto Sans JP","Noto Sans",Arial,sans-serif; /* 多言語対応 */
    font-size:15px;                                 /* 文字サイズ */
    line-height:1.3;                                /* 行間 */
    vertical-align:top;                             /* 上揃え */
    word-break:normal;                              /* 通常改行 */
    overflow-wrap:anywhere;                         /* 長い文字を折り返す */
}

/* リンク */
.company-table a{
    color:#c00000;                                  /* リンク色 */
    text-decoration:none;                           /* 下線なし */
    transition:.3s;                                 /* アニメーション */
}

/* リンクホバー */
.company-table a:hover{
    text-decoration:underline;                      /* 下線表示 */
}

/* ==========================================================
   終了
========================================================== */