@charset "UTF-8";

#main .page_content #sec01 h3 {
    margin-top: 0;
}

/* メインビジュアル（ECO & Design Challenge 画像）。本文幅の 70% で中央寄せ */
#main .page_content #sec01 .main_cont figure {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#main .page_content #sec01 .main_cont figure img {
    display: block;
    width: 100%;
    height: auto;
}

/* 見出し（審査会 / 協力 / 関連情報）は CEATEC AWARD ページ（ja/award2026/）の
   .under-h4 と同じ「背景なしの素の見出し」に揃える（28px / CEATECブルー）。

   NOTE: 打ち消しが必要な理由。award2026 の h4 は section.award_type の中にあり
   .page_block の外なので何も足さなくても素で出るが、このページの h4 は
   section.page_block(#sec01) の中にあるため style.css の
   .page_content .page_block h4 (0,3,1) が背景 #f5f5f5 と padding 8px を付けてしまう。
   それを消すためだけの指定で、文字サイズ・色・余白は共通ルールに任せる。 */
#main .page_content #sec01 h4 {
    background-color: transparent;
    padding: 0;
    text-align: center;
}

/* 審査委員会の dl。dt（審査委員会）を上に置き、その下の dd に評価2種を横並びにする。
   共通の .unit_table は grid（dt 列 max-content と dd 列 2fr）で dt と dd が横に並ぶため、1列にする。
   共通の罫線と padding はこの表では使わず、文字は中央揃え。
   HTML の mgt15 / mgb30 は 2026 の CSS に定義が無く効かないため、上下の余白はここで指定する
   （共通の dd の padding 20px を外すと、下のセッションカードと詰まるため）。 */
#main .page_content #sec01 .unit_table {
    grid-template-columns: 1fr;
    margin: 24px 0 40px;
}

#main .page_content #sec01 .unit_table dt,
#main .page_content #sec01 .unit_table dd {
    padding: 0;
    border-bottom: none;
    text-align: center;
}

#main .page_content #sec01 .unit_table dt {
    margin-bottom: 16px;
}

/* 評価2種（定量的・定性的評価 / 定性的評価）。#sec01 p の margin-bottom は各クラスで打ち消す */
#main .page_content #sec01 .ecodesign_judge {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 24px 40px;
}

#main .page_content #sec01 .ecodesign_judge__type {
    margin: 0;
}

#main .page_content #sec01 .ecodesign_judge__org {
    margin: 4px 0 0;
}

/* 公開審査会・表彰式のセッションカード（審査委員会の表の下）。
   配色とコードバッジはコンファレンス TOP の注目セッション（conference_index.css の conf-pickup）に揃える。
   #sec01 p の margin-bottom:1.5rem は各クラスで margin をまとめて指定して打ち消す
   （p 一括で margin:0 にすると、各クラスの margin-top より詳細度が高くなり余白が消える）。 */
#main .page_content #sec01 .ecodesign_session {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

#main .page_content #sec01 .ecodesign_session__item {
    display: flex;
    flex-direction: column;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(12, 26, 73, 0.06);
    padding: 20px 22px;
}

#main .page_content #sec01 .ecodesign_session__label {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #5a6a8a;
}

/* タイトルの文字色は本文と同じ（親から継承）。コードバッジ・ラベルの色はそのまま */
#main .page_content #sec01 .ecodesign_session__title {
    margin: 6px 0 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
    color: inherit;
}

#main .page_content #sec01 .ecodesign_session__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin: 14px 0 0;
    font-size: 14px;
    line-height: 1.5;
}

#main .page_content #sec01 .ecodesign_session__code {
    padding: 3px 8px;
    border-radius: 4px;
    background: #1c4d8d;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

#main .page_content #sec01 .ecodesign_session__when {
    font-weight: 700;
    color: #3d4a67;
}

#main .page_content #sec01 .ecodesign_session__place {
    margin: 4px 0 0;
    font-size: 14px;
    color: #3d4a67;
}

/* セッション詳細リンク（HTML 側は現在コメントアウト） */
#main .page_content #sec01 .ecodesign_session__more {
    margin: auto 0 0;
    padding-top: 14px;
    text-align: right;
}

#main .page_content #sec01 .ecodesign_session__more a {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 14px;
    font-weight: 700;
    color: #1c4d8d;
    text-decoration: none;
}

#main .page_content #sec01 .ecodesign_session__more .material-icons {
    font-size: 18px;
}

#main .page_content #sec01 p {
    margin-bottom: 1.5rem;
}

#main .page_content #sec01 .announcement_cont {
    background: linear-gradient(45deg, #c7d987, #53b6c4);
    text-align: center;
    padding: 20px;
    color: #fff;
    margin-bottom: 0rem;
}

