/* # tab-group
---------------------------------------------------------------------------- */

.tab-group {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 1em 0;
    padding-left: 0;
    gap: 1em;
    border-bottom: #009688 4px solid;
}

@media only screen and (max-width:767px) {
    .tab-group.color00 {
        flex-direction: column;
    }
}

.tab-group.color00 {
    border-bottom: none;
}

.tab, .tab2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    padding: 20px 10px;
    list-style: none;
    text-align: center;
    cursor: pointer;
    background-color: #ddd;
    box-sizing: border-box;
    flex-basis: 24%;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
    border-radius: 8px;
    position: relative;
}

.tab-group.color00 .tab,
.tab-group.color00 .tab2{
    text-align: left;
    padding: 20px;
    font-size: 1.2rem;
    justify-content:flex-start;
}

.tab-group.color00 .tab span,
.tab-group.color00 .tab2 span{
    /* margin-left: 2.4em; */
    position: relative;
}

.tab-group.color00 .tab:after,
.tab-group.color00 .tab2:after{
    content: attr(data-no);
    position: absolute;
    left: 8px;
    top: 10px;
    margin-right: 5px;
    width: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #111;
    background: #fff;
    border-radius: 50%;
    display: none;
}

.tab-group.color00 .tab:before,
.tab-group.color00 .tab2:before{
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    content: '';
    margin-left: -6px;
    border-left: transparent solid 20px;
    border-right: transparent solid 20px;
}

.tab-group .color10 {
    font-size:inherit;
    justify-content: left;
    padding: inherit;
    background: #fff;
    color: #0050b4;
    font-weight:500;
    display: inline;
    text-align: left;
}


@media only screen and (max-width:767px) {
    
}

.tab-group.color00 .tab.color01.is-active:before,
.tab-group.color00 .tab2.color01.is-active:before{
    border-top: #ff0000 solid 16px;
}

.tab-group.color00 .tab.color02.is-active:before,
.tab-group.color00 .tab2.color02.is-active:before{
    border-top: #ffc107 solid 16px;
}

.tab-group.color00 .tab.color03.is-active:before,
.tab-group.color00 .tab2.color03.is-active:before{
    border-top: #00b050 solid 16px;
}

.tab-group.color00 .tab.color04.is-active:before,
.tab-group.color00 .tab2.color04.is-active:before{
    border-top: #8d93c8 solid 16px;
}

@media only screen and (max-width:767px) {
    .tab-group.color00 .tab,
	.tab-group.color00 .tab2{
        padding: 10px 10px 10px 30px;
        font-size: 1.1rem;
    }
}

.panel-group {
    margin: 10px;
}

.panel, .panel2 {
    display: none;
}

.tab.is-active, .tab2.is-active {
    background: #8d93c8;
    color: #FFF;
    transition: all 0.2s ease-out;
}

.tab.color01.is-active,
.tab2.color01.is-active,
.tab.color01:hover,
.tab2.color01:hover{
    background: #ff0000;
    color: #FFF;
    transition: all 0.2s ease-out;
}

.tab.color02.is-active,
.tab2.color02.is-active,
.tab.color02:hover,
.tab2.color02:hover {
    background: #ffc107;
    color: #111;
    transition: all 0.2s ease-out;
}

.tab.color03.is-active,
.tab2.color03.is-active,
.tab.color03:hover,
.tab2.color03:hover{
    background: #00b050;
    color: #fff;
    transition: all 0.2s ease-out;
}

.tab.color01,
.tab2.color01{
    border: #ff0000 4px solid;
}

.tab.color02,
.tab2.color02{
    border: #ffc107 4px solid;
}

.tab.color03,
.tab2.color03{
    border: #00b050 4px solid;
}

.tab.color04,
.tab2.color04{
    border: #8d93c8 4px solid;
}

.panel.is-show,
.panel2.is-show{
    display: block;
}

.clb {
    clear: both;
}

.panel > h2.parts-title-02,
.panel2 > h2.parts-title-02{
    margin-top: 2em;
}

.gray {
    padding: 0 0.3em;
    color: #999;
}

.youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.youtube iframe,
.youtube object,
.youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.parts-reference {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    display: flex;
    align-items: center;
}

