@charset "UTF-8";
/* CSS Document */
/***************************************************
★各種コンテンツ共通
***************************************/
.cntnt header {
    width: 100%;
    height: 60px;
    background: #cccccc;
}
.cntnt header .headerInner {
    width: 94%;
    margin: auto;
    max-width: 1024px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cntntInner {
    width: 96%;
    max-width: 1024px;
    margin: auto;
}
/* デザインA（PC）***************************************/
.cntnt header .headerInner h2 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
.cntnt header .headerInner h3 {
        font-size: 14px;
    font-weight: 400;
    color: #666;
}
.cntnt header .headerInner h3 span {
    color: #fff; 
}

/* デザインB（タブレット）***************************************/
@media screen and (max-width : 1024px) {
/* タブレット用レイアウト に収めるデザインはこの中に記述 */

.cntnt header .headerInner h2 {
    font-size: 16px;
}
.cntnt header .headerInner h3 {
        font-size: 12px;
}
}
/* デザインC（スマホ）***************************************/
@media screen and (max-width : 599px) {
/* スマホ用レイアウト に収めるデザインはこの中に記述 */
.cntnt header {
    width: 100%;
    height: 40px;
    background: #cccccc;
}
.cntnt header .headerInner h2 {
    font-size: 14px;
}
.cntnt header .headerInner h3 {
        font-size: 10px;
}
}

/***************************************************
★基本方針
***************************************/
section {
    padding: 3% 0 0 0;
}
#Link01, #Link02, #Link03, #Link04 {
    margin-top: -80px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 80px; /* 打ち消し用のパディング */
}

 /*サステナビリティステートメント*/ 
.policy h2.statement {
    text-align: center;
    font-size: 30px;
    padding-bottom: 1%;
    width: 16em;
    border-bottom: 5px solid #e60028;
    margin: 0 auto 3% auto;
}

#statementWrap {
    background: url("../policy/img/statement_bg.jpg");
    width: 1024px;
    height: 560px;
    margin: auto;
     background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    display: flex;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap: wrap;          /* IE10        */
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#statementInner {
    height: 70%;
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
     font-family: 'Noto Serif JP', serif;
    text-align: center;
     font-size: 14px;
    line-height: 1.8em;
     justify-content: center;
    align-items: center;
}

#statementWrap h3.statement {
    font-size: 30px;
    line-height: 1.8em;
    font-weight: 700;
    padding-bottom: 30px;
}
#statementWrap h4.statement {
    font-size: 18px;
    line-height: 1.8em;
    font-weight: 400;
    padding-bottom: 30px;
}

/*当社の優先課題*/ 
.policy h2.theme {
    text-align: center;
    font-size: 30px;
    padding-bottom: 1%;
    width: 8em;
    border-bottom: 5px solid #e60028;
    margin: 0 auto 2% auto;
}
.policy h3.theme {
    text-align: center;
    font-size: 28px;
    margin: 1% auto 2% auto;
}
.themeTxtBox {
    width: 100%;
    margin: 2% auto 5% auto;
    font-size: 14px;
    line-height: 2em;
    text-align: center;
}
ul.themeWrap {
    width: 90%;
    max-width: 850px;
    margin: 3% auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.themeWrap li {
    width: 48%;
    max-width: 400px;
    background: #ccc;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3%;
}
ul.themeWrap li a {
    color: #000;
}
ul.themeWrap li:nth-child(2n) {
    margin-left: 4%;
}
ul.themeWrap li .phArea img {
    width: 100%;
    display: block; 
}
ul.themeWrap li h4 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5em;
    padding: 0.5em 0;
    margin: 0;
    color: #fff;
    height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.themeWrap li .themeInner {
    font-size: 14px;
    line-height: 2em;
    padding: 7%;
}
#solution {
    background: #ebe0eb;
}
#solutionTit {
    background: #996699;
}
#d_i {
    background: #e1f0f0;
}
#d_iTit {
    background: #339999;
}
#transaction {
    background: #e0e0f5;
}
#transactionTit {
    background: #4b59a8;
}
#environ {
    background: #e8f0d9;
}
#environTit {
    background: #92ab5b;
}

