.message_name {
  text-align: right;
  font-weight: bold;
}
.message_name strong {
  font-size: 20px;
}
@media screen and (max-width: 1160px) {
  .message_name strong {
    font-size: 1.72vw;
  }
}
@media screen and (max-width: 750px) {
  .message_name strong {
    font-size: 4.72vw;
  }
}

.message_wrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.Philosophy p {
  font-size: 20px;
  line-height: 2.1em;
}
.Philosophy figure {
  width: 570px;
}
.Philosophy figure img {
  border-radius: 10px;
}
@media screen and (max-width: 1160px) {
  .Philosophy p {
    font-size: 1.72vw;
  }
  .Philosophy figure {
    width: 49.14vw;
  }
  .Philosophy figure img {
    border-radius: 0.86vw;
  }
}
@media screen and (max-width: 750px) {
  .Philosophy p {
    font-size: 4.72vw;
  }
  .Philosophy .purpose p {
    font-size: 4.17vw;
  }
  .Philosophy figure {
    width: 100%;
  }
  .Philosophy figure img {
    border-radius: 2.78vw;
  }
}

.purpose {
  margin-top: 140px;
}
@media screen and (max-width: 1160px) {
  .purpose {
    margin-top: 12.07vw;
  }
}
@media screen and (max-width: 750px) {
  .purpose {
    margin-top: 19.44vw;
  }
}