.parts-reference dt {
    /* float: left; */
    padding: 3px 10px;
    margin-right: 20px;
    /* font-size: 1.4rem; */
    /* overflow: hidden; */
    border-radius: 0.25em;
    align-items: center;
    display: flex;
    white-space: nowrap;
    background: #333;
    color: #FFFFFF;
    flex-direction: column;
    justify-content: center;
}

.parts-reference.large dt {
    font-size: 1.8rem;
    background-color: #d90000;
}

.parts-reference dd {
    overflow: hidden;
    margin-bottom: 0;
    zoom: 1;
    flex-basis: 100%;
}

.parts-reference.large dd {
    font-size: 1.6rem;
}

.parts-reference ul {
    list-style: none;
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    /*margin-top: -2px;*/
}

@media only screen and (max-width:767px) {
    .parts-reference dt {
        white-space: nowrap;
        font-size: .75rem;
    }
    .parts-reference.large dt {
        font-size: 1.8rem;
        line-height: 1.6;
    }
    .parts-reference.large dd {
        font-size: 1.4rem;
        line-height: 1.6;
    }
}

/* parts-title-02 */

.parts-title-02 {
    margin: 60px 0 20px 0;
    position: relative;
    background: #ccccff;
    padding: 0.5em 1em;
    border-left: solid 2em #000080;
    font-weight: 700;
    font-size: 1.4em;
}

.parts-title-02:before {
    font-family: 'icomoon';
    content: '\ea10';
    position: absolute;
    padding: 0em;
    color: white;
    font-weight: 900;
    left: -1.55em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width:767px) {
    .parts-title-02 {
        margin: 30px 0 20px;
        padding: 7px 8px;
        font-size: 1.6rem;
    }
}

/* parts-title-03 */

.parts-title-03 {
    margin: 40px 0 25px 0;
    font-size: 1.4rem;
    font-weight: 700;
    border-bottom: solid 3px #d2f2f7;
    position: relative;
    padding-bottom: 5px;
}

.parts-title-03:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #688FD9;
    bottom: -3px;
    width: 20%;
}

@media only screen and (max-width:767px) {
    .parts-title-03 {
        /* margin: 25px 0 10px; */
        padding-bottom: 5px;
        font-size: 1.1rem;
    }
    .parts-title-03 span {
        padding-left: 8px;
        border-left-width: 2px;
    }
}


/* parts-title-04 */

.parts-title-04 {
    position: relative;
    padding: 1em .5em .5em 1.7em;
    font-weight: 700;
    font-size: 1.1rem;
    color: #000080;
}

.parts-title-04::after {
    position: absolute;
    font-family: 'icomoon';
    top: 1em;
    left: 0;
    z-index: 2;
    content: '\f186';
    color: #000080;
}

@media only screen and (max-width:767px) {
    .parts-title-04 {
        font-size: 1.2rem;
    }
}


.parts-title-09 {
    font-size: 1.1rem;
    font-weight: bold;
    position: relative;
    padding-left: 40px;
    margin-bottom: 2rem;
    margin-top: 3rem;
}

.parts-title-09::before {
    content: attr(data-no);
    position: absolute;
    left: 0;
    top: -6px;
    margin-right: 5px;
    width: 2rem;
    line-height: 2rem;
    text-align: center;
    color: #fff;
    background: #43b078;
    border-radius: 50%;
}

.h2 {
    font-size: 1.3em;
    line-height: inherit;
}
.h3 {
    font-size: 1.2em;
    line-height: inherit;
}

@media only screen and (max-width:767px) {
.h2 {
    font-size: 1.1em;
    line-height: inherit;
}
.h3 {
    font-size: 1em;
    line-height: inherit;
}
}

.border-3 {
    border-width: 3px!important;
}

.border-4 {
    border-width: 4px!important;
}

.border-5 {
    border-width: 5px!important;
}

.border-color-04 {border-color:#8d93c8!important;}


#content .mMH01.myna_img{font-weight: 700;display: flex;align-items: center;padding: 10px;background-color: #d2f2f7;font-size: 18px;margin-top: 60px;}
#content .mMH01.myna_img:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-image: url('../img/myna_image01.png');
    background-position: center;
    background-size: contain;
    margin-right: 16px;
    background-repeat: no-repeat;
}
#content .is-show > .mMH01.myna_img {margin-top:0px;}
#content .is-show .mMH01.myna_img{background-color:#ffdbdb;}

#content #mPageTit01 {font-weight:700;}
img.imgover2:hover {opacity: .7;}