/*サステナビリティ推進体制*/
#promotionArea {
    background: #f4f5f6;
    padding-bottom: 3%;
}
.policy h2.promotion {
    text-align: center;
    font-size: 30px;
    padding-bottom: 1%;
    width: 13em;
    border-bottom: 5px solid #e60028;
    margin: 0 auto 2% auto;
}
/*サステナビリティ推進体制画像*/
#promotionSystem {
    width: 90%;
    max-width: 440px;
    margin: 5% auto 0 auto;
}
#promotionSystem img {
    width: 100%
}
/***************************************************
★優先課題への取り組み
***************************************/

.priority #mv {
    width: 100%;
}
.priority #mv img {
    width: 100%
}
/*エンターテイメントを通じた社会課題解決*/
.priority #solutionWrap {
    background: #ebe0eb;
    padding: 3% 0;
}
.priority  h2.solution {
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 3em;
    border-top: 1px solid #996699;
    background: #fff;
    color: #996699;
    font-weight: 700;
}
.priority .item  {
    color: #fff;
    text-align: center;
    font-weight: 400;
}
.priority .txtBox01 {
    color: #000;
    background: #fff;
    text-align: center;
    padding: 1%;
    margin-bottom: 0.4%;
/*    margin-bottom: 4px;*/
}
.priority .txtBox01 .solutionBox {
    width: 13em;
    text-align: left;
    margin: auto;
    font-size: 18px;
    line-height: 1.5em;
}
.priority .txtBox01 .solutionBox span{
    color: #996699;
}
.priority .item.solution {
    background: #996699;
    font-size: 16px;
        padding: 0;
}
ul.list {
    width: 100%;
    font-size: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list li {
    width: 253px;
    margin-right: 4px;
    margin-bottom: 4px;
    background: #fff;
    font-size: 14px;
    line-height: 1.7em;
    display: inline-block;
    padding: 1% 1.25%;
    vertical-align: top;
}

ul.list li:nth-child(4) {
    margin-right: 0;
}
ul.list li.solution_t {
    color: #996699;
}
.targetBox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.targetBox img {
    margin: 0.5% 1.5%;
    width: 80px;
}
/*ダイバーシティ＆インクリュージョン*/
.priority #diWrap {
    background: #e1f0f0;
    padding: 3% 0;
}
.priority h2.di {
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 3em;
    border-top: 1px solid #339999;
    background: #fff;
    color: #339999;
    font-weight: 700;
} 
.priority .txtBox01 .diBox {
    width: 23em;
    text-align: left;
    margin: auto;
    font-size: 16px;
    line-height: 1.5em;
}
.priority .txtBox01 .diBox span{
    color: #339999;
}
.priority .item.di {
    background: #339999;
    font-size: 16px;
        padding: 0;
}
ul.list li.di_t {
    color: #339999;
}
ul.list li .annotation {
    font-size: 10px;
    line-height: 1.5em;
    margin-top: 0.4em;
}
ul.list li small {
        font-size: 12px;
}
ul.list li span {
    color: #f00;
}
/*クリエイターとのフェアな取引*/
.priority #transactionWrap {
    background: #e0e0f5;
    padding: 3% 0 ;
}
.priority h2.transaction {
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 3em;
    border-top: 1px solid #4b59a8;
    background: #fff;
    color: #4b59a8;
    font-weight: 700;
} 
.priority .txtBox01 .transactionBox {
    width: 35em;
    text-align: left;
    margin: auto;
    font-size: 16px;
    line-height: 1.5em;
}
.priority .txtBox01 .transactionBox span{
    color: #4b59a8;
}
.priority .item.transaction {
    background: #4b59a8;
    font-size: 16px;
        padding: 0;
}
ul.list li.transaction_t {
    color: #4b59a8;
}

/*環境に配慮した創造*/
.priority #environWrap {
    background: #e8f0d9;
    padding: 3% 0 ;
}
.priority h2.environ {
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 3em;
    border-top: 1px solid #92ab5b;
    background: #fff;
    color: #92ab5b;
    font-weight: 700;
} 
.priority .txtBox01 .environBox {
    width: 16em;
    text-align: left;
    margin: auto;
    font-size: 16px;
    line-height: 1.5em;
}
.priority .txtBox01 .environBox span{
    color: #92ab5b;
}
.priority .item.environ {
    background: #92ab5b;
    font-size: 16px;
        padding: 0;
}
ul.list li.environ_t {
    color: #92ab5b;
}
.priorityNote {
        font-size: 12px;
    line-height: 1.5em;
        margin: 2% 0;
    }
