@import "src/styles/common"

.container
  font-size: 1rem
  p
    margin-bottom: 24px
    line-height: 1.7

.main
  color: #3e3e3e

.banner
  @include container
  padding-top: 64px
  padding-bottom: 64px
  background-color: #071a49
  text-align: center
  height: auto
  max-width: 100%
  img
    height: auto
    max-width: 100%


.introduction
  @include container
  padding-top: 64px
  padding-bottom: 64px

.timeline
  @include container
  background: #fafafa
  text-align: center
  padding-top: 64px
  padding-bottom: 64px
  &_image
    margin-top: 64px

.video
  padding: 128px 0
  text-align: center
  video
    max-width: 100%

.culture
  &_main
    @include container
    padding-top: 64px
    padding-bottom: 64px
    text-align: center
  h2
    margin-bottom: 32px
  &_item
    //&_icon
    //  width: 64px
    //  height: 64px
    &_title
      margin: 8px auto
      font-size: 20px
      font-weight: 700
      color: #202884
    &_description
      //margin-top: 32px
      font-size: 16px
      font-weight: 400

.contact
  //background: #fafafa
  padding: 64px 16px
  text-align: center
  &_main
    @include container
    padding-top: 64px
    padding-bottom: 64px
    h2
      margin-bottom: 64px
  &_body
    display: flex
    justify-content: center
    flex-wrap: wrap
    text-align: left
    &_start
      @include on-desktop()
        padding-right: 64px
      @include on-mobile()
        padding-bottom: 64px
        width: 100%
    &_end
      @include on-desktop()
        border-left: 1px solid #bfbfbf
        padding-left: 64px
      @include on-mobile()
        border-top: 1px solid #bfbfbf
        padding-top: 64px
        width: 100%
  &_item
    margin-bottom: 8px
    &_city
      font-weight: 600
  &_key
    margin-top: 16px
    font-weight: 600
    span
      cursor: pointer
      color: $color-primary