@charset "utf-8";
@media screen and (min-width: 2000px) {

.workplace section#workplace {
	max-width: 2000px;
	margin: 8% auto 0;
}
}

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

.workplace .mainttl#workp{
	
}
/*++++++++++++++++++++++++*/
/*WORKPLACE
/*++++++++++++++++++++++++*/



.workplace section#workplace {
	margin: 8% auto 0;
	max-width: 100%;
}
	
}

.workplace section#workplace .workplaceBox {
	max-width: 80%;
	margin: auto;
	padding: 0 0 80px 0;
}

.workplace section#workplace ul {
	margin: 50px 0 0 0;
}

.workplace section#workplace li {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    margin: 0 10px 0 0;
    font-family:"HiraKakuProN-W3","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
}

.workplace section#workplace li:last-child {
	margin: 0;
}

.workplace section#workplace li dt {
	margin: 0 0 20px 0;
}

.workplace section#workplace li dd  {
	overflow: hidden;
}

.workplace section#workplace li dd img {
	width: 100%;
}

.workplace section#workplace li span {
    font-size: 0.9em;
    line-height: 1.8;
    display: block;
    padding: 10px 5px;
    letter-spacing: 1px;
}


/*ボタン
/*++++++++++++++++++++++++*/
.workplace .btn {
	background: #fff;
	margin: 30px auto;
	width: 50%;
	border-radius: 50px;
	left: 0;
	right: 0;
}

.workplace .btn a {
	padding: 18px;
	font-size: 1em;
	letter-spacing: 1px;
	border: 2px solid #ccc;
	color: #222;
}

/*ドッグカールトン*/
.workplace #dog_c .btn a.button {
	border: 2px solid #222;
	color: #222;	
}

.workplace #dog_c .btn a.button:hover {
	color: #fff;
}

.workplace #dog_c .btn a.button:hover::after {
	background: #222;
}
/*fit1*/
.workplace #fit1 .btn a.button {
	border: 2px solid #e7569a;
	color: #e7569a;	
}

.workplace #fit1 .btn a.button:hover {
	color: #fff;
}

.workplace #fit1 .btn a.button:hover::after {
	background: #e7569a;
}

/*バブルバブル*/
.workplace #bubble .btn a {
	border: 2px solid #1eb2e9;
	color: #1eb2e9;	
}

.workplace #bubble .btn a.button:hover {
	color: #fff;
}

.workplace #bubble .btn a.button:hover::after {
	background: #1eb2e9;
}

/*トリミング*/
.workplace #trimming .btn a {
	border: 2px solid #EE7700;
	color: #EE7700;	
}

.workplace #trimming .btn a.button:hover {
	color: #fff;
}

.workplace #trimming .btn a.button:hover::after {
	background: #EE7700;
}

/*各ブランド
/*++++++++++++++++++++++++*/
.workplace section#workplace article {
	overflow: hidden;
	background: #fff;
	position: relative;
}


.workplace section#workplace article ul {
	width: 50%;
	float: left;
	margin: 0;
}

.workplace section#workplace article#fit1 ul,.workplace section#workplace article#trimming ul {
	float:right;
}



.workplace section#workplace article li {
	width: auto;
	display: block;
	float: left;
	margin: 0;
}
.workplace section#workplace article .right {
    width: 50%;
    float: left;
    background: #fff;
    /* height: 745px; */
    padding: 0 0 35px;
    box-sizing: border-box;
    /* text-align: right; */
    position: relative;
}

.workplace section#workplace article .right:nth-child(2n) {
	float: right;
	text-align: left;
}

.workplace section#workplace article .left_inner {
	width: auto;
	text-align: center;
}

.workplace section#workplace article .right_inner {
	text-align: center;
}

.workplace section#workplace article .work_p_logo {
	margin: 0 0 30px 0;
}

.workplace section#workplace article dl {
	padding: 30px 0 0 0;
}

.workplace section#workplace article dt {
	font-size: 2em;
	padding: 0 0 10px 0;
}

.workplace section#workplace article dd {
	line-height: 2.3;
	font-size: 0.8em;
	letter-spacing: 1px;
}

.workplace section#workplace article p{
    color: #fff;
    text-align: center;
    padding: 15px 10px 15px;
    width: 100%;
    font-size: 1em;
    letter-spacing: 2px;
    line-height: 2;
    box-sizing: border-box;
    margin: 0 0 30px 0;
}


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

