@charset "utf-8";
/*供給実績・受賞歴*/

/*.l-wrap-content .m-title001{
	margin:0 0 20px 0;
}*/
.p-whitebox{
	padding:30px 20px;
	/*margin:0 0 20px 0;*/
	background:#ffffff;
}
.p-whitebox.h-long{
	padding:30px 20px 400px;
	/*margin:0 0 20px 0;*/
	background:#ffffff;
}
.p-menu h4{
	display:none;
}
.small_txt {
	font-size: 72.2%;
	padding-left: 1em;
}
.right_txt {
	text-align: right;
}

@media all and (min-width: 641px){
.p-table{ width:487px; letter-spacing: -0.3px; line-height: 20px;}
.p-w01{ width:48px; padding-bottom:3px;}
.p-w02{ width:280px;}
.p-w03{ width:159px;}
.p-photo{
	position:relative;
	width:195px;
}
.p-photoIn{
	position: absolute;
	top:0;
	left:490px;
}
.p-img-wrap {
	/*padding-top:30px;*/
	padding-top: 750px;
}
.p-img-wrap .p-img {
	float: right;
}
.p-img img{
	width:300px;
}
.p-img-wrap .p-img02 {
	float: left;
	margin-left: 140px;
}
.p-img02 img{
	width:198px;
}
.tab-btn a:hover {
	background-color: #2a9dbc;
	color: #ffffff;
}
}
@media all and (max-width: 640px){
.p-whitebox{
	padding:15px 10px;
	margin:0;
	background:#ffffff;
}
.p-whitebox.h-long{
	padding:15px 10px;
	margin:0;
	background:#ffffff;
}
.p-menu h4{
	display:block;
	cursor:pointer;
}
.p-box{
	padding:15px 0;
}

.p-table{
	width:100%;

}
.p-w01{
	width:15%;
	font-size:66.7%;
}
.p-w02{
	width:60%;
	font-size:66.7%;
	letter-spacing:-1px;
	padding: 0 10px;
}
.p-w03{
	width:25%;
	font-size:66.7%;
	letter-spacing:-1px;
}
.p-img{
	padding:15px 10px 0;
}
.p-img img{
	width:100%;
}
.p-img02{
	padding:15px 10px 0;
	width: 62%;
	margin: 0 auto;
}
.p-img02 img{
	width:100%;
}

.m-sh400{
	font-size:100%;
	background:url(../img/ico_sp_arrow_right.png) no-repeat 98%;
}
.m-sh400-inner{
	background:none;
}
.p-active{
	background:url(../img/ico_sp_arrow_bottom.png) no-repeat 98%;
}
}

.btn-flex {
	display: flex;
	justify-content: space-between;
}
.btn-flex li {
	width: 360px;
}
.btn-flex li a {
	width: 100%;
    height: 100%;
    min-height: 50px;
    display: flex;
	justify-content: center;
    align-items: center;
    font-family: "Meiryo";
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #c5dbe1;
	background-color: #ffffff;
    transition: 0.3s;
    letter-spacing: -0.05em;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.btn-flex li img {
    padding: 0px 9px 0px 0px;
    transition: 0.3s;
}
.tab-btn {
	display: flex;
	gap: 10px;
}
.tab-btn li {
	width: 120px;
}
.tab-btn li:last-child {
	margin-right: 0;
}
.tab-btn a {
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 8px 0 6px;
	border: 1px solid #2a9dbc;
	border-radius: 20px;
	font-size: 11px;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.tab-btn a.active {
	color: #ffffff;
	background-color: #2a9dbc;
}
.table-img {
	display: none;
}
@media all and (max-width: 640px){
	
	.btn-flex {
		gap: 5px;
		padding: 0 10px;
	}
	.btn-flex li a {
		font-size: 12px;
	}
	.tab-btn  {
		display: grid;
		gap: 5px;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.tab-btn li {
		width: 100%;
	}
	.tab-btn a {
		font-size: 12px;
	}
	.p-table img {
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	.imgcap {
		font-size: 66.7%;
		margin-bottom: 0;
	}
	.table-img {
		display: table-row;
	}
	.img-grid {
		display: grid!important;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.img-grid img {
		width: 100%;
	}
	.p-w01,
	.p-w02,
	.p-w03 {
		font-size: 12px;
	}
	.imgcap {
		font-size: 12px;
	}
	.tab-btn a {
		padding: 7px 0;
		font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}