@charset "UTF-8";

.main img{
    display: block;
    margin: 0 auto;
}

.main .ib{
    display: inline-block;
}

.main .if{
    display: inline-flex;
}

.main .img11{
    width: min(calc(671/768*100vw),671px);
}

.main .img21{
    width: min(calc(658/768*100vw),658px);
}

.main .img31{
    width: min(calc(658/768*100vw),658px);
}

.main .img41{
    width: min(calc(650/768*100vw),650px);
}

.main .img51{
    width: min(calc(650/768*100vw),650px);
}

.grid01{
    display: grid;
    grid-template-columns: 6em 1fr;
    align-items: center;
}

.border_btm{
    border-width: 0 0 1px 0;
    border-style: solid;
}

/* アコーディオン */
.main .drw_trigger{
  position: relative; z-index: 1; font-weight: bold; padding: 0.5em 2.75em 0.2em 1em; border-radius: 10px; cursor: pointer;
  border-style: solid; border-width: 3px;
  background-color: #fff;
  border-color: #e8eef1;
}
.main .drw_trigger_text span{
    background-color: #fff;
    padding: 1px 8px 0;
    line-height: 1;
    font-weight: normal;
    margin-right: 0.5em;
}
.main .drw_trigger_icon{
  position: absolute; top: 0; bottom: 0; right: 1em;
  width: 1.5em; height: 1.5em; background-color: #fff;  margin: auto;
  border: 1px solid #333;
}
.main .drw_trigger_icon::before,
.main .drw_trigger_icon::after{
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #333;
}
.main .drw_trigger_icon::before{
  width: 1em; height: 0.2em;
}
.main .drw_trigger_icon::after{
  width: 0.2em; height: 1em;
}
.main .active .drw_trigger_icon::after{
  display: none;
}
.main .drw_content{
  display: none;
  position: relative; z-index: 0; top: -30px; margin: 0 0 -30px;
}
.main .drw_content.open{
  display: block;
}
.main .drw_content_in{
  padding: calc(30px + 4%) 1em 4% 1.2em;
  border-radius: 0 0 10px 10px;
  border-style: solid; border-width: 2px;
  border-color: #e8eef1;
}
.main .drw_content_relative{
  position: relative;
}

.main .drw_content_menu{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em 0.2em;
    font-size: min(calc(22/768*100vw),22px);
}

.main .drw_content_menu a.rowspan2{
    grid-column: span 2;
}

.main .drw_content_menu a::before{
    content: "";
    display: inline-block;
    width: min(calc(32/768*100vw),32px);
    aspect-ratio: 1 / 1;
    margin-right: 0.5em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: text-top;
}

.main .drw_content_menu.arrow_pink a::before{
    background-image: url(../img/arrow_pink.png);
}
.main .drw_content_menu.arrow_blue a::before{
    background-image: url(../img/arrow_blue.png);
}
.main .drw_content_menu.arrow_green a::before{
    background-image: url(../img/arrow_green.png);
}

.main .drw_content_menu a.active{
    font-weight: bold;
    pointer-events: none;
}

.main .drw_content_menu a.active::before{
    background-image: none;
    content: "●";
    font-weight: bold;
    font-size: 0.7em;
    text-align: center;
    vertical-align: bottom;
}