:root
{
    --font_color01: #333;
    --font_color02: #16ad40;
    --font_color03: #48b1ab;
    --font_color04: #fff;
    --field_color01: #fbfbd3;
    --field_color02: #d7ecb2;
    --field_color03: #f7f7f7;
    --field_color02_rgba: 215, 236, 178;
    --theme-color-tacRed: #e60012;
    --theme-color-tacBlue: #003ce5;
    --theme-color-tacGreen: #2aa502;
    --theme-color-tacPink: #ff76ae;
    --theme-color-tacYellow: #ffb400;
    --theme-color-tacBlack: #3c3c3c;
    --option_ff: 'Dela Gothic One', sans-serif;
}

.Page__body.-tac
{
    color: var(--font_color01);
    background-color: var(--field_color01);
    background-image: none;
}

.Page__body.-tac .Separation.-op06::before
{
    background: transparent url('../../images/back_oval_yellow3.png') no-repeat 50% 0;
}

body.-tac-news .Fv,
body.-mission-lab .Fv
{
    background-image: url('../../images/fv_img_space.jpg');
}

body.-tac-news .Fv__inner,
body.-mission-lab .Fv__inner
{
    width: 270px;
}

@media (max-width: 811px)
{
    body.-tac-news .Fv__inner,
    body.-mission-lab .Fv__inner
    {
        max-width: 189px;
    }
}

body.-tac-news .Fv__head,
body.-mission-lab .Fv__head
{
    padding-bottom: 38.3%;

    background-image: url('../../images/fv_title_space.png');
}

.Separation.-variation12::before
{
    position: absolute;

    content: '';
    -webkit-transform: skewY(-4.7deg);
        -ms-transform: skewY(-4.7deg);
            transform: skewY(-4.7deg);
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;

    background: var(--field_color02) url('../../images/back_dot02.png') repeat 0 0;

    inset: 0;
}

.Separation.-variation13
{
    margin-top: -300px;
}

@media (max-width: 580px)
{
    .Separation.-variation13
    {
        margin-top: -240px;
    }
}

.Separation.-variation13::before
{
    position: absolute;

    content: '';
    -webkit-transform: skewY(4.7deg);
        -ms-transform: skewY(4.7deg);
            transform: skewY(4.7deg);
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;

    background-color: #fff;

    inset: 0;
}

.Separation.-variation14
{
    margin-top: -228px;
}

@media (max-width: 580px)
{
    .Separation.-variation14
    {
        margin-top: -240px;
    }
}

.Separation.-variation14::before
{
    position: absolute;

    content: '';
    -webkit-transform: skewY(-4.7deg);
        -ms-transform: skewY(-4.7deg);
            transform: skewY(-4.7deg);
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;

    background-color: var(--field_color01);

    inset: 0;
}

.Separation.-variation15
{
    margin-top: -228px;
}

@media (max-width: 580px)
{
    .Separation.-variation15
    {
        margin-top: -240px;
    }
}

.Separation.-variation15::before
{
    position: absolute;

    content: '';
    -webkit-transform: skewY(4.7deg);
        -ms-transform: skewY(4.7deg);
            transform: skewY(4.7deg);
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;

    background: var(--field_color02) url('../../images/back_dot02.png') repeat 0 0;

    inset: 0;
}

.Separation.-variation16
{
    background-color: var(--field_color03);
}

.Wrap.-tac00
{
    padding-top: 0;
    padding-bottom: 60px;
}

@media (max-width: 580px)
{
    .Wrap.-tac00
    {
        padding-top: 50px;
        padding-bottom: 40px;
    }
}

.Wrap.-tac01
{
    padding-top: 20px;
    padding-bottom: 400px;
}

@media (max-width: 580px)
{
    .Wrap.-tac01
    {
        padding-top: 30px;
        padding-bottom: 300px;
    }
}

.Wrap.-tac02
{
    padding-top: 10px;
    padding-bottom: 400px;
}

@media (max-width: 580px)
{
    .Wrap.-tac02
    {
        padding-top: 30px;
        padding-bottom: 300px;
    }
}

.Wrap.-tac03
{
    padding-top: 10px;
    padding-bottom: 400px;
}

