@charset "UTF-8";
/*
Name: 株式会社タイセイシュアーサービス
*/

/* ブラウザリセット */
@import url(reset.css);
@import url(wordpress.css);

/* =Google Font
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Roboto+Condensed:300,400,700|Roboto:100,300,400,700,900');



/*
----------------------------------------------------------------------------------------------------------

	=Global Style

----------------------------------------------------------------------------------------------------------
*/

h1,h2,h3,h4,h5,h6 { clear: both; margin:0 auto 0.7125em}
hr {background-color: #ccc;border: 0;height: 1px;margin: 0 0;}
strong { font-weight: bold;}
cite, em, i { font-style: normal;}
blockquote {font-size:97%;color:#000;padding:1.6125em;margin:0 auto 1.6125em; border: solid 1px #888; border-top: none; border-bottom: none;}
blockquote p:last-child {padding:0 !important;margin: 0 !important;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}
blockquote cite {color: #666;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 300;letter-spacing: 0.05em;text-transform: uppercase;}
pre { overflow: auto; background: #000; color: #0F0;font: "Courier 13 Pitch", Courier, monospace;font-weight: bold; line-height: 1.5;margin-bottom: 1.625em;padding: 0.75em 1.625em;}
code, kbd { font: 11px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-weight: normal; margin: 1.625em 0; padding: 1.125em; background-color:#f1f1f1; border: solid 1px #ccc; display:block;}
abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help;}
address { display: block;}
ins { background: #fff9c0; text-decoration: none;}
sup, sub { font-size: 77%; height: 0; line-height: 1; position: relative; vertical-align: baseline;}
sup { bottom: 1ex;}
sub { top: .5ex;}

/* Form */
input,
textarea{ padding: .625em; font-size: inherit;}
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=textarea],
textarea {
	border: 1px solid #233d9a;
}
input[type=text]:focus,
textarea:focus { color: #373737;}
textarea {width: 92%;}
input[type=text] {}
input[type=email] {}
input[type=submit],
input[type=reset] {
	display: inline-block;
	width: 90%;
	max-width: 450px;
	padding: 1em 0;
	border: none;
	background: #f4a61b;
	color: #fff;
	font-size: 120%;
	text-align: center;
	cursor:pointer;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
}
input[type=reset] {
	background-color: rgba(167,136,90,0.5);
}
input[type*="submit"]:hover,
input[type*="reset"]:hover{
	background-color: #e96c03;
}
input[type=number] {
  -webkit-appearance: none;
  -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*
----------------------------------------------------------------------------------------------------------

 	=Global Layout

----------------------------------------------------------------------------------------------------------
*/

* {
	margin: 0; padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-family: "Roboto Condensed", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Helvetica, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, sefif, sans-serif;

	-webkit-font-smoothing: antialiased !important;
	-webkit-text-stroke: 1px transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	word-wrap: break-word;
	letter-spacing: 0.07em;
}

body{
	background-color: #fff;
	font-size: 0.8375rem;
}

p, ul, ol, dl, table, h1, h2, h3, h4, h5, h6, pre { margin-bottom: 30px;}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child { margin-top: 0 !important;}

h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li { line-height: 1.75;}
table {
	width: 90%;
	max-width: 1120px;
	margin: auto;
	border-collapse: collapse;
	line-height: 1.75;
	text-align: left;
}
th,td {
	padding: 1.5em 2.5em;
	vertical-align: top;
	border: none;
}
tr:last-child th , tr:last-child td { border-bottom: none; }
img {
	display: block;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
a img { border: none;}
a {
	color: #323a87;
	text-decoration: underline;
	cursor: pointer;
	-webkit-transition: all ease-out 0.1s;
	-moz-transition: all ease-out 0.1s;
	-ms-transition: all ease-out 0.1s;
	transition: all ease-out 0.1s;
}
a:focus, a:active, a:hover { text-decoration: none;}
em {}
ol li {
	display: list-item;
	list-style: decimal inside;
	line-height:2;
	margin: 0;
	font-size: 100%;
}



/*
----------------------------------------------------------------------------------------------------------

 	=Global Style

----------------------------------------------------------------------------------------------------------
*/
html,
body {}

#container {
	position: relative;
	z-index: 2;
}



/* =Common Parts
-----------------------------------------------------*/

.wrapper {
	width: 90%;
	max-width: 1380px;
	margin: auto;
}

.section {
	padding: 90px 0;
}

#primary {
	float: left;
	width: 840px;
}

#secondary {
	float: right;
	width: 240px;
}





/*
----------------------------------------------------------------------------------------------------------

	=Header

----------------------------------------------------------------------------------------------------------
*/

#header {
	background: #fff;
	z-index: 9999;
	width: 100%;
	height: auto;
	-webkit-transition: all ease-out 0.1s;
	-moz-transition: all ease-out 0.1s;
	-ms-transition: all ease-out 0.1s;
	transition: all ease-out 0.1s;
}
#header #header-in {
	padding: 0;
	padding-left: 150px;
}

#header #logo {
	padding: 20px 0;
	width: 50%;
	max-width: 1380px;
	margin: auto;
	background-color: #fff;
}
#header #logo img { max-width: 200px; }
.header-in {
	display: flex;
	justify-content: space-between;
	width: 95%;
	max-width: 1380px;
	margin: auto;
}
.header-in .regist_btn {
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
	width: 60%;
}
.regist_btn .btn {
	width: 100%;
	max-width: 230px;
}
.regist_btn .btn.mypage { margin: 0 0 0 3%; }
.regist_btn .btn a {
	width: 100%;
	display: block;
	background: url(../images/i-arrow-right.png) no-repeat 94% center / 16px;
	border: solid 1px #3167e1;
	color: #3167e1;
	padding: 15px 7%;
	display: inline-block;
	font-weight: 600;
	font-size: .875rem;
	text-decoration: none;
	transition: .5s;
}
.regist_btn .btn.mypage a {
	background: url(../images/i-arrow-right-w.png) #3167e1 no-repeat 95% center / 16px;
	color: #fff;
}
.regist_btn .btn a:hover {
	background: url(../images/i-arrow-right-w.png) #6e94ea no-repeat 95% center / 16px;
	color: #fff;
}
.regist_btn .btn.mypage a:hover {
	background: url(../images/i-arrow-right.png) #d6e1f9 no-repeat 94% center / 16px;
	color: #3167e1;
}
#nav .main .regist_btn { display: none; }
#nav .main.open .regist_btn { display: block; }
#nav .main.open .regist_btn .btn { background-color: #fff; width: 90%; margin: 10px auto 0; }
#nav .main.open .regist_btn .btn.mypage { margin: auto; }

.h-english {
	margin-bottom: 40px;
	font-size: 42px;
	font-family: "Century Gothic", sans-serif;
	font-weight: 200;
	color: #3168df;
	text-transform: uppercase;
	line-height: 1.25;
	text-align: center;
}

.h-english em {
	display: block;
	margin-top: 0.5em;
	font-size: 1rem;
}



/* =Navigation
-----------------------------------------------------*/
.is-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
#nav .main { width: 84.8%;}
#nav .sub { width: 15.2%; text-align: right;}
#nav { background: #3167e1; }
#header .flex-wrap {
	width: 100%;
	max-width: 1380px;
	margin: auto;
	display: flex;
}
#nav ul {
	line-height: 0;
	margin-bottom: 0;
	display: flex;
}
#nav .main ul li {
	vertical-align: middle;
	width: 24%;
	border-right: solid 1px #4676e4;
	box-sizing: border-box;
}
#nav .main ul li:first-child { border-left: solid 1px #4676e4; }
#nav .main ul li a {
	display: block;
	padding: 17px 0;
	height: 70px;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
}
#nav .main ul li a:hover,
#nav .main ul li.active a {
	color: rgba(255, 255, 255, 0.5);
}
#nav .main ul li a em {
	display: block;
	font-size: 10px;
	color: rgba(255, 255, 255, 0.5);
}
#nav .main ul li .layer { display: none;}
#nav .sub ul {
	display: flex;
	justify-content: flex-end;
}
#nav .sub ul li {
	width: 70px;
}
#nav .sub ul li a {
	display: block;
	background-color: #ccc;
	background: no-repeat center;
	text-align: center;
	width: 70px;
	height: 70px;
}
#nav .sub ul li.search a {
	background-image: url(../images/i-search.png);
	background-size: 24px auto;
	background-color: #eeeeee;
}
#nav .sub ul li.mail a {
	background-image: url(../images/i-mail.png);
	background-size: 25px auto;
	background-color: #f4a61b;
}
#nav .sub ul li.tel a {
	background-image: url(../images/i-tel.png);
	background-size: 23px auto;
	background-color: #423f53;
}
#nav .sub ul li.fb a {
	background-image: url(../images/ico_facebook.png);
	background-size: 23px auto;
	background-color: #233d9a;
}