/* 「詳細はこちら」ボタンの下端から次の見出し（公開審査会・表彰式）の文字の上端までを 64px にする。
   ・ボタンは inline-block なので行の高さの分（約 7px）下に隙間ができる。vertical-align: top で消す
   ・見出しの上余白（共通 0.7em）は 0 にして、余白の相殺に頼らず合計を固定する
   ・下余白 58px ＋ 見出しの行の高さによる文字上の余白 約 6px（28px / line-height 44.8px）= 64px */
.ecodesign_link{
    
margin: 0 auto 58px;
    
text-align: center;
}

#main .page_content #sec01 .ecodesign_link .btn {
    vertical-align: top;
}

#main .page_content #sec01 .cont > .under-h4 {
    margin-top: 0;
}

/* 受賞出展者ボタン。共通の .btn（add.css）は文字サイズ指定が無く余白も 8px 16px と小さいため、
   このボタンだけ大きくする。共通 .btn は触らない。 */
#main .page_content #sec01 .ecodesign_link .btn {
    font-size: 18px;
    padding: 14px 40px;
    min-width: 360px;
}

#main .page_content #sec01 .announcement_cont p {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.2;
    display: inline;
    text-shadow: 0 0 8px #969696;
}

#main .page_content #sec01 .announcement_cont p span.font_bold {
    font-size: 2.4rem;
}

#main .page_content #sec01 .corporation_cont figure {
    width: 35%;
}

#main .page_content #sec01 .corporation_cont figure img {
    max-width: 400px;
    margin: 0 auto;
    display: block;
    margin: 1rem auto 1.5rem;
}

#main .page_content #sec01 .corporation_cont p {
    width: 65%;
}

#main .page_content .flex_cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
}

#main .page_content .flex_cont .link_cont{
    
width: 50%;
    
background: #ffffff;
    
border: 1px solid #e1e1e1;
    
display: flex;
    
flex-direction: column;
    
padding: 20px 25px;
}

#main .page_content .flex_cont  .link_list{
    
width: 47%;
}
#main .page_content #sec01 .sustainability_cont .flex_cont ul.link_list li {
    margin-bottom: 1rem;
}

#main .page_content #sec01 .sustainability_cont .flex_cont figure {
    /* width: 45%; */
    margin-bottom: 1rem;
}


@media screen and (max-width:850px) {

    #main .page_content #sec01 .corporation_cont figure {
        width: 100%;
    }
    #main .page_content .flex_cont .link_cont{
        width:100%;
        margin-bottom: 1.5rem;
        padding: 20px 15px;
    }

    #main .page_content #sec01 .corporation_cont p {
        width: 100%;
    }

    #main .page_content .flex_cont {

        flex-wrap: wrap;
    }

    #main .page_content #sec01 .sustainability_cont .flex_cont figure,
    #main .page_content #sec01 .sustainability_cont .flex_cont ul.link_list {
        width: 100%;
    }

    #main .page_content #sec01 .sustainability_cont .flex_cont figure {
        width: 75%;
        margin: 0 auto 15px;
    }

    #main .page_content #sec01 .announcement_cont p {
        font-size: 1.5rem;
    }

    #main .page_content #sec01 .announcement_cont p span.font_bold {
        font-size: 2rem;
    }
}

/* SP はページ見出しと受賞出展者ボタンの文字を下げる。見出しは左寄せ、ボタンは中央のまま。
   見出しは style.css の SP 用 .under-h3 24px が共通の 32px 指定（0,3,1）に負けて効かないため、ここで指定する。 */
@media screen and (max-width: 767px) {
    #main .page_content #sec01 h3 {
        font-size: 24px;
        text-align: left;
    }

    #main .page_content #sec01 .ecodesign_session {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #main .page_content #sec01 .ecodesign_session__title {
        font-size: 16px;
    }

    /* メインビジュアルは SP では本文幅いっぱい */
    #main .page_content #sec01 .main_cont figure {
        width: 100%;
    }

    /* 審査委員会の評価2種は SP では縦に並べる（PC は flex の横並び。grid 用の指定は flex では効かないため向きを変える） */
    #main .page_content #sec01 .ecodesign_judge {
        flex-direction: column;
        align-items: center;
    }

    #main .page_content #sec01 .ecodesign_link .btn {
        font-size: 15px;
        padding: 10px 24px;
        min-width: 0;
    }
}

@media screen and (max-width: 539px) {
    .btn {

        max-width: initial;
    }
}

@media screen and (max-width:480px) {
    #main .page_content #sec01 .sustainability_cont .flex_cont ul.link_list li a {
        /* width: 100%; */
    }

}