@charset "UTF=8";

main {
	overflow-x: hidden;
}

html {
	visibility: hidden;
}

body {
	color: #000;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "メイリオ", Meiryo, Osaka, "sans-serif";
	line-height: 1;
	background: #fff;
}

html.wf-active {
	visibility: visible;
}

main p,
main li {
	font-size: 20px;
	color: #000;
}

img {
	vertical-align: top;
}

a:hover {
	text-decoration: none;
}

.pt_0 {
	padding-top: 0 !important;
}

.pb_0 {
	padding-bottom: 0 !important;
}

.pt_80 {
	padding-top: 80px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mt24 {
	margin-top: 24px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.contents {
	width: 100%;
	padding: 104px 0;
}

.contents.bread,
.contents.top,
.contents.last {
	padding: 0;
}

.contents_innner {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;
}

.contents_img {
	width: 100%;
}

.contents img {
	width: 100%;
}

.contents_title {
	font-size: 32px;
	line-height: 1.6;
	letter-spacing: .08em;
	font-weight: bold;
}

.bread-crumb li {
	font-size: 14px;
	line-height: 1.6;
}

.main_visual {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* #content.uniform{
	margin-top: 115px;
} */

#content.uniform .lineup {
	text-align: center;
	margin: 80px 0;
}

#content.uniform .lineup img {
	width: 100%;
}

.catalogTitle {
	text-align: center;
	margin-bottom: 50px;
}

.catalogList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.catalogList a {
	text-decoration: none;
}

.catalogList li {
	margin-bottom: 50px;
	width: 30%;
}

.catalogImg img {
	width: 100%;
	height: 368px;
	object-fit: contain;
}

.catalogLogo {
	text-align: center;
	width: 270px;
	margin: 10px auto 0;
}

.catalogLogoTitle {
	text-align: center;
	width: 270px;
	margin: 8px auto 0;
	font-size: 36px;
	font-weight: bold;
	color: #333;
}

.catalogLogo img {
	width: 100%;
}

.contact {
	margin-top: 25px;
	border: 1px solid #062663;
	width: 960px;
	background: #EEEEEE;
}

.contactBtn {
	display: flex;
	justify-content: space-around;
	margin-bottom: 25px;
}

.contactBtn p a {
	display: inline-block;
	text-decoration: none;
	background: #C69C21;
	color: #FFF;
	border-bottom: solid 4px #CCCCCC;
	border-radius: 3px;
	width: 400px;
	line-height: 80px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

.contactBtn p a:hover {
	opacity: 0.8;
}

/*フリーコール*/
.freeCallContents {
	overflow: hidden;
}

.freeCallContents img {
	width: 100%;
}

.freeCallContentsText {
	width: 640px;
	float: left;
	margin-right: 40px;
	margin-top: 45px;
}

.uniformContactBtn {
	width: 280px;
	margin-top: 40px;
	float: left;
}

.uniformContactTel {
	float: right;
	width: 280px;
	margin-top: 20px;
}

.uniformContactTel a {
	pointer-events: none;
}

.pickupCardWorksuit {
	margin-top: 40px;
}

/*20210518　女性が喜ぶユニフォーム*/
.titleImg img {
	width: 100%;
}

.uniformList {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.uniformList li {
	width: 310px;
}

.uniformList li img {
	width: 100%;
}

.woman-uniform {
	margin: 40px 0 80px;
}

/*IE対応*/
@media all and (-ms-high-contrast: none) {
	.catalogList li {
		width: 30%;
		margin-right: 5%;
		text-align: center;
	}

	.catalogList li:nth-of-type(3n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 1024px) {
	.uniformContactTel a {
		pointer-events: initial;
	}
}

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

	main p,
	main li {
		font-size: 14px;
	}

	.spOnly {
		display: block;
	}

	.pcOnly {
		display: none;
	}

	.contents {
		padding: 56px 0;
	}

	.contents_innner {
		width: calc(100% - 32px);
	}

	.freeCallContentsText {
		width: 100%;
		float: unset;
		margin-right: 0;
		margin-top: 16px;
	}

	.uniformContactBtn,
	.uniformContactTel {
		float: unset;
		margin: 16px auto 0;
	}

	.woman-uniform {
		margin: 40px 0;
	}

	.uniformList {
		margin-top: 24px;
	}

	#content.uniform .lineup {
		text-align: center;
		margin: 40px 0;
	}

	.catalogTitle {
		text-align: center;
		margin-bottom: 16px;
	}

	.catalogList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.catalogList li {
		margin-bottom: 24px;
		width: 45%;
	}

	.catalogImg img {
		height: auto;
	}

	.catalogLogo {
		width: 100%;
	}

	.catalogLogoTitle {
		width: 100%;
		font-size: 18px;
	}

	.catalogLogo img {
		height: auto;
	}

	.contact {
		width: 100%;
	}

	.contactBtn {
		flex-wrap: wrap;
	}

	.contactBtn p {
		width: 80%;
	}

	.contactBtn p a {
		width: 100%;
		line-height: 40px;
		font-size: 16px;
	}

}