#nav .sub ul li.ins{
background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%)!important;
}
#nav .sub ul li.ins a {
	background-image: url(../images/ico_instagram.png);
	background-size: 23px auto;
}


#nav .sub ul li a:hover { background-color: #999 !important;}

/* Search Form */
#nav .sub ul li.search { position: relative; }
#nav .sub ul li.search a.close { display: none; }
#nav .sub ul li.search form { display: none;}
#nav .sub ul li.search.on form { display: block;}
#nav .sub ul li.search form {
	position: absolute;
	z-index: 1;
	top: 100%;
	right: 0;
	width: 300px;
	padding: 20px;
	background-color: #f6f6f6;
}
#searchform input {
	padding: 10px;
}
#searchform #s {
	width: 78%;
	font-size: 16px;
}
#searchform #searchsubmit {
	margin-bottom: 0;
	width: 15%;
	margin-left: 5%;
	font-size: 0.875rem;
	background-color: #323a87;
}
#searchform #searchsubmit:hover {
	margin-bottom: 0;
	width: 15%;
	margin-left: 5%;
	font-size: 0.875rem;
	background-color: #999;
}

/*
----------------------------------------------------------------------------------------------------------

	=Footer

----------------------------------------------------------------------------------------------------------
*/

/* フッター */
#footer {
	background-color: #fff;
}

