
#_mainContents_ h3 {
   background-color:#328cd4;
   border-left:solid 2.4pt #6cb6f4;
   color:white;
   padding:0.5em;
}

#_mainContents_ dl {
   line-height:160%;
   margin:2.67em 0;
   padding-bottom:2em;
   /*border-bottom:solid 2px #4cc4a2;*/
}

#_mainContents_ dl > dt{
    margin:2em 0 1em 0;
    padding:0 0.5em;
    font-size:108%;
    line-height:110%;
}
#_mainContents_ dl#_STF_ > dt{
    padding:0 0.5em;
    border-left:solid 2px /*#c0c0c0* /#328cd4*/#6cb6f4;
    margin-left:.5em;
}
#_mainContents_ dl > dd{
    border:none;
    /*font-size:108%;*/
    margin: 0;
}
#_mainContents_ dl#_STF_ > dd a {
    display:block;
    width:20em;
    padding:.4em;
    border-radius:12pt;
    &::before {
        position:relative;
        top:4px;
        padding-right:.5em;
        content:url('/src/assets/images/circle_%23c0c0c0.svg');/* circle_#c0c0c0.svg */
    }
    &:hover {
        background:-webkit-linear-gradient(top left, #328cd4, #6cb6f4);
        color:white;
    }
    -webkit-transition-duration:250ms;
}

#_mainContents_ dl > dt {
    line-height:150%;
}
#_mainContents_ dl > dd {
    margin-left:1em;
    text-indent:1em;
}
dl > dt span {
    color:#848484;
}
#_mainContents_ p {
    text-indent:1em;
}

img.portrait {
    margin:0 4em 0 1em;
    float:left;
    border:solid 1px #c0c0c0;
}

.SITE {
    text-align:center;
    margin:4em 0;
    padding:1.67em 0;
    border:solid 1px #c0c0c0;
    /*background-color:/*#f8f8f8* /#d4e8e4* /#d0e2df* /#8ed054;*/
    background-image:url('/src/assets/images/stripe45d_%23fff.svg');/* stripe45d_#fff.svg */
}

.D1 { /*²¿éT1 */
    background-color:/*#f8f8f8* /#d4e8e4* /#d0e2df*/#548ed0;
}
.D2 { /*²¿éT2, 3, 4 */
    background-color:/*#f8f8f8* /#d4e8e4* /#d0e2df*/#8ed054;
}
.D6 { /*²¿éT6 */
    background-color:#8ed0d0;
}

.SITE a {
    /*border:solid 1px #328cd4;*/
    /*background:-webkit-linear-gradient(top left ,#489044 20%, #68a460);*/
    /*background:-webkit-linear-gradient(top left, rgba(72,144,68,84%) 20%, rgba(104,164,96,84%))*/;
    /*font-size:108%;*/
    padding:.88em 1em;
    margin:0;
    color:white;
    border-radius:4pt;
    &::before {
        position:relative;
        top:2px;
        content:url('/src/assets/images/right_delta_%23fff.svg');/* right_delta_#fff.svg */
    }
    &:hover {
        background-color:blue;
        /*background:-webkit-linear-gradient(top left ,#808080 20%, #a0a0a0);*/
        color:#fcfcfc;
    }
    /*-webkit-transition-duration:250ms;*/
}

.D1 a {
    background:-webkit-linear-gradient(top left, rgba(92,112,144,84%) 20%, rgba(104,128,174,84%));
    &:hover {
        background:-webkit-linear-gradient(top left ,#808080 20%, #a0a0a0);
    }
}

.D2 a {
    background:-webkit-linear-gradient(top left, rgba(72,144,68,84%) 20%, rgba(104,164,96,84%));
    &:hover {
        background:-webkit-linear-gradient(top left ,#808080 20%, #a0a0a0);
    }
}

.D6 a {
    background:-webkit-linear-gradient(top left, rgba(72,144,144,84%) 20%, rgba(96,164,164,84%));
    &:hover {
        background:-webkit-linear-gradient(top left ,#808080 20%, #a0a0a0);
    }
}
