@charset "utf-8";
/* CSS Document */
	
#field .wrap{
	text-align:center;
	}

#field ul.flexbox {
	margin-top:50px;
	}

#field ul.flexbox li {
	text-align:left;
	width:28%;
	margin-bottom:90px;
	}


#field ul li {
    width: 28%;
    /*background: #ddd;*/
    list-style: none;
    padding-bottom: 65px;
    margin-bottom: 0;
    position: relative;
}

#field ul li img {
    width:100%;
    margin:0;
    padding:0;
}

#field ul li h4 {
	font-size:1.6vw;
	text-align:center;
	margin-top:10px;
}

#field ul li p {
	padding:0 0 10px;
}

#field ul li .btn02 {
    padding:0;
    display: block;
    position: absolute;
    bottom: 0;
	left:0;
	right:0;
    max-width:100%;
	color:#FFF;
}

#field ul li .btn02 a {
	color:#FFF;
}

#field ul li .btn02::before {
    border-top: none;
    border-right: none;
}

#field ul li .btn02[target="_blank"]:after {
font-family: 'Font Awesome 5 Free';
content: '\f35d';
font-weight: 900;
position:absolute;
right:10px;
top:26%;
}


#field #sales{background:#ededed;}

#field #sales .wrap{
	width:60%;}

#field #sales h3{
	color:#004e90;
	font-size:1.6vw;}

#field #sales .flexbox .textbox{
	text-align:left;
	width:50%;
	margin-top:50px;}

#field #sales .flexbox .imgbox{
	text-align:left;
	width:40%;}

#field #sales .flexbox .textbox p{
	margin-bottom:20px;}

@media screen and (max-width: 769px) {

#field ul li h4 {
	font-size:1.6rem;
	text-align:center;
	margin-top:10px;
}

#field #sales .wrap{
	width:80%;}

#field #sales h3{
	font-size:1.6rem;}

}

@media screen and (max-width: 480px) {
	
#field p{
	text-align:left;}

#field ul.flexbox li {
	width:47%;
	margin-bottom:50px;
	}

#field #sales .wrap{
	width:100%;}

#field #sales .flexbox .textbox{
	width:100%;
	margin-top:20px;}

#field #sales .flexbox .imgbox{
	width:80%;
	margin:0 auto;}

}