/***************************************************
★トップコミットメント
***************************************/
.commitment #mv_commitment {
    background: url("../commitment/img/mv_pc2024.jpg");
    width: 100%;
    height: 0;
    padding-top: 38.3%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
.commitment #copyWrap {
    background: url("../commitment/img/copy_bg.png");
    width: 100%;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
}
.commitment #copyWrap h4 {
    font-size: 30px;
    line-height: 1.25em;
    font-weight: 900;
    color: #fff;
    text-align: center;
}
.commitmentInner {
    width: 76%;
    max-width: 880px;
    margin: auto;
    font-size: 14px;
    line-height: 2em;
}
.commitment #sus_theme {
    font-weight: 700;
    font-size: 16px;
    line-height: 2em;
}
.commitment #signature {
    text-align: right;
    margin-top: 2em;
    font-size: 14px;
    line-height: 1.7em;
}
.commitment #signature img {
    width: 25%;
    max-width: 180px;
    margin: 1em 0 2em 0;
}

/* デザインB（タブレット）***************************************/
@media screen and (max-width : 1024px) {
/* タブレット用レイアウト に収めるデザインはこの中に記述 */
section {
    padding: 4% 0 ;
}
 /*サステナビリティステートメント*/ 
  .policy h2.statement {
    text-align: center;
    font-size: 24px;
    padding-bottom: 1%;
    width: 16em;
    border-bottom: 5px solid #e60028;
    margin: 0 auto 3% auto;
}
#statementWrap {
    background: url("../policy/img/statement_bg.jpg");
    width: 100%;
    height: auto;
    padding: 10% 0;
    background-position: center center;
    background-size: auto 100%;
    font-size: 12px;
    line-height: 1.8em;
}

#statementWrap h3.statement {
    font-size: 24px;
    line-height: 1.8em;
    font-weight: 700;
    padding-bottom:4%;
    width: 100%;
}
#statementWrap h4.statement {
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 400;
    padding-bottom: 4%;
    width: 100%
}

