@charset "utf-8";

.mainimage img { width: 100%; }

.teaser{
    font-size:1.4rem;
    line-height:2;
}
/*.block1Wrap{
    background-image: radial-gradient(at 29% 0%, rgba(255, 245, 166, 1) 29%, rgba(255, 255, 255, 0) 91%), linear-gradient(189deg, rgba(255, 2, 154, 1) 1%, rgba(255, 2, 154, 0.16) 53%), linear-gradient(314deg, rgba(178, 2, 255, 1) 1%, rgba(255, 2, 154, 0) 30%), linear-gradient(4deg, rgba(2, 209, 255, 1) 41%, rgba(255, 2, 154, 0));
    padding:50px 0;
}*/
.block1,.block2{
    max-width:1366px;
    min-width: 1000px;
    margin: 0 auto;
}
.block1 > picture > img{
    display:block;
    width:80%;
    margin:0 auto 40px;
}

@media only screen and (max-width:999px) {
    .teaser{
        font-size:1.5rem;
        line-height:2;
    }
    .block1Wrap{
    background-image: none;
    padding:0px 0;
}
   .block1,.block2{
        max-width:100%;
        min-width: 100px;
        margin: 0 auto;
    }
    .block1  > picture > img{
        width:100%;
    }
}
.block2{
    border:3px solid #f2f2f2;
    padding:20px;
}
.block2 p{
margin-bottom:15px;
}
h2{
    font-size:3.0rem;
    font-weight:bold;
    margin-bottom:10px;
    text-align: center;
}
h3{
    font-size:2.1rem;
    font-weight:bold;
    margin-bottom:10px;
    text-align: center;
}
/*.profileBox{
    display:flex;
    justify-content: space-between;
    align-items: center;
}*/
/*.profileBox > div:nth-child(1){
    width:calc(60% - 25px);
}
.profileBox > div:nth-child(2){
    width:40%;
    background-color:#f2f2f2;
}*/
.teaserProfile{
    font-size:1.2rem;
     padding:10px 20px;
}
.teaserProfile p{
    margin-bottom:15px;
}
.teaserProfile img{
    display:inline-block;
    width:40%;
    margin-top:20px;
    padding-bottom:5px;
}
.teaserProfile > div:nth-child(1){   
    width:calc(100% - (100% / 3));
}
.teaserProfile > div:nth-child(2){
    width:calc(100% / 3);
}
.teaserSign{
    font-weight:bold;
    font-size:1.4rem;
}
@media only screen and (max-width:999px) {
    .block2{
        border:none;
        padding:0px;        
        margin:0 0px;
    }
    .block2 p{
        margin-bottom:15px;
    }
    h2{
        font-size:2.1rem;
        padding:15px 15px 0;
    }
    h3{
        font-size:1.9rem;
        text-align: left;
        padding:15px 15px 0;
    }
    /*.profileBox{
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .profileBox > div:nth-child(1),
    .profileBox > div:nth-child(2){
        width:100%;
    }*/
    .profileBox > div:nth-child(1) p,.profileBox > div:nth-child(1) ol{
        padding:15px;
    }
    .teaserProfile{
        flex-direction: column;
        font-size:1.3rem;
        padding:0px;
    }
    .teaserProfile p{
        margin-bottom:0px;
        padding:15px;
    }
    .teaserProfile img{
        display:block;
        margin-bottom:10px;
        width:100%;
    }
    .teaserProfile > div:nth-child(1){
        padding:10px 20px 10;
        width:100%;
        order:1;
    }
    .teaserProfile > div:nth-child(2){
        width:100%;
        order:0;
    }
    .teaserSign{
        font-weight:bold;
        font-size:1.5rem;
        padding:0 15px 15px;
    }
}
.teaserBnrArea{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:50px;
}
.teaserBnrArea > div{
    width:calc((100% - 25px) / 6);
    margin:5px 4.9px 5px 0px;
    /*background-color:#f5f5f5;*/
}
.teaserBnrArea > div:nth-child(6n){
    margin:5px 0px 5px 0px;
}
.teaserBnrArea > div  img{
    display:block;
    margin: 0 auto;
}
.teaserBnrArea > div:hover{
    outline:2px solid #292c8c;
    outline-offset: -2px;
}
.teaserBnrArea > div.noOutline:hover{
    outline:0px;
}
.teaserBnrArea .buttonLink1 {
    margin: 0 auto 0px;
    display:inline-block;
    display:flex;
    justify-content: center;
    border-radius: 0;
    margin-top:5px;
    line-height:1.4;
}
.teaserBnrArea .buttonLink1 a{
    background-color:#999;
    padding:5px 50px 5px 25px;
    display:flex;
    height:auto;
    width:99%;
    align-items: center;
    border-radius: 6px;
    color:#fff;
}
.teaserBnrArea .buttonLink1 a:hover{
    background-color:#aaa;
}
.teaserBnrArea .buttonLink1.sky a{
    background-color:rgba(26,154,230,1);
}
.teaserBnrArea .buttonLink1.sky a:hover{
    background-color:rgba(26,154,230,0.5);
}
.teaserBnrArea .buttonLink1.navy a{
    background-color:rgba(42,44,140,1);
}
.teaserBnrArea .buttonLink1.nevy a:hover{
    background-color:rgba(42,44,140,0.5);
}
.teaserBnrArea .buttonLink1.pink a{
    background-color:rgba(238,69,161,1);
}
.teaserBnrArea .buttonLink1.pink a:hover{
    background-color:rgba(238,69,161,0.5);
}
.teaserBnrArea .buttonLink1.red a{
    background-color:rgba(255,0,0,1);
}
.teaserBnrArea .buttonLink1.red a:hover{
    background-color:rgba(255,0,0,0.5);
}
.teaserBnrArea .buttonLink1.yellow a{
    background-color:rgba(254,239,0,1);
    color:rgba(42,44,140,1);;
}
.teaserBnrArea .buttonLink1.yellow a:hover{
    background-color:rgba(254,239,0,5);
}
.teaserBnrArea .buttonLink1 a::before{
    top: calc((100% - 1em) /2);
    margin-top: 0px;
    line-height:1;
    font-size:1.2em;
}
@media only screen and (max-width:999px) {
    .teaserBnrArea{
        flex-direction: column;
        margin-bottom:25px;
    }
    .teaserBnrArea > div{
        width:100%;
        margin:0px 0px 2px 0px;
    }
}