@charset "UTF-8";
/* CSS Document */

#mainimg {
    background: url(../img/mainimg.jpg) no-repeat center;
    background-size: cover;
    height: 80vh;
    position: relative;
    margin-bottom: 1em;
    margin-top: -100px;
    z-index: 0;
}
#mainimg .bg-pink {
     position: absolute;
     bottom: 1em;
     background: rgba(228,97,136,0.75);
     padding: 1.5em 1em 1em;
     box-sizing: border-box;
     width: 100%;
     color: #FFF;
     font-weight: 700;
     text-align: center;
}

#member h3 {
    font-size: 280%;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #EE87B4;
}
#member h3:first-letter {
    color: #E4007F;
}

#kosodate01,
#kosodate02,
#kosodate03{
    background: #FADCE9;
    padding: 3em 0;
    margin-bottom: 0;
}
.detail {
    margin: 2em 0;
}
.detail .subTit {
    margin-bottom: 2em;
}
.detail .Tit {
    color: #E4007F;
    font-weight: 700;
    font-size: 280%;
    line-height: 1.4em;
    margin-bottom: 0.75em;
}
.detail .profile {
    color: #E4007F;
    font-weight: 700;
    font-size: 110%;
    letter-spacing: 1px;
}
.detail .profile:before {
    content: url(../img/txt_kosodate04.png);
    font-size: 150%;
    font-weight: 700;
    color: #EE6F8E;
    display: block;
    border-bottom: 3px solid #EE6F8E;
    margin-right: 2em;
    margin-bottom: 1em;
}
.detail .profile span {
    display: block;
    font-size: 155%;
    margin: 0.5em 0;
}

.txtbox {
    background: url(../img/bg01.png) no-repeat, url(../img/bg02.png) no-repeat;
    background-position: top center, bottom center;
    background-size: contain;
    padding: 120px 0;
  /*  border-radius: 10% 10% 10% 10%/20% 30% 30% 30%;
    background: #FFF;*/
    line-height: 2em;
    padding: 3.5em 2em 3em;
}
.txtbox {
    margin-top: 3em;
}
.txtbox:before {
    /*content: url(../img/bg01.png);
    display: block;
    margin-bottom: -1em;*/
}
.txtbox:after {
    /*content: url(../img/bg02.png);
    display: block;
    margin-top: -1.2em;*/
}
.txtbox p {
    color: #E4007F;
    /*background: #FFF;*/
}

.imgbox p {
    color: #EE6F8E;
    font-weight: 700;
    font-size: 120%;
    margin-bottom: 10px;
    margin-top: 2em;
}
.imgbox p:before {
    content: "▼";
    margin-right: 5px;
    font-size: 90%;
}
    
@media screen and (max-width: 780px) {
    #mainimg {
        background: url(../img/mainimg.jpg) no-repeat top center;
        background-size: cover;
        margin-top: -70px;
    }
    .detail {
        margin:1em;
    }
    .detail .Tit {
        font-size: 240%;
        text-align: center;
    }
    .detail .profile:before {
        margin-right: 0;
    }
    .txtbox {
        padding: 2em 0;
        margin-top: 1em;
    }
    .txtbox p {
        background: #FFF;
        padding: 1em;
    }
    .inner1100 {
        margin-bottom: 0;
    }
}