header{
    background-color: #eee;
}

.conImg{
    width:100%;
}

.conImg>img{
    width:100%;
    max-width:100%;
}


.conLine{
    background: url(../img/sub/content001/content001_1.jpg);
    width:100%;
    height:30px;
}

main{
    width:100%;
    height:auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.conCenter{
    width: 100%;
    max-width:1200px;
    height:auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin:0 auto
}

.conEventTitle{
    width: 100%;
    height:150px;
    display: flex;
    justify-content: center;
}

.conWrap{
    width: 100%;
    height:auto;
    padding:20px;
    box-sizing: border-box;

}
.conTitle{
    width:100%;
    height:auto;

}

.conBigTitle>p{
    font-family: 'S-CoreDream-5Medium';
    font-size: 2.8em;
    text-align: center;
    margin-top: 60px;
    word-break: keep-all;
}

.conTitleText{
    width:100%;
    margin-top: 40px;
    text-align: center;
}

.conTitleText>p{
    width:100%;
    margin-top: 40px;
    font-size: 1em;
    font-family: 'S-CoreDream-4Regular';
}

.mainCon{
     width: 100%;
     height: auto;
     margin-top: 100px;
}

.mainConTitle{
    text-align: center;
    font-family: 'S-CoreDream-6Bold';
    font-size: 2.3em;
    color:#007570;
    position: relative;
}

.mainConSubTitle{
    text-align: center;
    font-family: 'S-CoreDream-4Regular';
    font-size: 1.2em;
    margin-top: 15px;
    word-break: break-all;
}

.mainConTextTitle{
    font-family: 'S-CoreDream-6Bold';
    font-size: 1.1em;
    margin-top:20px
}

.mainConWrap{
    width:100%;
    height: auto;
    margin-top: 40px;
}

.conText>p{
    font-size: 1.15em;
    line-height: 2.2em;
    letter-spacing: -0em;
    margin-top:10px;
    text-align: justify;
}

.smallText>p{
    font-size: 0.8em;
}

a.aLink{
    color:#367bd4;
    display: inline;
}

.rightText{
    text-align: right;
}
.leftText{
    text-align: left;
}

.borderBox{
    border:1px solid #444; 
    padding:20px
}

.sideDotLine{
    border-left: 1px dotted #444;
    width:1px;
    height: auto;
    margin: 0 10px 0 10px 
}



/* float */


.floatL{
    float: left;
}


/* flex */
.gap10{
    gap:10px
}

.gap30{
    gap:30px
}

.conFlex{
    display: flex;
}



.conFlexRev{
    display: block;
}


@media (max-width:1000px){
    .conBigTitle>p{
        font-size: 2.5em;
    }
    .conTitleText>p{
        font-size: 1em;
    }


    .con1>.conFlex{
        display: block;
    }



    .con2>.conBox>.borderBox>.conFlex{
        display: block;
    }

    .conFlexRev{
        display:flex;
        justify-content: space-around;
        gap:10px;

    }
    
}

@media (max-width:620px){
    .mainConTitle{
        text-align: center;
        font-family: 'S-CoreDream-6Bold';
        font-size: 1.4em;
        color:#007570;
        position: relative;
    }
}