img {width:100%;}

/*準備中*/
p.preparing {text-align:center; margin:40px 0; padding:100px 0;  border:1px solid #ededed;}

#medias {margin-top:20px; padding-bottom:50px;}
#medias .media-holder:not(:first-child) {margin-top:20px; padding-top:35px; border-top:1px solid #eee;}
#medias .media-holder:last-child {margin-bottom:30px;}
.media-holder .mh-l {float:none; width:100%; display:block; margin-bottom:10px;}
.media-holder .mh-r {float:none; width:100%; display:block;}

/*ラベル*/
.media-holder .mh-r .published {font-size:11px; display:inline-block; padding:0 8px; line-height:20px;}
.bsj {background-color:#005194; color:#fff;}
.bsj-crew {background-color:#bbb;}

/*タイトル*/
.media-holder .mh-r h1 {font-size:17px; font-weight:bold; margin-top:20px;}
/*日付*/
.media-holder .mh-r span {font-size:13px; font-weight:normal; padding-left:5px;}
.media-holder .mh-r span:before {content:"(";}
.media-holder .mh-r span:after {content:")";}
/*本文*/
.media-holder .mh-r p {margin-top:10px; font-size:14px;}


@media (min-width: 540px) {
	p.preparing {text-align:center; margin:40px 0; padding:170px 0;  border:1px solid #ededed;}
	#medias .media-holder:not(:first-child) {margin-top:30px;}
	.media-holder .mh-l {float:left; width:32%; margin-bottom:0;}
	.media-holder .mh-r {float:right; width:62%;}
	.media-holder .mh-r h1 {margin-top:25px;}
}
@media (min-width: 768px) {
}
@media (min-width: 1000px) {
}

/*募集追加202103*/
#recruiting {
    padding: 20px 0 0;
    border-top: 1px solid #ededed;
}
#recruiting p {font-size:13px; text-align: left;}
#recruiting p.lead {font-size:14px; font-weight:bold; margin-bottom:7px;}
#recruiting p br {display: none;}
@media (min-width: 540px) {
    #recruiting {padding: 30px 10px 0;}
    #recruiting p {text-align: center;}
    #recruiting p br {display: block;}
}