/* ---------------------------------------------------------------
start TOP CSS
--------------------------------------------------------------- */

/* --------------- top --------------- */

#wrap.sub.recruit {
	background-image: url(../img/recruit/bg_recruit.gif);
	background-repeat: repeat-y;
	background-size: 1864px auto;
	background-position: center 350px;
}

.bg_pagettl_recruit {
	width: 100%;
	height: 504px;
	padding-bottom: 65px;
	background-image: url(../img/recruit/bg_mainimg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bg_pagettl_recruit h1 {
	max-width: 408px;
	margin: 0 auto;
}

.col_subcontent {
	margin-bottom: 70px;
}

.col_subcontent:last-of-type {
	margin-bottom: 0;
}

.col_subcontent.wide {
	padding-bottom: 50px;
}

.col_recruit {
	width: 100%;
	max-width: 870px;
	margin: 0 auto;
	padding: 0;
	color: #666;
	overflow: visible;
}

.col_subcontent:first-of-type .col_recruit {
	margin-bottom: -60px;
	position: relative;
	top: -60px;
}

.col_recruit.message {
	max-width: 100%;
	padding-top: 55px;
	padding-bottom: 110px;
}

.mds_recruit1 {
	max-width: 117px;
	margin: 0 auto 30px;
	padding: 0;
	line-height: 1;
}

.wrap_recruit_message {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
}

.wrap_recruit_message .grad {
	width: 580px;
	margin: 0;
	padding: 48px 30px 40px 35px;
	color: #fff;
	position: relative;
	z-index: 1;
}

.wrap_recruit_message .grad:before {
	content: "";
	width: 200%;
	height: 100%;
	background: rgb(0, 49, 128);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgba(0, 49, 128, 1) 0%, rgba(0, 98, 169, 1) 50%, rgba(24, 154, 131, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0, 49, 128, 1) 0%, rgba(0, 98, 169, 1) 50%, rgba(24, 154, 131, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0, 49, 128, 1) 0%, rgba(0, 98, 169, 1) 50%, rgba(24, 154, 131, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003180', endColorstr='#189a83', GradientType=1);
	/* IE6-9 */
	position: absolute;
	top: 0;
	right: 0;
	transform: skewX(-15deg);
	z-index: -1;
}

.wrap_recruit_message .grad::after {
	content: "";
	width: 492px;
	height: 323px;
	background-image: url(../img/recruit/deco_greeting1.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.wrap_recruit_message .grad p {
	margin: 0 0 20px;
	padding: 0;
	line-height: 2;
}

.wrap_recruit_message .grad dl {
	margin: 0 70px 0 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.wrap_recruit_message .grad dl dt {
	margin: 0 20px 0 0;
	padding: 0;
}

.wrap_recruit_message .grad dl dd {
	margin: 0;
	padding: 0;
}

.wrap_recruit_message .grad dl dd img {
	max-width: 130px;
}

.wrap_recruit_message .img {
	width: calc(100% - 580px);
	position: relative;
	z-index: 0;
}

.wrap_recruit_message .img::before {
	content: "";
	width: 534px;
	height: 550px;
	background-image: url(../img/recruit/img_greeting.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	position: absolute;
	top: 75px;
	right: -20px;
	z-index: -1;
}

.col_recruit.about {
	padding-top: 50px;
	padding-bottom: 35px;
}

.mds_recruit_about1 {
	max-width: 170px;
	margin: 0 auto 40px;
	padding: 0;
	line-height: 1;
}

ul.anchor_recruit {
	width: 100%;
	max-width: 652px;
	margin: 0 auto 50px;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

ul.anchor_recruit li {
	width: calc(100% / 3);
	margin: 0;
	padding: 0;
	border-right: solid 1px #919191;
	transform: .2s;
}

ul.anchor_recruit li:first-of-type {
	border-left: solid 1px #919191;
}

ul.anchor_recruit li:hover {
	background-color: #f2fff2;
}

ul.anchor_recruit li a {
	width: 100%;
	height: 52px;
	color: #666666;
	font-weight: 500;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap_recruit_about {
	width: 94%;
	max-width: 770px;
	margin: 0 auto 68px;
	padding: 0;
}

.wrap_recruit_about>div {
	margin: 0 auto;
	padding: 0;
}

.wrap_recruit_about>div .inner {
	width: 100%;
	height: 100%;
}

.mds_recruit_about2 {
	max-width: 180px;
	margin: 0 auto 16px;
	padding: 0;
	line-height: 1;
}

.cont_topNews {
	margin: 0;
	padding: 0;
	color: #666666;
}

.list_topNews {
	width: 100%;
	margin: 0;
	padding: 24px 30px 24px 14px;
	color: #666;
	text-decoration: none;
	border-bottom: solid 1px #919191;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 0;
	transition: .2s;
}

.list_topNews:hover {
	background-color: #f2fff2;
}

.link_topNews a:hover {
	text-decoration: underline;
}

.list_topNews::after {
	content: "";
	width: 7px;
	height: 7px;
	border-top: solid 2px #424242;
	border-right: solid 2px #424242;
	position: absolute;
	top: calc(50% - 3px);
	right: 10px;
	transform: rotate(45deg);
	transition: .2s;
}

.list_topNews .date {
	width: 158px;
	flex-shrink: 0;
}

.list_topNews .tag {
	width: 78px;
	padding: 1px 0;
	color: #fff;
	font-size: 13px;
	text-align: center;
	flex-shrink: 0;
}

.list_topNews .tag.news {
	background-color: #86abe2;
}

.list_topNews .tag.event {
	background-color: #98d600;
}

.list_topNews .tag.recruit {
	background-color: #ec7672;
}

.list_topNews .txt {
	padding: 0 0 0 40px;
}

.txt_noNews {
	padding: 40px 0;
	text-align: center;
}

.link_topNews {
	margin: 20px 6px 0 0;
	padding: 0;
	text-align: right;
}

.link_topNews a {
	padding: 0 25px 0 0;
	color: #666666;
	font-weight: 500;
	text-decoration: none;
	position: relative;
	z-index: 0;
	display: inline-block;
}

.link_topNews a::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: solid 1px #424242;
	border-right: solid 1px #424242;
	position: absolute;
	top: calc(50% - 3px);
	right: 0;
	transform: rotate(45deg);
}

.col_recruit.business {
	padding-top: 50px;
	padding-bottom: 60px;
}

.mds_recruit_business1 {
	max-width: 262px;
	margin: 0 auto 30px;
	padding: 0;
	line-height: 1;
}

.txt_recruit_business1 {
	margin: 0 0 40px;
	padding: 0;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1.7;
}

.wrap_recruit_business {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
	display: flex;
}

.wrap_recruit_business .cont {
	width: 48%;
	margin: 0 4% 0 0;
	padding: 0;
}

.wrap_recruit_business .cont:last-of-type {
	margin-right: 0;
}

.wrap_recruit_business .cont .box {
	margin: 0 0 40px;
	padding: 1px;
}

.wrap_recruit_business .cont .box .inner {
	margin: 0 0 1px;
	padding: 0;
	background-color: #fff;
	position: relative;
	z-index: 0;
}

.wrap_recruit_business .cont .box .inner:last-of-type {
	margin-bottom: 0;
}

.wrap_recruit_business .cont .box h3 {
	margin: 0;
	padding: 10px 10px;
	line-height: 1;
	background-color: #fff;
	display: inline-block;
	position: absolute;
	top: 26px;
	left: -26px;
}

.wrap_recruit_business .cont .box h3 img {
	width: auto;
	height: 43px;
}

.wrap_recruit_business .cont .box dl {
	margin: 0;
	padding: 16px 10px 16px;
	text-align: center;
}

.wrap_recruit_business .cont.corp .box dl {
	padding-bottom: 9px;
}

.wrap_recruit_business .cont .box dl dt {
	margin: 0 0 3px;
	padding: 0;
	line-height: 1.7;
}

.wrap_recruit_business .cont .box dl dd {
	margin: 0 auto;
	padding: 0;
}

.wrap_recruit_business .cont.private .box dl dd {
	max-width: 296px;
}

.wrap_recruit_business .cont.corp .box dl dd {
	max-width: 298px;
}

.wrap_recruit_business .cont .box ul {
	margin: 0;
	padding: 16px 20px 15px;
	list-style: none;
	line-height: 1.5;
	font-feature-settings: "palt";
}

.wrap_recruit_business .cont.private .box ul {
	padding-right: 100px;
	background-image: url(../img/recruit/img_docomo2.jpg);
	background-repeat: no-repeat;
	background-size: 96px auto;
	background-position: right 20px center;
}

.wrap_recruit_business .cont.corp .box ul {
	padding-right: 100px;
	background-image: url(../img/recruit/img_ntt2.jpg);
	background-repeat: no-repeat;
	background-size: 88px auto;
	background-position: right 10px center;
}

.wrap_recruit_business .cont .box ul li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.wrap_recruit_business .cont .box ul li * {
	text-indent: 0;
}

.wrap_recruit_business .cont a.grad1 {
	max-width: 272px;
	margin: 0 auto;
	padding: 15px 20px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	display: block;
	transition: .2s;
}

.wrap_recruit_business .cont a.grad1:hover {
	opacity: 0.75;
}


.col_recruit.works {
	padding-top: 50px;
	padding-bottom: 60px;
}

.mds_recruit_works1 {
	max-width: 338px;
	margin: 0 auto 50px;
	padding: 0;
	line-height: 1;
}

.wrap_recruit_works {
	margin: 0;
	padding: 1px;
}

.wrap_recruit_works .inner {
	padding: 50px 40px 70px;
	background-color: #fff;
}

.wrap_recruit_works .inner h3 {
	margin: 0 0 40px;
	padding: 0 0 0 20px;
	line-height: 1;
	border-left: solid 5px #4872b2;
}

.wrap_recruit_works .inner h3 img {
	width: 122px;
	display: inline-block;
}

.boxwrap_recruit_works {
	width: 100%;
	max-width: 772px;
	margin: 0 auto;
	padding: 0;
	display: flex;
}

.boxwrap_recruit_works .box {
	width: 31.5%;
	margin: 0 2.75% 0 0;
	padding: 0;
	background-color: #eef5fb;
}

.boxwrap_recruit_works .box:last-of-type {
	margin-right: 0;
}

.boxwrap_recruit_works .box .img {
	width: 100%;
	margin: 0;
}

.boxwrap_recruit_works .box dl {
	margin: 0;
	padding: 18px 0 0 0;
}

.boxwrap_recruit_works .box dl dt {
	margin: 0 0 10px;
	padding: 0 10px;
	text-align: center;
	line-height: 1;
}

.boxwrap_recruit_works .box dl dt img {
	width: auto;
	height: 19px;
}

.boxwrap_recruit_works .box dl dd.txt {
	margin: 0;
	padding: 0 10px 12px;
	text-align: left;
	line-height: 1.6;
}

.boxwrap_recruit_works .box dl dd.detail {
	height: 90px;
	margin: 0;
	padding: 10px 12px 10px;
	color: #fff;
	font-weight: 500;
	line-height: 1.55;
	background-color: #4e7eba;
	display: flex;
	align-items: center;
}

.boxwrap_recruit_works .box dl dd.detail.center {
	text-align: center;
	justify-content: center;
}

.figure_recruit_works {
	width: 893px;
	margin: 110px auto 100px;
	padding: 14px 0 0 0;
	position: relative;
	z-index: 0;
}

.bg_figure_works.sp_none {
	display: block;
}

.figure_recruit_works dl {
	margin: 0;
	padding: 0;
	position: absolute;
}

.figure_recruit_works dl.list1 {
	top: 80px;
	left: 0;
}

.figure_recruit_works dl.list2 {
	top: 204px;
	left: 0;
}

.figure_recruit_works dl.list3 {
	top: 350px;
	left: 0;
}

.figure_recruit_works dl.list4 {
	top: -12px;
	right: -25px;
}

.figure_recruit_works dl.list5 {
	top: 145px;
	right: -60px;
}

.figure_recruit_works dl.list6 {
	top: 288px;
	right: 32px;
}

.figure_recruit_works dl.list7 {
	top: -18px;
	right: 416px;
}

.figure_recruit_works dl dt {
	margin: 0;
	padding: 0;
}

.figure_recruit_works dl.list1 dt {
	width: 38px;
	margin: 0 0 0 175px;
}

.figure_recruit_works dl.list2 dt {
	width: 30px;
	margin: 0 0 0 135px;
}

.figure_recruit_works dl.list3 dt {
	width: 38px;
	margin: 0px 0 0 165px;
}

.figure_recruit_works dl.list4 dt {
	width: 70px;
	margin: 0px 205px 0 0;
}

.figure_recruit_works dl.list5 dt {
	width: 39px;
	margin: 0px 205px 0 0;
}

.figure_recruit_works dl.list6 dt {
	width: 53px;
	margin: 0px 205px 0 0;
}

.figure_recruit_works dl.list7 dt {
	width: 114px;
	margin: -23px 0px 14px 175px;
}

.figure_recruit_works dl dd.img {
	margin: 0;
	padding: 0;
	position: absolute;
}

.figure_recruit_works dl.list1 dd.img {
	top: -34px;
	left: 34px;
}

.figure_recruit_works dl.list2 dd.img {
	top: -32px;
	left: 11px;
}

.figure_recruit_works dl.list3 dd.img {
	top: -32px;
	left: 42px;
}

.figure_recruit_works dl.list4 dd.img {
	top: -32px;
	right: 65px;
}

.figure_recruit_works dl.list5 dd.img {
	top: -32px;
	right: 65px;
}

.figure_recruit_works dl.list6 dd.img {
	top: -32px;
	right: 65px;
}

.figure_recruit_works dl.list7 dd.img {
	top: -34px;
	left: 34px;
}


.figure_recruit_works dl dd.img .trimming {
	width: 118px;
	display: block;
	transform: skewX(-15deg);
	overflow: hidden;
}

.figure_recruit_works dl dd.img .trimming img {
	transform: skewX(15deg) scale(1.15);
}

.figure_recruit_works dl dd.txt {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.figure_recruit_works dl.list1 dd.txt {
	padding: 12px 0 0 25px;
}

.figure_recruit_works dl.list2 dd.txt {
	padding: 12px 0 0 5px;
}

.figure_recruit_works dl.list3 dd.txt {
	padding: 12px 0 0 35px;
}

.figure_recruit_works dl.list4 dd.txt {
	padding: 12px 0 0 0;
}

.figure_recruit_works dl.list5 dd.txt {
	padding: 12px 0 0 0;
}

.figure_recruit_works dl.list6 dd.txt {
	padding: 12px 0 0 0;
}

.figure_recruit_works dl.list7 dd.txt {
	padding: 0px 0 0 25px;
}

.wrap_recruit_works.sales .inner h3 {
	padding-left: 10px;
}

.wrap_recruit_works.sales .inner h3 img {
	max-width: 78px;
}

.col_recruit.growth {
	padding-top: 50px;
	padding-bottom: 85px;
}

.mds_recruit_growth1 {
	max-width: 302px;
	margin: 0 auto 38px;
	padding: 0;
	line-height: 1;
}

.txt_recruit_growth1 {
	margin: 0 0 50px;
	padding: 0;
	text-align: center;
}

.wrap_recruit_growth {
	margin: 0;
	padding: 1px;
}

.wrap_recruit_growth.shopstaff {
	margin-bottom: 65px;
}

.wrap_recruit_growth .inner {
	padding: 50px 40px 50px;
	background-color: #fff;
}

.wrap_recruit_growth .inner h3 {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 1;
	border-left: solid 5px #4872b2;
	position: relative;
	z-index: 1;
}

.wrap_recruit_growth .inner h3 img {
	width: 192px;
	display: inline-block;
}

.wrap_recruit_growth.sales .inner h3 img {
	width: 78px;
	display: inline-block;
}

.img_recruit_growth1 {
	max-width: 774px;
	margin: 0 auto -25px;
	position: relative;
	z-index: 0;
	top: -25px;
}

.scrollbtn {
	display: none;
}

.col_recruit.data {
	padding-top: 50px;
	padding-bottom: 55px;
}

.mds_recruit_data1 {
	max-width: 220px;
	margin: 0 auto 55px;
	padding: 0;
	line-height: 1;
}

.wrap_recruit_data {
	width: 100%;
	margin: 0 0 35px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wrap_recruit_data:last-of-type {
	margin-bottom: 0;
}

.wrap_recruit_data.col3 dl.box {
	width: 270px;
}

.wrap_recruit_data.col2 dl.box {
	width: 418px;
}

.wrap_recruit_data.col1 dl.box {
	width: 868px;
}

.wrap_recruit_data dl.box {
	margin: 0;
	padding: 0;
}

.wrap_recruit_data dl.box:last-of-type {
	margin-right: 0;
}

.wrap_recruit_data dl.box dt {
	margin: 0 auto 13px;
	padding: 0;
}

.wrap_recruit_data dl.box.data1 dt {
	max-width: 96px;
}

.wrap_recruit_data dl.box.data2 dt {
	max-width: 78px;
}

.wrap_recruit_data dl.box.data3 dt {
	max-width: 78px;
}

.wrap_recruit_data dl.box.data4 dt {
	max-width: 74px;
}

.wrap_recruit_data dl.box.data5 dt {
	max-width: 97px;
}

.wrap_recruit_data dl.box.data6 dt {
	max-width: 95px;
}

.wrap_recruit_data dl.box dd {
	margin: 0;
	padding: 0;
}

.wrap_recruit_data dl.box dd h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 26px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.04em;
	text-indent: 0.04em;
}

.wrap_recruit_data dl.box.data1 dd h3 {
	margin-bottom: 11px;
}

.wrap_recruit_data dl.box dd .col {
	margin: 0 0 15px;
	padding: 10px 10px 10px;
	line-height: 1.25;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
}

.wrap_recruit_data dl.box dd .col .blue {
	color: #0071bb;
}

.wrap_recruit_data dl.box dd .col .green {
	color: #22b473;
}

.wrap_recruit_data dl.box dd .col .green svg path {
	fill: #22b473;
}

.wrap_recruit_data dl.box dd .col:last-of-type {
	margin-bottom: 0;
}

.wrap_recruit_data dl.box dd .col.fs17 {
	padding-top: 8px;
	padding-bottom: 4px;
	font-size: 17px;
	line-height: 1.75;
}

.wrap_recruit_data dl.box dd .col .num {
	line-height: 1;
	display: inline-block;
	vertical-align: text-top;

}

.wrap_recruit_data dl.box dd .col .num svg {
	margin: 0 1px;
	line-height: 1;
	display: inline-block;
	vertical-align: baseline;
}

.note_recruit_data {
	margin: 7px 0 0 0;
	font-size: 15px;
	text-align: right;
}



.col_recruit.fun {
	padding-top: 50px;
	padding-bottom: 55px;
}

.mds_recruit_fun1 {
	max-width: 218px;
	margin: 0 auto 62px;
	padding: 0;
	line-height: 1;
}

.wrap_recruit_fun {
	width: 100%;
	max-width: 842px;
	margin: 0 auto;
	padding: 0;
	display: flex;
}

.wrap_recruit_fun dl {
	width: 30%;
	margin: 0 5% 0 0;
	padding: 0;
}

.wrap_recruit_fun dl:last-of-type {
	margin-right: 0;
}

.wrap_recruit_fun dl dt {
	margin: 0;
	padding: 11px 10px 12px;
	color: #fff;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
}

.wrap_recruit_fun dl dd {
	margin: 0 0 18px;
	padding: 0;
}

.wrap_recruit_fun dl dd:last-of-type {
	margin-bottom: 0;
}



.col_recruit.voice {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mds_recruit_voice1 {
	max-width: 98px;
	margin: 0 auto 45px;
	padding: 0;
	line-height: 1;
}

.wrap_swiper {
	margin: 0 auto 40px;
	position: relative;
}

.swiper-container {
	max-width: 860px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	width: 100%;
}


.wrap_swiper .swiper-button-prev {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background-color: rgba(0, 0, 0, 0.36);
	background-image: url(../img/voice/prev_slide.png);
	background-size: 8px 15px;
	border-radius: 50%;
	top: calc(50% - 30px);
	left: -35px;
}

.wrap_swiper .swiper-button-next {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background-color: rgba(0, 0, 0, 0.36);
	background-image: url(../img/voice/next_slide.png);
	background-size: 8px 15px;
	border-radius: 50%;
	top: calc(50% - 30px);
	right: -35px;
}

.wrap_swiper img {
	margin: 0 0 5px;
}

.wrap_swiper .name {
	display: flex;
	justify-content: center;
}

.wrap_swiper .name span {
	display: inline-block;
	padding-right: 20px;
	position: relative;
}

.wrap_swiper .name span::after {
	content: "";
	width: 7px;
	height: 7px;
	border-top: solid 2px #595757;
	border-right: solid 2px #595757;
	position: absolute;
	top: calc(50% - 3px);
	right: 0;
	transform: rotate(45deg);
	transition: .2s;
}

.wrap_swiper a {
	color: #595757;
	text-decoration: none;
}

.wrap_swiper img {
	transition: .2s;
}


@media all and (-ms-high-contrast: none) {
	.swiper-slide {
		display: block;
	}
}


.mds_recruit_voice2 {
	max-width: 560px;
	margin: 0 auto 30px;
	padding: 0;
	line-height: 1;
}

.cont_btnarea_recruit {
	max-width: 430px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
}

.cont_btnarea_recruit a {
	width: calc(50% - 6px);
	max-width: 190px;
	height: 46px;
	margin: 0;
	padding: 9px 12px 0 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #1797A9;
	box-sizing: border-box;
	display: block;
	position: relative;
	z-index: 0;
}

.cont_btnarea_recruit a.career {
	background-color: #003067;
}

.cont_btnarea_recruit a:before {
	content: "";
	width: 6px;
	height: 6px;
	margin: 0;
	padding: 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 4px);
	right: 15px;
}




/* ---------------------------------------------------------------
	start max 1200px
--------------------------------------------------------------- */

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

/* ---------------------------------------------------------------
	end max 1200px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

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

	.wrap_recruit_message .grad {
		width: 62%;
		padding-right: 6%;
		padding-left: 3%;
	}

	.wrap_recruit_message .grad:before {
		width: 140%;
	}

	.wrap_recruit_message .img {
		width: 38%;
	}

	.wrap_recruit_message .img::before {
		width: 485px;
	}

	.wrap_recruit_about {
		display: block;
	}

	.wrap_recruit_about>div {
		margin: 0 auto 30px;
	}

	.wrap_recruit_about .instagram {
		width: 480px;
		margin: 0 auto;
	}

	.wrap_recruit_business {
		width: 96%;
		max-width: 500px;
		display: block;
	}

	.wrap_recruit_business .cont {
		width: 100%;
		margin: 0 0 45px;
	}

	.wrap_recruit_business .cont:last-of-type {
		margin-bottom: 0;
	}

	.wrap_recruit_business .cont .box {
		margin-bottom: 25px;
	}

	.boxwrap_recruit_works .box dl dd.txt {
		height: 110px;
	}

	.boxwrap_recruit_works .box dl dd.detail {
		height: 115px;
	}

	.figure_recruit_works {
		width: 750px;
	}

	.figure_recruit_works dl dd.img .trimming {
		width: 100px;
	}

	.figure_recruit_works dl.list1 {
		top: 66px;
	}

	.figure_recruit_works dl.list2 {
		top: 172px;
	}

	.figure_recruit_works dl.list3 {
		top: 300px;
	}

	.figure_recruit_works dl.list5 {
		top: 121px;
		right: -80px;
	}

	.figure_recruit_works dl.list6 {
		top: 245px;
		right: 4px;
	}

	.figure_recruit_works dl.list7 {
		top: -13px;
		right: 361px;
	}

	.figure_recruit_works dl.list7 dt {
		width: 114px;
		margin: -23px 0px 9px 146px;
	}

	.figure_recruit_works dl.list1 dt {
		margin-left: 145px;
	}

	.figure_recruit_works dl.list2 dt {
		margin-left: 115px;
	}

	.figure_recruit_works dl.list3 dt {
		margin-left: 140px;
	}

	.figure_recruit_works dl.list4 dt {
		margin-right: 170px;
	}

	.figure_recruit_works dl.list1 dd.img {
		top: -23px;
	}

	.figure_recruit_works dl.list2 dd.img {
		top: -21px;
		left: 9px;
	}

	.figure_recruit_works dl.list3 dd.img {
		top: -23px;
		left: 35px;
	}

	.figure_recruit_works dl.list4 dd.img {
		top: -23px;
		right: 50px;
	}

	.figure_recruit_works dl.list5 dd.img {
		top: -23px;
		right: 81px;
	}

	.figure_recruit_works dl.list6 dd.img {
		top: -24px;
		right: 81px;
	}

	.figure_recruit_works dl.list7 dd.img {
		top: -28px;
	}

	.sales .boxwrap_recruit_works .box dl dd.txt {
		height: auto;
	}

	.wrap_recruit_data.col3 dl.box {
		width: 31.5%;
	}

	.wrap_recruit_data.col2 dl.box {
		width: 48.5%;
	}

	.swiper-container {
		width: 90%;
	}

	.wrap_swiper .swiper-button-prev {
		left: 0;
	}

	.wrap_swiper .swiper-button-next {
		right: 0;
	}



}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start max 850px
--------------------------------------------------------------- */

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

	.col_recruit.message {
		padding-bottom: 60px;
	}

	.wrap_recruit_message .img::before {
		width: 435px;
	}

	.list_topNews .date {
		width: 135px;
	}

	.list_topNews .txt {
		padding-left: 25px;
	}

	.wrap_recruit_works .inner {
		padding: 35px 30px 35px;
	}

	.wrap_recruit_works .inner h3 {
		margin-bottom: 25px;
	}

	.boxwrap_recruit_works .box dl dd.detail {
		height: 140px;
	}

	.wrap_recruit_growth .inner {
		padding: 35px 30px 35px;
	}

	.figure_recruit_works {
		width: 98%;
		max-width: 600px;
		margin: 50px auto 50px;
	}

	.bg_figure_works.sp_none {
		display: none;
	}

	.bg_figure_works.pc_none {
		margin-bottom: 50px;
		display: block;
	}

	.figure_recruit_works dl {
		max-width: 500px;
		margin: 0 auto 20px;
		min-height: 1px;
		position: static;
	}

	.figure_recruit_works dl::after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	.figure_recruit_works dl[class*="list"] dt {
		width: calc(100% - 185px);
		margin: 0;
		padding-bottom: 5px;
		padding-left: 5px;
		line-height: 1;
		float: right;
	}

	.figure_recruit_works dl[class*="list"]:nth-of-type(even) dt {
		float: left;
	}

	.figure_recruit_works dl[class*="list"] dt img {
		width: auto;
		height: 19px;
	}

	.figure_recruit_works dl.list7 .sp_none {
		display: none;
	}


	.figure_recruit_works dl.list2 dt img,
	.figure_recruit_works dl.list4 dt img {
		height: 17px;
	}

	.figure_recruit_works dl dd.img {
		width: 185px;
		padding-right: 15px;
		position: static;
		float: left;
	}

	.figure_recruit_works dl:nth-of-type(even) dd.img {
		padding-right: 0;
		padding-left: 15px;
		float: right;
	}

	.figure_recruit_works dl dd.img .trimming {
		width: 100%;
		transform: skewX(0deg);
		overflow: visible;
	}

	.figure_recruit_works dl dd.img .trimming img {
		transform: skewX(0deg) scale(1);
	}

	.figure_recruit_works dl dd.txt {
		width: calc(100% - 185px);
		float: right;
		position: relative;
		z-index: 0;
	}

	.figure_recruit_works dl:nth-of-type(even) dd.txt {
		float: left;
	}

	.figure_recruit_works dl[class*="list"] dd.txt {
		padding: 5px 0 0 3px;
	}

	.figure_recruit_works dl dd.txt::before {
		content: "";
		width: 100%;
		height: 1px;
		background: rgb(0, 98, 170);
		/* Old browsers */
		background: -moz-linear-gradient(left, rgba(0, 98, 170, 1) 0%, rgba(22, 152, 134, 1) 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(0, 98, 170, 1) 0%, rgba(22, 152, 134, 1) 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(0, 98, 170, 1) 0%, rgba(22, 152, 134, 1) 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0062aa', endColorstr='#169886', GradientType=1);
		/* IE6-9 */
		position: absolute;
		top: 0;
		left: 0;
	}

	.mds_recruit_data1 {
		margin-bottom: 30px;
	}

	.wrap_recruit_data {
		max-width: 500px;
		margin: 0 auto 35px;
		display: block;
	}

	.wrap_recruit_data dl.box {
		margin-bottom: 50px;
	}

	.wrap_recruit_data dl.box:last-of-type {
		margin-bottom: 0;
	}

	.wrap_recruit_data.col3 dl.box,
	.wrap_recruit_data.col2 dl.box,
	.wrap_recruit_data.col1 dl.box {
		width: 100%;
	}

	.wrap_recruit_data dl.box dd .sp_none {
		display: none;
	}

	.wrap_recruit_data dl.box dd .pc_none {
		display: block;
	}

	.mds_recruit_fun1 {
		margin-bottom: 35px;
	}



}

/* ---------------------------------------------------------------
	end max 850px
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
	start min 701px
--------------------------------------------------------------- */

@media print,
screen and (min-width: 701px) {

	.cont_btnarea_recruit a {
		transition: opacity .3s;
	}

	.cont_btnarea_recruit a:hover {
		opacity: 0.8;
	}



}

/* ---------------------------------------------------------------
	end min 701px
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media print,
screen and (max-width: 700px) {

	.bg_pagettl_recruit {
		height: 98vw;
		padding-bottom: 5vw;
		background-image: url(../img/recruit/sp/bg_mainimg.jpg);
		background-size: 100% auto;
	}

	.bg_pagettl_recruit h1 {
		width: 58vw;
	}

	.col_subcontent {
		margin-bottom: 0;
		position: relative;
		z-index: 0;
	}

	.col_subcontent::after {
		content: "";
		width: 100%;
		height: 100%;
		margin: 0 auto;
		background-image: url(../img/recruit/sp/bg_recruit.gif);
		background-size: 175% auto;
		background-repeat: repeat-y;
		background-position: center top;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
	}

	.col_subcontent.wide {
		padding-left: 0;
		padding-right: 0;
	}

	.col_subcontent:first-of-type .col_recruit {
		margin-bottom: 0;
		padding-bottom: 0;
		top: 0;
	}

	.col_recruit.message {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.mds_recruit1 {
		margin-bottom: 20px;
	}

	.wrap_recruit_message {
		padding: 45px 0 30px;
		flex-direction: column;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}

	.wrap_recruit_message::before {
		content: "";
		width: 100%;
		height: 100%;
		background: rgb(0, 49, 128);
		/* Old browsers */
		background: -moz-linear-gradient(left, rgba(0, 49, 128, 1) 0%, rgba(0, 98, 169, 1) 50%, rgba(24, 154, 131, 1) 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(0, 49, 128, 1) 0%, rgba(0, 98, 169, 1) 50%, rgba(24, 154, 131, 1) 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(0, 49, 128, 1) 0%, rgba(0, 98, 169, 1) 50%, rgba(24, 154, 131, 1) 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003180', endColorstr='#189a83', GradientType=1);
		/* IE6-9 */
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.wrap_recruit_message::after {
		content: "";
		width: 100%;
		height: 100%;
		background-image: url(../img/recruit/sp/deco_greeting1.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}

	.wrap_recruit_message .grad {
		width: 100%;
		padding: 25px 5% 0;
		order: 1;
	}

	.wrap_recruit_message .grad:before,
	.wrap_recruit_message .grad::after {
		content: none;
	}

	.wrap_recruit_message .grad dl {
		margin-right: 0;
	}

	.wrap_recruit_message .img {
		width: 95%;
		margin: 0 0 0 auto;
		order: 0;
	}

	.wrap_recruit_message .img::before {
		content: none;
	}

	.col_recruit.about {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.mds_recruit_about1 {
		margin-bottom: 25px;
	}

	ul.anchor_recruit {
		margin-bottom: 30px;
	}

	ul.anchor_recruit li a {
		height: auto;
		min-height: 46px;
		padding: 4px 6px;
		line-height: 1.3;
		text-align: center;
	}

	.wrap_recruit_about>div {
		width: 100%;
		height: auto;
	}

	.wrap_recruit_about>div .inner {
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
		position: relative;
	}

	.wrap_recruit_about>div .inner iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.wrap_recruit_about .instagram {
		width: 100%;
		height: 270px;
	}

	.wrap_recruit_about .instagram {
		font-size: 18px;
		letter-spacing: 0;
		text-indent: 0
	}


	.list_topNews {
		padding: 20px 0px 20px 10px;
		flex-wrap: wrap;
	}

	.list_topNews::after {
		content: none;
	}

	.list_topNews .date {
		width: 125px;
	}

	.list_topNews .tag {
		width: 72px;
		padding: 0;
	}

	.link_topNews {
		margin-top: 15px;
		margin-right: 10px;
	}

	.list_topNews .txt {
		width: 100%;
		margin: 5px 0 0 0;
		padding: 0;
		line-height: 1.65;
	}

	.link_topNews a {
		padding-right: 15px;
	}

	.col_recruit.business {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.txt_recruit_business1 {
		font-size: 18px;
		line-height: 1.4;
	}

	.wrap_recruit_business .cont {
		margin-bottom: 55px;
	}

	.wrap_recruit_business .cont .box h3 {
		margin: 0 auto;
		padding: 0 6px;
		top: -30px;
		left: 7px;
	}

	.wrap_recruit_business .cont .box dl {
		padding: 25px 10px 12px;
	}

	.wrap_recruit_business .cont .box dl dd {
		width: 92%;
	}

	.wrap_recruit_business .cont .box ul {
		padding: 15px 15px 13px;
		background-position: right 20px top 12px;
	}

	.wrap_recruit_business .cont.private .box ul {
		background-size: 80px auto;
		background-position: right 13px center;
	}

	.wrap_recruit_business .cont.corp .box ul {
		background-size: 70px auto;
	}

	.wrap_recruit_business .cont a.grad1 {
		max-width: 220px;
	}

	.col_recruit.works {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.mds_recruit_works1 {
		max-width: 214px;
		margin-bottom: 25px;
	}

	.wrap_recruit_works .inner {
		padding: 25px 20px 25px;
	}

	.wrap_recruit_works .inner h3 {
		margin-bottom: 18px;
	}

	.boxwrap_recruit_works {
		display: block;
	}

	.boxwrap_recruit_works .box {
		width: 100%;
		margin: 0 0 30px;
	}

	.boxwrap_recruit_works .box:last-of-type {
		margin-bottom: 0;
	}

	.boxwrap_recruit_works .box dl dd.txt {
		height: auto;
	}

	.boxwrap_recruit_works .box dl dd.detail {
		height: auto;
		padding: 12px 15px 12px;
	}

	.figure_recruit_works {
		width: 100%;
		margin: 5vw auto 12vw;
	}

	.figure_recruit_works dl {
		margin-bottom: 30px;
	}

	.figure_recruit_works dl:last-of-type {
		margin-bottom: 0;
	}

	.col_recruit.growth {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.mds_recruit_growth1 {
		margin-bottom: 20px;
	}

	.txt_recruit_growth1 {
		margin-bottom: 20px;
		text-align: left;
	}

	.wrap_recruit_growth.shopstaff {
		margin-bottom: 30px;
	}

	.wrap_recruit_growth .inner {
		padding: 25px 0 20px 20px;
		position: relative;
		z-index: 0;
	}

	.wrap_recruit_growth .inner h3 {
		margin-bottom: 10px;
	}

	.img_recruit_growth1 {
		margin-bottom: 0;
		top: 0;
		overflow: scroll;
	}

	.img_recruit_growth1 img {
		width: 700px;
		max-width: inherit !important;
		height: auto;
	}

	.scrollbtn {
		width: 100%;
		position: absolute;
		top: 80px;
		left: 0;
		display: block;
	}

	.scrollbtn span {
		width: 46px;
		height: 46px;
		background-color: rgba(0, 0, 0, 0.4);
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: 20px;
		z-index: 1;
	}

	.scrollbtn span::after {
		content: "";
		width: 13px;
		height: 13px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		position: absolute;
		top: 16px;
		left: 13px;
		transform: rotate(45deg);
	}

	.col_recruit.data {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.wrap_recruit_data dl.box {
		margin-bottom: 10vw;
	}

	.col_recruit.fun {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.mds_recruit_fun1 {
		margin-bottom: 30px;
	}

	.wrap_recruit_fun {
		display: block;
	}

	.wrap_recruit_fun dl {
		width: 100%;
		margin: 0 0 10vw;
	}

	.wrap_recruit_fun dl:last-of-type {
		margin-bottom: 0;
	}

	.wrap_recruit_fun dl dd {
		margin-bottom: 5vw;
	}

	.col_recruit.voice {
		padding-top: 20px;
		padding-bottom: 40px;
	}

	.mds_recruit_voice1 {
		margin-bottom: 25px;
	}

	.wrap_swiper {
		margin-bottom: 0;
	}

	.swiper-container {
		width: 84%;
	}

	.mds_recruit_voice2 {
		max-width: 420px;
	}


}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

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

	.wrap_recruit_about {
		width: 100%;
	}

	.wrap_recruit_about .instagram {
		height: 230px;
	}

	.wrap_recruit_about .instagram dl {
		padding-top: 25px;
	}

	.wrap_recruit_about .instagram dl dt {
		width: 72px;
	}

	.wrap_recruit_about .instagram dl dd.logo {
		max-width: 180px;
	}

	.figure_recruit_works dl[class*="list"] dt,
	.figure_recruit_works dl dd.txt {
		width: calc(100% - 130px);
	}

	.figure_recruit_works dl dd.img {
		width: 130px;
	}




}

/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start max 400px
--------------------------------------------------------------- */

@media screen and (max-width: 400px) {
	    .figure_recruit_works dl.list7 dt img {
        width: 100%;
        height: auto;
    }
}

	/* ---------------------------------------------------------------
	end max 400px
--------------------------------------------------------------- */