/* Fonts */
@font-face {
  font-family: 'icomoon';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.anchorList li {
  white-space: nowrap;
}
#wrap {
  overflow: hidden;
}
.mainVisual:after {
  width: 100%;
  height: 110px;
  bottom: -10px;
}
.mainVisual .pic img {
  vertical-align: text-top;
}
.mainVisual+.section {
  z-index: auto;
  margin-top: -90px;
}
@media all and (max-width: 767px) {
  .mainVisual+.section {
    margin-top: 0;
  }
}



.historyMain {
  padding: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.historyMain__inner {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
}
.historyAnchorWrap {
  max-width:670px;
  width:100%;
  margin:40px auto;
}
@media all and (max-width: 767px) {
  .historyAnchorWrap {
    max-width:none;
    width:100%;
    margin:40px 0;
    padding: 0 15px;
  }
}



.historyPopup {
  display: flex;
  justify-content: space-between;
  margin-top: 78px;
}
.historyPopup > li {
  flex-basis: 31.6%;
}
.historyPopup > li > button {
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg,#0065bd 0%,#0e8bd1 100%);
  padding: 24px 48px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  text-indent: -1em;
}
.historyPopup > li > button:hover {
  background: linear-gradient(45deg,#0e8bd1 0%,#37b1de 100%);
}
.historyPopup > li > button::before,
.historyPopup > li > button::after {
  font-family: "icomoon";
  color: white;
  font-weight: normal;
  font-size: 20px;
}
.historyPopup > li > button::before {
  left: 42px;
  padding-right: 10px;
}
.historyPopup > li:nth-child(1) > button::before {
  content: "\e906";
}
.historyPopup > li:nth-child(2) > button::before {
  content: "\e907";
}
.historyPopup > li:nth-child(3) > button::before {
  content: "\e908";
}
.historyPopup > li > button::after {
  content: "\e909";
  right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
@media all and (max-width: 767px) {
  .historyPopup {
    display: block;
    margin: 0 15px 0;
  }
  .historyPopup > li:not(:first-child) {
    margin-top: 20px;
  }
  .historyPopup > li > button {
    text-align: left;
    padding: 21px 70px 21px 70px;
    font-size: 18px;
    text-indent: 0;
    line-height: 1.4;
  }
  .historyPopup > li > button::before {
    padding-right: 0;

    left: 35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
  }
  .historyPopup > li > button::after {
    right: 29px;
  }
}



.historyOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}
.historyOverlay.active {
  opacity: 1;
  z-index: 1000;
  cursor: pointer;
}
.historyMain .popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: -1;
  padding: 60px 70px;
  max-width: 720px;
  background: linear-gradient(to bottom right, #0065bd, #37b1de);
  transition: 0.3s;
}
.historyMain .popup.active {
  opacity: 1!important;
  z-index: 1001;
}
.historyMain .popup .close-popup {
  position: absolute;
  top: 60px;
  right: 70px;
  width: 30px;
  height: 30px;
  z-index: 1;
  cursor: pointer;
}
.historyMain .popup .close-popup::before {
  content: "\e90a";
  font-family: "icomoon";
  display: block;
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0;
  color: white;
}
.historyMain .popup h3 {
  position: relative;
  font-size: 20px;
  color: white;
  padding: 0 30px 0 57px;
  font-weight: bold;
}
.historyMain .popup h3::before {
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  font-size: 30px;
  color: white;
  font-weight: normal;
}
.historyMain .popup.business h3::before {
  content: "\e906";
}
.historyMain .popup.digitization h3::before {
  content: "\e907";
}
.historyMain .popup.globalization h3::before {
  content: "\e908";
}
.historyMain .popup p {
  color: white;
  font-size: 16px;
  line-height: 1.75;
  margin-top: 38px;
}
@media all and (max-width: 767px) {
  .historyMain .popup {
    padding: 20px 2em;
    max-width: 100%;
    width: 90%;
    /* overflow: scroll; */
    max-height: 95vh;
    overflow-y: scroll;
  }
  .historyMain .popup::-webkit-scrollbar{
    width: 5px;
    /* background: #0065bd; */
  }
  .historyMain .popup::-webkit-scrollbar-track{
    /* background: #0065bd; */
    /* border-left: solid 1px #ececec; */
  }
  .historyMain .popup::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #fff;
  }
  .historyMain .popup .close-popup {
    top: 26px;
    right: 14px;
  }
  .historyMain .popup h3 {
    padding: 0 35px 0 50px;
    font-size: 18px;
    line-height: 1.2;
  }
  .historyMain .popup p {
    margin-top: 15px;
  }
}



.history__list {
  display: flex;
  justify-content: space-between;
  margin: 0;
  flex-wrap: wrap;
  padding: 30px 0 60px;
  box-sizing: border-box;
  align-items: flex-start;
  background: url(/who/history/img/who-history_bg_pc.png);
  background-size: contain;
}
.history__list::after {
  content: '';
  display: block;
  width: 31.6%;
}
.history__item {
  flex-basis: 31.6%;
  max-width: 31.6%;
  background-color: #fff;
  display: flex;
  box-sizing: border-box;
  padding: 15px 8px 15px 8px;
}
.history__item--none {
  background-color: transparent;
}
.history__item--02 {
  flex-basis: 65.8%;
  max-width: 65.8%;
}
.history__item--mT0 {
  margin-top: 0!important;
}
.history__item--ex {
  flex-basis: 100%;
  max-width: 100%;
  border: 1px dotted #37b1de;
  margin: 8px 2.9%;
  position: relative;
  padding: 11px 8px 15px 8px;
}
.history__item--ex::before {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  top: -9px;
  left: 0;
  background: #fff;
}
.history__item--ex::after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: -9px;
  left: 0;
  background: #fff;
}
.history__item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
  margin-top: 50px;
}
.history__item--year {
  font-size: 24px;
  line-height: 1;
  padding: 0 30px 0 5px;
}
.history__item--detail {
  max-width: 65%;
  margin-top: 5px;
}
.history__item--mT0 .history__item--detail {
  margin-left: 90px;
}
.history__item--02 .history__item--detail {
  max-width: 84%;
}
.history__item--ex .history__item--detail {
  max-width: 100%;
  width: 100%;
}
.history__item--tagWrap02 {
  margin-top: 30px;
}
.history__item--tag {
  font-size: 12px;
  padding: 3px 12px;
  display: inline-block;
}
.history__item--tag:not(:first-child) {
  margin-left: 15px;
}
.history__item--tag01 {
  color: #005bac;
  border: 1px solid #005bac;
}
.history__item--tag02 {
  color: #0081cc;
  border: 1px solid #0081cc;
}
.history__item--tag03 {
  color: #20aee5;
  border: 1px solid #20aee5;
}
.history__item--txt01 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
.history__item--ex .history__item--txt01 {
  margin-top: 0;
  line-height: 1;
  text-align: center;
}
.history__item--txt01--year {
  font-size: 24px;
  line-height: 1;
  vertical-align: text-top;
  padding: 0 30px 0 0;
  font-weight: normal;
}
.history__item--ex .history__item--txt01 + .history__item--modal {
  margin-top: 5px;
}
.history__item--txt01 + .history__item--txt01 {
  margin-top: 0;
}
.history__item--txt01 img {
  padding: 10px 0 10px;
}
.history__item--txt01 + .history__item--txt01 img {
  padding: 10px 0 10px;
}
.history__item--txt02 {
  font-size: 16px;
  margin-top: 6px;
}
.history__item--modal {
  cursor: pointer;
  color: #0065bd;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
}
.history__item--modal:hover {
  text-decoration: underline;
}
.history__item--modal::after {
  font-family: 'icomoon';
  content: "\e909";
  padding-left: 6px;
  font-size: 12px;
  display: inline-block;
}
@media all and (max-width: 767px) {
  .history__list {
    display: block;
    margin: 30px 15px 0;
    padding: 30px 0 50px;
    background: url(/who/history/img/who-history_bg_sp.png);
    background-size: auto;
  }
  .history__item {
    max-width: 100%;
    display: flex;
    box-sizing: border-box;
    padding: 15px 10px;
  }
  .history__item--none {
    display: none;
  }
  .history__item--tag {
    display: inline-block;
  }
  .history__item--tag:not(:first-child) {
    margin-left: 0;
  }
  .history__item--tag:not(:last-child) {
    margin: 0 15px 8px 0;
  }
  .history__item--02 .history__item--detail {
    max-width: 65%;
  }
  .history__item--ex .history__item--txt01 {
    text-align: left;
  }
  .history__item--txt01--year {
    display: block;
    padding: 0 0 10px 0;
  }
}



