@charset "UTF-8";
*{
margin: 0;
padding: 0;
}

header{
position: relative;
background:url(../material/pagetop/event.png)no-repeat;
width: 1280px;
height: 560px;
margin: 0 auto;
}

.header-txt{
position: absolute;
top: 50%;;
left: 50%;
transform: translate(-50%,-50%);
}

body{
margin: 0 auto;
background:#fdfdfd;
font-family: 'Noto Sans', sans-serif,YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Helvetica','Arial';
}

p{
font-size: 13px;
color: #707070;
}

.wrapper{
width: 1000px;
margin: 0 auto;
}

.event-area{
width: 100%;
margin: 100px auto;
}

.event{
width: 40%;
float: left;
margin: 50px 5% 25px;
}

.event-photo{
width: 100%;
margin-bottom: 24px;
}

.event-photo img{
width: 100%;
height: 268px;
object-fit: contain;
}

.event-photo-shadow{
width: 100%;
}

.event-photo-shadow:hover img{
-webkit-filter: brightness(0.8);
-moz-filter: brightness(0.8);
-o-filter: brightness(0.8);
-ms-filter: brightness(0.8);
filter: brightness(0.8);
}

.event-txt{
padding: 10px;
box-sizing: border-box;
}
.event-txt h2{
margin-bottom: 8px;
color: #707070;
}

.event-txt p{
color: #707070;
line-height: 1.5;
margin-top: 1.5em;
word-break: break-all;
}
.event-txt a{
text-decoration-color: #707070;
}

.event-txt dl{
font-size: 13px;
color: #707070;
line-height: 1.5;
}

.event-txt dd{
margin: -1.5em 0 0 60px;
}