@media (max-width: 580px)
{
    .Wrap.-tac03
    {
        padding-top: 30px;
        padding-bottom: 300px;
    }
}

.Wrap.-tac04
{
    padding-top: 80px;
    padding-bottom: 300px;
}

@media (max-width: 580px)
{
    .Wrap.-tac04
    {
        padding-top: 30px;
        padding-bottom: 300px;
    }
}

.Wrap.-tac05
{
    padding-top: 80px;
    padding-bottom: 320px;
}

@media (max-width: 580px)
{
    .Wrap.-tac05
    {
        padding-top: 30px;
        padding-bottom: 300px;
    }
}

.Wrap.-tac06
{
    padding-top: 80px;
    padding-bottom: 170px;
}

@media (max-width: 580px)
{
    .Wrap.-tac06
    {
        padding-top: 50px;
        padding-bottom: 100px;
    }
}

body.-tac-news .Wrap .Wrap__inner,
body.-mission-lab .Wrap .Wrap__inner
{
    position: relative;

    overflow: hidden;

    border: 2px solid #58b962;
}

body.-tac-news.-single .Wrap .Wrap__inner,
body.-mission-lab.-single .Wrap .Wrap__inner
{
    padding-top: 0;
}

.Wrap .Wrap__head
{
    font-size: max(24px, min(4vw, 40px));
    font-weight: 500;
    line-height: 1.5;

    margin: 0 -6% 20px -6%;
    padding: .4em 1em;

    color: #fff;
    background-color: #58b962;
}

@media (max-width: 811px)
{
    .Wrap .Wrap__head
    {
        margin-bottom: 15px;
    }
}

.TacIndex .Paragraph
{
    font-size: 15px;
}

.TacIndex .Paragraph.-small
{
    font-size: 13px;
}

.TacIndex .Paragraph.-gravityCenter
{
    text-align: center;
}

.Heading.-format12
{
    font-family: var(--option_ff);
    font-weight: 400;
    font-style: normal;

    color: inherit;
}

.Heading.-format13
{
    font-family: var(--option_ff);
    font-weight: 400;
    font-style: normal;

    color: inherit;
    border-bottom: 2px solid #58b962;
}

.Thumbnail.-variation06
{
    z-index: 1;

    height: auto;

    background-color: #ccc;

    aspect-ratio: 1 / .667;
}

.Thumbnail.-variation06 > img
{
    position: relative;
    z-index: 1;

    display: block;

    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
}

.Thumbnail.-variation06::before
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    content: '';

    opacity: .3;
    background-color: #000;

    inset: 0;
}

.Thumbnail.-variation06::after
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    content: '';

    background: transparent url('../../images/misson_frame.png') no-repeat 0 0;
    background-size: cover;

    inset: 0;
}

.Thumbnail__label
{
    font-size: 20px;
    font-weight: 700;

    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    color: #fff;
}

.Usually img
{
    max-width: 100%;
}

.Usually .wp-caption
{
    max-width: 100% !important;
}

.Usually__head.-tac
{
    font-size: 36px;

    margin-bottom: 50px;

    text-align: center;

    color: #58b962;
}

body.-tac-news .Usually__meta2
{
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}

body.-tac-news .Usually__archive
{
    margin-bottom: 0;
}

.Usually__comment:not(:last-child)
{
    margin-bottom: 40px;
}

@media (max-width: 811px)
{
    .Usually__comment:not(:last-child)
    {
        margin-bottom: 25px;
    }
}

.Usually__comment.-bottom
{
    margin-top: 50px;
}

@media (max-width: 811px)
{
    .Usually__comment.-bottom
    {
        margin-top: 35px;
    }
}

body.-tac-news .Usually__meta2
{
    margin-bottom: 30px;
}

.Usually__head.-p12
{
    font-size: max(20px, min(2.8vw, 28px));
    line-height: 1.5;

    margin-bottom: 50px;
    padding-left: .5em;

    border-left: 7px solid #58b962;
}

@media (max-width: 811px)
{
    .Usually__head.-p12
    {
        margin-bottom: 30px;
    }
}

