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

/*============================================
#top_event
============================================*/
#top_event{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border-top:solid 50px #FFF;
padding:0;
}

#top_event a{
color:#00F;
text-decoration:underline;
}

#top_event a:hover{
color:#396;
}

#top_event a:active{
color:#396;
}

#top_event span.grn80{
font-size:80%;
color:#099;
}

/*============================================
#top_event>h2
============================================*/
#top_event>h2{
position:relative;
/*--*/
display:block;
width:80%;
max-width:1400px;
height:auto;
margin:0 auto;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.4;
font-size:160%;
font-weight:bold;
color:#693;
}

@media screen and (max-width: 959px){
#top_event>h2{
font-size:140%;
}
}

#top_event>h2>span.grn80{
font-size:80%;
color:#096;
}

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

#top_event>div.line>div{
position:relative;
/*--*/
display:block;
flex-basis:40%;
height:auto;
margin:0px;
border-bottom:solid 6px #669933;
padding:0px;
background-color:#FFF;
}

@media screen and (max-width: 959px){
#top_event>div.line>div{
flex-basis:70%;
}
}

#top_event>div.line>div:nth-of-type(2){
position:relative;
/*--*/
display:block;
flex-basis:60%;
height:auto;
margin:0px;
border-bottom:solid 6px #EFEFEF;
padding:0px;
background-color:#FFF;
}

@media screen and (max-width: 959px){
#top_event>div.line>div:nth-of-type(2){
flex-basis:30%;
}
}

/*============================================
#top_event>p（イベント上）
============================================*/
#top_event>p{
position:relative;
/*--*/
display:block;
width:90%;
max-width:1000px;
height:auto;
margin:0 auto;
border:0;
border-radius:7px 7px 0 0;
padding:0;
}

@media screen and (max-width: 600px) {
#top_event>p{
width:80%;
}	
}

#top_event>p>img{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border-top:solid 3px #DADADA;
border-right:solid 3px #DADADA;
border-left:solid 3px #DADADA;
border-radius:7px 7px 0 0;
padding:0;
}

/*============================================
#top_event>ul（イベント下）
============================================*/
#top_event>ul{
position:relative;
/*--*/
display:block;
width:90%;
max-width:1000px;
height:auto;
margin:0 auto 60px auto;
border-right:solid 3px #DADADA;
border-bottom:solid 3px #DADADA;
border-left:solid 3px #DADADA;
border-radius:0 0 7px 7px;
padding:40px 0;
background-color:#FFF;
}

@media screen and (max-width: 600px) {
#top_event>ul{
width:80%;
}	
}

#top_event>ul>li{
position:relative;
/*--*/
display:block;
width:100%;
max-width:700px;
height:auto;
margin:0 auto;
border:0;
padding:10px 5px 7px 25px;
/*--*/
text-align:left;
line-height:1.6;
font-size:90%;
font-weight:normal;
color:#333;
}

#top_event>ul>li:first-child{
padding:10px 5px 30px 25px;
font-size:100%;
font-weight:normal;
}

/*==文字リンク==*/
#top_event>ul>li a{
color:#00F;
text-decoration:underline;
}

#top_event>ul>li::before{
position:absolute;
top:10px;
left:10px;
/*--*/
content:url(../img/all_icon_maru_gray.png);
}

#top_event>ul>li:first-child::before{
position:absolute;
top:10px;
left:10px;
/*--*/
content:none;
}