@charset "UTF-8";
@import url("first.css");
/*=====================
男性の方へのご案内　 */

/*02*/
.panel_link02 div{
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 16px;
  background: rgba(var(--bg_white), 1);
  border: 1px solid rgba(var(--subcolor01), 1);
  color: rgba(var(--maincolor), 1);
  text-decoration: none;
  position: relative;
}
.panel_link02 div [class^=material-] {
  font-size: 3em;
}
.panel_link02 div::before {
    content: "";
    display: inline-block;
    position: absolute;
    inset: 0 auto auto 0;
    display: inline-block;
    inline-size: 0;
    block-size: 0;
    border-style: solid;
    border-width: clamp(24px, 2.64vw, 36px) clamp(24px, 2.64vw, 36px) 0 0;
    border-color: rgba(var(--subcolor01), 1) transparent transparent transparent;
}

@media (width >= 768px) {
  .panel_link02 div{
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: revert;
  }
}

.panel_link02 .panel_note {
  text-align: start;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  font-size: 1.4rem;
}