/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		background: transparent;
}

body {
		line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
}

ul {
		list-style: none;
}

blockquote, q {
		quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: '';
		content: none;
}

a {
		margin: 0;
		padding: 0;
		vertical-align: baseline;
		background: transparent;
}

ins {
		background-color: #ff9;
		color: #000;
		text-decoration: none;
}

mark {
		background-color: #ff9;
		color: #000;
		font-style: italic;
		font-weight: bold;
}

del {
		text-decoration: line-through;
}

abbr[title], dfn[title] {
		border-bottom: 1px dotted;
		cursor: help;
}

table {
		border-collapse: collapse;
		border-spacing: 0;
}

hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #cccccc;
		margin: 1em 0;
		padding: 0;
}

input, select {
		vertical-align: middle;
}

html, body {
		width: 100%;
}

a {
		color: #B30910;
}

/*--------------------------------------------------------person*/
#recruit {
		color: #333333;
		overflow-x: hidden;
}

#recruit .lt_center {
		margin: 0 139px 0 229px;
}

#recruit .lt_right {
		padding: 0 0 0 100px;
}

#recruit .lt_left {
		margin: 0 139px 0 100px;
}

#recruit .lt_right_s {
		margin: 0 0 0 229px;
}

@media (max-width: 1366px) {
		#recruit .lt_center {
				margin: 0 10.1757vw 0 16.76428vw;
		}
		#recruit .lt_right {
				padding: 0 0 0 7.32064vw;
		}
		#recruit .lt_left {
				margin: 0 10.1757vw 0 7.32064vw;
		}
		#recruit .lt_right_s {
				margin: 0 0 0 16.76428vw;
		}
}

@media (max-width: 780px) {
		#recruit .lt_center {
				margin: 0 auto;
		}
		#recruit .lt_right {
				margin: 0 auto;
		}
		#recruit .lt_left {
				margin: 0 auto;
		}
		#recruit .lt_right_s {
				margin: 0 auto;
		}
}

#recruit .inner {
		background: white;
		background: linear-gradient(90deg, white 0, white 100px, #f4f4f4 100px, #f4f4f4 1366px);
		width: 100%;
		height: auto;
		position: relative;
		/*--------------------------------------------------------head*/
		/*--------------------------------------------------------s1*/
		/*--------------------------------------------------------s6*/
}

@media (max-width: 1366px) {
		#recruit .inner {
				background: white;
				background: linear-gradient(90deg, white 0, white 7.32064vw, #f4f4f4 7.32064vw, #f4f4f4 100vw);
		}
}

@media (max-width: 780px) {
		#recruit .inner {
				background: #f4f4f4;
				width: 100%;
				height: auto;
				position: relative;
		}
}

#recruit .inner .sideicon {
		position: absolute;
		top: 140px;
		left: 26px;
}

#recruit .inner .sideicon .ico {
		position: fixed;
		z-index: 12;
}

@media (max-width: 1366px) {
		#recruit .inner .sideicon {
				position: absolute;
				top: 10.2489vw;
				left: 1.90337vw;
		}
		#recruit .inner .sideicon .ico {
				position: fixed;
				z-index: 12;
		}
}

@media (max-width: 780px) {
		#recruit .inner .sideicon {
				position: absolute;
				width: 100%;
				height: 13vw;
				top: 0;
				left: 0;
				right: 0;
				background-color: #333;
		}
		#recruit .inner .sideicon .ico {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				right: 5vw;
				left: 71vw;
				z-index: 12;
		}
		#recruit .inner .sideicon .c_ttl {
				font-size: 3.84615vw;
				color: #fff;
				line-height: 1;
				position: absolute;
				left: 5vw;
				top: 50%;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
}

#recruit .inner .head {
		text-align: center;
}

