@charset "UTF-8";
#history .widgetArea {
  background-color: #fff;
  border-radius: 10px 0 0 10px;
  padding: 20px 22px 20px 16px;
  position: fixed;
  font-size: 18px;
  right: -100px;
  text-align: center;
  z-index: 996;
  transition: 0.8s;
  top: 50%;
  transform: translate(0, -50%);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 979px), print {
  #history .widgetArea {
    display: none;
  }
}
@media print {
  #history .widgetArea {
    bottom: 0;
    left: 0;
  }
}
#history .widgetArea.show {
  right: 0;
}
#history .widgetArea:focus {
  color: #fff;
}
#history .widgetArea a {
  display: block;
  font-size: 16px;
  font-style: italic;
  position: relative;
  padding-top: 12px;
  max-height: 0;
  transition: all 0.6s;
}
#history .widgetArea a + a {
  margin-top: 20px;
}
#history .widgetArea a::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 50%;
}
#history .widgetArea a.widget01 {
  color: rgba(0, 133, 167, 0.9);
}
#history .widgetArea a.widget01::before {
  background-color: rgba(0, 133, 167, 0.9);
}
#history .widgetArea a.widget02 {
  color: rgba(76, 170, 45, 0.9);
}
#history .widgetArea a.widget02::before {
  background-color: rgba(76, 170, 45, 0.9);
}
#history .widgetArea a.widget03 {
  color: rgba(178, 67, 67, 0.9);
}
#history .widgetArea a.widget03::before {
  background-color: rgba(178, 67, 67, 0.9);
}
#history .widgetArea a.widget04 {
  color: rgba(18, 80, 167, 0.9);
}
#history .widgetArea a.widget04::before {
  background-color: rgba(18, 80, 167, 0.9);
}
#history .widgetArea a:hover {
  max-height: 200px;
  transition: all 0.6s;
}
#history .widgetArea a:hover .nendai {
  opacity: 1;
  transition: all 0.6s;
}
#history .widgetArea a .nendai {
  display: block;
  line-height: 1;
  opacity: 0;
  transition: all 0.6s;
}
#history .columnArea {
  background-image: url(../images/history/columnBg@2x.png);
  background-repeat: repeat;
  padding: 28px;
  color: #000;
}
@media screen and (max-width: 979px), print {
  #history .columnArea {
    padding: 24px 20px;
  }
}
#history .columnArea.whBg {
  background-color: rgba(255, 255, 255, 0.9);
  background-image: none;
}
#history .columnArea .columnFlex {
  margin-bottom: 16px;
}
@media screen and (max-width: 979px), print {
  #history .columnArea .columnFlex {
    flex-direction: column;
    margin-bottom: 8px;
  }
}
#history .columnArea .columnFlex .columnImage {
  width: 130px;
}
@media screen and (max-width: 979px), print {
  #history .columnArea .columnFlex .columnImage {
    width: 100px;
    margin-bottom: 16px;
  }
}
#history .columnArea .columnFlex .columnTitle {
  width: calc(100% - 146px);
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
}
@media screen and (max-width: 979px), print {
  #history .columnArea .columnFlex .columnTitle {
    width: 100%;
  }
}
#history .columnArea .columnText {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
}
#history .columnArea .columnText .red {
  color: #E70012;
  font-weight: 900;
}
@media screen and (max-width: 979px), print {
  #history #historyMain .storyTitle {
    justify-content: flex-start;
  }
}
#history #historyMain .mainTitle {
  font-size: 70px;
  font-weight: normal;
  letter-spacing: normal;
  margin-bottom: 20px;
}
@media screen and (max-width: 979px), print {
  #history #historyMain .mainTitle {
    font-size: 40px;
    margin-bottom: 8px;
  }
}
#history #historyMain .mainText {
  max-width: 754px;
  margin: 0 auto 45px;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (max-width: 979px), print {
  #history #historyMain .mainText {
    line-height: 32px;
    font-size: 16px;
    margin-bottom: 32px;
  }
}
#history #historyMain .yearFlex {
  max-width: 1147px;
  margin: 0 auto 55px;
}
#history #historyMain .yearFlex .pageLink {
  color: #fff;
  background-size: cover;
  background-position: center;
  width: 24.95%;
  padding: 16px 25px 12px;
}
#history #historyMain .yearFlex .pageLink:hover {
  opacity: 1;
}
#history #historyMain .yearFlex .pageLink:nth-child(1) {
  background-image: url(../images/history/pageLink01@2x.jpg);
}
#history #historyMain .yearFlex .pageLink:nth-child(1):hover {
  background-image: url(../images/history/pageLink01_hover@2x.jpg);
}
#history #historyMain .yearFlex .pageLink:nth-child(2) {
  background-image: url(../images/history/pageLink02@2x.jpg);
}
#history #historyMain .yearFlex .pageLink:nth-child(2):hover {
  background-image: url(../images/history/pageLink02_hover@2x.jpg);
}
#history #historyMain .yearFlex .pageLink:nth-child(3) {
  background-image: url(../images/history/pageLink03@2x.jpg);
}
#history #historyMain .yearFlex .pageLink:nth-child(3):hover {
  background-image: url(../images/history/pageLink03_hover@2x.jpg);
}
#history #historyMain .yearFlex .pageLink:nth-child(4) {
  background-image: url(../images/history/pageLink04@2x.jpg);
}
#history #historyMain .yearFlex .pageLink:nth-child(4):hover {
  background-image: url(../images/history/pageLink04_hover@2x.jpg);
}
#history #historyMain .yearFlex .pageLink .year {
  font-size: 42px;
  font-style: italic;
  line-height: 1;
}
#history #historyMain .yearFlex .pageLink .yearText {
  font-family: "Zen Old Mincho", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  position: relative;
  padding-bottom: 40px;
}
#history #historyMain .yearFlex .pageLink .yearText::before {
  position: absolute;
  content: "";
  background-image: url(../images/history/arw.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 28px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
#history #acd {
  position: sticky;
  top: 50px;
  z-index: 1;
}
#history #acd .acdContetns {
  margin-bottom: 40px;
}
#history #acd .acdContetns .acdTitle {
  background-color: #fff;
  border: 1px solid #000;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 20px;
  position: relative;
}
#history #acd .acdContetns .acdTitle::before {
  position: absolute;
  content: "";
  background-image: url(../images/history/arw02.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 6px;
  height: 10px;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.5s;
}
#history #acd .acdContetns .acdTitle.open::before {
  transform: translateY(-50%) rotate(180deg);
}
#history #acd .acdContetns .acdTitle.open + .acdInner {
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
  position: relative;
}
#history #acd .acdContetns .acdInner {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  border: 1px solid #000;
  border-top: none;
}
#history #acd .acdContetns .acdInner .yearItem {
  background-color: #E0E4EB;
  display: block;
  font-size: 32px;
  font-style: italic;
  position: relative;
  padding: 4px 20px;
}
#history #acd .acdContetns .acdInner .yearItem::before {
  position: absolute;
  content: "";
  background-image: url(../images/history/arw02.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 6px;
  height: 10px;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.5s;
}
#history #acd .acdContetns .acdInner .yearItem + .yearItem {
  border-top: 1px solid #000;
}
#history #acd .acdContetns .acd-inner {
  /*(開く前の)中身の装飾*/
  max-height: 0;
  opacity: 0;
  transition: 0.5s;
  visibility: hidden;
}
#history .yearBox01 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
  overflow: hidden;
  opacity: 0;
}
@media screen and (max-width: 979px), print {
  #history .yearBox01 {
    height: 380px;
    padding: 52px 0;
  }
}
@media print {
  #history .yearBox01 {
    opacity: 1 !important;
  }
}
#history .yearBox01.year01 .yearTextArea {
  background-color: rgba(0, 133, 167, 0.9);
}
#history .yearBox01.year02 .yearTextArea {
  background-color: rgba(76, 170, 45, 0.9);
}
#history .yearBox01.year03 .yearTextArea {
  background-color: rgba(178, 67, 67, 0.9);
}
#history .yearBox01.year04 .yearTextArea {
  background-color: rgba(18, 80, 167, 0.9);
}
#history .yearBox01 + .yearBox04 {
  padding-top: 70px;
}
#history .yearBox01 .imageText {
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  position: absolute;
  right: 64px;
  bottom: 24px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox01 .imageText {
    right: 16px;
    bottom: 8px;
  }
}
#history .yearBox01 .yearTextArea {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px 30px;
  max-width: 420px;
  min-height: 355px;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 979px), print {
  #history .yearBox01 .yearTextArea {
    width: 320px;
    padding: 35px 24px;
    min-height: 280px;
  }
}
@media print {
  #history .yearBox01 .yearTextArea {
    opacity: 1 !important;
  }
}
#history .yearBox01 .yearTextArea .border-line {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #fff;
}
@media screen and (max-width: 979px), print {
  #history .yearBox01 .yearTextArea .border-line {
    display: none;
  }
}
#history .yearBox01 .yearTextArea .year {
  font-size: 60px;
  font-style: italic;
  line-height: 1;
  padding-bottom: 18px;
  margin-bottom: 16px;
  position: relative;
}
@media screen and (max-width: 979px), print {
  #history .yearBox01 .yearTextArea .year {
    font-size: 44px;
    padding-bottom: 15px;
  }
}
#history .yearBox01 .yearTextArea .year::before {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 30px;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
#history .yearBox01 .yearTextArea .yearTitle {
  font-family: "Zen Old Mincho", serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 5px;
  letter-spacing: 0;
}
@media screen and (max-width: 979px), print {
  #history .yearBox01 .yearTextArea .yearTitle {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
  }
}
#history .yearBox01 .yearTextArea .yearText {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  padding: 0 30px;
  letter-spacing: 0;
}
@media screen and (max-width: 979px), print {
  #history .yearBox01 .yearTextArea .yearText {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0;
    padding: 0;
  }
}
#history .yearBox01 .yearTextArea .textNote {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 979px), print {
  #history .yearBox02 {
    height: auto;
  }
}
#history .yearBox02.year01 .yearFlex {
  background-color: rgba(0, 133, 167, 0.1);
}
#history .yearBox02.year01 .yearFlex .year {
  color: #0085A7;
}
#history .yearBox02.year02 .yearFlex {
  background-color: rgba(76, 170, 45, 0.9);
}
#history .yearBox02.year03 .yearFlex {
  background-color: rgba(178, 67, 67, 0.9);
}
#history .yearBox02.year04 .yearFlex {
  background-color: rgba(18, 80, 167, 0.9);
}
#history .yearBox02 .yearFlex {
  position: relative;
}
@media screen and (max-width: 979px), print {
  #history .yearBox02 .yearFlex {
    flex-direction: column;
    padding: 32px 16px;
  }
}
#history .yearBox02 .yearFlex .border-line {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 1px;
  height: 0;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 979px), print {
  #history .yearBox02 .yearFlex .border-line {
    display: none;
  }
}
#history .yearBox02 .yearFlex .yearLeft {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 50%;
  height: 100vh;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 979px), print {
  #history .yearBox02 .yearFlex .yearLeft {
    width: 100%;
    margin: 0 auto;
    height: 375px;
    position: unset;
  }
}
@media screen and (max-width: 979px), print {
  #history .yearBox02 .yearFlex .yearLeft {
    width: 100%;
    margin: 0 auto;
    height: 375px;
  }
}
#history .yearBox02 .yearFlex .yearRight {
  padding: 60px;
  width: 50%;
}
@media screen and (max-width: 979px), print {
  #history .yearBox02 .yearFlex .yearRight {
    width: 100%;
    padding: 0;
    margin-top: 16px;
  }
}
#history .yearBox02 .yearFlex .yearRight .year {
  font-size: 84px;
  font-style: italic;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox02 .yearFlex .yearRight .year {
    font-size: 60px;
    margin-bottom: 5px;
  }
}
#history .yearBox02 .yearFlex .yearRight .yearTitle {
  font-family: "Zen Old Mincho", serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 16px;
  letter-spacing: 0;
}
@media screen and (max-width: 979px), print {
  #history .yearBox02 .yearFlex .yearRight .yearTitle {
    font-size: 19px;
    line-height: 32px;
    margin-bottom: 14px;
  }
}
#history .yearBox02 .yearFlex .yearRight .yearText {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
}
#history .yearBox03 {
  position: relative;
  padding: 75px 0;
}
#history .yearBox03 .border-line {
  position: absolute;
  content: "";
  background-color: #000;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: -1;
}
#history .yearBox03.year01 .year {
  color: rgba(0, 133, 167, 0.9);
}
#history .yearBox03.year01 .topicsTitle {
  color: rgba(0, 133, 167, 0.9);
  border-bottom: 1px dashed rgba(0, 133, 167, 0.9);
}
#history .yearBox03.year02 .year {
  color: rgba(76, 170, 45, 0.9);
}
#history .yearBox03.year02 .topicsTitle {
  color: rgba(76, 170, 45, 0.9);
  border-bottom: 1px dashed rgba(76, 170, 45, 0.9);
}
#history .yearBox03.year03 .year {
  color: rgba(178, 67, 67, 0.9);
}
#history .yearBox03.year03 .topicsTitle {
  color: rgba(178, 67, 67, 0.9);
  border-bottom: 1px dashed rgba(178, 67, 67, 0.9);
}
#history .yearBox03.year04 .year {
  color: rgba(18, 80, 167, 0.9);
}
#history .yearBox03.year04 .topicsTitle {
  color: rgba(18, 80, 167, 0.9);
  border-bottom: 1px dashed rgba(18, 80, 167, 0.9);
}
@media screen and (max-width: 979px), print {
  #history .yearBox03.year2025 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex {
    flex-direction: column;
  }
  #history .yearBox03 .yearFlex.year1933 .yearLeft {
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft,
#history .yearBox03 .yearFlex .yearRight {
  width: 50%;
  position: relative;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft,
  #history .yearBox03 .yearFlex .yearRight {
    width: 100%;
    background-color: #fff;
  }
}
#history .yearBox03 .yearFlex .yearLeft .bg-w,
#history .yearBox03 .yearFlex .yearRight .bg-w {
  opacity: 1 !important;
  height: 60px;
  width: 120px;
  position: absolute;
  top: -13px;
  background-color: #fff;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft .bg-w,
  #history .yearBox03 .yearFlex .yearRight .bg-w {
    display: none;
  }
}
#history .yearBox03 .yearFlex .yearLeft .year,
#history .yearBox03 .yearFlex .yearRight .year {
  font-size: 60px;
  font-style: italic;
  position: absolute;
  top: -13px;
  background-color: #fff;
  line-height: 1;
  opacity: 0;
  z-index: 1;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft .year,
  #history .yearBox03 .yearFlex .yearRight .year {
    position: unset;
    text-align: center;
    font-size: 40px;
    margin-bottom: 4px;
  }
}
@media print {
  #history .yearBox03 .yearFlex .yearLeft .year,
  #history .yearBox03 .yearFlex .yearRight .year {
    opacity: 1;
  }
}
#history .yearBox03 .yearFlex .yearLeft .yearTitle,
#history .yearBox03 .yearFlex .yearRight .yearTitle {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 38px;
  margin-bottom: 16px;
  letter-spacing: 0;
  opacity: 0;
}
#history .yearBox03 .yearFlex .yearLeft .yearTitle.mb-none,
#history .yearBox03 .yearFlex .yearRight .yearTitle.mb-none {
  margin-bottom: 0;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft .yearTitle,
  #history .yearBox03 .yearFlex .yearRight .yearTitle {
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
@media print {
  #history .yearBox03 .yearFlex .yearLeft .yearTitle,
  #history .yearBox03 .yearFlex .yearRight .yearTitle {
    opacity: 1;
  }
}
#history .yearBox03 .yearFlex .yearLeft .yearImage,
#history .yearBox03 .yearFlex .yearRight .yearImage {
  opacity: 0;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft .yearImage img,
  #history .yearBox03 .yearFlex .yearRight .yearImage img {
    width: 100%;
  }
}
@media print {
  #history .yearBox03 .yearFlex .yearLeft .yearImage,
  #history .yearBox03 .yearFlex .yearRight .yearImage {
    opacity: 1;
  }
}
#history .yearBox03 .yearFlex .yearLeft .yearImage + .yearText,
#history .yearBox03 .yearFlex .yearRight .yearImage + .yearText {
  margin-top: 16px;
}
#history .yearBox03 .yearFlex .yearLeft .imageNote,
#history .yearBox03 .yearFlex .yearRight .imageNote {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 10px;
  opacity: 0;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft .imageNote,
  #history .yearBox03 .yearFlex .yearRight .imageNote {
    margin-top: 8px;
  }
}
@media print {
  #history .yearBox03 .yearFlex .yearLeft .imageNote,
  #history .yearBox03 .yearFlex .yearRight .imageNote {
    opacity: 1;
  }
}
#history .yearBox03 .yearFlex .yearLeft .yearText,
#history .yearBox03 .yearFlex .yearLeft .topicsText,
#history .yearBox03 .yearFlex .yearRight .yearText,
#history .yearBox03 .yearFlex .yearRight .topicsText {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
  opacity: 0;
}
@media print {
  #history .yearBox03 .yearFlex .yearLeft .yearText,
  #history .yearBox03 .yearFlex .yearLeft .topicsText,
  #history .yearBox03 .yearFlex .yearRight .yearText,
  #history .yearBox03 .yearFlex .yearRight .topicsText {
    opacity: 1;
  }
}
#history .yearBox03 .yearFlex .yearLeft .yearText + .yearImage,
#history .yearBox03 .yearFlex .yearLeft .topicsText + .yearImage,
#history .yearBox03 .yearFlex .yearRight .yearText + .yearImage,
#history .yearBox03 .yearFlex .yearRight .topicsText + .yearImage {
  margin-top: 16px;
}
#history .yearBox03 .yearFlex .yearLeft .yearText + .columnArea,
#history .yearBox03 .yearFlex .yearLeft .topicsText + .columnArea,
#history .yearBox03 .yearFlex .yearRight .yearText + .columnArea,
#history .yearBox03 .yearFlex .yearRight .topicsText + .columnArea {
  margin-top: 40px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft .yearText + .columnArea,
  #history .yearBox03 .yearFlex .yearLeft .topicsText + .columnArea,
  #history .yearBox03 .yearFlex .yearRight .yearText + .columnArea,
  #history .yearBox03 .yearFlex .yearRight .topicsText + .columnArea {
    margin-top: 32px;
  }
}
#history .yearBox03 .yearFlex .yearLeft .topicsTitle,
#history .yearBox03 .yearFlex .yearRight .topicsTitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 8px;
  margin-top: 32px;
  opacity: 0;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft .topicsTitle,
  #history .yearBox03 .yearFlex .yearRight .topicsTitle {
    font-size: 17px;
    line-height: 26px;
    margin-top: 24px;
  }
}
@media print {
  #history .yearBox03 .yearFlex .yearLeft .topicsTitle,
  #history .yearBox03 .yearFlex .yearRight .topicsTitle {
    opacity: 1;
  }
}
#history .yearBox03 .yearFlex .yearLeft .pointFlex,
#history .yearBox03 .yearFlex .yearRight .pointFlex {
  opacity: 0;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft .pointFlex,
  #history .yearBox03 .yearFlex .yearRight .pointFlex {
    flex-direction: column;
    align-items: center;
  }
}
@media print {
  #history .yearBox03 .yearFlex .yearLeft .pointFlex,
  #history .yearBox03 .yearFlex .yearRight .pointFlex {
    opacity: 1;
  }
}
#history .yearBox03 .yearFlex .yearLeft .pointFlex .yearText,
#history .yearBox03 .yearFlex .yearRight .pointFlex .yearText {
  width: calc(100% - 140px);
  opacity: 1;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft .pointFlex .yearText,
  #history .yearBox03 .yearFlex .yearRight .pointFlex .yearText {
    width: 100%;
  }
}
#history .yearBox03 .yearFlex .yearLeft .pointFlex .yearImage,
#history .yearBox03 .yearFlex .yearRight .pointFlex .yearImage {
  width: 124px;
  opacity: 1;
}
#history .yearBox03 .yearFlex .yearLeft .columnArea,
#history .yearBox03 .yearFlex .yearRight .columnArea {
  opacity: 0;
}
@media print {
  #history .yearBox03 .yearFlex .yearLeft .columnArea,
  #history .yearBox03 .yearFlex .yearRight .columnArea {
    opacity: 1;
  }
}
#history .yearBox03 .yearFlex .yearLeft {
  padding-right: 80px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft {
    padding-right: 0;
  }
}
#history .yearBox03 .yearFlex .yearLeft.year1933 {
  margin-top: -180px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year1933 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year1942 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft.year1946 {
  margin-top: 155px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year1946 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft.year1949 {
  margin-top: 170px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year1949 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft.year1960 {
  margin-top: 130px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year1960 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft.year2002 {
  margin-top: -40px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year2002 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft.year2003 {
  margin-top: 130px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year2003 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft.year200302 {
  margin-top: 50px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year200302 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft.year2011 {
  margin-top: 120px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year2011 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft.year2012 {
  margin-top: 130px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year2012 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft.year2018 {
  margin-top: 170px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year2018 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearLeft.year2025 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearLeft .year,
#history .yearBox03 .yearFlex .yearLeft .bg-w {
  right: -60px;
}
#history .yearBox03 .yearFlex .yearRight {
  padding-left: 80px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight {
    padding-left: 0;
  }
}
#history .yearBox03 .yearFlex .yearRight.year1928 {
  margin-top: 48px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year1928 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year1934 {
  margin-top: -30px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year1934 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year1939 {
  margin-top: -250px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year1939 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year1945 {
  margin-top: 35px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year1945 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year1948 {
  margin-top: 135px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year1948 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year1959 {
  margin-top: 30px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year1959 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year1962 {
  margin-top: -100px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year1962 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year1976 {
  margin-top: -50px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year1976 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year1988 {
  margin-top: 155px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year1988 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year2002 {
  margin-top: 70px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year2002 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year200202 {
  margin-top: 110px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year200202 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year2003 {
  margin-top: 30px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year2003 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year2005 {
  margin-top: 140px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year2005 {
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year2010, #history .yearBox03 .yearFlex .yearRight.year2015 {
  margin-top: 180px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year2010, #history .yearBox03 .yearFlex .yearRight.year2015 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year2011 {
  margin-top: 160px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year2011 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight.year2024 {
  margin-top: 200px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox03 .yearFlex .yearRight.year2024 {
    margin-top: 140px;
    padding-bottom: 16px;
  }
}
#history .yearBox03 .yearFlex .yearRight .year,
#history .yearBox03 .yearFlex .yearRight .bg-w {
  left: -60px;
}
#history .yearBox04 {
  position: relative;
}
@media screen and (max-width: 979px), print {
  #history .yearBox04 .wrapper {
    padding: 0;
  }
}
#history .yearBox04.year01 .yearFlex {
  background-color: rgba(0, 133, 167, 0.1);
}
#history .yearBox04.year01 .yearFlex .year {
  color: #0085A7;
}
#history .yearBox04.year02.pd-b {
  padding-bottom: 70px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox04.year02.pd-b {
    padding-bottom: 0;
  }
}
#history .yearBox04.year02 .yearFlex {
  background-color: rgba(76, 170, 45, 0.1);
}
#history .yearBox04.year02 .yearFlex .year {
  color: #4CAA2D;
}
#history .yearBox04.year03 .yearFlex {
  background-color: rgba(178, 67, 67, 0.1);
}
#history .yearBox04.year03 .yearFlex .year {
  color: #B24343;
}
#history .yearBox04.year04 .yearFlex {
  background-color: rgba(18, 80, 167, 0.1);
}
#history .yearBox04.year04 .yearFlex .year {
  color: #1250A7;
}
#history .yearBox04 .border-line {
  position: absolute;
  content: "";
  background-color: #000;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: -1;
}
@media screen and (max-width: 979px), print {
  #history .yearBox04 .border-line {
    display: none;
  }
}
#history .yearBox04 .yearFlex {
  position: relative;
}
@media screen and (max-width: 979px), print {
  #history .yearBox04 .yearFlex {
    flex-direction: column-reverse;
    padding: 32px 16px;
  }
}
#history .yearBox04 .yearFlex .yearLeft {
  padding: 60px;
  width: 50%;
}
@media screen and (max-width: 979px), print {
  #history .yearBox04 .yearFlex .yearLeft {
    width: 100%;
    padding: 0;
    margin-top: 16px;
  }
}
#history .yearBox04 .yearFlex .yearLeft .year {
  font-size: 84px;
  font-style: italic;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox04 .yearFlex .yearLeft .year {
    font-size: 60px;
    margin-bottom: 5px;
  }
}
#history .yearBox04 .yearFlex .yearLeft .yearTitle {
  font-family: "Zen Old Mincho", serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 16px;
  letter-spacing: 0;
}
@media screen and (max-width: 979px), print {
  #history .yearBox04 .yearFlex .yearLeft .yearTitle {
    font-size: 19px;
    line-height: 32px;
    margin-bottom: 14px;
  }
}
#history .yearBox04 .yearFlex .yearLeft .yearTitle span {
  letter-spacing: -0.7rem;
}
#history .yearBox04 .yearFlex .yearLeft .yearText {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
}
#history .yearBox04 .yearFlex .yearLeft .columnArea {
  margin-top: 40px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox04 .yearFlex .yearLeft .columnArea {
    margin-top: 32px;
  }
}
#history .yearBox04 .yearFlex .yearRight {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 50%;
  min-height: 600px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox04 .yearFlex .yearRight {
    width: 100%;
    margin: 0 auto;
    height: 375px;
    min-height: auto;
    position: unset;
  }
}
#history .yearBox04 .textNote {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 16px;
}
@media screen and (max-width: 979px), print {
  #history .yearBox04 .textNote {
    margin-top: 14px;
  }
}
#history #history05 {
  padding: 70px 0 160px;
}
@media screen and (max-width: 979px), print {
  #history #history05 {
    padding: 20px 0 45px;
  }
}
#history #history05 .logoArea {
  margin-bottom: 50px;
}
@media screen and (max-width: 979px), print {
  #history #history05 .logoArea {
    max-width: 160px;
    margin: 0 auto 35px;
  }
}
#history #history05 .logoText {
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 0;
}
@media screen and (max-width: 979px), print {
  #history #history05 .logoText {
    font-size: 16px;
    line-height: 32px;
  }
}
#history .fadein03 {
  opacity: 1 !important;
  transition: all 1s;
}