#footer a { color: inherit; text-decoration: none;}
#footer a:hover { text-decoration: underline;}

#footer #footer-in {
	position: relative;
	padding: 90px 0;
}
#footer #footer-in #button-pagetop {
	position: absolute;
	bottom: 0;
	right: 0;
}
#footer #footer-in .flex-l,
#footer #footer-in .flex-r { width: 47%; }

/* 連絡先（「買取について」も共通） */
.tel {
	color: #3167e1;
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Open Sans";
	letter-spacing: 0;
}
.tel p {
	line-height:
}
.tel em {
	display: inline-block;
	width: 60px;
	font-size: 1.25rem;
}

#footer #copyright {
	background-color: #3167e1;
	color: #fff;
	padding: 25px 0 0;
}
#footer #copyright .flex-l { width: 80%; }
#footer #copyright .flex-r { width: 20%; text-align: right; }
#footer #copyright ul>li {
	vertical-align: top;
	display: inline-block;
	padding-left: 2.8em;
	position: relative;
}
#copyright ul>li:first-child { padding-left: 2em; }
#copyright .page_list > li > a {
	background: url(../images/icon_foot_l.png) no-repeat left top 5px / 13px;
	display: block;
	padding-left: 1.5em;
	margin-bottom: 10px;
}
#copyright .page_list ul { margin-bottom: 15px; }
#footer #copyright ul li ul li {
	display: block;
	font-size: 12px;
	padding-left: 1.3em;
}
#footer #copyright ul li ul li:first-child { padding-left: 1.3em; }
#footer #copyright ul li ul li:before {
	content: "";
	width: 3px;
	height: 5px;
	background-image: url(../images/icon_foot_s.png);
	background-size: contain;
	display: inline-block;
	position: absolute;
	left: 2%;
	top: 5px;
}
#footer #copyright a {
	color: #fff;
}
#footer .button-link{
	text-decoration: none;
	padding: 15px 30px;
	margin-top: 30px;
}
#footer .button-link:hover{
	color: #fff;
	text-decoration: none;
}



/*
----------------------------------------------------------------------------------------------------------

	=Media Queries Responsive Structure

----------------------------------------------------------------------------------------------------------
*/

/* Desktop
-----------------------------------------------------*/
@media screen and (min-width: 769px) {
	.anti-desktop { display: none !important;}
	.desktop { display:block !important;}
	.window-scale{min-height:700px;}

	.sp { display: none !important; }

	/*#container {
		min-width: 1120px;
	}*/

	.button-open,
	.button-close { display: none !important;}
}

/* Wide */
@media screen and (min-width: 769px) and (max-width: 1119px) {

	#nav .main { width: 72%;}
	#nav .sub { width: 28%;}
	#nav .main ul li a { font-size: .8125rem; }
}



