@import "src/styles/common"

.container
  display: flex
  flex-direction: column
  justify-content: center
  align-items: center

.year
  display: flex
  //flex-direction: column
  //justify-content: center
  //flex-direction: row
  //flex-wrap: wrap
  text-align: left
  width: 100%
  max-width: 960px
  @include on-desktop()
    flex-direction: row
    margin-bottom: 96px
  @include on-mobile()
    flex-direction: column
    margin-bottom: 32px
  &_title
    color: #3A50F5
    font-family: 'Helvetica Neue', sans-serif
    font-size: 60px
    font-weight: 800
    @include on-desktop()
      padding-right: 64px
      margin-right: 64px
      border-right: 1px solid #A7A7BA
    @include on-mobile()
      width: 100%
      padding-bottom: 32px
      margin-bottom: 32px
      border-bottom: 1px solid #A7A7BA

.month
  //max-width: 720px - 64px * 2
  margin-bottom: 32px
  &_title
    color: #000
    font-size: 20px
    font-weight: 600
    margin-bottom: 8px
  &_list
    margin-bottom: 8px
    padding-left: 16px
    color: #636363
    font-size: 16px
    font-weight: 400
    line-height: 2

.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
  background: #fafafa
  text-align: center
  padding-top: 64px
  padding-bottom: 64px
  &_image
    @include container
    padding-top: 64px
    padding-bottom: 64px
    img
      max-width: 100%
    &_pc
      @include on-mobile()
        display: none
    &_mobile
      @include on-desktop()
        display: none

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

.culture
  background: #fafafa
  &_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
  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
    a
      color: $color-primary