/*当社の優先課題*/ 
.policy h2.theme {
    text-align: center;
    font-size: 24px;
    padding-bottom: 1%;
    width: 8em;
    border-bottom: 5px solid #e60028;
    margin: 0 auto 2% auto;
}
.policy h3.theme {
    text-align: center;
    font-size: 20px;
    margin: 1% auto 2% auto;
}
.themeTxtBox {
    width: 100%;
    margin: 2% auto 5% auto;
    font-size: 12px;
    line-height: 2em;
    text-align: center;
}
ul.themeWrap {
    width: 90%;
    max-width: 850px;
    margin: 3% auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.themeWrap li {
    width: 48%;
    max-width: 400px;
    background: #ccc;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3%;
}
ul.themeWrap li:nth-child(2n) {
    margin-left: 4%;
}
ul.themeWrap li .phArea img {
    width: 100%;
    display: block; 
}
ul.themeWrap li h4 {
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    padding: 0.5em 0;
    margin: 0;
    color: #fff;
    height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.themeWrap li .themeInner {
    font-size: 12px;
    line-height: 2em;
    padding: 7%;
}
    
/*サステナビリティ推進体制*/
.policy h2.promotion {
    text-align: center;
    font-size: 24px;
    padding-bottom: 1%;
    width: 13em;
    border-bottom: 5px solid #e60028;
    margin: 0 auto 2% auto;
}
/***************************************************
★優先課題への取り組み
***************************************/
  /*エンターテイメントを通じた社会課題解決*/
.priority  h2.solution {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 3em;
    border-top: 1px solid #996699;
    background: #fff;
    color: #996699;
    font-weight: 700;
} 
.priority .txtBox01 .solutionBox {
    width: 13em;
    text-align: left;
    margin: auto;
    font-size: 14px;
    line-height: 1.5em;
}
.priority .txtBox01 {
    color: #000;
    background: #fff;
    text-align: center;
    padding: 1%;
    margin-bottom: 0.6%;
}
.priority .item.solution {
    background: #996699;
    font-size: 12px;
    line-height: 1.7em;
    padding: 0;
}

ul.list {
            margin-bottom: 0.4%;
    }
ul.list li {
    width: 24.7%;
    margin-right: 0.4%;
    margin-bottom: 0.39%;
    background: #fff;
    font-size: 12px;
    line-height: 1.7em;
    display: inline-block;
    padding: 1% 1.25%;
    vertical-align: top;
}
    .targetBox img {
    margin: 0.5% 1%;
        width: 72px;
}
/*ダイバーシティ＆インクリュージョン*/
  .priority h2.di {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 3em;
    border-top: 1px solid #339999;
    background: #fff;
    color: #339999;
    font-weight: 700;
} 
.priority .txtBox01 .diBox {
    width: 23em;
    text-align: left;
    margin: auto;
    font-size: 14px;
    line-height: 1.5em;
}
.priority .item.di {
    background: #339999;
    font-size: 12px;
    line-height: 1.7em;
    padding: 0;
}
ul.list li .annotation {
    font-size: 9px;
    line-height: 1.5em;
    margin-top: 0.4em;
}
ul.list li small {
        font-size: 10px;
}
/*クリエイターとのフェアな取引*/
.priority h2.transaction {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 3em;
    border-top: 1px solid #4b59a8;
    background: #fff;
    color: #4b59a8;
    font-weight: 700;
} 
.priority .txtBox01 .transactionBox {
    width: 35em;
    text-align: left;
    margin: auto;
    font-size: 14px;
    line-height: 1.5em;
}
.priority .item.transaction {
    background: #4b59a8;
    font-size: 12px;
    line-height: 1.7em;
    padding: 0;
}

/*環境に配慮した創造*/
.priority h2.environ {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 3em;
    border-top: 1px solid #92ab5b;
    background: #fff;
    color: #92ab5b;
    font-weight: 700;
} 
.priority .txtBox01 .environBox {
    width: 16em;
    text-align: left;
    margin: auto;
    font-size: 14px;
    line-height: 1.5em;
}
.priority .item.environ {
    background: #92ab5b;
    font-size: 12px;
    line-height: 1.7em;
    padding: 0;
}
.priorityNote {
        font-size: 11px;
        margin: 2% 0;
    line-height: 1.5em
    }
/***************************************************
★トップコミットメント
***************************************/
.commitment #mv_commitment {
    background: url("../commitment/img/mv_pc2024.jpg");
    width: 100%;
    height: 0;
    padding-top: 38.3%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
.commitment #copyWrap {
    background: url("../commitment/img/copy_bg.png");
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
}
.commitment #copyWrap h4 {
    font-size: 24px;
    line-height: 1.25em;
    font-weight: 900;
    color: #fff;
    text-align: center;
}
.commitmentInner {
    width: 76%;
    max-width: 880px;
    margin: auto;
    font-size: 12px;
    line-height: 2em;
}
.commitment #sus_theme {
    font-weight: 700;
    font-size: 14px;
    line-height: 2em;
}
.commitment #signature {
    text-align: right;
    margin-top: 2em;
    font-size: 12px;
    line-height: 1.7em;
}
.commitment #signature img {
    width: 25%;
    max-width: 160px;
    margin: 1em 0 2em 0;
}
 
}

/* デザインC（スマホ）***************************************/
@media screen and (max-width : 599px) {
/* スマホ用レイアウト に収めるデザインはこの中に記述 */
section {
    padding: 5% 0 ;
}
 /*サステナビリティステートメント*/ 
    .policy h2.statement {
    text-align: center;
    font-size: 18px;
    padding-bottom: 1%;
    width: 260px;
    border-bottom: 5px solid #e60028;
    margin: 0 auto 5% auto;
}
#statementWrap {
    background: url("../policy/img/statement_bg_sp.jpg");
    width: 100%;
    height: auto;
    padding: 7.5% 3% ;
    background-position: center center;
    background-size: 100% auto;
    font-feature-settings: "palt";
}

#statementWrap h3.statement {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 700;
    padding-bottom:5%;
    width: 100%;
}
#statementWrap h4.statement {
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    padding-bottom: 5%;
    width: 100%
    }
    