/*++++++++++++++++++++++++*/
/*WORKPLACE
/*++++++++++++++++++++++++*/
.workplace section#workplace {
}

.workplace section#workplace .workplaceBox {
	max-width: 100%;
	padding: 0 0 20px 0;
	margin:25% 0 20px 0;
}

.workplace section#workplace ul {
	margin: 50px 0 0 0;
}

.workplace section#workplace li {
    margin: 0 7px 0 0;
}


.workplace section#workplace li dd img {
	width: 100%;
}

.workplace section#workplace li span {
    font-size: 0.8em;
    line-height: 1.6;
}


/*ボタン
/*++++++++++++++++++++++++*/
.workplace .btn a {padding: 10px;font-size: 0.8em;letter-spacing: 0;}

/*各ブランド
/*++++++++++++++++++++++++*/
.workplace section#workplace article {max-width: 80%;margin: 0 auto 0;}


.workplace section#workplace article ul {
	width: auto;
	float: none;
	max-width: 100%;
}

.workplace section#workplace article ul:nth-child(2n) {
	float:right;
}

.workplace section#workplace article li {width: 100%;display: block;}
.workplace section#workplace article .right {
	height: 100%;
	width: 100%;
	float: none;
	overflow: hidden;
}

.workplace section#workplace article .right:nth-child(2n) {float: none;}

.workplace section#workplace article .left_inner {overflow: hidden;}

.workplace section#workplace article .right_inner {
	text-align: center;
}

.workplace section#workplace article dl {
	padding: 30px 0 0 0;
}

.workplace section#workplace article dt {
	font-size: 1.6em;
}

.workplace section#workplace article p{font-size: 0.8em;}

}


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


/*++++++++++++++++++++++++*/
/*WORKPLACE
/*++++++++++++++++++++++++*/
.workplace section#workplace {
}

.workplace section#workplace ul {
	margin: 50px auto 0;
	max-width: 90%;
}

.workplace section#workplace li {
    width: 48%;
    margin: 0 10px 30px 0;
}


.workplace section#workplace li dt {
	margin: 0 0 20px 0;
}

.workplace section#workplace li dd  {
	overflow: hidden;
}

.workplace section#workplace li dd img {
	width: 100%;
}


/*各ブランド
/*++++++++++++++++++++++++*/
.workplace section#workplace article {
    max-width: 90%;
}


.workplace section#workplace article#fit1 ul,.workplace section#workplace article#trimming ul {
	float: none;
	margin: 0;
	max-width: 100%;
}



.workplace section#workplace article li {
	width: auto;
}

.workplace section#workplace article .left_inner {
	width: auto;
	text-align: center;
}

.workplace section#workplace article dl {
	padding: 10px 0 0 0;
}

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


.workplace .mainttl#workp{
	
}
/*++++++++++++++++++++++++*/
/*WORKPLACE
/*++++++++++++++++++++++++*/

.workplace section#workplace ul {
	margin: 50px auto 0;
	max-width: 98%;
}

.workplace section#workplace li {
	width: 100%;
	margin: 0 0 20px 0;
}

.workplace section#workplace li dl {
	width: 40%;
	float: left;
}


.workplace section#workplace li dt {
	margin: 0 0 20px 0;
}

.workplace section#workplace li dd  {
	overflow: hidden;
}

.workplace section#workplace li dd img {
	width: 100%;
}

.workplace section#workplace li span {float: right;display: block;width: 55%;padding: 45px 0 0 0;line-height: 2;}


/*ボタン
/*++++++++++++++++++++++++*/
.workplace .btn {width: 90%;}

/*各ブランド
/*++++++++++++++++++++++++*/
.workplace section#workplace article {
	max-width: 98%;
}

.workplace section#workplace article#fit1 ul,.workplace section#workplace article#trimming ul {
	float:none;
}

.workplace section#workplace article .right {padding: 0 0 30px;}


.workplace section#workplace article .right_inner {
	text-align: center;
}

.workplace section#workplace article .work_p_logo {
	width: 60%;
	margin: 0 auto 30px;
}

.workplace section#workplace article dt {font-size: 1.2em;}

.workplace section#workplace article dd {
	letter-spacing: 0;
	font-size: 0.75em;
}

.workplace section#workplace article p{
    letter-spacing: 0;
    padding: 15px 0;
    font-size: 0.75em;
}


}