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

#sub_title h2.patient{
	background: url(../image/works/cyouzai-main.jpg) no-repeat center center;
	background-size: cover;
}

#for_patient_menu{
    overflow: hidden;
}

#for_patient_menu li{
    width:172px;
    margin-right:45px;
    float:left;
}

#for_patient_menu li:last-child{
    margin-right:0;
}

#main .des{
    margin-bottom:64px;
    overflow: hidden;
    clear: both;
}

#main .des h4{
    font-size:180%;
    color:#38A7E8;
}

#main .des h4:before{
    width:5px;
    height:22px;
    margin-right:16px;
    background:#38A7E8;
    content: "";
    display: inline-block;
}

#main .des h4 small{
    margin-left:24px;
    color:#333333;
}

/* おくすり手帳 */

#four_promise dl{
    overflow: hidden;
}

#four_promise dl dt{
    width:56px;
    float:left;
    font-size:350%;
    color:#38A7E8;
    font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-style: italic;
}

#four_promise dl dd{
    width:700px;
    padding-top:36px;
    float:left;
}

#four_promise dl dd span{
    background: linear-gradient(transparent 60%, #ffff66 60%);
}

ol.at{
    width:100%;
    overflow: hidden;
}

ol.at li{
    width:48%;
    padding:16px;
    float:left;
    box-sizing: border-box;
    border:1px solid #CCCCCC;
    background:#EFF6FA;
}

ol.at li:first-child{
    margin-right:2%;
}

ol.at li:last-child{
    margin-right:2%;
}

ol.at li img{
    margin-right:16px;
}

/* 薬袋の説明 */

.des .at_box{
    width:100%;
    padding-top: 24px;
    overflow: hidden;
    position:relative;
}

.des .at_box p.alignleft{
    width:55%;
}

.des .at_box dl.attention{
    width:40%;
    padding:16px;
    border:1px solid #38A7E8;
    position: absolute;
    bottom:18px;
    right:0;
}

.des .at_box dl.attention dt{
    margin-bottom: 16px;
    color:#38A7E8;
}

/* 院外処方せんの推進 */

.column03 #main p.catch{
    font-size:300%;
    text-align: center;
    font-style: italic;
    color:#38A7E8;
}

.column03 #main dl{
    width:49%;
    margin-bottom:16px;
    padding:8px 16px 16px;
    border:1px solid #38A7E8;
    float:left;
    box-sizing: border-box;
}

.column03 #main dl:nth-child(2n){
    float:right;
}

.column03 #main dl dt{
    color:#38A7E8;
}

.column03 #main dl dt:first-letter{
    font-size:200%;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-style: italic;
}

/* お薬ののみ方 */

.column04 .des dl{
    margin-bottom: 32px;
}

.column04 .des dl dt{
    margin-bottom: 16px;
    color:#38A7E8;
}

.column04 .des dl dt span{
    background: linear-gradient(transparent 60%, #ffff66 60%);
}

.column04 .des ul{
    margin-left:20px;
}

.column04 .des ul li{
    list-style: disc;
}

/* 妊娠と薬外来 */

.column05 .des div.box{
    padding:16px 16px 16px 32px;
    border:1px solid #38A7E8;
    box-sizing: border-box;
}

.column05 .des div.box span:before{
    margin-left:-16px;
    content:"※";
    display: inline-block;
}

.column05 .des div.box a{
    color:#38A7E8;
    text-decoration: underline;
}

.column05 .des .pregnancy{
    margin:16px 0;
    padding:16px;
    background:#FBF7F8;
    overflow: hidden;
}

.column05 .des .pregnancy h5{
    color:#DC8DB1;
    font-size:140%;
}

.column05 .des .pregnancy ul{
    margin-bottom: 24px;
    margin-left: 24px;
}

.column05 .des .pregnancy ul li{
    list-style: disc;
}

.column05 .des .pregnancy dl{
    margin-bottom:24px;
}

.column05 .des .pregnancy dl dt{
    margin-bottom:8px;
    color:#DC8DB1;
}

.column05 .des .pregnancy dl dd div.box{
    border-color: #DC8DB1;
}

.column05 .des .pregnancy dl dd div.box a{
    color:#DC8DB1;
}

.column05 .des .university{
    padding:16px;
    background:#F4F4F8;
    overflow: hidden;
}

.column05 .des .university h5{
    color:#5458A1;
    font-size:140%;
}

.column05 .des ol{
    margin-left:26px;
}

.column05 .des ol li{
    list-style:decimal;
}

.column05 .des table{
    width:100%;
}

.column05 .des table tr{
    border-bottom:1px solid #333333;
}

.column05 .des table th,
.column05 .des table td{
    padding:16px 0;
}

.column05 .des table th{
    background:#F2F9FD;
    text-align: center;
}

.column05 .des table td{
    padding:16px;
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 740px) {
}

@media screen and (max-width: 640px) {
}