/*当社の優先課題*/ 
.policy h2.theme {
    text-align: center;
    font-size: 18px;
    padding-bottom: 1%;
    width: 8em;
    border-bottom: 5px solid #e60028;
    margin: 0 auto 2% auto;
}
.policy h3.theme {
    text-align: center;
    font-size: 16px;
    margin: 1% auto 2% auto;
}
.themeTxtBox {
    width: 90%;
    margin: 2% auto 5% auto;
    font-size: 12px;
    line-height: 2em;
    text-align: left;
}
ul.themeWrap {
    width: 90%;
    margin: 3% auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.themeWrap li {
    width: 100%;
    background: #ccc;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3%;
}
ul.themeWrap li:nth-child(2n) {
    margin-left: 0;
}
ul.themeWrap li .phArea img {
    width: 100%;
    display: block; 
}
ul.themeWrap li h4 {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    padding: 0.5em 0;
    margin: 0;
    color: #fff;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.themeWrap li .themeInner {
    font-size: 12px;
    line-height: 2em;
    padding: 7%;
}
/*サステナビリティ推進体制*/
.policy h2.promotion {
    text-align: center;
    font-size: 18px;
    padding-bottom: 1%;
    width: 13em;
    border-bottom: 5px solid #e60028;
    margin: 0 auto 2% auto;
}
#promotionSystem {
    margin: 7% auto 0 auto;
}
/***************************************************
★優先課題への取り組み
***************************************/
    /*エンターテイメントを通じた社会課題解決*/
.priority #solutionWrap {
    background: #ebe0eb;
    padding: 7% 0;
}
.priority  h2.solution {
    width: 100%;
    text-align: center;
    font-size: 18px;
/*    line-height: 1.5em;*/
    font-feature-settings: "palt";
    letter-spacing: -0.03em;
    line-height: 3em;
    border-top: 1px solid #996699;
    background: #fff;
    color: #996699;
    font-weight: 700;
} 
.priority .txtBox01 .solutionBox {
    width: 13em;
    text-align: left;
    margin: auto;
    font-size: 12px;
    line-height: 1.5em;
}
.priority .item.solution {
    background: #996699;
    font-size: 10px;
        padding: 0;
}
ul.list li {
    width: 24.7%;
    margin-right: 0.4%;
    margin-bottom: 0.39%;
    background: #fff;
    font-size: 10px;
    line-height: 1.7em;
    display: inline-block;
    padding: 1% 1.25%;
    vertical-align: top;
}
.targetBox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.targetBox img {
    width: 12.5%;
    margin: 0.5% 1%;
}
/*ダイバーシティ＆インクリュージョン*/
.priority #diWrap {
    background: #e1f0f0;
    padding: 7% 0;
}
  
    .priority h2.di {
    width: 100%;
    text-align: center;
    font-size:18px;
    line-height: 3em;
    border-top: 1px solid #339999;
    background: #fff;
    color: #339999;
    font-weight: 700;
} 
.priority .txtBox01 .diBox {
    width: 23em;
    text-align: left;
    margin: auto;
    font-size: 12px;
    line-height: 1.5em;
}
.priority .item.di {
    background: #339999;
    font-size: 10px;
    line-height: 1.7em;
    padding: 0;
}
ul.list li .annotation {
    font-size: 8px;
    line-height: 1.5em;
    margin-top: 0.4em;
}
ul.list li small {
        font-size: 9px;
}
/*クリエイターとのフェアな取引*/
.priority #transactionWrap {
    background: #e0e0f5;
    padding: 7% 0;
}
.priority h2.transaction {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 3em;
    border-top: 1px solid #4b59a8;
    background: #fff;
    color: #4b59a8;
    font-weight: 700;
} 
.priority .txtBox01 .transactionBox {
    width: 90%;
    text-align: left;
    margin: auto;
    font-size: 12px;
    line-height: 1.5em;
}
.priority .item.transaction {
    background: #4b59a8;
    font-size: 10px;
    line-height: 1.7em;
    padding: 0;
}
    
    /*環境に配慮した創造*/
.priority #environWrap {
    background: #e8f0d9;
    padding: 7% 0;
}
.priority h2.environ {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 3em;
    border-top: 1px solid #92ab5b;
    background: #fff;
    color: #92ab5b;
    font-weight: 700;
} 
.priority .txtBox01 .environBox {
    width: 16em;
    text-align: left;
    margin: auto;
    font-size: 12px;
    line-height: 1.5em;
}
.priority .item.environ {
    background: #92ab5b;
    font-size: 10px;
    line-height: 1.7em;
    padding: 0;
}
.priorityNote {
        font-size: 9px;
    line-height: 1.5em;
        margin: 2% 0;
    }

/***************************************************
★トップコミットメント
***************************************/
.commitment #mv_commitment {
    background: url("../commitment/img/mv_sp2024.jpg");
    width: 100%;
    height: 0;
    padding-top: 61.3%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
.commitment #copyWrap {
    background: url("../commitment/img/copy_bg.png");
    width: 100%;
