@charset "utf-8";

.keyvisualstc{
    position: relative;
    margin-bottom: 50px;
    width: 100%;
}
.photostc{
    font-size: 0;
}

.copystc_left{
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    height: 25%;
    background: #fff;
}
.copystc_left2{
    position: absolute;
    left: 0;
    top: 25%;
    width: 30%;
    height: 75%;
    background: #000055;
}
.copystc_right{
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 25%;
    background: #fff;
}
.copystc_right2{
    position: absolute;
    right: 0;
    top: 25%;
    width: 30%;
    height: 75%;
    background: #000055;
}
.copystc_left:first-letter,
.copystc_right:first-letter{
    color: #f00;
    font-size:300%;
}
.copystc_left a,
.copystc_left2 a,
.copystc_right a,
.copystc_right2 a{
    text-decoration: none;
}

.copystc_left2 a,
.copystc_right2 a{
    position: relative;
    display: inline-block;
    transition: .3s;
}
.copystc_left2 a::before,
.copystc_left2 a::after,
.copystc_right2 a::before,
.copystc_right2 a::after{
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background-color: #2ecc71;
    transition: .3s;
}
.copystc_left2 a::before,
.copystc_right2 a::before{
    top: 0;
    left: 0;
}
.copystc_left2 a::after,
.copystc_right2 a::after{
    bottom: 0;
    right: 0;
}
.copystc_left2 a:hover::before,
.copystc_left2 a:hover::after,
.copystc_right2 a:hover::before,
.copystc_right2 a:hover::after{
    width: 100%;
}



.copystc_left p,
.copystc_right p{
    font-size: 30px;
    color: #000000;
}

.copystc_left2 p,
.copystc_right2 p{
    font-size: 24px;
    color: #ffffff;
    padding: 15px 15px;
}

.th.color_stc { background: #bde9ba; }

.stc.font_m p{
    font-family: serif;
}


.table.stcsample{
    border-color: #000000;
}
    
.table.stcsample th{
    border: 1px solid ;    
}
.table.stcsample td{
    border: 1px solid ;
    font-size:30px;
}
.fixed_btn{
    position: fixed;
    bottom: 10px;
    left: 10px;
    padding: 6px 40px;
}