@charset "utf-8";
 .media_area {
width: 100%;
min-width: 960px;
}
.media_inner {
width: 100%;
max-width: 960px;
margin: 40px auto 80px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.media_area {
min-width: 100%;
margin-top:0;
margin-bottom:80px;
}
.media_inner {
width: 95%;
max-width: 100%;
margin: 30px auto 60px;
}
}
.media-lead{
background:#f9f8f6;
max-width: 880px;
margin:0 auto;
padding: 35px 20px;
display:flex;
justify-content:space-between;
box-sizing: border-box;
}
.media-lead-head{
min-width:300px;
border-right:1px solid #000;
}
.media-lead-body{
width:100%;
padding: 0 0 0 20px;
}
.media-lead-subttl{
font-family: 'hannari';
font-size:16px;
margin-bottom:0.5em;
}
.media-lead-ttl{
font-family: 'hannari';
font-size:24px;
}
.media-lead-ttl .en{
font-size:27px;
}
.media-lead-ttl .space{
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.media-lead-txt{
line-height:2;
}
.media-lead-ar{
font-size:14px;
margin:1.5em 0 0;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.media-lead{
display:block;
margin:30px auto 0;
}
.media-lead-head{
min-width: auto;
border-right:none;
border-bottom:1px solid #000;
padding: 0 0 10px;
}
.media-lead-body{
padding: 25px 0 0;
}
} .media-list-wrap{
width: 100%;
max-width: 960px;
margin: 0 auto;
}
.media-list{
max-width:780px;
width:100%;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.media-list *{
box-sizing: border-box;
}
.media-item{
max-width:300px;
width:48%;
margin-bottom:80px;
}
.media-item .item-ttl{
font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
font-size:24px;
color:#3f3f3f;
text-align:center;
}
.media-item .item-data-box{
display:flex;
justify-content:space-between;
align-items: flex-start;
}
.media-item .item-ttl{
margin: 0 auto 20px;
}
.media-item .item-img{
max-width:300px;
width:100%;
border:1px solid #ccc;
display:block;
font-size:0;
transition:.3s;
}
.media-item .item-img img{
max-width:100%;
}
.media-item a.item-img:hover{
opacity:0.5;
}
.media-item .item-data{
margin: 20px auto 0;
}
.media-item .item-data .item-data-box:not(:last-child){
margin-bottom:15px;
}
.media-item .item-data-box dt{
background:#000;
color:#fff;
min-width:60px;
text-align:center;
line-height:1.8;
}
.media-item .item-data-box dd{
width:100%;
padding: 0 0 0 25px;
line-height:1.8;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.media-list{
width:95%;
}
.media-item .item-ttl{
font-size:20px;
}
.media-item .item-data-box{
display:block;
}
.media-item .item-data-box dt{
min-width: auto;
}
.media-item .item-data-box dd{
padding: 10px 0 0;
}
}
@media screen and (min-width: 0px) and (max-width:480px) {
.media-item{
margin-bottom:60px;
}
.media-item .item-data .item-data-box:not(:last-child){
margin-bottom:10px;
}
.media-item .item-ttl{
font-size:18px;
}
.media-item .item-data-box dd{
padding: 5px 0 0;
}
}