@charset "UTF-8";
/*----------------------------------------------------------
共通：タイトル中央寄せ & セクション padding
------------------------------------------------------------*/
.sec01,
.sec02,
.sec03 {
  padding-bottom: 100px;
  padding-top: 100px;
}
@media screen and (max-width: 1080px) {
  .sec01,
.sec02,
.sec03 {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .sec01,
.sec02,
.sec03 {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
.sec01 .c-ttl03 .ttl,
.sec01 .c-ttl03 .en,
.sec02 .c-ttl03 .ttl,
.sec02 .c-ttl03 .en,
.sec03 .c-ttl03 .ttl,
.sec03 .c-ttl03 .en {
  text-align: center;
}

/*----------------------------------------------------------
各セクション個別スタイル
------------------------------------------------------------*/
.sec01 {
  background-color: #002446;
}

.sec02,
.sec03 {
  background-color: #022b51;
}

.b-ttl {
  align-items: center;
  background-color: #fff;
  background-color: #0198cd;
  display: flex;
  height: 80px;
  justify-content: center;
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .b-ttl {
    height: 70px;
  }
}
@media screen and (max-width: 768px) {
  .b-ttl {
    height: 95px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 576px) {
  .b-ttl {
    height: 80px;
  }
}
.b-ttl p {
  color: #fcff00;
  font-family: "Caprasimo";
  font-size: 45px;
  font-style: italic;
  line-height: 35px;
  text-align: center;
}
@media screen and (max-width: 1080px) {
  .b-ttl p {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  .b-ttl p {
    font-size: 35px;
    line-height: 32px;
  }
}
@media screen and (max-width: 576px) {
  .b-ttl p {
    font-size: 30px;
    line-height: 28px;
  }
}
/*# sourceMappingURL=sourcemaps/touchpon.css.map */