@charset "UTF-8";
/* CSS Document */
 
@media screen and (max-width: 768px){

/*お知らせ*/
.news-area {
    flex-wrap: wrap;
}
.news-menu-area {
    width: 90%;
    min-width: auto;
    margin: 40px auto 0;
    order: 2;
}
.news-menu-title {
    font-size: 150%;
    padding: 17px 17px 17px 15px;
}
    
.news-menu-box {
    margin-bottom: 20px;
}

ul.news-menu-list li a {
    padding: 8px 20px 8px 40px;
    color: #2c2c2c;
}
ul.news-menu-list li:before,
ul.news-menu-list li:after {
    content: ""; /* 疑似要素に指定必須 */
    width: 8px; /* 線の長さを指定 */
    height: 2px; /* 線の幅を指定 */
    display: inline-block; /* インラインブロックにする */
    border-radius: 2px; /* 線を角丸にする */
    background-color: #3F7735;   /* 線の色を指定 */
    position: absolute; /* 相対位置に指定 */
    left: 1em; /* 右から10pxの位置に配置 */
    transition: all .3s;
}
ul.news-menu-list li:before {
  top: calc(63% - 9px);     /* 数値は微調整してください */
  transform: rotate(45deg); /* 45度回転させる */
}
ul.news-menu-list li:after {
  bottom: calc(63% - 9px);   /* 数値は微調整してください */
  transform: rotate(-45deg); /* -45度回転させる */
}
    
select.yearmenu-select {
    height: 47px;
}
    
.news-list-area {
    width: 100%;
    order: 1;
}
.pagenation {
    margin-top: 35px;
}
.pagenation a {
    width: 36px;
    height: 36px;
    padding: 4px 16px 3px 13px;
}
    
.pagenation a:first-child,.pagenation a:last-child {
    width: 75px;
}
    
.pagenation a:first-child:before,
.pagenation a:first-child:after {
    content: ""; /* 疑似要素に指定必須 */
    width: 8px; /* 線の長さを指定 */
    height: 2px; /* 線の幅を指定 */
    display: inline-block; /* インラインブロックにする */
    border-radius: 2px; /* 線を角丸にする */
    background-color: #3F7735;   /* 線の色を指定 */
    position: absolute; /* 相対位置に指定 */
    left: 5px; /* 右から10pxの位置に配置 */
    transition: all .3s;
}
.pagenation a:first-child:before {
  top: calc(65% - 9px);     /* 数値は微調整してください */
  transform: rotate(135deg); /* 45度回転させる */
}
.pagenation a:first-child:after {
  bottom: calc(65% - 9px);   /* 数値は微調整してください */
  transform: rotate(-135deg); /* -45度回転させる */
}

.pagenation a:last-child:before,
.pagenation a:last-child:after {
    content: ""; /* 疑似要素に指定必須 */
    width: 8px; /* 線の長さを指定 */
    height: 2px; /* 線の幅を指定 */
    display: inline-block; /* インラインブロックにする */
    border-radius: 2px; /* 線を角丸にする */
    background-color: #3F7735;   /* 線の色を指定 */
    position: absolute; /* 相対位置に指定 */
    right: 5px; /* 右から10pxの位置に配置 */
    transition: all .3s;
}
.pagenation a:last-child:before {
  top: calc(65% - 9px);     /* 数値は微調整してください */
  transform: rotate(45deg); /* 45度回転させる */
}
.pagenation a:last-child:after {
  bottom: calc(65% - 9px);   /* 数値は微調整してください */
  transform: rotate(-45deg); /* -45度回転させる */
}
 

/*お知らせ詳細*/
h3.news-title {
    margin: 13px 0 30px;
}
    
.news-list .item.detail .date {
    padding-top: 0;
}
.news-list .item.detail .category{
    padding-top: 0;
}

    

/*診療案内*/
.guide-jushin-box {
    margin: 0 auto 80px;
}
.guide-shinryokamoku-box {
    width: 90%;
    flex-wrap: wrap;
    margin: 0 auto 50px;
}
.guide-shinryokamoku-text {
    width: 100%;
    margin-bottom: 25px;
}
    
.guide-shinryokamoku-pic {
    width: 60%;
    min-width: 285px;
    margin: 0 auto;
}
    
ul.guide-shinryokamoku-syojyo-list {
    margin: 0 auto 30px;
}

ul.guide-shinryokamoku-syojyo-list li {
    width: 40%;
    margin: 0 10% 15px 0;
}

ul.guide-shinryokamoku-syojyo-list li:nth-of-type(3n) {
    margin-right: 10%;
}



/*当院について*/
.about-greeting-box {
    margin: 0 auto 80px;
}
    
.about-doctor-pic {
    width: 85% !important;
}

dl.about-doctor-detail-box dt {
    width: 40%;
    margin-right: 2%;
    color: #3F7735;
}
dl.about-doctor-detail-box dd {
    width: calc(100% - 42%);
}
    
.about-doctor-detail-box.box02 dt {
    width: 29%;
    margin-right: 2%;
    color: #3F7735;
}
.about-doctor-detail-box.box02 dd {
    width: calc(100% - 31%);
}

.about-doctor-detail-box02 {
    width: 100%;
    margin-bottom: 50px;
}
    
.about-facility-area {
    margin: 0 auto 40px;
}
    
.about-facility-area-box {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 50px;
}
.about-facility-pic {
    width: 90%;
    margin: 0 auto 19px;
}


    
/* 院内掲示物 */
ul.list-innaikeiji li:after {
    top: .18em;
}
    

}