.Usually__head.-p13
{
    font-size: max(18px, min(2.4vw, 24px));
    line-height: 1.5;

    margin-bottom: 35px;
    padding-bottom: .3em;

    border-bottom: 2px solid #58b962;
}

@media (max-width: 811px)
{
    .Usually__head.-p13
    {
        margin-bottom: 25px;
    }
}

.Usually__head.-p14
{
    font-size: max(18px, min(2.2vw, 20px));
    line-height: 1.5;

    position: relative;

    margin-bottom: 25px;
    padding-left: 1.5em;
}

@media (max-width: 811px)
{
    .Usually__head.-p14
    {
        margin-bottom: 20px;
    }
}

.Usually__head.-p14::before
{
    position: absolute;
    top: .25em;
    left: 0;

    display: block;

    width: 1em;
    height: 1em;

    content: '';

    border-radius: 100vh;
    background-color: #58b962;
}

.Usually__columnItem.-p58
{
    width: 58%;
}

.Usually__columnItem.-p35
{
    width: 35%;
}

.Usually__box.-em
{
    border-radius: 10px;
}

body.-tac-news .Usually__table
{
    width: 100%;
    margin: 40px 0;
}

@media (max-width: 811px)
{
    body.-tac-news .Usually__table
    {
        margin: 35px 0;
    }
}

body.-tac-news .Usually__table th,
body.-tac-news .Usually__table td
{
    line-height: 1.4;

    padding: .5em;

    vertical-align: middle;

    border: thin solid #78cf90;
}

body.-tac-news .Usually__table th strong,
body.-tac-news .Usually__table td strong
{
    font-weight: 700;

    color: #f03333;
}

body.-tac-news .Usually__table th
{
    text-align: center;
    white-space: nowrap;

    color: #fff;
    background-color: #58b962;
}

body.-tac-news .Usually__table td
{
    font-weight: 400;

    background-color: var(--field_color01) !important;
}