/* iPad & iPhone
-----------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 768px) {
	html{ font-size: 13px; }
	body{margin:0 auto;}
	.sp { display: block !important;}
	.pc { display: none !important;}

	p {}
	hr { margin: 20px 0;}
	iframe { width:100%;}

	/* Reset
	--------------------------------------------------*/
	a[class*="button-"] { background-size: 12px auto; }

	.block{margin: 0 auto 20px !important;}
	.parent, .parent .child { position: static !important; height: auto !important;}

	.row li,
	.column-1 .col,
	.column-2 .col,
	.column-3 .col,
	.cntL,
	.cntR,
	.parent .child {
		float:none !important;
		width:100% !important;
		margin:0 auto 20px !important;
		padding:0 !important;
	}
	.row li:last-of-type,
	.row .col:last-of-type,
	.cntL:last-of-type,
	.cntR:last-of-type { margin-bottom: 0 !important;}

	.splitColumn { overflow:hidden;}
	.splitColumn .row { width:100%; margin-left:0;}
	.splitColumn .row .col{}
	.column-4 .col,
	.column-5 .col,
	.column-6 .col { width: 50% !important;}

	.list-inline li { display: inline-block; margin: 0 0 10px;}

	/* Global Style
	--------------------------------------------------*/
	.wrapper {
		width: auto !important;
		padding: 6.25% 6.25vw !important;
		margin: auto !important;
	}

	.h-english {
		font-size: 3rem;
	}

	/* Header
	--------------------------------------------------*/
	#header #logo { width: 35%; margin: 0;  }
	#header #logo img { width: 100%; }
	#header .info { display: none;}

	#header .info .box {
		border-radius: 0;
	}
	#header .info .box .tel,
	#header .info .box .access {
		text-align: center;
		float: none;
	}

	.header-in .regist_btn { display: none; }
	/* Serch Form */
	#nav .sub ul li.search { position: static; }
	#nav .sub ul li.search form { width: 100%; }

	/* Navigation */
	.button-open,
	.button-close {
		background-color: #fff !important;
		color: #000;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 70px;
	}
	.button-open:hover,
	.button-close:hover {}
	#nav .sub ul li a.button-close { display: none;}

	/* Toggle Navigation */
	#nav ul { display: block; }
	#nav .main {
		position:absolute;
		position:fixed;
		z-index:999999;
		top:0;
		left:0;
		width: 200px !important;
		height:100% !important;
		padding:0 !important;
		overflow-y:scroll;
		-webkit-overflow-scrollin
		-webkit-transform:translate3d(-100%,0,0);
		-moz-transform:translate3d(-100%,0,0);
		-ms-transform:translate3d(-100%,0,0);
		transform:translate3d(-100%,0,0);
		-webkit-transition: all ease-out 0.2s;
		-moz-transition: all ease-out 0.2s;
		-ms-transition: all ease-out 0.2s;
		transition: all ease-out 0.2s;
	}
	#nav.on .main {
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
	#nav .main ul { padding: 0;}
	#nav .main ul li {
		display: block;
		float: none !important;
		width: auto;
		padding: 0 !important;
		background-color: #3e5cbb;
		margin: 0 0 1px;
	}
	#nav .main ul li a {
		height: 60px;
		display: block;
		width: auto;
		padding: 13px 0 !important;
		font-size: 11px;
		font-weight: bold;
	}
	#nav .main.open {
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		height: 100%;
		background: #233d9a;
	}

	/* Customize */
	#nav .main ul li a { border: none !important;}
	#nav .main ul li.tel a { padding: 30px 12.5% !important; background-color: transparent !important;}

	#nav .main ul li .layer { display: block; background-color: #233d9a; padding: 7px 0 5px 0; }
	#nav .main ul li .layer li a {
		height: auto !important;
		padding: 0 !important;
		font-weight: 400;
		font-size: 10px;
		background-color: #233d9a;
		line-height: 2.5;
		margin-bottom: 5px;
	}

	#nav .sub ul li { text-align: center; }
	.spnavi { background-color: #3167e1; }
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 25px;
		height: 19px;
		margin-top: 26px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 8px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(11px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-11px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}

	/* Footer
	--------------------------------------------------*/

	#footer #footer-in {
		padding: 0 !important;
	}
	#footer #footer-in .flex-l, #footer #footer-in .flex-r {
		margin-bottom: 6.25vh;
	}

	#footer #footer-in #button-pagetop { right: 6.25vw; }

	#footer #copyright {
		padding: 25px 0 0;
	}
	#footer #copyright .flex-l,
	#footer #copyright .flex-r {
		text-align: center !important;
	}
	#footer #copyright ul { margin-bottom: 15px !important; }
	#footer #copyright ul li ul { display: none; }
	#footer #copyright .page_list { display: none; }
}

