@charset "UTF-8";

.CenterAdjust {

text-align: center;
margin: auto;
}

.rowgap0 {
row-gap: 0rem;
}


/* ===========================================================================================

responsive

=========================================================================================== */

.ShowRWD {
display: none;
}

.HideRWD {
display: block;
}

@media (max-width: 59.99em) {
.ShowRWD {
display: block;
}

.HideRWD {
display: none;
}
}

/* ===========================================================================================

Hero_area_wide_text

=========================================================================================== */
@media screen and (min-width: 60em), print {
    .Hero02__Content.text_wide > * {
        max-width:50%;
    }
}
/* ===========================================================================================

ほか

=========================================================================================== */
.u-text-white-text {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.u-text-pink-text {
  --tw-text-opacity: 1 !important;
  color: rgb(255 20 147 / var(--tw-text-opacity)) !important;
}
.u-text-green-text {
  --tw-text-opacity: 1 !important;
  color: rgb(60 179 113 / var(--tw-text-opacity)) !important;
}

.annotation dt{
    float:left;
    clear: left;
    width: 3rem;
}

.annotation dd{
    float:left;
    width: calc(100% - 3rem); 
}

.float_box-wrap {
    overflow:  auto;            /* 親要素の高さを出す */
}

.border{
    border-bottom: 1px solid var(--gray-100);
    margin-bottom: 2rem;
}