@charset "utf-8";

/*------------------------------------
納品実績ページ
--------------------------*/
.sec_inner{
	max-width : 637px;
	margin :0 auto;
}

@media only screen and (max-width : 767px) {
	.sec_inner{
	padding:0 20px;
}
}

.cmn_page_head {
	background-image : url("../img/delivery/main_img.jpg");
}

.cmn_page_head .txt_01 {
	background : #00aebb;
}

img {
	max-width : 100%;
	width     : auto;
}


.cmn_page_head .main_ttl img {
	max-width : 625px;
}

.cmn_page_head .txt_01 {
	background : #191970;	
	/*background : #00aebb;*/
	min-width:240px;
}

.cmn_page_ttl {
}

.cmn_page_ttl .ttl {
	margin : 55px 0 0;
}
@media only screen and (max-width : 767px) {
.cmn_page_ttl .ttl {
    margin: 40px 0 0;
}
}

.cmn_page_ttl .ttl .txt_img {
	max-width : 452px;
}

@media only screen and (max-width : 767px) {
	.cmn_page_ttl .ttl .txt_img {
	max-width: 260px;
	}
}

.cmn_bg_parts {
	margin: 32px -180px -35px;
}

@media only screen and (max-width : 767px) {
	.cmn_bg_parts {
		margin : 0 0 -10px;
	}
}

.sec_01 h3.ttl{
	font-size: 16px;
letter-spacing: 2.5px;
color: #fff;
padding: 0 10px;
height: 38px;
border-radius: 8px;
text-align: center;
font-weight: 400;
line-height: 38px;
margin-top: 30px;
background: #696969;
/*background: #191970;*/
/*background: #00aebb;*/
width: 100%;
}
@media only screen and (max-width : 767px) {
	.sec_01 h3.ttl{
height: auto;
line-height: 1.4;
padding: 8px 10px;
margin: 0 0 0;
	}
}

.sec_01 .detail{
margin: 25px 0 0;
font-size: 14px;
line-height: 24px;
color: #4c4948;
text-align: center;
}

.sec_01 .anotation{
margin: 25px auto 0 auto;
font-size: 11px;
line-height: 24px;
color: #4c4948;
/*text-align: center;*/
width:300px;
border:solid 1px #333;
padding:0.5em;
line-height:1.5em;
}

.record_list{
	display:flex;
	flex-wrap:wrap;
	margin:30px -15px 0;
}
@media only screen and (max-width : 767px) {
.record_list {
    margin: 30px -2% 0;
	}
}

.record_list .item{
width: 192px;
background: #efefef;
margin:0 15px 30px;
}

@media only screen and (max-width : 767px) {
	.record_list .item{
	width: 46%;
		margin: 0 2% 30px;
	}
}

.record_list .item:nth-child(n+10) { display: none; }

@media only screen and (max-width : 767px) {
.record_list .item:nth-child(n+9) { display: none; }
}

.record_list .item img{
	width:100%;
	height:128px;
	object-fit:cover;
}

.record_list p{
font-size: 12px;
line-height: 16px;
color: #4c4948;
}

.record_list .txt_area{
	padding:10px 15px;
}

.more_btn{
	background: #4C4948;
width: 117px;
height: 24px;
color: #fff;
display: block;
line-height: 22px;
text-align: center;
border-radius: 18px;
margin: 10px auto 0;
}

.more_btn:hover{
color: #fff;
}

.cmn_btn_area {
    margin-top:60px;
}
@media only screen and (max-width : 767px) {
	.cmn_btn_area {
    margin-top:40px;
}
}

.l-footer{
	margin-top: 0;
}

.cmn_btn_area .link_btn {
    max-width: 335px;
}