/* iPad
-----------------------------------------------*/
@media screen and (min-width: 641px) and (max-width: 868px) {
	body{}
	.anti-tablet { display: none !important;}
	.tablet { display: block !important;}
	.video { min-height: 640px;}


	.column-4 .col { width: 25% !important;}
	.column-5 .col { width: 20% !important;}
	.column-6 .col { width: 33.33% !important;}
}

/* iPhone
-----------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 640px) {
	html{}
	body{}
	.anti-mobile{display: none !important;}
	.mobile { display: block !important;}

	/* Apperance
	--------------------------------------------------*/
	input[type="button"],
	input[type="text"],
	input[type="submit"] {-webkit-appearance: none;border-radius: 0;}

	/* Reset
	--------------------------------------------------*/

	iframe{max-height: 240px;}


	/* */
	img[class*="align"],
	.alignleft,
	.alignright,
	.aligncenter { display:block !important; float:none !important; max-width: 100% !important;margin:0 auto 6% !important; margin-right: auto !important; padding: 0% !important; text-align:center !important;}

}

.vacancy--h1 {
	position: relative;
}

.vacancy--h1 :after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #f4a61b;
	bottom: -3px;
	width: 20%;
}

.vacancy__bnrlist{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.vacancy__bnrlist li{
	width: 49.5%;

}

.vacancy__bnrlist li a:hover{
	opacity: 0.8;
}



.vacancy__menu{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}

.vacancy__menu li{
	width:19%;
}

.vacancy__menu--btn{
	display: table;
	width: 100%;
	height: 63px;
}

.vacancy__menu--btn a:hover {
	background-color: #3167e1; color: #fff;
}

.vacancy__menu--btn a {
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
	font-size: .9rem;
	color: #204bd3;
	border: solid 2px #3167e1;
	background: url(../img/vacancy_icon03@2x.png) no-repeat right 15px top 50% / 8px;
	transition: .3s;
	text-decoration: none;
	line-height: 1;
	align-items: stretch;

}

.vacancy__info{
	background: #fffaf2;
	padding: 40px;
	margin-bottom: 40px;
}

.vacancy__info ul{
	height:400px;
	overflow-y: scroll;
	margin-bottom: 0;
}

.vacancy__info time{
	margin-bottom: 10px;
}

.vacancy__info dt{
	font-size: 1.125rem;
	color: #204bd3;
	margin-bottom: 10px;
}

.vacancy__info dd{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}


.vacancy__pdflist{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;


}

.vacancy__pdflist li {
	width: 49%;
	margin-bottom: 20px;
}

.vacancy__pdflist li:last-child {
	margin-bottom: 0;
}

.vacancy__pdflist li a{
	display: block;
	padding: 20px 15px 20px 60px;
	font-size: .9rem;
	color: #204bd3;
	border: solid 2px #3167e1;
	background:url(../img/vacancy_icon02@2x.png) no-repeat left 15px top 50% / 25px,url(../img/vacancy_icon03@2x.png) no-repeat right 15px top 50% / 8px;
	transition: .3s;
	text-decoration: none;
	line-height: 1;
	align-items: stretch;
}



.vacancy__houselist > li:nth-child(odd){
	background: #f4f7fd ;
}


.vacancy__houselist a{
	display: block;
	padding: 30px;
}
.vacancy__layout{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.vacancy__homeimage{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 0;
  width: 30%;
}

.vacancy__homeimage li{
	width: 48%;
}
.vacancy__homeimage.indoor {
    width: 100%;
    margin-top: 20px;
}
.vacancy__homeimage.indoor li {
    width: 15%;
    margin-bottom: 15px;
}

.vacancy__contents{
	width: 65%;
}

.vacancy__station{
	margin-bottom: 20px;
	font-weight: normal;

}



.vacancy__station span{
	font-weight: 600;
	border-left: solid 5px #f4a61b;
	line-height: 1;
	padding-left: .6em;
}


.vacancy__houselist a:hover{
	opacity: 0.6
}

.vacancy__houselist a .vacancy__spec,.vacancy__houselist a  .vacancy__station{
	color: #000;
}

.vacancy__spec{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.vacancy__spec ul{
	margin-bottom: 0;
}

.vacancy__spec ul:nth-child(3){
	padding-top:35px;
}

.vacancy__speclists li{
	font-weight: 600;
	border-left: solid 5px #f4a61b;
	line-height: 1;
	padding-left: .6em;
	margin-bottom: 20px;
}


.vacancy__speclists li:last-child{
	margin-bottom: 0;
}

.vacancy__speclists span{
	font-weight: normal;
}

.vacancy__hometitle{
	background: #fff !important;
	color: #3167e1 !important;
	border-bottom:2px solid #3167e1;
	font-size: 1rem;
	padding: 5px 0 !important;
	font-weight: normal !important;
	background: url(../img/vacancy_icon03@2x.png) no-repeat right 0 top 50% / 6px !important;
}

.vacancy__table{
	width:100%;
	border-top: 1px solid #cccccc;
	margin-bottom: 50px;
}

.vacancy__table tr{
	border-bottom: 1px solid #cccccc;
}

.vacancy__table th{
	color: #204bd3;
	width: 20%;
}

.vacancy__table th,.vacancy__table td {
	padding: 1em ;
}


.vacancy__table--inputlist,.vacancy__table--inputlist2,.vacancy__table--inputlist3{
	display: flex;
	flex-wrap: wrap;

}

.vacancy__table--inputlist li{
	width: 19%;
	margin-right: 1%;
	margin-bottom: 1%;
}

.vacancy__table--inputlist2 li{
	width: 24%;
	margin-right: 1%;
	margin-bottom: 1%;
}

.vacancy__table--inputlist3 li{
	width: 32%;
	margin-right: 1%;
	margin-bottom: 1%;
}

.vacancy__table--inputlist li input,.vacancy__table--inputlist2 li input,.vacancy__table--inputlist3 li input{
	margin-right: 5px;
}

.vacancy__sationname{
	margin-right: 5px;
}

.vacancy__table--underline{
	border-bottom: 1px solid #cccccc;

}

.vacancy__table--rightline{
	border-right: 1px solid #cccccc;
	padding-left: 20px;

}

.vacancy__menu--btn input:hover { background-color: #3167e1; color: #fff; }
.vacancy__menu--btn input {
	display: block;
	padding: 15px;
	font-size: .9rem;
	color: #204bd3;
	border: solid 2px #3167e1;
	background: url(../img/vacancy_icon03@2x.png) no-repeat right 15px top 50% / 8px;
	transition: .3s;
	text-decoration: none;
	line-height: 1;
	align-items: stretch;
	height:58px;
	width:90%;

}

.vacancy__submit{
	width:80%;
	display: flex;
	margin: 0 auto 100px;

}

.vacancy__submit li{
	width:70%;
}
.column3 .list3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.column3 .list3 li {
	width: 20%;
}
.column3 .list3 li img { width: 100%; }

.column_img {
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}
.column_img img {
	width: 48%;
	float: left;
}
.column_img img:last-child {
	margin-left: 4%;
}

.column3 {
	display: flex;
	margin-bottom: 40px;
}
.column3 .list3 {
	width: 100%;
	overflow: hidden;
}
.column3 .list3 li {
	width: 30%;
	float: left;
}
.column3 .list3 li:nth-child(2),
.column3 .list3 li:nth-child(5),
.column3 .list3 li:nth-child(8) {
	margin: 0 5%;
}
.column3 img {
	width: 100%;
	max-width: 100%;
}
.layer .btn .lifebtn {
	max-width: 450px;
}


/* iPad
-----------------------------------------------*/
@media screen and (min-width: 641px) and (max-width: 868px) {
  .vacancy__homeimage {
    width: 100%;
    margin-bottom: 30px;
  }
  .vacancy__contents { width: 100%; }
}

/* iPhone
-----------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 640px) {
  .vacancy__homeimage {
    width: 100%;
    margin-bottom: 30px;
  }
  .vacancy__contents { width: 100%; }
}

}