/*2025年8月の更新時に追加したcss*/

/*長いURLを折り返し*/
body, p, div, span, a {
  word-break: break-all;
  overflow-wrap: break-word;
  word-wrap: break-word;
}



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓第3階層のキービジュアル設定↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/ 
.title_bg_lv2 .c-keyVisual004__image{
  height:250px;  
  background-color: #041d41;
}

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓第4階層のキービジュアル設定↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/ 
.product_use .keyvisual_wrap{}
/*背景なし白*/
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑第4階層のキービジュアル設定↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/ 




.flex_2col{
  display: block;
}
@media (min-width: 768px) {
  .flex_2col{
    display: flex;
    justify-content: space-between;
  }
  .flex_2col > li{
    width: 47.5%;
  }
}/*768*/

.flex_3col{
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .flex_3col{
    display: flex;
    justify-content: space-between;
  }
  .flex_3col > li{
    width: 30%;
  }
}/*768*/

.flex_4col{
  display: block;
}
.flex_4col > li img{
    width: 100%;
    height: auto;
  }
@media (min-width: 768px) {
  .flex_4col{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  .flex_4col > li{
    width:47.5%;
  }
}/*768*/
@media (min-width: 1024px) {
  .flex_4col{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
  }
  .flex_4col > li{
    width:24%;
  }
}/*1024*/




.border_box{
  border:8px solid #f6f6f6;
}

.pd_10{
  padding: 10px;
}

.mgb_150_pc{
  margin-bottom: 150px;
}
@media (max-width: 768px) {
.mgb_100_sp{
  margin-bottom: 100px;
}
}/*768*/



.f_w_700{
  font-weight: 700;
}
.txal_c{
  text-align: center;
}

.fs_s{
  font-size: 14px;
  line-height: 1.7;
}

.br_sp{
  display: none;
}
@media (max-width: 768px) {
  .br_sp{
  display: block;
}
}/*768*/


.indent_1{
  display: block;
  text-indent: -1rem;   /* 1行目を左にずらす */
  padding-left: 1rem;   /* 全体に1文字分の余白 */
}

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓スマホの時画像をスクロールさせる↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.metrics_and_targets-global_management .scroll_box.scrollable{
  overflow-x: visible;
  width: 100%;
}
@media (max-width: 768px) {
  .metrics_and_targets-global_management .scroll_box.scrollable{
    overflow-x: auto;
    width: 100%;
  }
  .metrics_and_targets-global_management .c-image006.scrollable img {
    width: 800px;      /* 固定幅 */
    max-width: none;   /* max-widthの制限を解除 */
    display: block;     /* 横スクロールに影響しやすいのでブロック化 */
  }
}/*768*/

.product_use .scroll_box.scrollable{
  overflow-x: visible;
  width: 100%;
}
@media (max-width: 768px) {
  .product_use .scroll_box.scrollable{
    overflow-x: auto;
    width: 100%;
  }
  .product_use .c-image006.scrollable img {
    width: 1000px;      /* 固定幅 */
    max-width: none;   /* max-widthの制限を解除 */
    display: block;     /* 横スクロールに影響しやすいのでブロック化 */
  }
}/*768*/


.efforts_to_reduce_lifecycle .scroll_box.scrollable{
  overflow-x: visible;
  width: 1000px;
}
@media (max-width: 768px) {
  .efforts_to_reduce_lifecycle .scroll_box.scrollable{
    overflow-x: auto;
    width: 100%;
  }
  .efforts_to_reduce_lifecycle .scrollable{
    width: 600px;      /* 固定幅 */
    max-width: none;   /* max-widthの制限を解除 */
    display: block;     /* 横スクロールに影響しやすいのでブロック化 */
  }
}/*768*/

.advocacy_activities_related .scroll_box.scrollable{
  overflow-x: visible;
  width: 1000px;
}
@media (max-width: 768px) {
  .advocacy_activities_related .scroll_box.scrollable{
    overflow-x: auto;
    width: 600px;
  }
  .advocacy_activities_related .scrollable{
    width: 100%;      /* 固定幅 */
    max-width: none;   /* max-widthの制限を解除 */
    display: block;     /* 横スクロールに影響しやすいのでブロック化 */
  }
}/*768*/
@media (max-width: 500px) {
  .advocacy_activities_related .scroll_box.scrollable{
    overflow-x: auto;
    width: 100%;
  }
  .advocacy_activities_related .scrollable{
    width: 450px;      /* 固定幅 */
    max-width: none;   /* max-widthの制限を解除 */
    display: block;     /* 横スクロールに影響しやすいのでブロック化 */
  }
}

.review_of_affiliated_organizations .scroll_box.scrollable{
  overflow-x: visible;
  width: 1000px;
}
@media (max-width: 768px) {
  .review_of_affiliated_organizations .scroll_box.scrollable{
    overflow-x: auto;
    width: 100%;
  }
  .review_of_affiliated_organizations .scrollable{
    width: 620px;      /* 固定幅 */
    max-width: none;   /* max-widthの制限を解除 */
    display: block;     /* 横スクロールに影響しやすいのでブロック化 */
  }
}/*768*/

.affiliated_organizations_in_key_markets .scroll_box.scrollable._wide{
    overflow-x: auto;
    width: 100%;
}
.affiliated_organizations_in_key_markets .scrollable._wide{
  width: 1200px;      /* 固定幅 */
  max-width: none;   /* max-widthの制限を解除 */
  display: block;     /* 横スクロールに影響しやすいのでブロック化 */
}
.affiliated_organizations_in_key_markets .scrollable._wide img{
  width: 100%;
}
@media (max-width: 768px) {
  .affiliated_organizations_in_key_markets .scrollable._wide{
    width: 1000px;      /* 固定幅 */
    max-width: none;   /* max-widthの制限を解除 */
    display: block;     /* 横スクロールに影響しやすいのでブロック化 */
  }
}/*768*/

.affiliated_organizations_in_key_markets .scroll_box.scrollable{
  overflow-x: visible;
  width: 1000px;
}
@media (max-width: 768px) {
  .affiliated_organizations_in_key_markets .scroll_box.scrollable{
    overflow-x: auto;
    width: 100%;
  }
  .affiliated_organizations_in_key_markets .scrollable{
    width: 1000px;      /* 固定幅 */
    max-width: none;   /* max-widthの制限を解除 */
    display: block;     /* 横スクロールに影響しやすいのでブロック化 */
  }
}/*768*/


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑スマホの時画像をスクロールさせる↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*レビューページのスクロールヒントの大きさ変更*/
/*（天地が大きいとoverflowの天地に余白ができるため）*/
.page-scrollhint-small .scroll-hint-icon {
  top: calc(50% - 40px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;/*120px*/
  height: 80px;/*80px*/
}
.page-scrollhint-small .scroll-hint-icon:before {
  width: 40px;/*40px*/
  height: 40px;/*40px*/
}
.page-scrollhint-small .scroll-hint-icon:after {/*矢印*/
  content: "";
  width: 34px;/*34px*/
  height: 14px;/*14px*/
}



/*table用のcss*/
.table{
  width: 100%;
  text-align: left;
  border-spacing: 10px 0;
  border-collapse: separate;
  margin-left: -10px;        /* 左端の spacing を打ち消す */
}
.table th{
  border-bottom: 1px solid #e60021;
  text-align: center;
}
.table .th_l_1{
  width: 530px; 
}

.table .bg_glay{
  background-color: #eee;
  padding-left: 10px;
}
/*----------------------------*/
.table .th_l_2{
  width: 250px; 
}
@media (max-width: 768px) {
.table .th_l_2{
  width: 150px;   
}
}/*768*/

.review_of_affiliated_organizations.en .table .th_l_2{/*英語版*/
  width: 150px; 
}
/*----------------------------*/
.table .th_m_1{
  width: 180px;
}
@media (max-width: 768px) {
.table .th_m_1{
  width: 130px;
}
}/*768*/
/*----------------------------*/
.table .th_s_1{
  width: 100px;
}
@media (max-width: 768px) {
.table .th_s_1{
  width: 50px;
}
}/*768*/

.review_of_affiliated_organizations.en .table .th_s_1{/*英語版*/
  width: 120px;
}

/*----------------------------*/
.table td{
   padding: 10px 0; 
}
.table tr:last-child td,
.table .border_b{
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  line-height: 1.7;
}
.table tr:last-child td.border_no{
  border-bottom: none;
}
.table .txal_c{
  text-align: center;
}
.table .small{
  font-size: 0.8rem;
  vertical-align: 2px;
  margin-right: 2px;
}
.table + .table {
    margin-top: 20px;
}


.advocacy_activities_related th.th_x{
  width: 250px;
}
@media (max-width: 768px) {
.advocacy_activities_related th.th_x{
  width: 100px; 
}
}/*768*/

.review_of_affiliated_organizations .table._1 .name{
  width: 100px;
}
.review_of_affiliated_organizations .table._1 .post{
  flex: 1;
}
.review_of_affiliated_organizations .table._1 .flex{
  display: flex;
}
.review_of_affiliated_organizations .table._2 .flex{
  /*display: flex;*/
}


/*プレコンシューマーリサイクル材の製品適用（Circular Design）の画像調整*/
.initiatives_for_motorcycles .img02{
  width: 80%;
  display: block;
  margin: 0 auto
}
@media (max-width: 768px) {
 .initiatives_for_motorcycles .img02{
  width: 100%;
  display: block;
  margin: 0 auto
} 
}/*768*/


/*Hondaの取り組み「水」の下のマージンを追加*/
.initiatives .water.c-card013__title{
  margin-bottom: 100px;
}


/*Hondaの取り組み「環境関連データ」の下にリンク、その下にライン*/
.initiatives h2.data{
  margin-bottom: 0;
  padding-bottom: 5px;
}
.initiatives h2.data:before{
  bottom: -70px;

}

/*「環境に関するの取り組み」用（フッター）*/

/*「Hondaの取り組み」用（フッター）*/
@media (max-width: 1100px) {
.honda-initiatives-links .biodiversity br,
.honda-initiatives-links .resource br{
  display: none;
}
}/*1100*/

.honda-initiatives-links{
  margin-top: 20px;
}
.honda-initiatives-links ul{
  display: flex;
}
.honda-initiatives-links ul li{
  margin-right: 50px;
}
.honda-initiatives-links ul li .c-card013__title{
  margin-bottom: 0;
  padding-bottom: 0;
}
.honda-initiatives-links ul li .c-card013__title::before{/*下線*/
  content: none;
}

@media (max-width: 768px) {
.honda-initiatives-links ul{
  display: block;
}
.honda-initiatives-links ul li{
  margin-right: 0;
}
.honda-initiatives-links ul li .c-card013__title{
  margin-bottom: 30px;
  padding-bottom: 0;
}
.honda-initiatives-links{
  margin-top: 50px;
}
}/*768*/


/*「加盟団体に関するレビュー」の文字左合わせでセンター*/
.review_of_affiliated_organizations .section01 .inner_box{
  width: 650px;
  margin: 0 auto;
}
@media (max-width: 960px) {
.review_of_affiliated_organizations .section01 .inner_box{
  width: auto;
}
}/*768*/

/*2025年10月以降の更新時に追加したcss*/
.navy_2025{
  background-color: #000428;
}