.rectangle.rectangle--tac
{
    padding: .8em 1.8em .8em;

    cursor: pointer;
    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

@media (max-width: 811px)
{
    .rectangle.rectangle--tac
    {
        font-size: 13px;

        padding: .8em 1em .8em;
    }
}

.rectangle.rectangle--tac:not(.rectangle--all)
{
    color: #fff;
    border: 2px solid #fff;
}

.rectangle.rectangle--tac:not(.rectangle--all).-active,
.rectangle.rectangle--tac:not(.rectangle--all):hover
{
    background-color: #fff;
}

.rectangle.rectangle--all
{
    color: #58b962;
    border: 2px solid #58b962;
    background-color: #fff;
}

.rectangle.rectangle--all.-active,
.rectangle.rectangle--all:hover
{
    color: #fff;
    background-color: #58b962;
}

.rectangle.rectangle--member-red
{
    background-color: var(--theme-color-tacRed);
}

.rectangle.rectangle--member-blue
{
    background-color: var(--theme-color-tacBlue);
}

.rectangle.rectangle--member-green
{
    background-color: var(--theme-color-tacGreen);
}

.rectangle.rectangle--member-pink
{
    background-color: var(--theme-color-tacPink);
}

.rectangle.rectangle--member-yellow
{
    background-color: var(--theme-color-tacYellow);
}

.rectangle.rectangle--member-black
{
    background-color: var(--theme-color-tacBlack);
}

.rectangle.rectangle--member-red.-active,
.rectangle.rectangle--member-red:hover
{
    color: var(--theme-color-tacRed);
    border-color: var(--theme-color-tacRed);
}

.rectangle.rectangle--member-blue.-active,
.rectangle.rectangle--member-blue:hover
{
    color: var(--theme-color-tacBlue);
    border-color: var(--theme-color-tacBlue);
}

.rectangle.rectangle--member-green.-active,
.rectangle.rectangle--member-green:hover
{
    color: var(--theme-color-tacGreen);
    border-color: var(--theme-color-tacGreen);
}

.rectangle.rectangle--member-pink.-active,
.rectangle.rectangle--member-pink:hover
{
    color: var(--theme-color-tacPink);
    border-color: var(--theme-color-tacPink);
}

.rectangle.rectangle--member-yellow.-active,
.rectangle.rectangle--member-yellow:hover
{
    color: var(--theme-color-tacYellow);
    border-color: var(--theme-color-tacYellow);
}

.rectangle.rectangle--member-black.-active,
.rectangle.rectangle--member-black:hover
{
    color: var(--theme-color-tacBlack);
    border-color: var(--theme-color-tacBlack);
}

.TacTitle
{
    overflow: hidden;

    height: 675px;

    background: transparent url('../../images/cont_title_str01.png') no-repeat 50% 0;
    background-size: cover;
}

@media (max-width: 811px)
{
    .TacTitle
    {
        height: 400px;
    }
}

@media (max-width: 580px)
{
    .TacTitle
    {
        height: auto;

        background-image: url('../../images/cont_title_str01_sp.png');
        background-size: cover;

        aspect-ratio: 1 /.64;
    }
}

.TacIndex
{
    font-weight: 700;
}

.TacIndex__spBlock
{
    display: none;
}

@media (max-width: 580px)
{
    .TacIndex__spBlock
    {
        display: block;
    }
}

.TacIndex__head > img
{
    display: block;

    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
}

.TacIndex__head.-t00
{
    width: 282px;
    margin-bottom: 40px;
    margin-left: -20px;

    aspect-ratio: 1 / .378;
}

@media (max-width: 811px)
{
    .TacIndex__head.-t00
    {
        width: 180px;
        margin-bottom: 20px;
        margin-left: 0;
    }
}

@media (max-width: 580px)
{
    .TacIndex.-str00 .TacIndex__elm .TacIndex__head.-t00
    {
        display: none;
    }
}

.TacIndex__head.-t01
{
    max-width: 585px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;

    aspect-ratio: 1 / .176;
}

@media (max-width: 811px)
{
    .TacIndex__head.-t01
    {
        max-width: 400px;
        margin-bottom: 25px;
    }
}

@media (max-width: 580px)
{
    .TacIndex__head.-t01:not(.-sp)
    {
        display: none;
    }
}

.TacIndex__head.-t01.-sp
{
    display: none;
}

@media (max-width: 580px)
{
    .TacIndex__head.-t01.-sp
    {
        display: block;

        max-width: 278px;

        text-align: left;

        aspect-ratio: 1 / .385;
    }
}

.TacIndex__head.-t03
{
    max-width: 810px;
    margin: -90px auto 70px;

    aspect-ratio: 1 / .2;
}

@media (max-width: 811px)
{
    .TacIndex__head.-t03
    {
        margin: -45px auto 35px;
    }
}

.TacIndex__headSub
{
    font-size: 36px;

    margin-bottom: 40px;

    color: #58b962;
}

@media (max-width: 811px)
{
    .TacIndex__headSub
    {
        font-size: 25px;

        margin-bottom: 35px;
    }
}

.TacIndex__headSub.-gravityCenter
{
    text-align: center;
}

@media (max-width: 580px)
{
    .TacIndex.-str04 .TacIndex__headSub
    {
        text-align: center;
    }
}

.TacIndex__discrioption
{
    font-size: 23px;
    font-weight: 700;
    line-height: 1.5;

    margin-bottom: 1em;
}

@media (max-width: 811px)
{
    .TacIndex__discrioption
    {
        font-size: 20px;
    }
}

@media (max-width: 580px)
{
    .TacIndex.-str00 .TacIndex__elm .TacIndex__discrioption
    {
        display: none;
    }
}

.TacIndex__panel
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

@media (max-width: 580px)
{
    .TacIndex__panel
    {
            flex-direction: column-reverse;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
}

.TacIndex__elm
{
    width: 42%;
}

@media (max-width: 580px)
{
    .TacIndex__elm
    {
        width: 100%;
    }
}

.TacIndex__img > a
{
    display: block;
}

.TacIndex.-str00 .TacIndex__img
{
    width: 58%;
}

@media (min-width: 580px)
{
    .TacIndex.-str00 .TacIndex__img
    {
        margin-top: 90px;
    }
}

@media (max-width: 580px)
{
    .TacIndex.-str00 .TacIndex__img
    {
        width: 100%;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
    }
}

.TacIndex.-str04 .TacIndex__img
{
    margin-top: -100px;
}

@media (max-width: 580px)
{
    .TacIndex.-str04 .TacIndex__img
    {
        margin-top: -30px;
    }
}

.TacIndex.-str04 .TacIndex__img:not(:last-child)
{
    margin-bottom: 20px;
}

@media (min-width: 580px)
{
    .TacIndex.-str00 .TacIndex__body
    {
        padding-right: 1em;
    }
}

.TacIndex.-str01 .TacIndex__body
{
    margin-bottom: 50px;
}

@media (max-width: 580px)
{
    .TacIndex.-str01 .TacIndex__body
    {
        margin-bottom: 30px;
    }
}

.TacIndex__bgf
{
    position: relative;
}

.TacIndex.-str02 .TacIndex__bgf
{
    max-width: 1057px;
    margin-top: -50px;
    margin-left: -75px;

    background: transparent url('../../images/tac_fig02_01.png') no-repeat 0 0;
    background-size: cover;

    aspect-ratio: 1 / .484;
}

@media (max-width: 580px)
{
    .TacIndex.-str02 .TacIndex__bgf
    {
        max-width: initial;
        margin: -55px -19% 0 -8.3%;

        background: transparent url('../../images/tac_fig02_01_sp.png') no-repeat 0 0;
        background-size: cover;

        aspect-ratio: 1 / 1.504;
    }
}

.TacIndex__floatBody
{
    position: absolute;
}

.TacIndex.-str02 .TacIndex__floatBody
{
    top: 50.7%;
    right: 58.4%;
    left: 11.8%;
}

@media (max-width: 580px)
{
    .TacIndex.-str02 .TacIndex__floatBody
    {
        top: 23%;
        right: 22.4%;
        left: 15%;
    }
}

.TacIndex__grid
{
    display: -ms-grid;
    display:     grid;

    gap: 60px 15%;
}

.TacIndex__grid.-col3
{
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 580px)
{
    .TacIndex__grid.-col3
    {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

.TacIndex.-str03 .TacIndex__grid
{
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 580px)
{
    .TacIndex.-str03 .TacIndex__grid
    {
        max-width: 95%;
    }
}

.TacIndex__Button
{
    font-size: 16px;

    max-width: 270px;
    margin-right: auto;
    margin-left: auto;
}

.TacIndex__list:not(:last-child)
{
    margin-bottom: 20px;
}

.TacIndex__listItem
{
    display: none;
}

.TacIndex__listItem.-show
{
    display: block;
}

.TacIndex__banner
{
    display: block;

    margin-right: auto;
    margin-left: auto;
}

.TacIndex__banner.-banner01
{
    max-width: 680px;
}

.PanelTac
{
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.PanelTac__img
{
    position: relative;

    margin-bottom: 20px;
}

.PanelTac__neme
{
    font-size: 30px;
    font-weight: 700;

    padding: 0 .3em .3em;

    border-bottom-width: 2px;
    border-bottom-style: solid;
}

@media (max-width: 811px)
{
    .PanelTac__neme
    {
        font-size: 18px;
    }
}

.PanelTac__neme.-member-red
{
    border-bottom-color: var(--theme-color-tacRed);
}

.PanelTac:hover .PanelTac__neme.-member-red
{
    color: var(--theme-color-tacRed);
}

.Modal .PanelTac:hover .PanelTac__neme.-member-red
{
    color: var(--font_color01);
}

.PanelTac__neme.-member-blue
{
    border-bottom-color: var(--theme-color-tacBlue);
}

.PanelTac:hover .PanelTac__neme.-member-blue
{
    color: var(--theme-color-tacBlue);
}

.Modal .PanelTac:hover .PanelTac__neme.-member-blue
{
    color: var(--font_color01);
}

.PanelTac__neme.-member-green
{
    border-bottom-color: var(--theme-color-tacGreen);
}

.PanelTac:hover .PanelTac__neme.-member-green
{
    color: var(--theme-color-tacGreen);
}

.Modal .PanelTac:hover .PanelTac__neme.-member-green
{
    color: var(--font_color01);
}

.PanelTac__neme.-member-pink
{
    border-bottom-color: var(--theme-color-tacPink);
}

.PanelTac:hover .PanelTac__neme.-member-pink
{
    color: var(--theme-color-tacPink);
}

.Modal .PanelTac:hover .PanelTac__neme.-member-pink
{
    color: var(--font_color01);
}

.PanelTac__neme.-member-yellow
{
    border-bottom-color: var(--theme-color-tacYellow);
}

.PanelTac:hover .PanelTac__neme.-member-yellow
{
    color: var(--theme-color-tacYellow);
}

.Modal .PanelTac:hover .PanelTac__neme.-member-yellow
{
    color: var(--font_color01);
}

.PanelTac__neme.-member-black
{
    border-bottom-color: var(--theme-color-tacBlack);
}

.PanelTac:hover .PanelTac__neme.-member-black
{
    color: gray;
}

.Modal .PanelTac:hover .PanelTac__neme.-member-black
{
    color: var(--font_color01);
}

.PanelTac__badge
{
    position: absolute;
    right: 5%;
    bottom: 5%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 19%;

    border: 3px solid #000;
    border-radius: 100vh;
    background-color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
}

@media (max-width: 811px)
{
    .PanelTac__badge
    {
        border-width: 2px;
    }
}

.PanelTac__badge > span
{
    position: relative;

    display: block;

    width: 60%;

    aspect-ratio: 1 / 1;
}

.PanelTac__badge > span::before,
.PanelTac__badge > span::after
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    height: 3px;

    content: '';
    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #000;
}

@media (max-width: 811px)
{
    .PanelTac__badge > span::before,
    .PanelTac__badge > span::after
    {
        height: 2px;
    }
}

.PanelTac__badge > span::after
{
    left: 50%;

    -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
}

.CategoryNavi2
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 calc(var(--gutter) * -1);

    --gutter: 4px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.CategoryNavi2 > li
{
    padding: var(--gutter);
}

.DlList__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 30px 0;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 580px)
{
    .DlList__item
    {
        padding: 20px 0;
    }
}

.DlList__item:not(:last-of-type)
{
    border-bottom: thin dotted #4d4d4d;
}

.DlList__ico
{
    width: 100px;
    margin-right: 3%;
}

@media (max-width: 580px)
{
    .DlList__ico
    {
        width: 70px;
    }
}

.DlList__elm
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

.DlList__time
{
    font-size: 14px;

    display: block;

    margin-bottom: 1em;
}

.DlList__title
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;

    display: block;
}

@media (max-width: 580px)
{
    .DlList__title
    {
        font-size: 15px;
    }
}

.DlList__item:hover .DlList__title
{
    color: #58b962;
}

.Modal
{
    max-width: 600px !important;
    margin-right: auto;
    margin-left: auto;
    padding: 0 !important;

    background-color: transparent !important;
}

.Modal__ico
{
    position: absolute;
    top: 0;
    left: 50%;

    width: 200px;
    margin-left: auto;

    -webkit-transform: translate(-50%, -38%);
        -ms-transform: translate(-50%, -38%);
            transform: translate(-50%, -38%);
}

@media (max-width: 811px)
{
    .Modal__ico
    {
        width: 120px;
    }
}

.Modal__main
{
    padding: 200px 7% 10% 7% !important;

    background-color: #fff;
}

@media (max-width: 811px)
{
    .Modal__main
    {
        padding-top: 125px !important;
    }
}

.Modal__body p
{
    font-size: 16px;
    line-height: 1.7;

    text-align: left;
}

@media (max-width: 580px)
{
    .Modal__body p
    {
        font-size: 15px;
    }
}

.Modal__body:not(:last-child)
{
    margin-bottom: 30px;
}

.Modal__option
{
    font-size: 16px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: .5em;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.Modal__option:last-of-type
{
    margin-bottom: 0;
}

@media (max-width: 580px)
{
    .Modal__option
    {
        font-size: 15px;
    }
}

.remodal-overlay
{
    background: rgba(var(--field_color02_rgba), .85) !important;
}

.remodal-wrapper
{
    padding: 10px 25px 0 !important;
}

.remodal-close
{
    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 40px !important;
    height: 40px !important;

    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);

    border-radius: 100vh;
    background-color: #000 !important;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.remodal-close::before
{
    font-size: 30px !important;
    line-height: 1 !important;

    position: static !important;

    width: auto !important;

    color: #fff !important;
}

.Comment
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 98%;

    --color_fukidashi: #e1e187;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 580px)
{
    .Comment
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.Comment__ico
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 580px)
{
    .Comment__ico
    {
        margin-right: 30px;
    }
}

@media (max-width: 580px)
{
    .Comment__ico
    {
            flex-direction: row;

        margin-bottom: 20px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.Comment__ico > span
{
    font-size: 16px;

    display: inline-block;

    margin-top: 1em;
}

@media (max-width: 580px)
{
    .Comment__ico > span
    {
        margin-top: 0;
        margin-left: 1.5em;

        white-space: nowrap;

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}

.Comment__elm
{
    line-height: 1.8;

    position: relative;
    z-index: 1;

    padding: 24px 28px;

    border-radius: 24px;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

.Comment__elm::before
{
    position: absolute;
    z-index: -1;

    content: '';
    -webkit-transform: translate(6px, 6px);
        -ms-transform: translate(6px, 6px);
            transform: translate(6px, 6px);

    border-radius: 26px;
    background: var(--color_fukidashi);

    inset: 0;
}

@media (max-width: 580px)
{
    .Comment__elm::before
    {
        -webkit-transform: translate(4px, 4px);
            -ms-transform: translate(4px, 4px);
                transform: translate(4px, 4px);
    }
}

.Comment__elm::after
{
    position: absolute;
    z-index: 2;

    content: '';
    pointer-events: none;

    border: 3px solid var(--color_fukidashi);
    border-radius: 24px;
    background: #fffce0;

    inset: 0;
}

@media (max-width: 580px)
{
    .Comment__elm::after
    {
        border-width: 2px;
    }
}

.Comment__body
{
    position: relative;
    z-index: 3;
}

.Comment__tail
{
    position: absolute;
    z-index: 0;
    z-index: 4;
    top: 32px;
    left: 0;

    width: 25px;
    height: 25px;

    -webkit-transform: translateX(-71%);
        -ms-transform: translateX(-71%);
            transform: translateX(-71%);

    background: transparent url('../../images/tail01.png') no-repeat 0 0;
    background-size: cover;
}

@media (max-width: 580px)
{
    .Comment__tail
    {
        top: 0;
        left: 40px;

        width: 17px;
        height: 20px;

        -webkit-transform: translate(0, -70%);
            -ms-transform: translate(0, -70%);
                transform: translate(0, -70%);

        background: transparent url('../../images/tail02.png') no-repeat 0 0;
        background-size: cover;
    }
}

.MissionLabIndex__head
{
    font-size: 36px;

    margin-bottom: 40px;

    color: #58b962;
}

@media (max-width: 811px)
{
    .MissionLabIndex__head
    {
        font-size: 25px;

        margin-bottom: 35px;
    }
}

.MissionLabIndex__grid
{
    display: -ms-grid;
    display:     grid;

    gap: 70px 3%;
}

.MissionLabIndex__grid.-col3
{
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 811px)
{
    .MissionLabIndex__grid.-col3
    {
        gap: 40px 3%;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 580px)
{
    .MissionLabIndex__grid.-col3
    {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }
}

.VisualList__img
{
    margin-bottom: 20px;
}

.VisualList__item
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.VisualList__item > a
{
    position: relative;

    display: block;

    padding-left: 1.2em;

    text-decoration: none;
}

@media (min-width: 811px)
{
    .VisualList__item > a:hover
    {
        text-decoration: none;

        color: #58b962;
    }
}

.VisualList__item:not(:last-of-type)
{
    margin-bottom: 1em;
}

.VisualList__ico
{
    font-size: 16px;
    line-height: 1.5;

    position: absolute;
    top: -.08em;
    left: 0;

    color: #58b962;
}
