@media screen and (min-width: 769px) {
  .companyMainContent .pmcVideo {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .companyMainContent .pmcVideo {
    margin-top: 24px;
  }
}

.companyMainContent .pmcSpeech {
  margin: 8px auto 12px;
}
@media screen and (min-width: 769px) {
  .companyMainContent .pmcSpeech {
    margin: 12px auto 18px;
  }
}
@media screen and (min-width: 1025px) {
  .companyMainContent .pmcSpeech {
    margin: 16px auto 24px;
  }
}

.companyHistorySection > p {
  margin-top: 16px;
  font-size: clamp(1.3rem, 1.006rem + 0.78vw, 1.8rem);
}
@media screen and (min-width: 769px) {
  .companyHistorySection > p {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .companyHistorySection > p {
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(1.6rem, 1.01rem + 0.58vw, 2rem);
    max-width: calc(100% - 40px);
  }
}
.companyHistorySection .rsTitleLg {
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  .companyHistorySection .rsTitleLg {
    margin-bottom: 28px;
  }
}
@media screen and (min-width: 1025px) {
  .companyHistorySection .rsTitleLg {
    margin-bottom: 36px;
  }
}
.companyHistorySection .rsTitleSm {
  font-size: clamp(1.4rem, 1.047rem + 0.94vw, 2rem);
}
@media screen and (min-width: 1025px) {
  .companyHistorySection .rsTitleSm {
    font-size: clamp(2rem, 1.41rem + 0.58vw, 2.4rem);
    margin-left: 20px;
  }
}

.historyList {
  margin-top: 32px;
  position: relative;
}
@media screen and (min-width: 769px) {
  .historyList {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1025px) {
  .historyList {
    margin-top: 64px;
    height: calc(min(8vw, 120px) + min(250vw, 3020px));
  }
}
.historyList:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(160px, 23.5vw);
  background-color: #0066B4;
  z-index: -1;
}
@media screen and (min-width: 1025px) {
  .historyList:before {
    left: 50%;
    transform: translateX(-50%);
    width: 128px;
  }
}
.historyList .historyListItem {
  padding: 8px 0;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem {
    width: calc(50% + 44px);
    position: absolute;
  }
}
.historyList .historyListItem:first-child {
  padding-top: 4%;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem:first-child {
    padding-top: 0;
  }
}
.historyList .historyListItem:last-child {
  padding-bottom: 6%;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem:last-child {
    padding-bottom: 0;
  }
}
.historyList .historyListItem .hliHeader {
  display: flex;
  margin-top: 8px;
}
.historyList .historyListItem .hliHeader .hliYear {
  width: min(160px, 23.5vw);
  font-size: clamp(3rem, 2.882rem + 0.31vw, 3.2rem);
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: -0.15em;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem .hliHeader .hliYear {
    width: 128px;
    font-size: clamp(4.2rem, 3.758rem + 0.43vw, 4.5rem);
    margin-top: -0.1em;
  }
}
.historyList .historyListItem .hliHeader .hliTitle {
  width: calc(100% - min(160px, 23.5vw));
  font-size: clamp(1.6rem, 1.247rem + 0.94vw, 2.2rem);
  font-weight: 700;
  color: #0066B4;
  background-size: 6px 2px;
  background-image: linear-gradient(to right, #DCDCDC 3px, transparent 3px);
  background-repeat: repeat-x;
  background-position: left bottom;
  display: flex;
  align-items: flex-start;
  padding-left: 2%;
  padding-bottom: 12px;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem .hliHeader .hliTitle {
    width: calc(100% - 128px);
    font-size: 1.7rem;
    letter-spacing: 0;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1100px) {
  .historyList .historyListItem .hliHeader .hliTitle {
    font-size: clamp(1.8rem, 1.21rem + 0.58vw, 2.2rem);
  }
}
.historyList .historyListItem .hliBody {
  padding: 16px 0;
}
@media screen and (min-width: 769px) {
  .historyList .historyListItem .hliBody {
    padding: 20px 0;
    padding-right: 2%;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem .hliBody {
    padding: 20px 0;
    padding-right: 0;
  }
}
.historyList .historyListItem .hliBody .hliImg {
  width: 92%;
  margin-left: auto;
  display: flex;
  justify-content: right;
}
@media screen and (min-width: 769px) {
  .historyList .historyListItem .hliBody .hliImg {
    width: calc(98% - 192px);
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem .hliBody .hliImg {
    width: 100%;
  }
}
.historyList .historyListItem .hliBody .hliImg img {
  width: 100%;
}
.historyList .historyListItem .hliBody .hliBodyInner {
  padding-left: min(160px, 23.5vw);
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem .hliBody .hliBodyInner {
    padding-left: 0;
  }
}
.historyList .historyListItem .hliBody .hliBodyInner .hliText {
  margin-top: 16px;
  padding-left: 16px;
  padding-right: 4px;
  font-size: clamp(1.3rem, 1.006rem + 0.78vw, 1.8rem);
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  .historyList .historyListItem .hliBody .hliBodyInner .hliText {
    margin-top: 24px;
    padding-left: 8%;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem .hliBody .hliBodyInner .hliText {
    margin-top: 18px;
    padding-left: 0;
    font-size: clamp(1.6rem, 1.01rem + 0.58vw, 2rem);
    line-height: 1.7;
  }
}
.historyList .historyListItem .hliBody .hliBodyInner .hliFigure {
  margin-top: 32px;
  padding-left: 16px;
  padding-right: 4px;
  position: relative;
}
@media screen and (min-width: 769px) {
  .historyList .historyListItem .hliBody .hliBodyInner .hliFigure {
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem .hliBody .hliBodyInner .hliFigure {
    padding-left: 0;
  }
}
.historyList .historyListItem .hliBody .hliBodyInner .hliFigure img {
  width: 100%;
}
.historyList .historyListItem .hliBody .hliBodyInner .hliFigure .hliFigureSpeech {
  position: absolute;
  top: -12%;
  right: 10%;
  width: 42.5%;
}
.historyList .historyListItem .hliBody .hliBodyInner .hliButton {
  margin: 36px auto 0;
  padding-left: 20px;
  width: 86%;
  max-width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 481px) {
  .historyList .historyListItem .hliBody .hliBodyInner .hliButton {
    margin-top: 40px;
    max-width: 320px;
  }
}
@media screen and (min-width: 769px) {
  .historyList .historyListItem .hliBody .hliBodyInner .hliButton {
    margin-top: 48px;
    max-width: 320px;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem .hliBody .hliBodyInner .hliButton {
    max-width: 348px;
  }
}
.historyList .historyListItem .hliBody .hliBodyInner .hliButton .hliButtonSpeech {
  position: absolute;
  top: max(-6.4vw, -32px);
  left: -4.5%;
  width: 40%;
}

@media screen and (min-width: 1025px) {
  .historyList .historyListItem:nth-child(odd) {
    left: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem:nth-child(odd) .hliHeader {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem:nth-child(odd) .hliHeader .hliTitle {
    justify-content: right;
    padding-right: 3%;
    text-align: right;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem:nth-child(odd) .hliBody {
    padding-left: 7%;
    padding-right: calc(128px + 3%);
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem:nth-child(even) {
    right: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem:nth-child(even) .hliHeader {
    flex-direction: row;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem:nth-child(even) .hliHeader .hliTitle {
    justify-content: left;
    padding-left: 3%;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem:nth-child(even) .hliBody {
    padding-right: 7%;
    padding-left: calc(128px + 3%);
  }
}

@media screen and (min-width: 1025px) {
  .historyList .historyListItem1905 {
    top: min(1.66vw, 25px);
  }
}
.historyList .historyListItem1905 .lightBox .lightBoxContainer .lightBoxContent .lightBoxImg .lightBoxSpeech {
  width: 28.5%;
  bottom: -4%;
  right: 12%;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem1905 .lightBox .lightBoxContainer .lightBoxContent .lightBoxImg .lightBoxSpeech {
    width: 31.5%;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem1933 {
    top: calc(min(1.66vw, 25px) + min(15vw, 200px));
  }
}
.historyList .historyListItem1933 .lightBox .lightBoxContainer .lightBoxContent .lightBoxImg .lightBoxSpeech {
  width: 43%;
  bottom: -9%;
  right: 24%;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem1975 {
    top: calc(min(1.66vw, 25px) + min(50vw, 620px));
  }
}
@media screen and (min-width: 715px) {
  .historyList .historyListItem1975 .hliBody .hliBodyInner .hliFigure {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem1975 .hliBody .hliBodyInner .hliFigure {
    margin-top: 40px;
    padding-right: 8%;
  }
}
.historyList .historyListItem1975 .hliBody .hliBodyInner .hliFigure .hliFigureSpeech {
  right: 4%;
  max-width: 200px;
}
@media screen and (min-width: 715px) {
  .historyList .historyListItem1975 .hliBody .hliBodyInner .hliFigure .hliFigureSpeech {
    top: -6%;
    right: 8%;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem1975 .hliBody .hliBodyInner .hliFigure .hliFigureSpeech {
    top: -8%;
    right: 12%;
    width: 36.5%;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem1990 {
    top: calc(min(1.66vw, 25px) + min(75vw, 920px));
  }
}
.historyList .historyListItem1990 .lightBox .lightBoxContainer .lightBoxContent .lightBoxImg .lightBoxSpeech {
  width: 48%;
  bottom: -30%;
  right: 4%;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem1990 .lightBox .lightBoxContainer .lightBoxContent .lightBoxImg .lightBoxSpeech {
    right: -4%;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem2000 {
    top: calc(min(1.66vw, 25px) + min(133.33vw, 1620px));
  }
}
.historyList .historyListItem2000 .hliBody .hliBodyInner .hliFigure {
  margin-top: 20px;
}
.historyList .historyListItem2000 .hliBody .hliBodyInner .hliFigure .hliFigureSpeech {
  right: 2%;
  top: 4%;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem2000 .hliBody .hliBodyInner .hliFigure .hliFigureSpeech {
    top: -2%;
    width: 35.5%;
  }
}
.historyList .historyListItem2000 .lightBox .lightBoxContainer .lightBoxContent .lightBoxImg .lightBoxSpeech {
  width: 40%;
  bottom: -32%;
  right: 4%;
}
@media screen and (min-width: 769px) {
  .historyList .historyListItem2000 .lightBox .lightBoxContainer .lightBoxContent .lightBoxImg .lightBoxSpeech {
    bottom: -44%;
    right: 12%;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem2009 {
    top: calc(min(1.66vw, 25px) + min(150vw, 1820px));
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem2009 .hliBody .hliBodyInner .hliFigure {
    margin-top: 24px;
  }
}
.historyList .historyListItem2009 .hliBody .hliBodyInner .hliFigure .hliFigureSpeech {
  width: 50%;
  right: 1%;
  top: -2%;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem2009 .hliBody .hliBodyInner .hliFigure .hliFigureSpeech {
    width: 52%;
    top: -2%;
    right: 2%;
  }
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItem2023 {
    top: calc(min(1.66vw, 25px) + min(206.66vw, 2500px));
  }
}
.historyList .historyListItem2023 .hliBody .hliBodyInner .hliText:not(:first-child) {
  margin-top: 8px;
}
@media screen and (min-width: 1025px) {
  .historyList .historyListItemFuture {
    top: calc(min(1.66vw, 25px) + min(245vw, 2960px));
  }
}

@media screen and (min-width: 1025px) {
  .companyMainContent .philosophySection {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.companyMainContent .philosophySection .philosophy {
  font-size: clamp(1.8rem, 1.447rem + 0.94vw, 2.4rem);
  font-weight: 700;
  text-align: center;
  padding: 36px 0;
}
@media screen and (min-width: 1025px) {
  .companyMainContent .philosophySection .philosophy {
    font-size: clamp(2.8rem, 2.21rem + 0.58vw, 3.2rem);
  }
}
.companyMainContent .philosophySection .rsLinkButtonBlue {
  margin: 0 auto;
  width: 70;
  max-width: 320px;
}
@media screen and (min-width: 769px) {
  .companyMainContent .philosophySection .rsLinkButtonBlue {
    max-width: 400px;
  }
}
@media screen and (min-width: 1025px) {
  .companyMainContent .philosophySection .rsLinkButtonBlue {
    max-width: 440px;
  }
}

@media screen and (min-width: 1025px) {
  .companyMainContent .companyInfoSection {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .companyMainContent .companyInfoSection .rsTable {
    padding: 0 80px;
  }
}
@media screen and (min-width: 1025px) {
  .companyMainContent .companyInfoSection .rsTable .rsTableItem > *:not(.rsTableItemTitle) {
    width: calc(90% - 200px);
  }
}
.companyMainContent .companyInfoSection .rsTable .cisBusiness:not(:first-child) {
  margin-top: 12px;
}
@media screen and (min-width: 769px) {
  .companyMainContent .companyInfoSection .rsTable .cisBusiness:not(:first-child) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .companyMainContent .companyInfoSection .rsTable .cisBusiness:not(:first-child) {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1025px) {
  .companyMainContent .relatedSection {
    padding-left: 40px;
    padding-right: 40px;
  }
}/*# sourceMappingURL=osakagas_company_top.css.map */