/*    height: 70px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
}
.commitment #copyWrap h4 {
    font-size: 16px;
    line-height: 1.25em;
    font-weight: 900;
    color: #fff;
    width: 86%;
    margin: auto;
    text-align: center;
}
.commitmentInner {
    width: 86%;
/*    max-width: 880px;*/
    margin: auto;
    font-size: 10px;
    line-height: 2em;
}
.commitment #sus_theme {
    font-weight: 700;
    font-size: 12px;
    line-height: 2em;
}
.commitment #signature {
    text-align: right;
    margin-top: 2em;
    font-size: 10px;
    line-height: 1.7em;
}
.commitment #signature img {
    width: 36%;
/*    max-width: 160px;*/
    margin: 1em 0 2em 0;
}
}

/***************************************************
★サステナビリティレポート
***************************************/
.report h2.reportTit {
    text-align: center;
    font-size: 30px;
    padding-bottom: 1%;
    width: 16em;
    border-bottom: 5px solid #e60028;
    margin: 0 auto 3% auto;
}
.btn_reportPDF {
    width: 70%;
    max-width: 400px;
    margin: auto;
    font-size: 1.125em;
    line-height: 2em;
    background: #ececec;
    border:3px solid #999999;
    padding: 0.5em;
    font-weight: 500;
    color: #000;
}
.btn_reportPDF i {
    color: #999;
}
ul.report_content {
    width: 100%;
    font-size: 0;
    margin-top: 3%;
    display: flex;
}
ul.report_content li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1.75em;
}
ul.report_content li.reportCover {
    width: 52.5%;
    margin-right: 2.5%;

}
ul.report_content li.reportCover  img {
    vertical-align: top;
}
ul.report_content li.reportContentTit {
    width: 45%;
    background: #ececec;
    padding: 0.5em 1em;
    line-height: 2em;
    font-weight: 500;

}
ul.report_content li.reportContentTit h3 {
    font-size: 1.3em;
    line-height: 1.75em;
    border-bottom: 1px solid #000;
    font-weight: 700;
}
ul.report_content li.reportContentTit .tit {
    margin-left: 0.5em;
}
ul.report_content li.reportContentTit .subtit {
    margin-left: 1.5em;
}
.report h2.reportBackNum {
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 3em;
    border-top: 1px solid #003366;
    color: #003366;
    font-weight: 700;
}
.reportBackNumWrap {
    background: rgba(2,48,103,0.2);
    padding: 1em 0;
    text-align: center;
}
ul.btn_backNum {
    width: 96%;
    max-width: 1200px;
    margin: auto;
    font-size: 0;
}
ul.btn_backNum li {
    display: inline-block;
    width: 30%;
    max-width: 360px;
    margin:0.8% 1.6%;
    background: #fff;
    padding: 1%;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.75em;
    font-weight: 500;
}
ul.btn_backNum li a {
    color: #000;
}
ul.btn_backNum li i {
        color: #999;
}
/* デザインB（タブレット）***************************************/
@media screen and (max-width : 1024px) {
/* タブレット用レイアウト に収めるデザインはこの中に記述 */
.report h2.reportTit {
    font-size: 24px;
} 
ul.report_content li {
    font-size: 14px;
    line-height: 1.75em;
}
.report h2.reportBackNum {
    font-size: 24px;
    }
ul.btn_backNum li {
    font-size: 16px;
    line-height: 1.75em;
    font-weight: 500;
}
}

/* デザインC（スマホ）***************************************/
@media screen and (max-width : 599px) {
/* スマホ用レイアウト に収めるデザインはこの中に記述 */
.report h2.reportTit {
    font-size: 18px;
}
    ul.report_content {
        width: 90%;
        margin: 4% auto;
            display: inherit;
    }
    
ul.report_content li {
    font-size: 12px;
    line-height: 1.75em;
    display: list-item !important;
    width: 100%;
            margin: 4% 0;
}
    ul.report_content li.reportCover {
        width: 100%;
    }
    ul.report_content li.reportContentTit {
        width: 100%;
    }
.report h2.reportBackNum {
    font-size: 18px;
    }
ul.btn_backNum {
    width: 80%;
    margin: auto;
    font-size: 0;
}
    
ul.btn_backNum li {
        display: inherit;
    font-size: 14px;
    line-height: 1.75em;
    font-weight: 500;
    width: 100%;
    margin: 2% 0;
}
}