.outline dl {
  padding: 35px 0;
  border-bottom: 1px solid #CED7E5;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}
.outline dl:last-child {
  border-bottom: none;
}
.outline dl dt {
  width: 16em;
  font-weight: bold;
  color: #0064AF;
}
.outline dl dd {
  width: calc(100% - 16em);
}
.outline dl dd p {
  margin-bottom: 1em;
}
.outline dl dd p:last-child {
  margin-bottom: 0;
}
.outline dl dd .iso1 {
  width: 134px;
}
.outline dl dd .iso2 {
  width: 110px;
}
.outline dl dd dl {
  border: none;
  padding: 0;
  margin: 0;
}
.outline dl dd dl dt {
  font-weight: normal;
  color: #000;
  width: auto;
  width: 9em;
}
.outline dl dd dl dd {
  width: auto;
}
@media screen and (max-width: 1160px) {
  .outline dl {
    padding: 3.02vw 0;
  }
  .outline dl dd .iso1 {
    width: 11.55vw;
  }
  .outline dl dd .iso2 {
    width: 9.48vw;
  }
}
@media screen and (max-width: 750px) {
  .outline dl {
    padding: 5.56vw 0 5vw 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .outline dl:last-child {
    padding-bottom: 0;
  }
  .outline dl dt {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .outline dl dd {
    width: 100%;
  }
  .outline dl dd .iso1 {
    width: 164px;
  }
  .outline dl dd .iso2 {
    width: 140px;
  }
}

.office h2 {
  width: 100%;
}
.office article {
  position: relative;
  width: 100%;
  min-height: 180px;
  margin-bottom: 60px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.office article div {
  width: 53.75%;
  margin-right: 3.125%;
}
.office article div h3 {
  font-size: 18px;
  margin: 0 0 0.3em 0;
}
.office article div address {
  font-style: normal;
  line-height: 1.6em;
}
.office article div p {
  margin: 0 0 0.3em 0;
  line-height: 1.6em;
}
.office article div .maplink {
  padding-left: 15px;
  background: url(/company/images/icon_map_sb.svg) no-repeat left center;
  background-size: 10px;
}
.office article figure {
  width: 270px;
  position: absolute;
  right: 0;
  top: 0;
}
.office article figure img {
  border-radius: 10px;
}
@media screen and (max-width: 1160px) {
  .office article {
    margin-bottom: 5.17vw;
  }
  .office article div h3 {
    font-size: 1.55vw;
  }
  .office article div .maplink {
    padding-left: 1.29vw;
    background-size: 0.86vw;
  }
  .office article figure img {
    border-radius: 0.86vw;
  }
}
@media screen and (max-width: 750px) {
  .office article {
    width: 100%;
    margin-bottom: 13.89vw;
  }
  .office article div {
    width: 100%;
    margin-right: 0;
  }
  .office article div h3 {
    font-size: 4.44vw;
    margin-bottom: 5.56vw;
  }
  .office article div .maplink {
    padding-left: 4.17vw;
    background-size: 2.78vw;
  }
  .office article figure {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    margin-bottom: 6.94vw;
  }
  .office article figure img {
    border-radius: 2.78vw;
  }
}

.side_nav_contents_base_history {
  width: calc(50% + 245px);
  margin: 0 0 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 1160px) {
  .side_nav_contents_base_history {
    width: calc(50% + 21.1vw);
  }
}
@media screen and (max-width: 750px) {
  .side_nav_contents_base_history {
    width: 93.33%;
  }
}

.side_nav_contents_list.history {
  width: 100%;
}

.history_wrap {
  position: relative;
}
.history_wrap article {
  width: auto;
  max-width: 360px;
  padding-right: 100px;
}
.history_wrap article::before {
  position: absolute;
  top: 81px;
  left: 0;
  border-top: 1px solid #C8C8C8;
  width: 100%;
  content: "";
  height: 1px;
  z-index: 1;
}
.history_wrap article.slide2001, .history_wrap article.slide2002, .history_wrap article.slide200303 {
  width: 232px;
}
.history_wrap article.slide200302 figure {
  width: 227px;
}
.history_wrap article.slide200602 figure {
  width: 185px;
}
.history_wrap article time {
  font-size: 28px;
  display: block;
  font-weight: bold;
  margin: 0 0 20px 0;
  color: #0064AF;
}
.history_wrap article .histroy_en {
  position: relative;
  width: 23px;
  height: 23px;
  margin-bottom: 40px;
  display: block;
  background: #0064AF;
  border-radius: 50%;
  z-index: 2;
}
.history_wrap article div {
  display: block;
  width: 100%;
  min-height: 105px;
  margin-bottom: 30px;
}
.history_wrap article h3 {
  font-size: 18px;
  margin: 0 0 0.5em 0;
  line-height: 1.55em;
  color: #0064AF;
}
.history_wrap article p {
  font-size: 15px;
  margin: 0;
  text-align: justify;
  line-height: 1.66em;
}
.history_wrap article figure {
  max-width: 232px;
}
.history_wrap article figure img {
  border-radius: 10px;
}
.history_wrap article figure.no_radius img {
  border-radius: 0;
}
.history_wrap .swiper-horizontal > .swiper-scrollbar,
.history_wrap .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative;
  left: auto;
  top: auto;
  height: 34px;
  border-radius: 17px;
  width: 440px;
  background: #F0F6FC;
  margin: 130px auto 100px auto;
  z-index: 6;
}
.history_wrap .swiper-scrollbar-drag {
  border-radius: 17px;
}
.history_wrap .scrollbar_btn {
  width: 64px !important;
  height: 30px;
  background: url(../images/common/slider_drag.svg) no-repeat top 5px center;
  background-size: 64px;
}
@media screen and (max-width: 1160px) {
  .history_wrap article {
    max-width: 23.28vw;
    padding-right: 8.62vw;
  }
  .history_wrap article::before {
    top: 6.98vw;
  }
  .history_wrap article.slide2001, .history_wrap article.slide2002, .history_wrap article.slide200303 {
    width: 23.28vw;
  }
  .history_wrap article.slide200302 figure {
    width: 23.28vw;
  }
  .history_wrap article.slide200602 figure {
    width: 15.95vw;
  }
  .history_wrap article time {
    font-size: 2.41vw;
    margin: 0 0 1.72vw 0;
  }
  .history_wrap article .histroy_en {
    width: 1.98vw;
    height: 1.98vw;
    margin-bottom: 3.45vw;
  }
  .history_wrap article div {
    min-height: 9.05vw;
    margin-bottom: 2.59vw;
  }
  .history_wrap article h3 {
    font-size: 1.55vw;
  }
  .history_wrap article p {
    font-size: 1.29vw;
  }
  .history_wrap article figure {
    max-width: 20vw;
  }
  .history_wrap article figure img {
    border-radius: 0.86vw;
  }
  .history_wrap .swiper-horizontal > .swiper-scrollbar,
  .history_wrap .swiper-scrollbar.swiper-scrollbar-horizontal {
    height: 2.93vw;
    border-radius: 1.47vw;
    width: 37.93vw;
    margin: 11.21vw auto 8.62vw auto;
  }
  .history_wrap .swiper-scrollbar-drag {
    border-radius: 1.47vw;
  }
  .history_wrap .scrollbar_btn {
    width: 5.52vw !important;
    height: 2.59vw;
    background: url(../images/common/slider_drag.svg) no-repeat top 0.43vw center;
    background-size: 5.52vw;
  }
}
@media screen and (max-width: 750px) {
  .history_wrap article {
    max-width: 64.44vw;
    padding-right: 13.89vw;
  }
  .history_wrap article::before {
    top: 20.83vw;
  }
  .history_wrap article.slide2001, .history_wrap article.slide2002, .history_wrap article.slide200303 {
    width: 64.44vw;
  }
  .history_wrap article.slide200302 figure {
    width: 100%;
  }
  .history_wrap article.slide200602 figure {
    width: 100%;
  }
  .history_wrap article time {
    font-size: 6.67vw;
    margin: 0 0 5.56vw 0;
  }
  .history_wrap article .histroy_en {
    width: 6.39vw;
    height: 6.39vw;
    margin-bottom: 11.11vw;
  }
  .history_wrap article div {
    min-height: 23.61vw;
    margin-bottom: 8.33vw;
  }
  .history_wrap article h3 {
    font-size: 4.44vw;
  }
  .history_wrap article p {
    font-size: 4.17vw;
  }
  .history_wrap article figure {
    max-width: 100%;
  }
  .history_wrap article figure img {
    border-radius: 2.78vw;
  }
  .history_wrap article figure.no_radius img {
    border-radius: 0;
  }
  .history_wrap .swiper-horizontal > .swiper-scrollbar,
  .history_wrap .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: relative;
    left: 0;
    top: auto;
    height: 8.33vw;
    border-radius: 4.72vw;
    width: 83.33vw;
    margin: 11.11vw auto 0 0;
  }
  .history_wrap .swiper-scrollbar-drag {
    border-radius: 17px;
  }
  .history_wrap .scrollbar_btn {
    width: 15.28vw !important;
    height: 7.22vw;
    background: url(../images/common/slider_drag.svg) no-repeat top 5px center;
    background-size: 15.28vw;
  }
}