.contentsBoxMargin {
    margin-top: 0;
}

#blc1 .blcBox1 {
    display: flex;
    justify-content: space-between;
}

#blc1 .blcBox1 .boxImg {
    width: 40%;
    margin-right: 4%;
}

#blc1 .blcBox1 .boxImg {
    width: 40%;
    margin-right: 4%;
    position: relative;
}

#blc1 .blcBox1 .boxImg::before {
    content: "";
    background: url(../img/doctor/bgimg_tree.png) center no-repeat;
    background-size: contain;
    padding: 95px 60px;
    position: absolute;
    right: -70px;
    bottom: 0;
}

#blc1 .blcBox1 .boxH2::after {
    content: "";
    background: url(../img/doctor/bgimg_fence.png) center no-repeat;
    background-size: contain;
    padding: 20px 230px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#blc1 .blcBox1 .boxH2 {
    width: 56%;
    position: relative;
    padding-bottom: 55px;
}

#sub #blc3 .ttlH2 {
    text-align: center;
    margin-bottom: 50px;
}

#sub .ttlH2 {
    text-align: center;
    margin-bottom: 20px;
}

#blc1 .blcBox1 .boxH2 p {
    padding-left: 40px;
    text-align: left;
}

#blc2 .blcBox1 .boxH2 {
    position: relative;
}

#blc2 .blcBox1 {

}

#blc2 .boxImg dt {
    width: 100%;
    text-align: left;
}

#blc2 .boxImg dt {
    position: relative;
    border-bottom: dashed 1px #c53630;
    background-color: #fff;
    padding: 5px 8px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

#blc2 .boxImg dd {
    padding: 3px 8px;
}

h2:before {
  left: 0;
}

h2:after {
  right: 0;
}

#blc2 .boxImg dl {
    margin-bottom: 20px;
}

#blc2 .blcBox1 .boxImg {
    width: 100%;
    margin-right: 5%;
}

#blc2 .blcBox1 .boxH2::before {
    content: "";
    background: url(../img/doctor/bgimg_flower.png) center no-repeat;
    background-size: contain;
    padding: 70px;
    z-index: 1;
}

#blc2 .blcBox1 .boxH2::after {
    content: "";
    background: url(../img/doctor/bgimg_flower02.png) center no-repeat;
    background-size: contain;
    padding: 53px;
}

#blc2 .blcBox1 .boxH2 .boxBg::before {
    content: "";
    background: url(../img/doctor/bgimg_btf.png) center no-repeat;
    background-size: contain;
    padding: 40px;
}

#blc2 .boxImg .boxContent {
    padding-left: 35px;
    max-height: 275px;
    overflow: auto;
}

#blc3 .c_tent {
    line-height: 2.0;
    // max-width: 750px;
    margin: auto;
}

#blc3 .c_tent h3 {
  position: relative;
  padding: 0 65px;
  text-align: center;
    font-size:150%;
}

#blc3 .c_tent h3:nth-child(n+2) {
    margin: 100px 0 30px;
}


#blc3 .c_tent h3:before {
  position: absolute;
  top: calc(50% - 0px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #6c5337;
}

#blc3 .c_tent h3 span {
  position: relative;
  padding: 0 1em;
  background: #fbf5e5;
    display: inline-block;
}

#blc3 .c_tent h4{
    font-size:150%;
    margin-top: 50px;
}

#blc3 .c_tent h4::before {
    content: "";
    background: url(../../img/info/ttlbefore.svg) center no-repeat;
    background-size: contain;
    padding: .5rem;
    margin-right: 10px;
}

#blc3 .c_tent dt {
    position: relative;
    border-bottom: dashed 1px #c53630;
    background-color: #fff;
    padding: 5px 8px;
    margin: 15px 0 5px;
}

#blc3 .c_tent dd {
    padding: 3px 8px;
}

/*scrollbar---------------------------
--------------------------------------*/

.commContent {
    display: inline-block;
    width: 100%;
}

.commContent ul {
}

#blc2 .commContent .txtBlc dl {
    margin-bottom: 20px;
}


@media screen and (max-width: 1000px) {
    .commContent {
        display: inline-block;
        width: 100%;
        padding-left: 0;
    }

    #blc1 .blcBox1 {
        display: block;
    }

    #blc1 .blcBox1 .boxImg {
        width: 52%;
        text-align: center;
        margin: auto auto 30px;
    }

    #blc1 .blcBox1 .boxImg::before {
        padding: 18% 12%;
        right: -50px;
    }

    #blc1 .blcBox1 .boxH2 {
        width: 100%;
        max-width: 600px;
        margin: auto;
    }

    #blc1 .blcBox1 .boxH2 p {
        padding-left: 0;
    }

    #blc1 .blcBox1 .boxH2::after {
        right: 70px;
    }

    #blc2 .blcBox1 .boxImg {
        width: 100%;
        max-width: 600px;
        order: 2;
        margin: auto;
    }

    #blc2 .boxImg .boxContent {
        padding-left: 0;
    }

    #blc2 .blcBox1 .boxH2 {
        position: relative;
        order: 1;
        width: 100%;
        height: 100%;
    }

    #blc2 .blcBox1 {
        flex-wrap: wrap;
    }

    #blc2 .blcBox1 .boxH2 {
        order: 1;
        width: 75%;
        margin: auto auto 30px;
    }

    #sub .ttlH2 {
        width:100%;
        text-align: center;
        margin-bottom: 30px;
    }

    #sub #blc3 .ttlH2 {
        margin-bottom: 30px;
    }

    #blc3 .c_tent {
        max-width: 600px;
    }

}

@media screen and (max-width: 750px) {
    #blc1 .blcBox1 .boxImg {
        width: 63%;
    }

    #blc1 .blcBox1 .boxImg::before {
        padding: 20% 13%;
        right: -55px;
    }

    #blc2 .blcBox1 .boxH2::before {
        padding: 11%;
    }

    #blc2 .blcBox1 .boxH2 .boxBg::before {
        padding: 6%;
    }

    #blc2 .blcBox1 .boxH2::after {
        padding: 8%;
    }

    #blc1 .blcBox1 .boxH2::after {
        right: unset;
    }

    #blc1 .blcBox1 .boxH2::after {
        padding: 5% 35%;
        right: unset;
        left: 15%;
    }
}

@media screen and (max-width: 500px) {
    #blc1 .blcBox1 .boxH2::after {
        padding: 5% 42%;
        left: 8%;
    }

    #blc1 .blcBox1 .boxImg::before {
        padding: 20% 13%;
        right: -26px;
    }

    #blc2 .blcBox1 .boxH2::before {
        left: -10%;
    }

    #blc2 .blcBox1 .boxH2 .boxBg::before {
        bottom: 10%;
        left: -10%;
    }

    #blc2 .blcBox1 .boxH2::after {
        top: -10%;
    }

    #blc2 .blcBox1 .boxH2 {
        width: 85%;
    }

    #blc2 .boxImg dt {
        width: 100%;
    }

    #blc1 .blcBox1 .boxImg {
        width: 85%;
    }
    
    #blc3 .c_tent h3 {
      padding: 0 30px;
    }
}