@charset "utf-8";

/* EN */

.p-guide-contents001{
  position: relative;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (min-width: 769px) {
  .p-guide-contents001{
  }
}

.p-guide-contents001__text{
  position: relative;
  z-index: 1;
}

@media (max-width: 768.5px) {
  .p-guide-contents001__text{
    margin: 0 auto;
    padding: 0 4%;
  }
}

.p-guide-contents001__image{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1280px;
  z-index: 0;
}

.p-guide-contents001__image img{
  width: 100%;
  height: auto;
}

.p-guide-text001__number{
  font-size: 3.2rem;
  letter-spacing: .05em;
  line-height: 1.2;
  color: #364A67;
}

.p-guide-text001__number.u-text-center{
  text-align: center;
  display: block;
}

@media (min-width: 769px) {
  :lang(en) .p-guide-text001__number--mr10{
    margin-right: 10px;
  }
}


@media (max-width: 768px) {
  :lang(en) .p-guide-text001__count--small{
    font-size: 1.2rem;
  }
}

@media (min-width: 769px) {
  :lang(en) .p-guide-text001__count{
    font-size: 2rem;
  }
}


.p-guide-box001-wrap{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width: 769px) {
  .p-guide-box001-wrap{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}

.p-guide-box001{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 35px;
  padding: 24px;
  background-color: #f6f6f6;
}

@media (min-width: 769px) {
  .p-guide-box001{
    width: calc((100% / 3) - 11px);
  }
}

@media (min-width: 769px) {
  .p-guide-box001{
    flex-direction: column;
    padding: 40px;

  }
}

@media (max-width: 768px) {
  .p-guide-box001--gap0-sp{
    gap: 0;
  }
}

.p-guide-box001__left{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 120px
}

@media (min-width: 769px) {
  .p-guide-box001__left{
    position: relative;
    gap: 32px;
    padding-bottom: 16px;
  }

  .p-guide-box001__left::before{
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 1px;
    background-color: #35363B;

  }
}



.p-guide-box001__right{
}

.p-guide-box001__icon {
  width: 81px;
}

@media (min-width: 769px) {
  .p-guide-box001__icon{
    width: 88px;
  }
}

.p-guide-box001__icon--bike{
  width: 65px;
}

@media (min-width: 769px) {
  .p-guide-box001__icon--bike{
    width: 82px;
  }
}

.p-guide-box001__icon--power{
  width: 40px;
}

@media (min-width: 769px) {
  .p-guide-box001__icon--power{
    width: 61px;
  }
}

.p-guide-box001__icon img{
  width: 100%;
}

.p-guide-box001__kinds--nowrap{
  white-space: nowrap;
}

@media (min-width: 769px) {
  .p-guide-box001__kinds{
    font-size: 2rem;
  }
}

.p-guide-box002{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  background-color: #f6f6f6;
}

@media (min-width: 769px) {
  .p-guide-box002{
    padding: 27px;
  }
}

@media (min-width: 769px) {
  .p-guide-box002{
    width: 100%;
  }
}

.p-guide-box002__title{
  text-align: center;
  font-size: 2rem;
  letter-spacing: .05em;
}

@media (min-width: 769px) {
  .p-guide-box002__title{
    font-size: 2.4rem;
  }
}

@media (min-width: 769px) {
  .p-guide-box002__text{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
}

/* 2022年度連結業績 */
.p-guide-box003-wrap{
  background-color: #f6f6f6;
  padding: 24px 0;
}

@media (min-width: 769px) {
  .p-guide-box003-wrap{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 75px;
    padding: 40px;
  }
}

@media (min-width: 769px) {
  .p-guide-box003{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    max-width: 422px;
  }
}

.p-guide-box003--left{
  margin-bottom: 24px;
}

@media (min-width: 769px) {
  .p-guide-box003--left{
    margin-bottom: 0;
  }
}

.p-guide-box003__text{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
}

@media (min-width: 769px) {
  .p-guide-box003__text{
    flex-direction: row;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 34px;
  }
}


  @media (min-width: 769px) {
  :lang(en) .p-guide-box003__text{
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    gap: 0;

  }
}

.p-guide-box003__title{
  text-align: center;
  font-size: 2.0rem;
  line-height: 1.7;
}

@media (min-width: 769px) {
  .p-guide-box003__title{
    font-size: 2.4rem;
  }
}

:lang(en) .p-guide-box003__title{
  line-height: 1.2;
}

@media (max-width: 768px) {
  .p-guide-box003__number-wrap{
    font-size: 0;
  }
}

.p-guide-box003-text__count{
  font-size: 2.4rem !important;
}

@media (min-width: 769px) {
  .p-guide-box003-text__number{
    font-size: 4rem;
  }
}

.p-guide-box003__imege{
 width: 100%;
}

.p-guide-box003__imege img{
  width: 100%;
  height: auto;
}

/* Hondaを支える力 */

.p-guide-box004-wrap{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 769px) {
  .p-guide-box004-wrap{
    flex-direction: row;
  }
}

.p-guide-box004{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f6f6f6;
  padding: 24px;
}

@media (min-width: 769px) {
  .p-guide-box004{
    justify-content: center;
    width: calc(50% - 8px);
    padding: 40px;
  }
}

.p-guide-box004__title{
  margin-bottom: 16px;
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: .05em;
}

@media (min-width: 769px) {
  .p-guide-box004__title{
    margin-bottom: 32px;
  }
}

.p-guide-box004-text__sub{
  display: inline-block;
  margin-right: 10px;
  font-size: 1.6rem;
}


@media (min-width: 769px) {
  :lang(en) .p-guide-box004-text__en{
    display: block;
  }
}

  :lang(en) .p-guide-box004-text__number-wrap{
    text-align: center;
  }


.p-guide-box004-text__sub--mr0{
  margin-right: 0;
}
.p-guide-box004-text__sub--mr4{
  margin-right: 4px;
  font-size: 24px !important;
  line-height: 1;
}
.p-guide-box004-text__count--mr8{
  margin-right: 8px;
  font-size: 1.6rem !important;
}
.p-guide-box004-text__count--center{
  text-align: center;
}
:lang(en) .p-guide-box004-text__count--mr8{
  font-size: 1.6rem !important;
}
:lang(en) .p-guide-box004-text__count--fz16{
  font-size: 1.6rem !important;
}

@media (min-width: 769px) {
  .p-guide-box004-text__sub{
    font-size: 2rem;
    letter-spacing: .05em;
  }
}

:lang(en) .p-guide-box004-text__sub{
  display: block;
}

.p-guide-box004__number-wrap--group{
  display: flex;
  align-items: center;
  flex-direction: column;
}

.p-guide-box004-text__wrap01{
  display: flex;
  align-items: flex-end;
}
:lang(en) .p-guide-box004-text__wrap01{
  display: flex;
  align-items: center;
}
.p-guide-box004-text__wrap02{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-guide-box004__number-wrap:not(:last-of-type){
  margin-bottom: 8px;
}

@media (min-width: 769px) {
  :lang(en) .p-guide-box004__number-wrap:not(:last-of-type){
    margin-bottom: 0;
  }
}
.p-guide-box004-text__wrap01--mb16{
  margin-bottom: 16px;
}

.p-guide-box004-text__number--lh01{
  line-height: 1;
}
.p-guide-card001-text{
  margin-top: 0;
  padding: 0 8px 8px 8px;
}

.p-guide-list-001{
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.p-guide-list-001 >* {
  width: calc((100% - 24px) / 2);
}

@media (min-width: 769px) {
  .p-guide-list-001{
    gap: 40px;
  }
}

@media (min-width: 769px) {
  .p-guide-list-001 >* {
    width: calc((100% - 40px) / 2);
  }
}

.p-guide-card__title001{
  line-height: 1.4;
}

@media (max-width: 768px) {
  .p-guide-card__title001{
    padding-right: 18px;
  }
}

/* 会社概要 */
.p-corporate-profile-table001{
  table-layout: fixed;
  width: 100%;
}

.p-corporate-profile-table001 td{
  vertical-align: middle;
}

@media (min-width: 769px) {
  .p-corporate-profile-table001{
    /* width: 707px; */
  }
}

:lang(en) .p-corporate-profile-table001 th{
  vertical-align: middle;
}

@media (min-width: 769px) {
  :lang(en) .p-corporate-profile-table001 th{
    width: 307px;
  }
}

@media (max-width: 768px) {
  :lang(en) .p-corporate-profile-table001 tbody th{
    width: 25%;
  }
}

:lang(en) .p-corporate-profile-table001__td--pd{
  padding: 13px 24px;
}

:lang(en) .p-corporate-profile-table001 td,
:lang(en) .p-corporate-profile-table001 th{
  padding: 24px 12px;
  white-space: normal;
  word-wrap: break-word;
}

@media (max-width: 768px) {
  :lang(en) .p-corporate-profile-table001 th{
    padding: 24px 8px;
  }
}

.p-corporate-profile-image001 img{
  width: 100%;
  height: auto;
}

.p-corporate-profile-card001-list{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px;
}

.p-corporate-profile-card001-list li{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 10px;
  background-color: #f6f6f6;
  width:calc((100% / 3) - 3px);
}

.p-corporate-profile-card001-list__title{
  margin-bottom: 16px;
  text-align: center;
  line-height: 1.4;
}

@media (max-width: 768px) {
  :lang(en) .p-corporate-profile-card001-list__title-height{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 66px;
  }
  :lang(en) .p-corporate-profile-card001-list--height{
    min-height: 303px;
  }

  :lang(en) .p-corporate-profile-card001-list__title--mb{
    margin-bottom: 16px;
  }

  :lang(en) .p-corporate-profile-card001-list--pd{
    padding: 16px 8px;
  }
}

.p-corporate-profile-card001-box{
  text-align: center;
}

.p-corporate-profile-card001-box:not(:last-of-type){
  text-align: center;
  margin-bottom: 16px;
}

.p-corporate-profile-card001-kinds{
  display: block;
  margin-bottom: 4px;
  font-size: 1.2rem;
  line-height: 1.2;
  white-space: nowrap;
}

.p-corporate-profile-card001-number{
  line-height: 1.4;
  color: #364A67;
}

.p-corporate-profile-card001-count{
  font-size: 1rem;
  line-height: 1.6;
}

.p-corporate-profile-box001{
  padding: 40px 24px;
  background-color: #f6f6f6;
}

.p-corporate-profile-box001__title-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  margin-bottom: 40px;
}

.p-corporate-profile-box001__title{
  font-size: 2rem;
}

.p-corporate-profile-box001__icon{
  width: 44px;
}

.p-corporate-profile-box002{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
}

@media (min-width: 769px) {
  .p-corporate-profile-box002{
    padding: 27px;
  }
}

@media (min-width: 769px) {
  .p-corporate-profile-box002{
    width: 100%;
  }
}

.p-corporate-profile-box002__title{
  text-align: center;
  font-size: 2rem;
  letter-spacing: .05em;
}

@media (min-width: 769px) {
  .p-corporate-profile-box002__title{
    font-size: 2.4rem;
  }
}

.p-corporate-profile-box002__text{
  margin-bottom: 32px;
}

@media (min-width: 769px) {
  .p-corporate-profile-box002__text{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
}

.p-corporate-profile-box002__number-wrap{
  text-align: center;
}

@media (min-width: 769px) {
  .p-corporate-profile-box001{
    padding: 64px;
  }
  .p-corporate-profile-box001__title{
    text-align: center;
    margin-bottom: 32px;
    font-size: 2.4rem;
    line-height: 1.2;
    letter-spacing: .05em;
  }

  .p-corporate-profile-box001__icon{
    width: 120px;
  }

  .p-corporate-profile-box001__icon img{
    width: 100%;
    height: auto;
  }

  .p-corporate-profile-box002{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 80px;
    padding: 0;
  }

  .p-corporate-profile-box002__dl{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
  }

  .p-corporate-profile-box002__dt{
    width: 46%;
    font-size: 20px;
  }

  .p-corporate-profile-count{
    font-size: 2.4rem !important;
  }
}

.p-corporate-profile-box003-wrap{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width: 769px) {
  .p-corporate-profile-box003-wrap{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }
}

.p-corporate-profile-box003{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 40px 24px;
  background-color: #f6f6f6;
}

@media (min-width: 769px) {
  .p-corporate-profile-box003{
    width: calc((100% / 3) - 6px);
    padding: 24px;
  }
}

@media (min-width: 769px) {
  :lang(en) .p-corporate-profile-box003{
    padding: 64px 20px;
  }
}



@media (min-width: 769px) {
  .p-corporate-profile-box003{
    flex-direction: column;
    justify-content: stretch;
    padding: 64px 30px;
    gap: 32px;
  }
}
@media (min-width: 769px) {
  :lang(en) .p-corporate-profile-box003{
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .p-corporate-profile-box003--gap0-sp{
    gap: 0;
  }
}

.p-corporate-profile-box003__left{
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

@media (min-width: 769px) {
  .p-corporate-profile-box003__left{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 32px;
  }
}



.p-corporate-profile-box003__right{
  text-align: center;
}

.p-corporate-profile-box003__icon {
  width: 37px;
}

@media (min-width: 769px) {
  .p-corporate-profile-box003__icon{
    width: 62px;
  }
}

.p-corporate-profile-box003__icon--human{
  width: 22px;
}

@media (min-width: 769px) {
  .p-corporate-profile-box003__icon--human{
    width: 36px;
  }
}

.p-corporate-profile-box003__icon--building{
  width: 35px;
}

@media (min-width: 769px) {
  .p-corporate-profile-box003__icon--building{
    width: 47px;
  }
}

.p-corporate-profile-box003__icon img{
  width: 100%;
}

.p-corporate-profile-box003__kinds--nowrap{
  white-space: nowrap;
}

.p-corporate-profile-box003__kinds{
  text-align: center;
  font-size: 2rem;
  line-height: 1.4;
}

.p-corporate-profile-text001--number{
  line-height: 1.4;
}
.p-corporate-profile-text001--number--lh1{
  line-height: 1;
}
@media (min-width: 769px) {
  .p-corporate-profile-box003__kinds{
    font-size: 2.4rem;
  }
  .p-corporate-profile-text001--number{
    font-size: 4rem;
  }

  .p-corporate-profile-box003__kinds--m{
    margin: 10px 0 40px;
  }
}

:lang(en) .p-corporate-profile-text001--number{
  line-height: 1;
}

:lang(en) .p-corporate-profile-box003__text{
  display: flex;
  align-items: center;
  gap: 8px;
}

:lang(en) .p-corporate-profile-box003__text-wrap01{
  display: flex;
  flex-direction: column;
  align-items: center;
}

:lang(en) .p-corporate-profile-box003__text-number{
  font-size: 2rem;
}

:lang(en) .p-corporate-profile-box003__text-sign{
  margin-bottom: 20px;
}

:lang(en) .p-corporate-profile-box003__text-count{
  font-size: 1rem;
}


@media (min-width: 769px) {
  :lang(en) .p-corporate-profile-box003__text-number{
    font-size: 2.4rem;
    line-height: 1.2;
  }

  :lang(en) .p-corporate-profile-box003__text-sign{
    margin-bottom: 6px;
  }

  :lang(en) .p-corporate-profile-box003__text-count{
    font-size: 1.6rem;
  }



}

.p-guide-contents-section-title h1 {
  font-size: 3.6rem;
  text-align: center;
  margin-bottom: 80px;
  line-height: 1;
}

#section03 {
  padding-bottom: 240px;
}

.c-section003 .c-hr001 {
  margin-top: 180px;
  margin-bottom: 180px;
}

@media (max-width: 768px) {
  .p-guide-contents-section-title h1 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1;
  }

  #section03 {
    padding-bottom: 120px;
  }

  .c-section003 .c-hr001 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}