.sectionEffect {
  opacity: 0;
  transform: translateY(30px);
}

.sectionEffect--isScroll {
  opacity: 1;
  transition: opacity 1.8s 0s, transform 1.8s 0s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translateY(0);
}

.topHeading {
  max-width: 1310px;
  margin: 0 auto;
  padding: 0 15px;
  padding-bottom: 40px;
  opacity: 0;
  transform: translateY(30px);
}

.topHeading--animation {
  opacity: 1;
  transition: all 1.8s 0s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translateY(0);
}

@media screen and (max-width: 768px) {
  .topHeading {
    padding-bottom: 25px;
    width: 91.73333%;
    padding: 0;
  }
}

.topHeading__title {
  margin-bottom: 19.5px;
  font-size: 4.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #008d54;
}

@media screen and (max-width: 768px) {
  .topHeading__title {
    font-size: 2.8rem;
    margin-bottom: 20px;
  }
}

.topHeading__num {
  font-family: "Roboto", sans-serif;
}

.history {
  position: relative;
  background-color: #eee;
  margin-bottom: 22rem;
  padding-top: 18rem;
}

.history::before {
  content: '';
  position: absolute;
  top: -80px;
  right: 15px;
  display: inline-block;
  width: 316px;
  height: 242px;
  background-image: url(/information/company/history/img/history_kikorinTop.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media screen and (min-width: 1320px) {
  .history::before {
    right: calc(50% - 580px);
  }
}

@media screen and (max-width: 768px) {
  .history::before {
    top: -30px;
    right: 30px;
    width: 117px;
    height: 90px;
  }
}

.history::after {
  content: '';
  position: absolute;
  bottom: -100px;
  right: 15px;
  display: inline-block;
  width: 358px;
  height: 292px;
  background-image: url(/information/company/history/img/history_kikorinFoot.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media screen and (min-width: 1320px) {
  .history::after {
    right: calc(50% - 650px);
  }
}

@media screen and (max-width: 768px) {
  .history::after {
    bottom: -50px;
    right: 30px;
    width: 116px;
    height: 94px;
  }
}

@media screen and (max-width: 768px) {
  .history {
    margin-bottom: 9rem;
    padding-top: 8.4rem;
  }
}

.history__wrapper {
  max-width: 1310px;
  margin: 0 auto;
  padding: 0 15px;
  padding-bottom: 15.2rem;
}

@media screen and (max-width: 768px) {
  .history__wrapper {
    padding-bottom: 3.6rem;
  }
}

.history__content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8rem;
}

@media screen and (max-width: 768px) {
  .history__content {
    margin-bottom: 5rem;
  }
}

.historyCite {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.historyCite--bottomMedium {
  bottom: 30px;
}

@media screen and (max-width: 768px) {
  .historyCite--bottomMedium {
    right: -11px;
  }
}

.historyCite__text {
  display: block;
  font-size: 1rem;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .historyCite__text--small {
    font-size: 10px;
    transform: scale(0.7);
  }
}

.historyDetail {
  flex: 1;
  padding-top: 14px;
}

@media screen and (max-width: 768px) {
  .historyDetail {
    padding-top: 7px;
  }
}

.historyDetail__title {
  margin-bottom: 6rem;
  letter-spacing: -0.1em;
  font-size: 2.8rem;
  line-height: 1.5;
}

.historyDetail__title--isScroll > .historyDetail__char {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .historyDetail__title {
    margin-bottom: 3rem;
    font-size: 1.6rem;
    letter-spacing: -0.12em;
  }
}

.historyDetail__char {
  display: inline-block;
  transform: translateX(50%);
  opacity: 0;
}

.historyDetail__char--1 {
  transition: 0.8s ease 0ms;
}

.historyDetail__char--2 {
  transition: 0.8s ease 40ms;
}

.historyDetail__char--3 {
  transition: 0.8s ease 80ms;
}

.historyDetail__char--4 {
  transition: 0.8s ease 120ms;
}

.historyDetail__char--5 {
  transition: 0.8s ease 160ms;
}

.historyDetail__char--6 {
  transition: 0.8s ease 200ms;
}

.historyDetail__char--7 {
  transition: 0.8s ease 240ms;
}

.historyDetail__char--8 {
  transition: 0.8s ease 280ms;
}

.historyDetail__char--9 {
  transition: 0.8s ease 320ms;
}

.historyDetail__char--10 {
  transition: 0.8s ease 360ms;
}

.historyDetail__char--11 {
  transition: 0.8s ease 400ms;
}

.historyDetail__char--12 {
  transition: 0.8s ease 440ms;
}

.historyDetail__char--13 {
  transition: 0.8s ease 480ms;
}

.historyDetail__char--14 {
  transition: 0.8s ease 520ms;
}

.historyDetail__char--15 {
  transition: 0.8s ease 560ms;
}

.historyDetail__char--16 {
  transition: 0.8s ease 600ms;
}

.historyDetail__char--17 {
  transition: 0.8s ease 640ms;
}

.historyDetail__char--18 {
  transition: 0.8s ease 680ms;
}

.historyDetail__char--19 {
  transition: 0.8s ease 720ms;
}

.historyDetail__char--20 {
  transition: 0.8s ease 760ms;
}

.historyDetail__char--21 {
  transition: 0.8s ease 800ms;
}

.historyDetail__char--22 {
  transition: 0.8s ease 840ms;
}

.historyDetail__char--23 {
  transition: 0.8s ease 880ms;
}

.historyDetail__char--24 {
  transition: 0.8s ease 920ms;
}

.historyDetail__char--25 {
  transition: 0.8s ease 960ms;
}

.historyDetail__char--26 {
  transition: 0.8s ease 1000ms;
}

.historyDetail__char--27 {
  transition: 0.8s ease 1040ms;
}

.historyDetail__char--28 {
  transition: 0.8s ease 1080ms;
}

.historyDetail__char--29 {
  transition: 0.8s ease 1120ms;
}

.historyDetail__char--30 {
  transition: 0.8s ease 1160ms;
}

.historyDetail__char--31 {
  transition: 0.8s ease 1200ms;
}

.historyDetail__char--32 {
  transition: 0.8s ease 1240ms;
}

.historyDetail__char--33 {
  transition: 0.8s ease 1280ms;
}

.historyDetail__char--34 {
  transition: 0.8s ease 1320ms;
}

.historyDetail__char--35 {
  transition: 0.8s ease 1360ms;
}

.historyDetail__char--36 {
  transition: 0.8s ease 1400ms;
}

.historyDetail__char--37 {
  transition: 0.8s ease 1440ms;
}

.historyDetail__char--38 {
  transition: 0.8s ease 1480ms;
}

.historyDetail__char--39 {
  transition: 0.8s ease 1520ms;
}

.historyDetail__char--40 {
  transition: 0.8s ease 1560ms;
}

.historyDetail__char--41 {
  transition: 0.8s ease 1600ms;
}

.historyDetail__char--42 {
  transition: 0.8s ease 1640ms;
}

.historyDetail__char--43 {
  transition: 0.8s ease 1680ms;
}

.historyDetail__char--44 {
  transition: 0.8s ease 1720ms;
}

.historyDetail__char--45 {
  transition: 0.8s ease 1760ms;
}

.historyDetail__char--46 {
  transition: 0.8s ease 1800ms;
}

.historyDetail__char--47 {
  transition: 0.8s ease 1840ms;
}

.historyDetail__char--48 {
  transition: 0.8s ease 1880ms;
}

.historyDetail__char--49 {
  transition: 0.8s ease 1920ms;
}

.historyDetail__char--50 {
  transition: 0.8s ease 1960ms;
}

.historyDetail__char--51 {
  transition: 0.8s ease 2000ms;
}

.historyDetail__char--52 {
  transition: 0.8s ease 2040ms;
}

.historyDetail__char--53 {
  transition: 0.8s ease 2080ms;
}

.historyDetail__char--54 {
  transition: 0.8s ease 2120ms;
}

.historyDetail__char--55 {
  transition: 0.8s ease 2160ms;
}

.historyDetail__char--56 {
  transition: 0.8s ease 2200ms;
}

.historyDetail__char--57 {
  transition: 0.8s ease 2240ms;
}

.historyDetail__char--58 {
  transition: 0.8s ease 2280ms;
}

.historyDetail__char--59 {
  transition: 0.8s ease 2320ms;
}

.historyDetail__char--60 {
  transition: 0.8s ease 2360ms;
}

.historyDetail__char--61 {
  transition: 0.8s ease 2400ms;
}

.historyDetail__char--62 {
  transition: 0.8s ease 2440ms;
}

.historyDetail__char--63 {
  transition: 0.8s ease 2480ms;
}

.historyDetail__char--64 {
  transition: 0.8s ease 2520ms;
}

.historyDetail__char--65 {
  transition: 0.8s ease 2560ms;
}

.historyDetail__char--66 {
  transition: 0.8s ease 2600ms;
}

.historyDetail__char--67 {
  transition: 0.8s ease 2640ms;
}

.historyDetail__char--68 {
  transition: 0.8s ease 2680ms;
}

.historyDetail__char--69 {
  transition: 0.8s ease 2720ms;
}

.historyDetail__char--70 {
  transition: 0.8s ease 2760ms;
}

.historyDetail__char--71 {
  transition: 0.8s ease 2800ms;
}

.historyDetail__char--72 {
  transition: 0.8s ease 2840ms;
}

.historyDetail__char--73 {
  transition: 0.8s ease 2880ms;
}

.historyDetail__char--74 {
  transition: 0.8s ease 2920ms;
}

.historyDetail__char--75 {
  transition: 0.8s ease 2960ms;
}

.historyDetail__char--76 {
  transition: 0.8s ease 3000ms;
}

.historyDetail__char--77 {
  transition: 0.8s ease 3040ms;
}

.historyDetail__char--78 {
  transition: 0.8s ease 3080ms;
}

.historyDetail__char--79 {
  transition: 0.8s ease 3120ms;
}

.historyDetail__char--80 {
  transition: 0.8s ease 3160ms;
}

.historyDetail__char--81 {
  transition: 0.8s ease 3200ms;
}

.historyDetail__char--82 {
  transition: 0.8s ease 3240ms;
}

.historyDetail__char--83 {
  transition: 0.8s ease 3280ms;
}

.historyDetail__char--84 {
  transition: 0.8s ease 3320ms;
}

.historyDetail__char--85 {
  transition: 0.8s ease 3360ms;
}

.historyDetail__char--86 {
  transition: 0.8s ease 3400ms;
}

.historyDetail__char--87 {
  transition: 0.8s ease 3440ms;
}

.historyDetail__char--88 {
  transition: 0.8s ease 3480ms;
}

.historyDetail__char--89 {
  transition: 0.8s ease 3520ms;
}

.historyDetail__char--90 {
  transition: 0.8s ease 3560ms;
}

.historyDetail__char--91 {
  transition: 0.8s ease 3600ms;
}

.historyDetail__char--92 {
  transition: 0.8s ease 3640ms;
}

.historyDetail__char--93 {
  transition: 0.8s ease 3680ms;
}

.historyDetail__char--94 {
  transition: 0.8s ease 3720ms;
}

.historyDetail__char--95 {
  transition: 0.8s ease 3760ms;
}

.historyDetail__char--96 {
  transition: 0.8s ease 3800ms;
}

.historyDetail__char--97 {
  transition: 0.8s ease 3840ms;
}

.historyDetail__char--98 {
  transition: 0.8s ease 3880ms;
}

.historyDetail__char--99 {
  transition: 0.8s ease 3920ms;
}

.historyDetail__char--100 {
  transition: 0.8s ease 3960ms;
}

.historyDetail__inner {
  display: flex;
}

@media screen and (max-width: 768px) {
  .historyDetail__inner {
    display: block;
  }
}

.historyDetail__text {
  margin-right: 6.61626%;
  font-size: 1.8rem;
  line-height: 1.77778;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  .historyDetail__text {
    font-size: 1.1rem;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.historyDetail__text--noMag {
  margin: 0;
}

.historyYear {
  position: relative;
  margin-right: 4.6875%;
  flex-shrink: 0;
  z-index: 0;
}

.historyYear::after {
  content: '';
  background-color: #008d54;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 2.5s;
}

.historyYear--isScroll::after {
  transform: scaleY(1);
}

.historyYear__item {
  color: #008d54;
  text-align: center;
  padding-bottom: 40px;
  position: relative;
  background-color: #eee;
}

@media screen and (max-width: 768px) {
  .historyYear__item {
    padding-bottom: 28px;
  }
}

.historyYear__title {
  margin-bottom: 5px;
  letter-spacing: 0.05em;
  font-family: "Roboto", sans-serif;
  font-size: 6.7rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .historyYear__title {
    font-size: 2.7rem;
  }
}

.historyYear__subTitle {
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  .historyYear__subTitle {
    font-size: 1.1rem;
    letter-spacing: 0;
  }
}

.historyTile {
  display: block;
  flex-shrink: 0;
  width: 50.75614366%;
}

@media screen and (max-width: 768px) {
  .historyTile {
    width: 100%;
  }
}

.historyTile--col2 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 57.65595463%;
}

@media screen and (max-width: 768px) {
  .historyTile--col2 {
    width: 100%;
  }
}

.historyTile--col2 > .historTile__item {
  max-width: 297px;
}

.historyTile__item {
  position: relative;
  margin-right: 2.45902%;
}

.historyTile__item:nth-child(2n) {
  margin-right: 0;
}

.historyTile__img {
  vertical-align: middle;
  width: 100%;
}

.historyTile__caption {
  margin-top: 10px;
  line-height: 1.2;
  font-size: 1.2rem;
}

.historyFeature {
  display: flex;
  align-items: flex-start;
  margin-top: 5rem;
  background-color: #a4bf48;
  padding: 8rem 8.6rem;
}

@media screen and (max-width: 768px) {
  .historyFeature {
    display: block;
    margin-top: 3rem;
    padding: 3rem;
  }
}

.historyFeature__imgWrapper {
  position: relative;
  flex-shrink: 0;
  width: 49.6614%;
}

@media screen and (max-width: 768px) {
  .historyFeature__imgWrapper {
    width: 100%;
    margin-bottom: 18px;
  }
}

.historyFeature__img {
  width: 100%;
  vertical-align: middle;
}

.historyFeature__caption {
  position: absolute;
  top: -38px;
  left: -28px;
  letter-spacing: 0.07em;
  font-size: 6.7rem;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .historyFeature__caption {
    font-size: 2.7rem;
    top: -15px;
    left: -10px;
  }
}

.historyFeature__body {
  margin-left: 5.41761%;
}

@media screen and (max-width: 768px) {
  .historyFeature__body {
    margin-left: 0;
  }
}

.historyFeature__title {
  letter-spacing: 0.07em;
  font-size: 2.8rem;
  line-height: 1.5;
  margin-bottom: 38px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .historyFeature__title {
    font-size: 1.4rem;
    margin-bottom: 1.8rem;
  }
}

.historyFeature__titleSmall {
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  .historyFeature__titleSmall {
    font-size: 1rem;
  }
}

.historyFeature__text {
  letter-spacing: 0.1em;
  line-height: 1.77778;
  font-size: 1.8rem;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .historyFeature__text {
    font-size: 1.1rem;
  }
}