#recruit .inner .head .lt_right .grad_bk {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 1266px;
		height: 200px;
		background: #b5080f;
		background: -webkit-linear-gradient(left, #b5080f 0%, #333333 100%);
		background: -o-linear-gradient(left, #b5080f 0%, #333333 100%);
		background: linear-gradient(to right, #b5080f 0%, #333333 100%);
}

#recruit .inner .head .lt_right h1 {
		font-size: 34px;
		line-height: 1;
		font-weight: 400;
		display: inline;
		color: #fff;
		margin-left: -100px;
}

@media (max-width: 1366px) {
		#recruit .inner .head {
				text-align: center;
		}
		#recruit .inner .head .lt_right .grad_bk {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 92.67936vw;
				height: 14.64129vw;
				background: #b5080f;
				background: -webkit-linear-gradient(left, #b5080f 0%, #333333 100%);
				background: -o-linear-gradient(left, #b5080f 0%, #333333 100%);
				background: linear-gradient(to right, #b5080f 0%, #333333 100%);
		}
		#recruit .inner .head .lt_right h1 {
				font-size: 2.48902vw;
				line-height: 1;
				font-weight: 400;
				display: inline;
				color: #fff;
				margin-left: -7.32064vw;
		}
}

@media (max-width: 780px) {
		#recruit .inner .head {
				padding-top: 13vw;
		}
		#recruit .inner .head .lt_right {
				padding: 0;
		}
		#recruit .inner .head .lt_right .grad_bk {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 25.64103vw;
				background: #b5080f;
				background: -webkit-linear-gradient(left, #b5080f 0%, #333333 100%);
				background: -o-linear-gradient(left, #b5080f 0%, #333333 100%);
				background: linear-gradient(to right, #b5080f 0%, #333333 100%);
		}
		#recruit .inner .head .lt_right h1 {
				font-size: 4.35897vw;
				line-height: 1;
				font-weight: 400;
				display: inline;
				color: #fff;
				margin-left: 0;
		}
}

#recruit .inner .s1 {
		padding: 0 0 100px;
}

#recruit .inner .s1 h2 {
		font-size: 24px;
		line-height: 1;
		color: #333;
		font-weight: 400;
		margin: 90px auto;
		display: block;
		text-align: center;
}

#recruit .inner .s1 ul {
		display: flex;
		flex-wrap: wrap;
		width: 1088px;
		margin: 0 auto;
}

#recruit .inner .s1 li {
		background-color: #fff;
		flex-basis: 1088px;
		max-width: 1088px;
		margin-bottom: 30px;
}

#recruit .inner .s1 li .li_inner_flex {
		display: flex;
		justify-content: space-between;
		padding: 25px 75px;
		width: 100%;
}

#recruit .inner .s1 li .li_inner_flex .ttl {
		flex-basis: 200px;
		max-width: 200px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.9;
}

#recruit .inner .s1 li .li_inner_flex .ttl::before {
		content: '';
		display: block;
		height: 0;
		width: 0;
		margin-top: calc((1 - 1.9) * 0.5em);
}

#recruit .inner .s1 li .li_inner_flex .sumarry {
		flex-basis: 738px;
		max-width: 738px;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.9;
}

#recruit .inner .s1 li .li_inner_flex .sumarry::before {
		content: '';
		display: block;
		height: 0;
		width: 0;
		margin-top: calc((1 - 1.9) * 0.5em);
}

@media (max-width: 1366px) {
		#recruit .inner .s1 {
				padding: 0 0 7.32064vw;
		}
		#recruit .inner .s1 h2 {
				font-size: 1.75695vw;
				line-height: 1;
				color: #333;
				font-weight: 400;
				margin: 6.58858vw auto;
				display: block;
				text-align: center;
		}
		#recruit .inner .s1 ul {
				display: flex;
				flex-wrap: wrap;
				width: 79.64861vw;
				margin: 0 auto;
		}
		#recruit .inner .s1 li {
				background-color: #fff;
				flex-basis: 79.64861vw;
				max-width: 79.64861vw;
				margin-bottom: 2.19619vw;
		}
		#recruit .inner .s1 li .li_inner_flex {
				display: flex;
				justify-content: space-between;
				padding: 1.83016vw 5.49048vw;
				width: 100%;
		}
		#recruit .inner .s1 li .li_inner_flex .ttl {
				flex-basis: 14.64129vw;
				max-width: 14.64129vw;
				font-size: 1.1713vw;
				font-weight: 600;
				line-height: 1.9;
		}
		#recruit .inner .s1 li .li_inner_flex .ttl::before {
				content: '';
				display: block;
				height: 0;
				width: 0;
				margin-top: calc((1 - 1.9) * 0.5em);
		}
		#recruit .inner .s1 li .li_inner_flex .sumarry {
				flex-basis: 54.02635vw;
				max-width: 54.02635vw;
				font-size: 1.1713vw;
				font-weight: 400;
				line-height: 1.9;
		}
		#recruit .inner .s1 li .li_inner_flex .sumarry::before {
				content: '';
				display: block;
				height: 0;
				width: 0;
				margin-top: calc((1 - 1.9) * 0.5em);
		}
}

