@charset 'UTF-8';
/*=============================================================
 medicine 運営に関する事項
=============================================================*/
/*! common
================================================= */
/*! section margin
---------------------------------------- */
#medicine main > section {
    margin: 0 0 40px;
}

@media screen and (min-width: 769px) {
    #medicine main > section {
        margin: 0 0 80px;
    }
}
/*! mainImg
---------------------------------------- */
#medicine #mainImg {
    background-image: url(/img/medicine/bg_mainimg01.jpg);
}
#medicine.index .mainTit img {
    width: 128px;
}

@media screen and (min-width: 769px) {
    #medicine .mainTit img {
        width: auto !important;
    }
}
/*! mod_tit03
---------------------------------------- */
#medicine .mod_tit03{
    margin: 0 -25px 20px;
}
@media screen and (min-width: 769px) {
    #medicine .mod_tit03{
        margin-right: 0;
        margin-left: 0;
    }
}
/*! mod_tit04
---------------------------------------- */
#medicine .mod_tit04{
    margin: 0 -25px 20px;
}
@media screen and (min-width: 769px) {
    #medicine .mod_tit04{
        margin-right: 0;
        margin-left: 0;
    }
}

/*! mod_link02
---------------------------------------- */
#medicine .mod_link02 {
    word-break: break-all;
}
/*! mod_table01
---------------------------------------- */
#medicine .mod_table01{
    margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
    #medicine .mod_table01{
        margin-bottom: 50px;
    }
}
/*! .note
---------------------------------------- */
#medicine .note {
    font-size: 13px;
    margin-top: 5px;
    padding-left: 1em;
    text-indent: -1em;
}
@media screen and (min-width: 769px) {
    #medicine .note {
        font-size: 15px;
        margin-top: 10px;
    }
}
/*! aboutBox
---------------------------------------- */
#medicine .aboutBox{
    margin-bottom: 40px;
}
#medicine .aboutBox .set{
    display: table;
}
#medicine .aboutBox .set > span{
    display: table-cell;
    vertical-align: top;
}
#medicine .aboutBox .set > span:first-of-type{
    width: 6em;
}
#medicine .aboutBox.about02 .set > span:first-of-type{
    width: 8em;
}
@media screen and (min-width: 769px) {
    #medicine .aboutBox{
        margin-bottom: 80px;
    }
    #medicine .aboutBox.about03,
    #medicine .aboutBox.about04{
        float: left;
        width: 500px;
        margin-bottom: 0;
    }
    #medicine .aboutBox.about03 img,
    #medicine .aboutBox.about04 img{
        width: 100%;
    }
    #medicine .aboutBox.about04{
        margin-left: 40px;
    }
}
/*! attentionList01
---------------------------------------- */
#medicine .aboutList01 {
    margin: 15px 0 0;
}
#medicine .aboutList01 dt {
    margin-bottom: 5px;
    font-weight: bold;
    color: #4f6129;
}
#medicine .aboutList01 dd + dt {
    margin-top: 15px;
}
#medicine .aboutList01 .mail {
    margin-top: 10px;
}
@media screen and (min-width: 769px) {
    #medicine .aboutList01 {
        margin: 30px 0 0;
    }
    #medicine .aboutList01 dd + dt {
        margin-top: 30px;
    }
}
/*! systemList01
---------------------------------------- */
#medicine .systemList01{
    margin: 0 0 20px;
    padding: 20px;
    background: #f2f1ee;
}
#medicine .systemList01 > dt{
    display: block;
    min-height: 16px;
    line-height: 1.4;
    margin: 0 0 15px;
    padding: 8px 12px;
    background: #83942e;
    color: #fff;
    font-size: 16px;
}
#medicine .systemList01 > dd + dt{
    margin-top: 20px;
}
#medicine .systemList01 > dd > dl > dd + dt{
    margin-top: 10px;
}
#medicine .systemList01 > dd > dl > dt::before{
    display: inline-block;
    content: "・";
}
@media screen and (min-width: 769px) {
    #medicine .systemList01{
        padding: 30px;
    }
    #medicine .systemList01 > dt{
        display: inline-block;
        height: 34px;
        min-height: 0;
        line-height: 34px;
        margin: 0 0 20px;
        padding: 0 12px;
        font-size: 18px;
    }
    #medicine .systemList01 > dd + dt{
        margin-top: 30px;
    }
    #medicine .systemList01 > dd > dl > dt{
        float: left;
        clear: left;
        width: 130px;
    }
    #medicine .systemList01 > dd > dl > dt::after{
        display: inline-block;
        content: "：";
    }
    #medicine .systemList01 > dd > dl > dd{
        float: left;
        width: 850px;
        margin-top: 10px;
    }
    #medicine .systemList01 > dd > dl > dd:first-of-type{
        margin-top: 0;
    }
}