h3.ja{color:#803D3B;width:100%;height:auto;margin:0px auto;padding-bottom:20px;font-size:14px;line-height:170%;}
p.intro{width:100%;height:auto;margin:0px auto;padding-bottom:20px;font-size:13px;line-height:170%;}
p.intro_bottom{width:100%;height:auto;margin:0px auto;padding-bottom:20px;font-size:14px;line-height:170%;}
/*======*/
.system_box{max-width:1200px;width:100%;height:auto;margin:0px auto;padding:5px 0px 10px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.system_box div{width:23%;height:auto;margin:4px 1%;padding:0px;background-color:rgb(50, 44, 43, 0.7);display:inline-block;vertical-align:top;position:relative;}
.system_box h3{width:calc(100% - 20px);height:auto;padding:7px 0px 5px 0px;margin:0px auto;font-size:18px;color:#f8f4e1;border-bottom:1px solid rgb(50, 44, 43, 0.5);letter-spacing:2px;}
.system_box div p{width:calc(100% - 20px);height:auto;padding:5px 0px 9px 0px;margin:0px auto;color:#ffffff;}
	@media all and (min-width: 1025px) {
	}
	@media all and (max-width: 1024px) {
		.system_box div{width:100%;margin:0px auto}
		.system_box div:nth-of-type(2) , 
		.system_box div:nth-of-type(3) , 
		.system_box div:nth-of-type(4) , 
		.system_box div:nth-of-type(5) , 
		.system_box div:nth-of-type(6) , 
		.system_box div:nth-of-type(7) , 
		.system_box div:nth-of-type(8)
			{margin-top:10px;}
	}

/*======*/
.max h4{font-weight:normal;width:100%;height:auto;margin:0px auto;padding-bottom:10px;}
.max h4 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:4px 40px 5px 40px;clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background:#803D3B;color:#ffffff;font-size:13px;}

/*===■お問い合わせ===*/
.recruit_box{padding-top:40px;}
.contact_intro{color:#222222;padding:10px 0px 10px 0px;}
dl.contact{width:100%;padding-bottom:25px;margin:0px auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
dl.contact div{
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	@media all and (min-width: 1025px) {
		dl.contact div:nth-of-type(1){width:31%;margin:0px 0%;}
		dl.contact div:nth-of-type(2){width:31%;margin:0px 2%;}
		dl.contact div:nth-of-type(3){width:31%;margin:0px 0%;}
	}
dl.contact div dt{width:100%;margin:0px auto;}
dl.contact div dd.txt_limit{padding-top:10px;}
dl.contact div dd p{padding-top:8px;margin:0px auto;}
dl.contact div dt h3{width:100%;font-size:13px;line-height:100%;padding:11px 0px;color:#ffffff;}
dl.contact div.tel dt h3{background:#95816f;box-shadow: 0 0 0 3px #95816f inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div.mail dt h3{background:#00c0ef;box-shadow: 0 0 0 3px #00c0ef inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div.line dt h3{background:#06c152;box-shadow: 0 0 0 3px #06c152 inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div dd {width:100%;margin:0px auto;padding:0px;}
dl.contact div dd a span{font-size:20px;line-height:200%;}
dl.contact div.tel dd a , 
dl.contact div.tel dd 
	{color:#95816f;}
dl.contact div.tel dd a span:before{content:"";display:inline-block;width:34px;height:26px;background:url(../img/recruit/tel.png) no-repeat;background-size:28px 23px;background-position:50% 0%;vertical-align: text-bottom;}
dl.contact div.mail dd a , 
dl.contact div.mail dd 
	{color:#00c0ef;}
dl.contact div.mail dd a span:before{content:"";display:inline-block;width:34px;height:26px;background:url(../img/recruit/mail.png) no-repeat;background-size:28px 23px;background-position:50% 0%;vertical-align: text-bottom;}
dl.contact div.line dd a , 
dl.contact div.line dd 
	{color:#06c152;}
dl.contact div.line dd a span:before{content:"";display:inline-block;width:34px;height:26px;background:url(../img/recruit/line.png) no-repeat;background-size:28px 23px;background-position:50% 0%;vertical-align: text-bottom;}
	@media all and (max-width: 1024px) {
		dl.contact div{width:100%;margin:0px auto;padding-bottom:10px;}
		dl.contact div:last-child{padding-bottom:0px;}
		dl.contact div dd p{padding-top:8px;padding-bottom:18px;margin:0px auto;}
	}