@media (max-width: 780px) {
		#recruit .inner .s1 {
				padding: 0;
		}
		#recruit .inner .s1 h2 {
				font-size: 3.84615vw;
				line-height: 1;
				color: #333;
				font-weight: 400;
				margin: 18.20513vw auto;
				display: block;
				text-align: center;
		}
		#recruit .inner .s1 ul {
				display: flex;
				flex-wrap: wrap;
				width: 90vw;
				margin: 0 auto 20vw;
		}
		#recruit .inner .s1 li {
				background-color: #fff;
				flex-basis: 100%;
				max-width: 100%;
				margin-bottom: 3vw;
		}
		#recruit .inner .s1 li .li_inner_flex {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				padding: 7vw 5vw;
				width: 100%;
		}
		#recruit .inner .s1 li .li_inner_flex .ttl {
				flex-basis: 100%;
				max-width: 100%;
				font-size: 3.58974vw;
				font-weight: 600;
				line-height: 1;
				margin-bottom: 4vw;
		}
		#recruit .inner .s1 li .li_inner_flex .ttl::before {
				content: '';
				display: block;
				height: 0;
				width: 0;
				margin-top: calc((1 - 1) * 0.5em);
		}
		#recruit .inner .s1 li .li_inner_flex .sumarry {
				flex-basis: 100%;
				max-width: 100%;
				font-size: 3.58974vw;
				font-weight: 400;
				line-height: 1.7;
		}
		#recruit .inner .s1 li .li_inner_flex .sumarry::before {
				content: '';
				display: block;
				height: 0;
				width: 0;
				margin-top: calc((1 - 1.7) * 0.5em);
		}
}

#recruit .inner .s6 {
		background-image: url(../../common/img/bottom_entry_bg.png);
		background-image: image-set(url(../../common/img/bottom_entry_bg.png) 1x, url(../../common/img/bottom_entry_bg__2x.png) 2x);
		background-image: -webkit-image-set(url(../../common/img/bottom_entry_bg.png) 1x, url(../../common/img/bottom_entry_bg__2x.png) 2x);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
		height: 500px;
		position: relative;
}

#recruit .inner .s6 .entry {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		width: 700px;
		text-align: center;
}

#recruit .inner .s6 .bottom_entry {
		background-color: #333;
		width: 700px;
		height: 120px;
}

#recruit .inner .s6 .bottom_entry span {
		font-size: 26px;
		line-height: 1;
		font-weight: 400;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
}

#recruit .inner .s6 .bottom_entry:hover {
		background-color: #B30B12;
}

#recruit .inner .s6 .bottom_logo {
		margin-top: 25px;
}

@media (max-width: 1366px) {
		#recruit .inner .s6 {
				background-image: url(../../common/img/bottom_entry_bg.png);
				background-image: image-set(url(../../common/img/bottom_entry_bg.png) 1x, url(../../common/img/bottom_entry_bg__2x.png) 2x);
				background-image: -webkit-image-set(url(../../common/img/bottom_entry_bg.png) 1x, url(../../common/img/bottom_entry_bg__2x.png) 2x);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				width: 100%;
				height: 36.60322vw;
				position: relative;
		}
		#recruit .inner .s6 .entry {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				width: 51.24451vw;
				text-align: center;
		}
		#recruit .inner .s6 .bottom_entry {
				background-color: #333;
				width: 51.24451vw;
				height: 8.78477vw;
		}
		#recruit .inner .s6 .bottom_entry span {
				font-size: 1.90337vw;
				line-height: 1;
				font-weight: 400;
				color: #fff;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
		}
		#recruit .inner .s6 .bottom_entry:hover {
				background-color: #B30B12;
		}
		#recruit .inner .s6 .bottom_logo {
				margin-top: 1.83016vw;
		}
}

@media (max-width: 780px) {
		#recruit .inner .s6 {
				background-image: url(../../common/img/bottom_entry_bg_s.png);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				width: 100%;
				height: auto;
				padding-top: 76.92307%;
				position: relative;
		}
		#recruit .inner .s6 .entry {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				width: 80vw;
				text-align: center;
		}
		#recruit .inner .s6 .bottom_entry {
				background-color: #333;
				width: 100%;
				height: 30vw;
		}
		#recruit .inner .s6 .bottom_entry span {
				font-size: 4.35897vw;
				line-height: 1;
				font-weight: 400;
				color: #fff;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				white-space: nowrap;
		}
		#recruit .inner .s6 .bottom_entry:hover {
				background-color: #333;
		}
		#recruit .inner .s6 .bottom_logo {
				margin-top: 3vw;
		}
		#recruit .inner .s6 .bottom_logo img {
				max-width: 24vw;
		}
}