@charset UTF-8;

/*  ------------------------------------------------ 共通設定*/

.ttas_wrap {
  width: 100%;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  width: 100vw;
}

.ttas_wrapper {
  width: 920px;
  margin: 0 auto;
}

.ttas_wrap a:hover {
  opacity: 0.5;
  transform: scale(1.05);
  transition-duration: 0.3s;
}

.ttas_wrap p {
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 2em;
  letter-spacing: 0.05em;
  text-align: left;
}

.ttas_wrap p.notice {
  font-size: 12px;
  color: #000;
  line-height: 1.4;
}

@media screen and (min-width: 767px) {
  .ttas_wrap .sp_only {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .ttas_wrapper {
    width: 90vw;
    margin: 0 auto;
  }

  .ttas_wrap .pc_only {
    display: none !important;
  }
}

/*  ------------------------------------------------ KV*/

.ttas_kv img {
  width: 643px;
  position: absolute;
  top: 80px;
  left: 100px;
}

.kv02 {
  background-color: #fff;
  padding: 50px 0;
}

.kv02_wrap {
  display: flex;
  justify-content: space-between;
}

.kv02_wrap img.kv02_img {
  width: 340px;
}

.kv02_wrap .kv02_flexbox_right {
  width: 536px;
  text-align: left;
}

.kv02_wrap .kv02_flexbox_right img {
  width: 504px;
  padding-bottom: 20px;
}

@media screen and (min-width: 767px) {
  .ttas_kv {
    background: url(../img/ttas_kv.jpg) no-repeat bottom / cover;
    height: 990px;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .ttas_kv img {
    position: static;
    width: 100%;
  }

  .kv02_wrap {
    flex-direction: column;
  }

  .kv02_wrap img.kv02_img {
    width: 100%;
    padding-bottom: 30px;
  }

  .kv02_wrap .kv02_flexbox_right {
    width: 100%;
  }

  .kv02_wrap .kv02_flexbox_right img {
    width: 290px;
  }
}

/*  ------------------------------------------------ map*/

.ttas_map {
  background-color: #e2f1fb;
  padding: 44px 0 52px;
}

.ttas_map .ttas_wrapper {
  display: flex;
  justify-content: space-between;
}

.ttas_map .map_flexbox_title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 2em;
  letter-spacing: 0.09em;
  text-align: left;
  color: #1f81bd;
}

.ttas_map .map_flexbox_left {
  width: 500px;
}

.ttas_map .map_flexbox_left img.map_flexbox_left_title {
  width: 500px;
}

.ttas_map .map_flexbox_left p {
  padding-top: 60px;
}

.ttas_map .map_flexbox_left p.notice {
  padding-top: 30px;
}

.ttas_map img.map_japan {
  width: 275px;
  height: fit-content;
}

@media screen and (max-width: 767px) {
  .ttas_map .ttas_wrapper {
    display: block;
  }

  .ttas_map .map_flexbox_left {
    width: 100%;
  }

  .ttas_map .map_flexbox_left img.map_flexbox_left_title {
    width: 254px;
  }

  .ttas_map .map_flexbox_left p {
    padding-top: 30px;
  }

  .ttas_map .map_flexbox_left p.notice {
    padding-bottom: 30px;
  }

  .ttas_map img.map_japan {
    width: 275px;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

/*  ------------------------------------------------ point*/

.ttas_point {
  padding: 80px 0;
}

.ttas_point img.ttas_point_title {
  width: 533px;
}

.ttas_point .ttas_point_images {
  display: flex;
  justify-content: space-between;
  margin: 60px 0;
}

.ttas_point .ttas_point_images img {
  width: 276px;
}

.ttas_point img.ttas_point_subtitle {
  width: 802px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .ttas_point img.ttas_point_title {
    width: 376px;
  }

  .ttas_point .ttas_point_images {
    flex-direction: column;
    align-items: center;
  }

  .ttas_point .ttas_point_images img {
    margin-bottom: 20px;
  }

  .ttas_point img.ttas_point_subtitle {
    width: 100%;
  }
}

/*  ------------------------------------------------ shikumi*/

.ttas_shikumi {
  background-color: #e2f1fb;
  padding: 80px 0;
}

.ttas_shikumi img.ttas_shikumi_title {
  width: 660px;
  margin-bottom: 60px;
}

.ttas_shikumi .ttas_shikumi_contain {
  background-color: #fff;
  border-radius: 13px;
  box-shadow: 9px 9px 0px 0 rgb(190, 224, 246);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-bottom: 60px;
}

.ttas_shikumi .ttas_shikumi_contain .ttas_shikumi_flexbox_left {
  width: 530px;
  border-right: #1f81bd 1px solid;
  text-align: left;
  padding: 30px;
}

.ttas_shikumi .ttas_shikumi_contain .ttas_shikumi_flexbox_left img {
  width: auto;
  height: 56px;
  padding-bottom: 40px;
}

.ttas_shikumi .ttas_shikumi_contain img {
  width: 354px;
  height: fit-content;
}

@media screen and (max-width: 767px) {
  .ttas_shikumi {
    padding-bottom: 30px;
  }

  .ttas_shikumi img.ttas_shikumi_title {
    width: 473px;
  }

  .ttas_shikumi .ttas_shikumi_contain {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .ttas_shikumi .ttas_shikumi_contain .ttas_shikumi_flexbox_left {
    width: 100%;
    border-right: none;
    border-bottom: #1f81bd 1px solid;
    padding: 25px 0px;
  }

  .ttas_shikumi .ttas_shikumi_contain .ttas_shikumi_flexbox_left img {
    padding-bottom: 20px;
    padding-top: 0;
  }

  .ttas_shikumi .ttas_shikumi_contain img {
    width: 100%;
    padding-top: 30px;
  }

  .ttas_shikumi .ttas_shikumi_contain .ttas_shikumi_flexbox_left img.shikumi03_title_sp {
    width: auto;
    height: 91px;
  }
}