@charset "UTF-8";
/*
本WEBサイトで使用しているHTML・CSS・JavaScriptは合同会社ベストブリッジが記述し、その著作権は医療法人済衆館に帰属します。
他者の著作権を侵害しないよう細心の注意を払って掲載した画像や文章についても、その著作権は医療法人済衆館に帰属します。
下記の記載内容はタイムスタンプを付与した電子書類として保管を行っております。
また、公開に至るまでの制作過程全データの保管を行っています。
*/

/*============================================
#policy_index
============================================*/
#policy_index{
z-index:20;
/*--*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

/*============================================
#policy_index>ul（お知らせ）
============================================*/
#policy_index>ul{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin-bottom:30px;
border:solid 2px #693;
border-radius:7px;
padding:0;
background-color:#C2D6AD;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*==左==*/
#policy_index>ul>li{
position:relative;
/*--*/
display:block;
flex-basis:28%;
height:100%;
margin:0;
border:0;
border-radius:7px 0 0 7px;
padding:20px 5px 10px 5px;
background-color:#C2D6AD;
/*--*/
text-align:center;
line-height:1.4;
font-size:100%;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 959px){
#policy_index>ul>li{
flex-basis:100%;
border-radius:7px 7px 0 0;
padding:15px 5px;
background-color:#C2D6AD;
}
}

/*==右==*/
#policy_index>ul>li:nth-of-type(even){
position:relative;
/*--*/
display:block;
flex-basis:72%;
height:auto;
margin:0;
border-radius:0 7px 7px 0;
padding:10px;
background-color:#FFF
}

@media screen and (max-width: 959px){
#policy_index>ul>li:nth-of-type(even){
flex-basis:100%;
border-radius:0 0 7px 7px;
}
}

#policy_index>ul>li:nth-of-type(even)>p{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:10px 5px 7px 25px;
background-color:#FFF;
/*--*/
text-align:left;
line-height:1.2;
font-size:90%;
font-weight:normal;
color:#333;
}

#policy_index>ul>li:nth-of-type(even)>p::before{
position:absolute;
top:10px;
left:10px;
/*--*/
content:url(../img/all_icon_maru_grn.png);
}

/*============================================
#policy_index>ol
============================================*/
#policy_index>ol{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*==li==*/
#policy_index>ol>li{
position:relative;
/*--*/
display:block;
flex-basis:32%;
height:auto;
margin-bottom:10px;
border:0;
padding:0;
}

@media screen and (max-width: 959px){
#policy_index>ol>li{
flex-basis:100%;
}
}

#policy_index>ol>li.hid{
visibility:hidden;
}

#policy_index>ol>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border:solid 2px #C2D6AD;
border-radius:5px;
padding:15px 2px 15px 30px;
background-color:#EFEFEF;
/*--*/
text-align:left;
line-height:1.4;
font-size:100%;
font-weight:normal;
color:#333;
text-decoration:none;
}

#policy_index>ol>li>a>span.grn{
position:relative;
/*--*/
display:block;
width:auto;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.4;
font-size:12px;
font-weight:normal;
color:#396;
}

#policy_index>ol>li>a::before{
position:absolute;
top:15px;
left:10px;
/*--*/
content:url(../img/all_icon_yajimaru_grn.png);
}

#policy_index>ol>li>a:hover{
background-color:#D6EBC2;
opacity:1;
-webkit-transition:0.3s;
transition:0.3s;
}

#policy_index>ol>li>a:active{
background-color:#D6EBC2;
opacity:1;
-webkit-transition:0.3s;
transition:0.3s;
}

/*============================================
#policy_index>div.up
============================================*/
#policy_index>div.up{
position:relative;
/*--*/
display:block;
width:auto;
height:auto;
margin-bottom:60px;
border:0;
padding:0;
/*--*/
text-align:right;
}

@media screen and (max-width: 959px){
#policy_index>div.up{
text-align:center;
}
}

#policy_index>div.up>a{
position:relative;
/*--*/
display:inline-block;
width:auto;
height:auto;
margin:0;
border:solid 2px #C2D6AD;
border-radius:5px;
padding:10px;
background-color:#EFEFEF;
/*--*/
text-align:center;
line-height:1;
font-size:90%;
font-weight:normal;
color:#693;
text-decoration:none;
}

#policy_index>div.up>a::after{
margin-left:5px;
/*--*/
content:url(../img/all_icon_yajiup_grn.png);
}

#policy_index>div.up>a:hover{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

#policy_index>div.up>a:active{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}