#AREA .header__logo .logo1 {
  display: none;
}
@media only screen and (max-width: 767px) {
  #AREA .header__logo .logo1 {
    display: block;
  }
}
#AREA .header__logo .logo2 {
  display: block;
}
@media only screen and (max-width: 767px) {
  #AREA .header__logo .logo2 {
    display: none;
  }
}
#AREA .kv {
  padding: 120px 50px 0 90px;
}
@media only screen and (max-width: 768px) {
  #AREA .kv {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #AREA .kv {
    padding: calc(76 / 414 * 100 * var(--vw)) 0 0 0;
  }
}
#AREA .catch {
  position: relative;
  background: #5080A5;
  color: #fff;
  padding: clamp( 32px, calc( 32px + (( 100vw - 768px ) * (( 40 - 32 ) / ( 1100 - 768 )))), 40px );
}
@media only screen and (max-width: 768px) {
  #AREA .catch {
    padding: calc(12 / 414 * 100 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #AREA .catch {
    padding: calc(24 / 414 * 100 * var(--vw));
  }
}
#AREA .catch::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0 0 clamp( 32px, calc( 32px + (( 100vw - 768px ) * (( 40 - 32 ) / ( 1100 - 768 )))), 40px ) clamp( 32px, calc( 32px + (( 100vw - 768px ) * (( 40 - 32 ) / ( 1100 - 768 )))), 40px );
  border-color: transparent transparent #fff transparent;
  width: 0;
  height: 0;
}
@media only screen and (max-width: 767px) {
  #AREA .catch::before {
    border-width: 0 0 calc(40 / 414 * 100 * var(--vw)) calc(40 / 414 * 100 * var(--vw));
  }
}
#AREA .catch__row--01 {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #AREA .catch__row--01 {
    flex-direction: column;
  }
}
#AREA .catch__tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: clamp( 16px, calc( 16px + (( 100vw - 768px ) * (( 20 - 16 ) / ( 1100 - 768 )))), 20px );
  font-weight: 700;
  border: 1px solid #fff;
  width: clamp( 96px, calc( 96px + (( 100vw - 768px ) * (( 120 - 96 ) / ( 1100 - 768 )))), 120px );
  height: clamp( 32px, calc( 32px + (( 100vw - 768px ) * (( 40 - 32 ) / ( 1100 - 768 )))), 40px );
  margin: clamp( 11.2px, calc( 11.2px + (( 100vw - 768px ) * (( 14 - 11.2 ) / ( 1100 - 768 )))), 14px ) clamp( 28.8px, calc( 28.8px + (( 100vw - 768px ) * (( 36 - 28.8 ) / ( 1100 - 768 )))), 36px ) 0 0;
}
@media only screen and (max-width: 767px) {
  #AREA .catch__tag {
    font-size: 14px;
    width: calc(100 / 414 * 100 * var(--vw));
    height: calc(28 / 414 * 100 * var(--vw));
    margin: 0 0 1em 0;
  }
}
#AREA .catch__ttl {
  font-size: clamp( 32px, calc( 32px + (( 100vw - 768px ) * (( 40 - 32 ) / ( 1100 - 768 )))), 40px );
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: normal;
  width: calc(100% - 156px);
}
@media only screen and (max-width: 767px) {
  #AREA .catch__ttl {
    font-size: 26px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  #AREA .catch__ttl {
    font-size: 24px;
    width: 100%;
  }
}
#AREA .catch__box {
  padding: clamp( 16px, calc( 16px + (( 100vw - 768px ) * (( 20 - 16 ) / ( 1100 - 768 )))), 20px ) 0 0 clamp( 128px, calc( 128px + (( 100vw - 768px ) * (( 160 - 128 ) / ( 1100 - 768 )))), 160px );
}
@media only screen and (max-width: 767px) {
  #AREA .catch__box {
    padding: calc(24 / 414 * 100 * var(--vw)) 0 0 0;
  }
}
#AREA .catch__box-name {
  font-size: clamp( 19.2px, calc( 19.2px + (( 100vw - 768px ) * (( 24 - 19.2 ) / ( 1100 - 768 )))), 24px );
  font-weight: 700;
  letter-spacing: 0.15em;
}
@media only screen and (max-width: 767px) {
  #AREA .catch__box-name {
    font-size: 18px;
  }
}
#AREA .catch__box-txt {
  font-size: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
  line-height: 1.75;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  #AREA .catch__box-txt {
    font-size: 14px;
  }
}
#AREA .catch__box-subtxt {
		margin-top: 8px;
  font-size: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 14px );
  line-height: 1.75;
  font-weight: 400;
		text-align: right;
}
@media only screen and (max-width: 767px) {
  #AREA .catch__box-txt {
    font-size: 14px;
  }
}
#AREA .wrap__area {
  margin-bottom: clamp( 160px, calc( 160px + (( 100vw - 768px ) * (( 200 - 160 ) / ( 1100 - 768 )))), 200px );
}
@media only screen and (max-width: 767px) {
  #AREA .wrap__area {
    margin-bottom: calc(80 / 414 * 100 * var(--vw));
  }
}
#AREA .sec-area {
  padding-top: clamp( 96px, calc( 96px + (( 100vw - 768px ) * (( 120 - 96 ) / ( 1100 - 768 )))), 120px );
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #AREA .sec-area {
    padding-top: calc(60 / 414 * 100 * var(--vw));
  }
}
#AREA .sec-area .column__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #AREA .sec-area .column__wrap {
    flex-direction: column;
  }
}
#AREA .sec-area .column--img {
  width: 47.8494623656%;
}
@media only screen and (max-width: 767px) {
  #AREA .sec-area .column--img {
    order: 1;
    width: 100%;
  }
}
#AREA .sec-area .column--txt {
  width: 47.8494623656%;
}
@media only screen and (max-width: 767px) {
  #AREA .sec-area .column--txt {
    order: 2;
    width: 100%;
    margin-top: calc(36 / 414 * 100 * var(--vw));
  }
}
#AREA .sec-area .sec__ttl {
  font-size: clamp( 19.2px, calc( 19.2px + (( 100vw - 768px ) * (( 24 - 19.2 ) / ( 1100 - 768 )))), 24px );
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  animation-delay: 0.5s;
}
@media only screen and (max-width: 767px) {
  #AREA .sec-area .sec__ttl {
    font-size: 18px;
    letter-spacing: 0.05em;
    margin-bottom: calc(32 / 414 * 100 * var(--vw));
  }
}
#AREA .sec-area .txt {
  font-size: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
  animation-delay: 1s;
}
@media only screen and (max-width: 767px) {
  #AREA .sec-area .txt {
    font-size: 14px;
  }
}
#AREA .sec-features {
  padding-top: clamp( 51.2px, calc( 51.2px + (( 100vw - 768px ) * (( 64 - 51.2 ) / ( 1100 - 768 )))), 64px );
}
@media only screen and (max-width: 767px) {
  #AREA .sec-features {
    padding: calc(40 / 414 * 100 * var(--vw)) calc(24 / 414 * 100 * var(--vw)) 0;
  }
}
#AREA .sec-features div[class^=sec_in] {
  position: relative;
  background: url(../img/area/bg1.png) no-repeat center top/100% 100%;
  padding: clamp( 51.2px, calc( 51.2px + (( 100vw - 768px ) * (( 64 - 51.2 ) / ( 1100 - 768 )))), 64px );
}
@media only screen and (max-width: 767px) {
  #AREA .sec-features div[class^=sec_in] {
    background-image: url(../img/area/bg1_sp.png);
    padding: calc(40 / 414 * 100 * var(--vw)) calc(24 / 414 * 100 * var(--vw));
  }
}
#AREA .sec-features .sec__ttl {
  color: #5080A5;
  animation-delay: 0s;
}
@media only screen and (max-width: 767px) {
  #AREA .sec-features .sec__ttl {
    font-size: 18px;
    margin-bottom: calc(12 / 414 * 100 * var(--vw));
  }
}
#AREA .sec-features .txt {
  animation-delay: 0.5s;
}
#AREA .sec-features .column--img {
  width: 24.9376558603%;
}
@media only screen and (max-width: 768px) {
  #AREA .sec-features .column--img {
    width: 29.9251870324%;
  }
}
@media only screen and (max-width: 767px) {
  #AREA .sec-features .column--img {
    width: 100%;
    padding-top: calc(24 / 414 * 100 * var(--vw));
  }
}
#AREA .sec-features .column--txt {
  width: 75.0623441397%;
  padding-right: 4.9875311721%;
}
@media only screen and (max-width: 768px) {
  #AREA .sec-features .column--txt {
    width: 70.0748129676%;
  }
}
@media only screen and (max-width: 767px) {
  #AREA .sec-features .column--txt {
    width: 100%;
    padding: 0;
  }
}
#AREA .sec-features .column--txt .txt {
  animation-delay: 0.5s;
}/*# sourceMappingURL=style_area.css.map */