.history__itemPopup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: -1;
  padding: 80px 70px;
  max-width: 720px;
  width: 100%;
  background-color: #ffffff;
  transition: 0.3s;
}
.history__itemPopup.active {
  opacity: 1!important;
  z-index: 1001;
}
.history__itemPopup .close-popup {
  position: absolute;
  top: 60px;
  right: 70px;
  width: 30px;
  height: 30px;
  z-index: 1;
  cursor: pointer;
}
.history__itemPopup .close-popup::before {
  content: "\e90a";
  font-family: "icomoon";
  display: block;
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0;
  color: #0065bd;
}
.history__itemPopupIn {
  display: flex;
}
.history__itemPopup--pcImg {
  margin-right: 30px;
  flex: 0 0 127px;
  max-width: 127px;
}
.history__itemPopup--pcImg02 {
  margin-top: 20px;
}
.history__itemPopup--spImg {
  display: none;
}
.history__itemPopup--body {
  width: 100%;
}
.history__itemPopup--pcImg + .history__itemPopup--body {
  width: 70%;
}
.history__itemPopup--year {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.history__itemPopup--logo {
  margin-top: 15px;
}
.history__itemPopup--lead {
  font-size: 16px;
  font-weight: bold;
  margin-top: 25px;
}
.history__itemPopup--detail {
  font-size: 16px;
  margin-top: 20px;
}
.history__itemPopup--lead + .history__itemPopup--detail {
  margin-top: 5px;
}
.history__itemPopup--detail--s {
  font-size: 14px;
  color: #bfc7ca;
}
.history__itemPopup--tagWrap {
  margin-top: 10px;
}
.history__itemPopup--tag {
  font-size: 12px;
  margin-top: 10px;
  padding: 3px 12px;
}
.history__itemPopup--tag:not(:last-child) {
  margin-right: 10px;
}
.history__itemPopup--tag01 {
  color: #005bac;
  border: 1px solid #005bac;
}
.history__itemPopup--tag02 {
  color: #0081cc;
  border: 1px solid #0081cc;
}
.history__itemPopup--tag03 {
  color: #20aee5;
  border: 1px solid #20aee5;
}
@media all and (max-width: 767px) {
  .history__itemPopup {
    padding: 20px 2em;
    max-width: 100%;
    width: 90%;
    overflow: scroll;
    max-height: 95vh;
  }
  .history__itemPopup::-webkit-scrollbar{
    width: 10px;
  }
  .history__itemPopup::-webkit-scrollbar-track{
    background: #fff;
    /* border-left: solid 1px #ececec; */
  }
  .history__itemPopup::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #fff;
  }
  .history__itemPopupIn {
    display: block;
  }
  .history__itemPopup .close-popup {
    top: 20px;
    right: 10px;
  }
  .history__itemPopup--pcImg,
  .history__itemPopup--pcImg02 {
    display: none;
  }
  .history__itemPopup--year {
    margin-top: 27px;
  }
  .history__itemPopup--spImg {
    display: block;
    text-align: center;
    margin-top: 30px;
  }
  .history__itemPopup--tag {
    display: inline-block;
  }
  .history__itemPopup--tag:not(:last-child) {
    margin-right: 10px;
  }
  .history__itemPopup--pcImg + .history__itemPopup--body {
    width: 100%;
  }
}