@charset "utf-8";

/*コンテンツ全体設定*/
* {
	margin : 0;
	padding : 0;
}
@font-face {
	font-family: "MinamotoN";
	src:url("../fonts/SourceHanSansJP-Normal.woff");
}
@font-face {
	font-family: "MinamotoR";
	src:url("../fonts/SourceHanSansJP-Regular.woff");
}
@font-face {
	font-family: "MinamotoL";
	src:url("../fonts/SourceHanSansJP-ExtraLight.woff");
}
@font-face {
	font-family: "MinamotoB";
	src:url("../fonts/SourceHanSans-Bold.woff");
}

html, body {
	font-family: "MinamotoR", "MinamotoN", "Osaka", "MS Pゴシック", sans-serif;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
}
.gray-back { /*背景が灰色のページ用*/
	background-color: #EEEEEE;
	padding-bottom: 20px;
}
.gray-back.padding-top {
	padding-top: 1rem;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/*リンクの共通設定*/
a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}

/* error display */
.error {
	color: #ff0000;
}

/*メインコンテンツ（幅1018px）*/
.container {
	width: 1018px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}
@media (max-width: 1017px) {
	.container {
		width: 100%;
	}
}

/**** global header ****/
#global-header {
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	height: 189px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-top: solid 8px #8DC21F;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: #444444 0 1px 10px;
	z-index: 999;
}
.header-u { /*ヘッダーの上部分*/
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.header-u > div {
	display: flex;
	align-items: center;
}
.header-u span {
	margin-left: 1.5em;
	font-size: 95%;
}
.header-l ul { /*ヘッダーの下（ボタン）部分*/
	display: flex;
	justify-content: flex-end;
	list-style: none;
}
.header-l li {
	background-color: #FD3514;
	color: #FFFFFF;
	margin-left: 5px;
	margin-top: 10px;
	border-radius: 5px;
	font-size: 75%;
	letter-spacing: 0.1em;
	height: 2.3em;
	line-height: 2.3em;
}
.header-l .header-register-employer {
	background-color: #FFFF00;
	color: #000000;
}
.header-l li:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
.header-l a {
	display: block;
	width: 100%;
	height: 100%;
}
.header-l .header-hello {
	background-color: rgba(255,255,255,0.3);
	color: #000000;
	width: auto;
	font-weight: bold;
}
.header-l li a {
	color: #FFFFFF;
	text-decoration: none;
}
.header-l .header-register-employer a {
	color: #000000;
}
/*
.header-l li:nth-of-type(4) a {
	padding-left: 0.5em;
}
*/
.header-l .header-login,
.header-l .header-mypage,
.header-l .header-register {
	width: 150px;
}
.header-l .header-register-employer {
	width: 180px;
}
.header-l .header-logout {
	width: 85px;
}
/*
.header-l li:nth-of-type(4) {
	background-color: #808080;
	width: 270px;
}
*/
.header-nav { /*ヘッダーのナビ部分*/
	width: 100%;
	background-color: rgba(192,192,192,0.5);
	height: 62px;
}
.header-nav ul {
	height: 100%;
	list-style: none;
	display: flex;
	justify-content: space-around;
	padding: 0;
}
.header-nav li {
	font-size: 85%;
	letter-spacing: 0.1em;
	display: flex;
	align-items: center;
	position: relative;
}
.header-nav li a {
	width: 127.25px;
	height: 50px;
	text-decoration: none;
	color: #000000;
	border-left: solid 1px #000000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.header-nav li:last-child a {
	border-right: solid 1px #000000;
}
.header-nav .header-about::before,
.header-nav .header-about::after {
	border-bottom: solid 6px #F58736;
}
.header-nav .header-jobs::before,
.header-nav .header-jobs::after {
	border-bottom: solid 6px #9A7315;
}
.header-nav .header-flow::before,
.header-nav .header-flow::after {
	border-bottom: solid 6px #8DC21F;
}
.header-nav .header-merit::before,
.header-nav .header-merit::after {
	border-bottom: solid 6px #20B1E1;
}
.header-nav .header-impression::before,
.header-nav .header-impression::after {
	border-bottom: solid 6px #1A2E94;
}
.header-nav .header-company::before,
.header-nav .header-company::after {
	border-bottom: solid 6px #440690;
}
.header-nav .header-contact::before,
.header-nav .header-contact::after {
	border-bottom: solid 6px #BE77A8;
}
.header-nav .header-faq::before,
.header-nav .header-faq::after {
	border-bottom: solid 6px #662C01;
}
.header-nav li::before,
.header-nav li::after {
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}
.header-nav li::before {
	left: 50%;
}
.header-nav li::after {
	right: 50%;
}
.header-nav li:hover::before,
.header-nav li:hover::after {
	width: 50%;
}
.header-nav li:hover {
	background-color: #EBE664;
}
.header-nav li a span {
	line-height: 1.3em;
}
.facebook-icon {
	margin-left: 0.5em;
}
#icon-wrapper {
	position: relative;
}
.komaneko-popup {
	display: none;
	position: absolute;
	border-radius: 10px;
	padding: 10px;
	background: #8DC21F;
	z-index: 100;
	font-size: 1rem;
	color: #000000;;
	width: 16em;
	left: -200px;
	top: 65px;
}
.komaneko-popup:after {
	content: "";
	position: absolute;
	top: -32%;
	left: 83%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #8DC21F;
}
@media (max-width: 1017px) {
	#global-header {
		height: 20vw;
		border-top: solid 0.8vw #8DC21F;
		box-shadow: #444444 0 1px 1vw;
	}
	.header-u {
		margin-top: 2vw;
		width: 90%;
	}
	.header-u span {
		font-size: 1.5vw;
	}
	.hiki-logo {
		width: 19vw;
	}
	.facebook-icon {
		width: 3.9vw
	}
    .header-l {
		width: 90%;
	}
	.header-l li {
		margin-left: 0.5vw;
		margin-top: 1vw;
		border-radius: 0.5vw;
		font-size: 1.2vw;
	}
	.header-l .header-mypage,
	.header-l .header-logout,
	.header-l .header-register,
	.header-l .header-login {
		width: 13vw;
	}
	.header-l .register-employer {
		width: 16vw;
	}
	.header-l .header-hello {
		width: 26.5vw;
	}
	.header-nav {
		height: 6.1vw;
	}
	.header-nav ul {
		width: 90%;
	}
	.header-nav li {
		font-size: 1.4vw;
		line-height: 4.4vw;
	}
	.header-nav li a {
		width: 11.2vw;
		height: 4.9vw;
	}
	.header-nav li img {
		width: 4.6vw;
		height: 3.2vw;
	}
	.header-nav li a span {
		font-size: 1.3vw;
	}
}
@media (max-width: 768px) {
	#global-header {
		height: 80px;
		border-top: solid 8px #8DC21F;
		box-shadow: #444444 0 1px 1vw;
	}
	.header-u {
		width: 100%;
		display: block;
		margin-top: 0;
	}
	.header-u > div {
		width: 85%;
		margin: 20px auto 23px auto;
		flex-direction: row;
		justify-content: space-between;
	}
	.header-u > div > span:nth-of-type(1) {
		display: none;
	}
	.hiki-logo {
		width: 165px;
		height: 37px;
	}
	.hiki-logo + span,
	.header-u > div:nth-of-type(2),
	.header-nav, .header-l {
		display: none;
	}
}

/*ハンバーガーアイコン本体*/
#nav-drawer {
  position: relative;
	width: 35px;
	margin-right: 15px;
}
@media (min-width: 769px) { /*PCではドロワーメニューを非表示*/
	#nav-drawer {
		display: none;
	}
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 35px;
	height: 28px;
	vertical-align: middle;
	z-index: 10;
}

/*ハンバーガーアイコン*/
.nav-bar,
.nav-bar::before,
.nav-bar::after {
	position: absolute;
	height: 6px;/*線の太さ*/
	width: 25px;/*長さ*/
	background: #8DC21F;
	display: block;
	content: '';
}
#nav-open .nav-bar {
	left: 10px;
}
.nav-dot,
.nav-dot::before,
.nav-dot::after {
	position: absolute;
	left: 0;
	height: 6px;/*線の太さ*/
	width: 7px;/*長さ*/
	background: #8DC21F;
	display: inline-block;
	content: '';
}
#nav-content .nav-dot {
	left: 20px;
}
#nav-content .nav-bar {
	left: 30px;
}
#nav-open .nav-bar,
#nav-open .nav-bar::before,
#nav-open .nav-bar::after {
	cursor: pointer;
}
#nav-open .nav-dot,
#nav-open .nav-dot::before,
#nav-open .nav-dot::after {
	cursor: pointer;
}
#nav-open span::before {
	bottom: -11px;
}
#nav-open span::after {
	bottom: -22px;
}
#nav-content > div:nth-of-type(1) span::before {
	bottom: -11px;
}
#nav-content > div:nth-of-type(1) span::after {
	bottom: -22px;
}

/*閉じるボタン*/
.close-button {
	display: block;
	width: 135px;
	height: 30px;
	border-radius: 5px;
	background-color: #808080;
	color: #FFFFFF;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

/*メニューの中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 88px;
    right: 0;
    z-index: 9999;/*最前面に*/
    width: 100%;/*左側に隙間を作る*/
    height: 100%;
    background: #EEEEEE;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(105%);
    transform: translateX(105%);/*右に隠しておく*/
}
#nav-content > div:nth-of-type(1) {
	width: 85%;
	margin: 10px auto;
	display: flex;
	justify-content: space-between;
}
#nav-content > div:nth-of-type(1) > div {
	padding-left: 50px;
}
#nav-content > div:nth-of-type(3) {
	height: 560px;
	overflow: auto;
}
#nav-content ul {
	list-style: none;
	text-align: left;
	height: 360px;
}
#nav-content li {
	border-bottom: #000000 1px solid;
	font-size: 85%;
	padding-top: 0.9em;
	padding-bottom: 0.9em;
	padding-left: 7.5%;
	padding-right: 7.5%;
	position: relative;
}
#nav-content li:hover {
	background-color: #EBE664;
}
#nav-content li::after {
	content: "＞";
	position: absolute;
	right: 7.5%;
}
#nav-content a {
	text-decoration: none;
	color: #000000;
	display: inline-block;
	width: 100%;
	height: 100%;
}
#nav-content > div:nth-of-type(2) {
	width: 85%;
	margin: 4% auto;
	display: flex;
	justify-content: space-between;
}
.menu-upper-button {
	text-align: center;
	font-size: 90%;
	line-height: 1em;
	letter-spacing: 0;
}
.menu-upper-button:nth-of-type(4) {
	font-size: 77%;
}
.menu-upper-button > div {
	width: 70px;
	height: 44px;
	padding-top: 6px;
	background-color: #FD3514;
	margin: 0 auto 0.5em;
}
/*.menu-upper-button:nth-last-of-type(1) > div {  //2月に企業様ボタン復活まで一旦削除
	background-color: #808080;
}*/
.facebook-icon-inmenu {
	display: flex;
	justify-content: flex-start;
	padding-left: 7.5%;
}
#nav-content .facebook-icon-inmenu > a {
	width: 40px;
	display: block;
}
#nav-content > div:nth-of-type(3) > .close-button {
	text-align: center;
	display: inline-block;
}

/*チェックが入ったらメニュー表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	background: rgba(0,0,0,0.5);
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/**** global nav ****/
#global-nav ul {
	clear: both;
	background-color: #ccff66;
	list-style-type: none;
}
#global-nav li {
	display: inline-block;
}

.top-spacing {
	margin-top: 197px;
}
@media (max-width: 1017px) {
	.top-spacing {
		margin-top: 20.8vw;
	}
}
@media (max-width: 768px) {
	.top-spacing {
		margin-top: 88px;
	}
}

/*トップページのmainタグ設定*/
#top-main {
	background-color: #FFFFFF;
}
/*トップ画像とコメントの設定*/
.top {
	margin-top: 197px;
}
.top-image {
	background-image: url(../img/main.jpg);
	background-repeat: no-repeat;
	background-size: 1524px 638px;
	background-position: center top;
	text-align: center;
	height: 638px;
}
.top-image > h1 {
	font-size: 270%;
	font-family: "MinamotoB", "MinamotoR", "MinamotoN", "Osaka", "MS Pゴシック", sans-serif;
	padding-top: 1.6em;
	letter-spacing: 0.1em;
}
.top-image > div {
	font-size: 550%;
	font-family: "MinamotoB", "MinamotoR", "MinamotoN", "Osaka", "MS Pゴシック", sans-serif;
	margin-top: 0.6em;
	line-height: 1.1em;
	letter-spacing: 0.1em;
	color: #FFF;
}
.white-back { /*白い正方形の文字背景*/
	background-color: #FFF;
	font-size: 120%;
	margin: 0 0.1em 0;
	width: 1.1em;
	height: 1.1em;
	line-height: 1em;
	display: inline-block;
}
@media (min-width: 1524px) {
	.top-image {
		background-size: 100%;
		height: 42vw;
	}
	.top-image > h1 {
		font-size: 2.8vw;
	}
	.top-image > div {
		font-size: 5.8vw;
	}
}
@media (max-width: 1017px) {
	.top {
		margin-top: 20.8vw;
	}
	.top-image {
		background-size: 150vw 63vw;
		height: 63vw;
	}
	.top-image > h1 {
		font-size: 4.2vw;
	}
	.top-image > div {
		font-size: 8.6vw;
	}
}
@media (max-width: 768px) {
	.top {
		margin-top: 88px;
	}
	.top-image > h1 {
		padding-top: 1.2em;
		font-size: 5.3vw;
	}
	.top-image > div {
		margin-top: 4.8vw;
	}
}

/*トップのABOUT_US*/
.top-aboutus {
	height: 650px;
	margin-top: 50px;
	margin-bottom: 45px;
	background-color: #FFFFFF;
}
.top-aboutus > div:nth-of-type(1) {
	height: 110px;
	width: 100%;
	background-color: #FFFFFF;
	display: flex;
	align-items: flex-start;
}
.top-aboutus > div:nth-of-type(2) { /*灰色の背景*/
	background-color: #EEEEEE;
	height: 540px;
	width: 100%;
	z-index: 1;
}
.top-aboutus div[class=container] {
	height: 620px;
	background-image: url(../img/about_us2.jpg),
					  url(../img/about_us3.jpg),
					  url(../img/bg_gara.png),
					  url(../img/bg_stripe.png);
	background-repeat: no-repeat,
					   no-repeat,
					   no-repeat,
					   no-repeat;
	background-position: right 12% top,
						 right 90%,
						 46% 24%,
						 39% bottom;
	z-index: 2;
}
.top-aboutus div[class=container] > div:nth-of-type(1) { /*hiki.workについて*/
	font-weight: bold;
	font-size: 120%;
	width: 420px;
	letter-spacing: 0.2em;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.green-box {
	width: 5px;
	height: 1em;
	border-radius: 2.5px;
	background-color: #8DC21F;
	margin-right: 0.2em;
	display: inline-block;
}
.top-aboutus div[class=container] > div:nth-of-type(2) { /*ABOUT US*/
	width: 400px;
	font-size: 490%;
	font-family: "MinamotoB", "MinamotoR", "MinamotoN", "Osaka", "MS Pゴシック", sans-serif;
	line-height: 1em;
	letter-spacing: 0.1em;
	margin-top: 0.3em;
}
.top-aboutus div[class=container] > div:nth-of-type(3) { /*環境を～*/
	width: 400px;
	font-size: 130%;
	font-weight: bold;
	margin-top: 2em;
	letter-spacing: 0.1em;
	line-height: normal;
}
.top-aboutus div[class=container] > div:nth-of-type(4) { /*文章が入ります～READ MORE*/
	width: 400px;
	font-size: 93%;
	margin-top: 1em;
	line-height: 1.7;
}
.top-aboutus div[class=container] > div:nth-of-type(4) > div {
	display: flex;
	justify-content: flex-end;
}
.top-aboutus div[class=container] > div:nth-of-type(4) a {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}
.top-aboutus div[class=container] > div:nth-of-type(5) { /*装飾*/
	width: 380px;
	margin-top: 25px;
	display: flex;
	justify-content: flex-end;
}
@media (max-width: 1017px) {
	.top-aboutus {
		height: 60.9vw;
		margin-top: 4.9vw;
		margin-bottom: 4.4vw;
	}
	.top-aboutus > div:nth-of-type(1) {
		height: 10.8vw;
	}
	.top-aboutus > div:nth-of-type(2) { /*灰色の背景*/
		height: 53vw;
	}
	.top-aboutus div[class=container] {
		padding-left: 20px;
		height: 57vw;
		background-size: 49.7vw,
						 44.8vw,
						 24.2vw,
						 27.5vw;
	}
	.top-aboutus div[class=container] > div:nth-of-type(1) { /*hiki.workについて*/
		font-size: 1.9vw;
		width: 39.3vw;
	}
	.green-box {
		width: 0.5vw;
		border-radius: 0.25vw;
	}
	.top-aboutus div[class=container] > div:nth-of-type(2) { /*ABOUT US*/
		width: 39.3vw;
		font-size: 7.7vw;
	}
	.top-aboutus div[class=container] > div:nth-of-type(3) { /*環境を～*/
		width: 39.3vw;
		font-size: 2vw;
	}
	.top-aboutus div[class=container] > div:nth-of-type(4) { /*文章が入ります～READ MORE*/
		width: 39.3vw;
		font-size: 1.5vw;
	}
	.top-aboutus div[class=container] > div:nth-of-type(5) { /*装飾*/
		width: 37.3vw;
		margin-top: 2.5vw;
	}
	.top-aboutus div[class=container] > div:nth-of-type(5) > img {
		width: 16vw;
		height: 0.8vw;
	}
}
@media (max-width: 768px) {
	.top-aboutus {
		width: 100%;
		height: 150vw;
		margin-top: 0px;
		margin-bottom: 0px;
		background-color: #EEEEEE;
	}
	.top-aboutus > div:nth-of-type(1) {
		height: 75vw;
		width: 90%;
		margin: 0 auto;
		background-color: #EEEEEE;
		z-index: 3;
	}
	.top-aboutus > div:nth-of-type(2) { /*灰色の背景*/
		height: 75vw;
		width: 100%;
		background-image: url(../img/about_us2.jpg),
							url(../img/about_us3.jpg),
							url(../img/bg_stripe.png);
		background-repeat: no-repeat,
							no-repeat,
							no-repeat;
		background-position: left top -16.3vw,
							right bottom 16.6%,
							left 10% bottom 60%;
		background-size: 95% 71.7%,
							57.5% 43.3%,
							27.5% 50%;
		z-index: 2;
	}
	.top-aboutus div[class=container] {
		height: auto;
		width: 100%;
		background: none;
		position: relative;
		padding-left: 0;
	}
	.top-aboutus div[class=container] > div:nth-of-type(1) { /*hiki.workについて*/
		font-size: 4.6vw;
		width: auto;
		letter-spacing: 0.2em;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-top: 2em;
	}
	.green-box {
		width: 5px;
		border-radius: 2.5px;
	}
	.top-aboutus div[class=container] > div:nth-of-type(2) { /*ABOUT US*/
		width: auto;
		font-size: 10vw;
		font-weight: 900;
		margin-top: 0.3em;
	}
	.top-aboutus div[class=container] > div:nth-of-type(2) > br {
		display: none;
	}
	.top-aboutus div[class=container] > div:nth-of-type(3) { /*環境を～*/
		width: auto;
		font-size: 4.1vw;
		font-weight: bold;
		margin-top: 2em;
	}
	.top-aboutus div[class=container] > div:nth-of-type(3) > br {
		display: none;
	}
	.top-aboutus div[class=container] > div:nth-of-type(4) { /*文章が入ります～READ MORE*/
		width: 100%;
		font-size: 3.3vw;
		margin-top: 0.4em;
	}
	.top-aboutus div[class=container] > div:nth-of-type(4) a {
		color: #000000;
		margin-left: 3em;
	}
	.top-aboutus div[class=container] > div:nth-of-type(5) { /*装飾*/
		width: 33.3%;
		margin-top: 0;
		display: flex;
		justify-content: flex-end;
		position: absolute;
		top: 4em;
		right: -5%;
	}
	.top-aboutus div[class=container] > div:nth-of-type(5) > img {
		width: 100%;
		height: 7px;
	}
}

/*ご登録はコチラ（2箇所）*/
.registration {
	height: 155px;
	width: 100%;
	background-color: #8DC21F;
	color: #FFFFFF;
	text-align: center;
	font-size: 110%;
}
.registration > div {
	padding: 1em 0;
	font-size: 100%;
}
.registration ul {
	display: flex;
	justify-content: center;
	list-style: none;
}
.registration li {
	width: 315px;
	height: 50px;
	background-color: #FFFFFF;
	margin: 0 35px;
	font-size: 90%;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.registration li:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
.registration li a:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
.registration li a {
	text-decoration: none;
	background-color: #FD3514;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 1em;
}
.registration li::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #CCCC33;
	position: absolute;
	top: 25%;
	left: 15px;
}
.registration li::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left: 13px solid #FFFFFF;
	position: absolute;
	top: 38%;
	left: 22px;
}
@media (max-width: 1017px) {
	.registration {
		height: 15.2vw;
	}
	.registration > div {
		font-size: 1.7vw;
	}
	.registration li {
		width: 30.9vw;
		height: 4.9vw;
		margin: 0 3.4vw;
		line-height: 4.9vw;
		box-shadow: 0.5vw 0.5vw 0.5vw rgba(0,0,0,0.2);
		font-size: 1.6vw;
	}
	.registration li::before {
		width: 2.5vw;
		height: 2.5vw;
		left: 1.5vw;
	}
	.registration li::after {
		border: 0.6vw solid transparent;
		border-left: 1.3vw solid #FFFFFF;
		left: 2.2vw;
	}
}
@media (max-width: 768px) {
	.registration {
		height: 35vw;  /* 2月に企業様ボタン復活後は50vwに*/
	}
	.registration > div {
		font-size: 4.4vw;
		padding-bottom: 0.5em;
	}
	.registration ul {
		flex-direction: column;
		align-items: center;
	}
	.registration li {
		width: 78.8vw;
		height: 12.5vw;
		margin: 1.9vw 0;
		line-height: 12.5vw;
		font-size: 4vw;
	}
	.registration li::before {
		width: 7.5vw;
		height: 7.5vw;
		top: 20%;
		left: 5%;
	}
	.registration li::after {
		border: 1.8vw solid transparent;
		border-left: 3.6vw solid #FFFFFF;
		top: 35%;
		left: 8%;
	}
	.registration li a {
		padding-left: 1.5em;
	}
}

/* 静的ページのh2タグ */
.space-of-h2 {
	letter-spacing: 3px;
}

/* 「hiki.workとは」の中身*/
#my-own-way {
	margin-top: 50px;
	letter-spacing: 2px;
}
.about-container {
	margin-top: 40px;
}
.about-container:first-of-type {
	margin-top: 20px;
}
#resume {
	margin-top: 20px;
}
@media (min-width: 1018px) {
	#rest img {
		margin-left: -30px;
		margin-right: -24px;
	}
}
@media (max-width: 1017px) {
	#rest img {
		margin-left: -2.9vw;
		margin-right: -2.4vw;
		width: 72.6vw;
		height: auto;
	}
}
@media (min-width: 769px) {
	.about-container:nth-of-type(odd) {
		display: flex;
		flex-direction: row-reverse;
	}
	.about-container:nth-of-type(even) {
		display: flex;
		justify-content: flex-start;
	}
	.about-contents1 {
		padding-right: 20px;
	}
	#about-contents2 {
		padding-left: 20px;
	}
}
@media (max-width: 768px) {
	.about-container {
		display: block;
	}
	#rest img {
		margin-left: -6.3%;
		margin-right: -5%;
		width: 112.6%;
		height: auto;
	}
	.house-on-hand img {
		width: 100%;
		height: auto;
	}
}

/* 「ご利用の流れ」の中身 */
.flow-contents {
	border-bottom: 1px solid #000000;
	padding-top: 20px;
	padding-bottom: 20px;
}
.flow-contents:last-of-type {
	border-bottom: none;
}
#red-mypage {
	color: #FD3514;
}
.flow-number {
	margin-bottom: 30px;
}
.flow-text {
	margin-top: 15px;
	margin-bottom: 15px;
}
.interested {
	margin-top: 20px;
}
@media (min-width: 970px) {
	.flow-box {
		display: flex;
		justify-content: flex-start;
	}
	.flow-details {
		padding-left: 100px;
		padding-right: 50px;
	}
	.flow-number {
		font-size: 130%;
	}
}
@media (min-width: 769px) and (max-width: 969px) {
	.flow-box {
		display: flex;
		justify-content: flex-start;
	}
	.flow-details {
		padding-left: 50px;
		padding-right: 10px;
	}
	.flow-number {
		font-size: 130%;
	}
}
@media (max-width: 768px) {
	.flow-box {
		display: block;
	}
	.flow-number {
		margin-top: 30px;
		margin-bottom: 15px;
	}
	.yellow-circle {
		text-align: center;
	}
}

/* 「会員メリット」ページの中身*/
.merit-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}
.merit-content {
	width: 315px;
	height: 440px;
	margin-top: 30px;
	padding-bottom: 20px;
	background-color: #CCCC99;
	text-align: left;
}
.merit-content img {
	width: 100%;
}
.merit-content h4 {
	height: 48px;
	padding: 8px 25px 5px;
	font-size: 95%;
	color: #FD3514;
	letter-spacing: 0.1em;
	line-height: 1.2em;
}
.merit-content div {
	padding: 0 25px 0;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	white-space: normal;
	font-size: 100%;
}
@media (max-width: 1017px) {
	.merit-container {
		width: 100%;
		height: 94.8vw;
		margin-bottom: 4.9vw;
	}
	.merit-content {
		width: 30.9%;
		height: 45.6%;
		padding-bottom: 2vw;
		background-color: #CCCC99;
		text-align: left;
	}
	.merit-content h4 {
		height: 4.7vw;
		padding: 0.8vw 2.5vw 0.5vw;
		font-size: 1.5vw;
	}
	.merit-content div {
		padding: 0 2.5vw 0;
		font-size: 1.6vw;
	}
}
@media (max-width: 768px) {
	.merit-container {
		width: 100%;
		max-width: 460px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.merit-content {
		width: 100%;
		height: auto;
		padding-bottom: 0;
		margin-bottom: 2.5vw;
	}
	.merit-content img {
		width: 100%;
		height: 90vw;
		max-height: 470px;
	}
	.merit-content h4 {
		height: auto;
		padding: 0.5em 5% 1em;
		font-size: 3.9vw;
	}
	.merit-content:nth-of-type(1) h4 > br, .merit-content:nth-of-type(6) h4 > br {
		display: none;
	}
	.merit-content div {
		padding: 0 5% 1em;
		letter-spacing: 0.1em;
		line-height: 1.2em;
		font-size: 3.9vw;
	}
}
/* 「お知らせ」ページの中身 */
#news-container .news-contents {
	border-bottom: 1px solid #000000;
	padding-top: 20px;
	padding-bottom: 20px;
}
#news-single .news-contents {
	padding-top: 20px;
	padding-bottom: 20px;
}
.news-contents:last-of-type {
	margin-bottom: 20px;
}
#news-container, #news-single {
	width: 976px;
	border: none;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 1rem 20px 20px;
	word-wrap:break-word;
}
#news-container h2, #news-single h2 {
	display: flex;
	align-items: center;
	font-size: 200%;
	letter-spacing: 2px;
}
#news-container > div, #news-single > div {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#news-container > div > div:nth-of-type(1),
#news-single > div > div:nth-of-type(1) {
	width: 73%;
}
.news-archive {
	width: 21%;
	padding: 1em;
	border: solid 1px #000000;
}
.news-archive h3 {
	display: flex;
	align-items: center;
}
.archive-year-button {
	display: flex;
	justify-content: center;
	margin: 0.5em 0;
}
.news-archive ul {
	list-style: none;
}
.archive-year-button > div:first-of-type,
.archive-year-button > div:last-of-type {
	cursor: pointer;
}
.archive-year-button > div:nth-of-type(2) {
	margin: 0 2em;
}
.archive {
	display: none;
}
.news-date {
	letter-spacing: 2px;
	font-weight: bold;
}
.news-title {
	font-size: 110%;
	letter-spacing: 2px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#news-container .news-details {
	line-height: 1.2;
	height: 6em;
	overflow: hidden;
	position: relative;
}
#news-container .news-details::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20%;
	background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.7) 20%, rgba(255,255,255,1) 80%);
}
#news-single .news-details {
	line-height: 1.2;
}
.news-pagination {
	display: flex;
	justify-content: center;
}
.news-single-buttons {
	display: flex;
	justify-content: center;
	margin: 2em 0 4em;
}
.news-single-buttons a:nth-of-type(2) {
	margin: 0 1em;
}
.news-single-buttons .hidden {
	visibility: hidden;
}
.news-single-buttons a {
	width: 10em;
	height: 2em;
	line-height: 2em;
	font-size: 1.1rem;
	color: #FFFFFF;
	background-color: #FD3514;
	border-radius: 0.3em;
	text-align: center;
}
@media (max-width:1017px) {
	#news-container {
		width: 94vw;
		padding: 2vw 2vw 2vw;
	}
	#news-container h2 {
		font-size: 3.1vw;
	}
}
@media (max-width: 768px) {
	#news-container h2 {
		font-size: 6vw;
	}
}

/* 「お知らせ」ページのページナビゲーション*/
nav.cp_navi *, nav.cp_navi *:after, nav.cp_navi *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
nav.cp_navi a {
	text-decoration: none;
}
nav.cp_navi {
	text-align: center;
	margin: 2em 0;
}
.cp_navi .cp_pagination {
	display: inline-block;
	margin:2em 0;
	padding: 1em 0.5em;
	background-color: #F5F5F5;
}
.cp_navi .cp_pagenum {
	font-size: 1em;
	line-height: 50px;
	display: block;
	float: left;
	transition: 400ms ease;
	letter-spacing: 0.1em;
	color: #37474F;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	margin: auto .5em;
}
.cp_navi .cp_pagenum:hover,
.cp_navi .cp_pagenum.current {
	font-weight: bold;
	color: #ffffff;
	background-color: #999999;
	border-radius: 50%;
}
.cp_navi .cp_pagenum.prev:hover,
.cp_navi .cp_pagenum.next:hover {
	color: #999999;
	background-color: transparent;
	border-radius: 50%;
}
@media only screen and (max-width: 960px) {
	.cp_navi .cp_pagination {
		margin-top: 50px;
		padding: 0 10px;
	}
	.cp_navi .cp_pagenum {
		font-size: 0.8em;
		line-height: 25px;
		width: 45px;
		height: 25px;
		margin: auto .1em;
		border-radius: 0.3em;
	}
	.cp_navi .cp_pagenum.prev,
	.cp_navi .cp_pagenum.next {
		padding: 0 10px 0 0;
	}
	.cp_navi .cp_pagenum:hover,
	.cp_navi .cp_pagenum.current {
		border-radius: 0.3em;
	}
	.cp_navi .cp_pagenum.prev:hover,
	.cp_navi .cp_pagenum.next:hover {
		border-radius: 0.3em;
	}
}

/* 通知 */
#notice-container {
	width: 976px;
	border: none;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 1rem 20px 20px;
	word-wrap:break-word;
}
#notice-container h2 {
	display: flex;
	align-items: center;
	font-size: 200%;
	letter-spacing: 2px;
}
.notice-contents {
	border-bottom: 1px solid #000000;
	padding-top: 20px;
	padding-bottom: 20px;
}
@media (max-width:1017px) {
	#notice-container {
		width: 94vw;
		padding: 2vw 2vw 2vw;
	}
	#notice-container h2 {
		font-size: 3.1vw;
	}
}
@media (max-width: 768px) {
	#news-container h2 {
		font-size: 6vw;
	}
}

/* 「プライバシーポリシー」と「利用規約」共通 */
.protection-policy h3 {
	font-size: 150%;
	letter-spacing: 1.5px;
	margin-bottom: 20px;
}
.protection-policy h4 {
	color: #8DC21F;
	font-size: 130%;
	margin-bottom: 15px;
}
.protection-policy p {
	margin-bottom: 30px;
	line-height: 1.8;
}
.protection-policy > div {
	margin-bottom: 30px;
	line-height: 1.8;
}
.protection-policy .policy-ul {
	list-style: none;
	padding-left: 4em;
}
.protection-policy .policy-ul > .policy-ul {
	padding-left: 2em;
}
@media (max-width: 1017px) {
	.protection-policy h3 {
		font-size: 2.7vw;
	}
	.protection-policy h4 {
		font-size: 2.5vw;
	}
	.protection-policy p {
		font-size: 1.6vw;
	}
	.protection-policy div {
		font-size: 1.6vw;
	}
}
@media (max-width: 768px) {
	.protection-policy h3 {
		font-size: 5vw;
	}
	.protection-policy h4 {
		font-size: 4vw;
	}
	.protection-policy p {
		font-size: 3.5vw;
	}
	.protection-policy div {
		font-size: 3.5vw;
	}
}

/* 「お問い合わせ」ページの中身 */
#contact {
	margin-top: 50px;
	margin-bottom: 20px;
}
.contact-label {
	font-size: 120%;
	font-weight: bold;
}
#contact .input-form {
	margin-top: 20px;
	margin-bottom: 20px;
}
#contact input[type=text] {
	width: 100%;
	height: 40px;
	font-size: 120%;
}
#contact textarea {
	width: 100%;
	font-size: 120%;
}
#contact .error ul {
	list-style-type: none;
}
#contact-submit {
	text-align: center;
	margin-top: 30px;
}
#contact-submit button {
	width: 180px;
	height: 40px;
	color: #FFFFFF;
	background-color: #FD3514;
	font-size: 18px;
}

/* 「お問い合わせ（確認）」ページの中身 */
#contact-check {
	margin-top: 50px;
	margin-bottom: 20px;
	padding: 10px 30px;
	word-wrap: break-word;
	border: 1px solid;
}
.content-check-contents {
	border-bottom: 1px solid #000000;
}
.content-check-contents h3 {
	margin-top: 10px;
}
.content-check-contents p {
	margin-bottom: 10px;
}
.content-check-contents:last-of-type {
	border-bottom: none;
}
#contact2-buttons {
	text-align: center;
	display: inline-flex;
}
#contact2-correction {
	width: 180px;
	height: 40px;
	margin-right: 30px;
	color: #000000;
	background-color: #C0C0C0;
	font-size: 18px;
}
#contact2-submit {
	width: 180px;
	height: 40px;
	margin-left: 30px;
	color: #FFFFFF;
	background-color: #FD3514;
	font-size: 18px;
}
@media (max-width: 1017px) {
	#contact2-correction {
		width: 18vw;
		height: 5vw;
		margin-right: 3vw;
	}
	#contact2-submit {
		width: 18vw;
		height: 5vw;
		margin-left: 3vw;
	}
}
@media (max-width: 768px) {
	#contact2-correction {
		width: 20vw;
		height: 6vw;
		margin-right: 5vw;
		font-size: 2vw;
	}
	#contact2-submit {
		width: 20vw;
		height: 6vw;
		margin-left: 5vw;
		font-size: 2vw;
	}
}
@media (max-width: 600px) {
	#contact2-correction {
		width: 25vw;
		height: 8vw;
		margin-right: 2vw;
		font-size: 3vw;
	}
	#contact2-submit {
		width: 25vw;
		height: 8vw;
		margin-left: 2vw;
		font-size: 3vw;
	}
}

/*ピックアップ求人*/
.pickup {
	text-align: center;
	margin-bottom: 10px;
}
.pickup h3 {
	margin-top: 2em;
	margin-bottom: 0.5em;
	font-size: 180%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.pickup h3 + div { /*案件多数～*/
	font-size: 110%;
	letter-spacing: 0.1em;
}
.pickup-view {
	list-style: none;
	height: auto;
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}
.pickup-box {
	border: solid 1px #C0C0C0;
	width: 250px;
	height: 305px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	padding: 50px 30px 30px 30px;
	margin-bottom: 50px;
	overflow: hidden;
}
.new-check {
	position: relative;
}
.new-check::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	border-width: 35px 35px 35px 35px;
	border-style: solid;
	border-color: #FD3514 rgba(255,255,255,0) rgba(255,255,255,0) #FD3514;
}
.new-check::after {
	position: absolute;
	top: 2%;
	left: 2%;
	content: "新着";
	font-size: 110%;
	transform: rotate(-45deg);
	color: #FFFFFF;
}
.pickup-box  ul {
	list-style: none;
	text-align: left;
}
.pickup-box .pickup-box-inner {
	text-align: left;
	padding-top: 1em;
	font-size: 95%;
	overflow: hidden;
	height: 300px;
	position: relative;
}
.pickup-box .pickup-box-inner::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	content: "";
	width: 100%;
	height: 20%;
	background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.7) 20%, rgba(255,255,255,1) 80%);
}
.pickup-box .pickup-detail::before {
	content: "…";
	width: 1em;
	height: 1em;
	background-color: #FFFFFF;
	position: relative;
	top: 120px;
	left: 102%;
}
.orange-char {
	color: #FD3514;
	font-size: 100%;
	font-weight: bold;
}
.green-char {
	color: #8DC21F;
	font-size: 100%;
}
.pickup-more {
	display: block;
	text-decoration: none;
	width: 20em;
	height: 2em;
	background-color: #FD3514;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 140%;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	margin: 0 auto 0.5em;
}
.pickup-more:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	text-decoration: none;
}
.pickup-more + div { /*会員登録すると～*/
	font-size: 115%;
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
}
.orange-button {
	margin: 0 auto;
	width: 315px;
	height: 50px;
	background-color: #FD3514;
	font-size: 90%;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}
.orange-button:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
.orange-button a {
	text-decoration: none;
	color: #FFFFFF;
}
.orange-button::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #CCCC33;
	position: relative;
	left: -61.5px;
}
.orange-button::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left: 13px solid #FFFFFF;
	position: relative;
	left: -195px;
}
@media (max-width: 1017px) {
	.pickup {
		margin-bottom: 1vw;
	}
	.pickup h3 {
		font-size: 2.8vw;
	}
	.pickup h3 + div {
		font-size: 1.7vw;
	}
	.pickup-view {
		margin-top: 1.5vw;
	}
	.pickup-box {
		width: 24.6vw;
		height: 30vw;
		box-shadow: 0.5vw 0.5vw 0.5vw rgba(0,0,0,0.2);
		padding: 4.9vw 2.9vw 2.9vw 2.9vw;
		margin-bottom: 4.9vw;
	}
	.new-check::before {
		border-width: 3.8vw 3.8vw 3.8vw 3.8vw;
	}
	.new-check::after {
		font-size: 1.7vw;
	}
	.pickup-box > div {
		font-size: 1.5vw;
		height: 13.8vw;
	}
	.pickup-box > div::before {
		top: 11.8vw;
	}
	.pickup-box > ul {
		font-size: 1.6vw;
	}
	.pickup-more {
		font-size: 2.2vw;
		border-radius: 0.5vw;
	}
	.pickup-more + div { /*会員登録すると～*/
		font-size: 1.8vw;
	}
	.orange-button {
		width: 30.9vw;
		height: 4.9vw;
		font-size: 1.4vw;
		box-shadow: 0.5vw 0.5vw 0.5vw rgba(0,0,0,0.2);
	}
	.orange-button::before {
		width: 2.4vw;
		height: 2.4vw;
		left: -5.9vw;
	}
	.orange-button::after {
		border: 0.6vw solid transparent;
		border-left: 1.3vw solid #FFFFFF;
		left: -18.9vw;
	}
}
@media (max-width: 768px) {
	.pickup > div[class="container"] {
		width: 90%;
	}
	.pickup h3 {
		margin-top: 16.3vw;
		margin-bottom: 10vw;
		font-size: 4.8vw;
	}
	.pickup h3 + div {
		font-size: 4vw;
	}
	.pickup-view {
		height: auto;
		margin-top: 4vw;
		margin-bottom: 0;
	}
	.pickup-box {
		width: 100%;
		height: 77.5vw;
		box-shadow: 0.5vw 0.5vw 0.5vw rgba(0,0,0,0.2);
		padding: 7.5vw 10vw 5vw 10vw;
		margin-bottom: 6.3vw;
	}
	.pickup-box:nth-of-type(4), .pickup-box:nth-of-type(5), .pickup-box:nth-of-type(6) {
		display: none;
	}
	.new-check::before {
		border-width: 8.5vw 8.5vw 8.5vw 8.5vw;
	}
	.new-check::after {
		font-size: 4vw;
	}
	.pickup-box > ul {
		font-size: 4vw;
	}
	.pickup-box > div {
		font-size: 4vw;
		height: 36vw;
		letter-spacing: 0.05em;
	}
	.pickup-box > div::before {
		top: 30vw;
		left: 100%;
	}
	.pickup-more {
		width: 38.8vw;
		height: 9.5vw;
		border-radius: 1.3vw;
		font-size: 3.9vw;
	}
	.pickup-more + div { /*会員登録すると～*/
		font-size: 4vw;
		line-height: 1.2em;
	}
	.orange-button {
		width: 78.8vw;
		height: 12.5vw;
		font-size: 4vw;
	}
	.orange-button::before {
		width: 7.5vw;
		height: 7.5vw;
		left: -13vw;
	}
	.orange-button::after {
		border: 1.8vw solid transparent;
		border-left: 3.6vw solid #FFFFFF;
		left: -50vw;
	}
}
@media (min-width:769px) {
	.flow > div:nth-of-type(2) > br {
		display: none;
	}
}

/*ご利用の流れ*/
.flow {
	background-color: #FFFF66;
	text-align: center;
	line-height: 1.35em;
	padding-bottom: 40px;
}
.flow h3 {
	font-size: 180%;
	letter-spacing: 0.1em;
	font-weight: bold;
	padding-top: 2em;
	padding-bottom: 1.2em;
}
.flow > div:nth-of-type(1) {
	height: 580px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}
.flow > div:nth-of-type(1) > div {
	width: 290px;
	height: 550px;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flow img {
	width: 53%;
	height: 27.1%;
	margin: 0 auto;
}
.flow h4 {
	font-size: 110%;
	letter-spacing: 0.1em;
}
.flow > div:nth-of-type(1) > div:nth-of-type(3) > div h4 {
	letter-spacing: 0em;
}
.flow > div:nth-of-type(1) > div > div > div {
	font-size: 100%;
	letter-spacing: 0.1em;
	padding-top: 1em;
}
.flow ul {
	list-style: none;
}
.flow li::before {
	content: "・";
}
.flow > div:nth-of-type(2) {
	margin-bottom: 2em;
}
@media (max-width: 1017px) {
	.flow {
		padding-bottom: 3.9vw;
	}
	.flow h3 {
		font-size: 2.8vw;
	}
	.flow > div:nth-of-type(1) {
		height: 57vw;
	}
	.flow > div:nth-of-type(1) > div {
		width: 29%;
		height: 94%;
	}
	.flow h4 {
		font-size: 1.7vw;
	}
	.flow > div:nth-of-type(1) > div > div > div {
		font-size: 1.6vw;
		line-height: 1.3em;
	}
}
@media (max-width: 768px) {
	.flow {
		padding-bottom: 7.5vw;
	}
	.flow h3 {
		font-size: 6.2vw;
		padding-top: 2.8em;
	}
	.flow > div:nth-of-type(1) {
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.flow > div:nth-of-type(1) > div {
		width: 90%;
		height: auto;
		justify-content: flex-start;
	}
	.flow img {
		width: 38vw;
		height: 38vw;
	}
	.flow h4 {
		font-size: 4.2vw;
		letter-spacing: 0.1em;
	}
	.flow > div:nth-of-type(1) > div > div > div {
		font-size: 3.9vw;
		padding-bottom: 0.8em;
	}
	.flow > div:nth-of-type(1) > div > hr {
		margin-top: 4vw;
		margin-bottom: 2vw;
	}
}
@media (min-width: 769px) {
	.flow > div:nth-of-type(1) > div > hr {
		display: none;
	}
}

/*会員のメリット*/
.benefit {
	text-align: center;
	background-color: #CCCC99;
	padding-bottom: 70px;
}
.benefit h3 {
	font-size: 180%;
	padding-top: 2em;
	padding-bottom: 1em;
}
.benefit h3 + div {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 4em;
}
.benefit-box {
	width: 100%;
	height: 965px;
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}
.benefit-content {
	width: 315px;
	height: 440px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	text-align: left;
}
.benefit-content img {
	width: 100%;
}
.benefit-content h4 {
	height: 48px;
	padding: 8px 25px 5px;
	font-size: 95%;
	color: #FD3514;
	letter-spacing: 0.1em;
	line-height: 1.2em;
}
.benefit-content div {
	padding: 0 25px 0;
	line-height: 1.2em;
	white-space: normal;
	font-size: 100%;
}
.benefit-more {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.benefit-more > div {
	width: 160px;
	height: 37px;
	background-color: #FFFFFF;
	border-radius: 5px;
}
.benefit-more > div a:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
.benefit-more a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FD3514;
	font-size: 100%;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 1017px) {
	.benefit {
		padding-bottom: 6.9vw;
	}
	.benefit h3 {
		font-size: 2.8vw;
	}
	.benefit h3 + div {
		font-size: 1.7vw;
	}
	.benefit-box {
		width: 100%;
		height: 94.8vw;
		margin-bottom: 4.9vw;
	}
	.benefit-content {
		width: 30.9%;
		height: 45.6%;
		padding-bottom: 2vw;
		background-color: #FFFFFF;
		text-align: left;
	}
	.benefit-content h4 {
		height: 4.7vw;
		padding: 0.8vw 2.5vw 0.5vw;
		font-size: 1.5vw;
	}
	.benefit-content div {
		padding: 0 2.5vw 0;
		font-size: 1.6vw;
	}
	.benefit-more > div {
		width: 15.7vw;
		height: 3.6vw;
		border-radius: 0.5vw;
	}
	.benefit-more a {
		font-size: 1.6vw;
		border-radius: 0.5vw;
	}
}
@media (max-width: 768px) {
	.benefit {
		padding-bottom: 8.8vw;
	}
	.benefit > div[class="container"] {
		width: 90%;
	}
	.benefit h3 {
		font-size: 6vw;
		padding-top: 2.5em;
		padding-bottom: 1.5em;
		letter-spacing: 0.1em;
	}
	.benefit h3 + div {
		font-size: 4vw;
		margin-bottom: 0.8em;
		text-align: left;
		letter-spacing: 0.1em;
	}
	.benefit-box {
		width: 100%;
		max-width: 460px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.benefit-content {
		width: 100%;
		height: auto;
		padding-bottom: 0;
		margin-bottom: 2.5vw;
	}
	.benefit-content img {
		width: 100%;
		height: 90vw;
		max-height: 470px;
	}
	.benefit-content h4 {
		height: auto;
		padding: 0.5em 5% 1em;
		font-size: 3.9vw;
	}
	.benefit-content:nth-of-type(1) h4 > br, .benefit-content:nth-of-type(6) h4 > br {
		display: none;
	}
	.benefit-content div {
		padding: 0 5% 1em;
		letter-spacing: 0.1em;
		line-height: 1.2em;
		font-size: 3.9vw;
	}
	.benefit-more {
		justify-content: center;
	}
	.benefit-more > div {
		width: 38.8vw;
		height: 9.5vw;
		border-radius: 1.3vw;
	}
	.benefit-more > div > a {
		font-size: 3.9vw;
	}
}
@media (min-width: 769px) {
	.benefit > div > div:nth-of-type(1) > br {
		display: none;
	}
}

/*仕事をやってみた感想*/
.voice > div:nth-of-type(1) {
	background-image: url(../img/bg_voice.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1524px 987px;
	text-align: center;
	padding-top: 3em;
}
.voice > div:nth-of-type(1) > div:nth-child(1) {
	height: auto;
	padding-bottom: 65px;
}
.voice > div:nth-of-type(1) > div:nth-child(1) > h3 {
	font-size: 180%;
	color: #222222;
	letter-spacing: 0.1em;
	margin: 0 auto 1.7em;
	width: 16em;
	height: 2em;
	line-height: 2em;
	background-color: rgba(255,255,255,0.7);
}
.voice-box {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.voice-content {
	width: 948px;
	height: 200px;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	padding: 0 35px 0;
	margin-bottom: 45px;
	text-align: left;
}
.voice-content-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.voice-content-header > div:nth-of-type(1) {
	color: #FD3514;
	font-size: 115%;
	font-weight: bold;
	letter-spacing: 0.1em;
	display: flex;
	align-items: center;
}
.content-number {
	font-size: 260%;
	letter-spacing: 0.15em;
	margin-right: 0.5em;
}
.voice-content-header > div:nth-of-type(2) {
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.voice-content-text {
	color: #808080;
	font-size: 100%;
	letter-spacing: 0.1em;
	line-height: 1.1em;
}
.banner {
	margin-bottom: 20px;
}
.voice > div:nth-of-type(2) > div {
	display: flex;
	justify-content: flex-end;
	margin-top: 50px;
	margin-bottom: 5px;
}
.voice .ad {
	padding-top: 2rem;
	background-image: none !important;
}
@media (min-width: 1524px) {
	.voice-content {
		margin-bottom: 3vw;
	}
	.voice > div:nth-child(1) {
		background-size: 100% 65vw;
	}
}
@media (max-width: 1017px) {
	.voice > div:nth-of-type(1) {
		background-size: 150vw 97vw;
	}
	.voice > div:nth-child(1) > h3 {
		font-size: 2.8vw;
	}
	.voice-content {
		width: 93.1vw;
		height: 19.6vw;
		border-radius: 0.5vw;
		box-shadow: 0.5vw 0.5vw 0.5vw rgba(0,0,0,0.2);
		padding: 0 3.45vw 0;
		margin-bottom: 4.4vw
	}
	.voice-content-header > div:nth-of-type(1) {
		font-size: 1.8vw;
	}
	.content-number {
		font-size: 4.7vw;
	}
	.voice-content-header > div:nth-of-type(2) {
		font-size: 1.7vw;
	}
	.voice-content-text {
		font-size: 1.6vw;
	}
	.banner {
		width: 74vw;
		height: 9.8vw;
		margin-bottom: 2vw;
	}
	.voice > div:nth-of-type(2) > div {
		margin-top: 4.9vw;
		margin-bottom: 0.5vw;
	}
	.voice .ad {
		width: 90%;
	}
}
@media (max-width: 768px) {
	.voice > div:nth-of-type(1) {
		background-size: 531.4vw 344.2vw;
		background-position: left -137.7vw top;
		padding-bottom: 10.5vw;
	}
	.voice > div:nth-of-type(1) > div:nth-child(1) {
		padding-bottom: 0;
	}
	.voice > div:nth-of-type(1) > div:nth-child(1) > h3 {
		font-size: 6.3vw;
		width: 100%;
	}
	.voice-box {
		width: 90%;
		height: auto;
		margin: 0 auto 6.3vw;
	}
	.voice-content {
		width: 90%;
		height: auto;
		border-radius: 1.3vw;
		box-shadow: 1.3vw 1.3vw 1.3vw rgba(0,0,0,0.2);
		padding: 0 5% 0;
		margin-bottom: 5vw;
	}
	.voice-content-header {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.voice-content-header > div:nth-of-type(1) {
		font-size: 4.5vw;
	}
	.content-number {
		font-size: 9vw;
	}
	.voice-content-header > div:nth-of-type(2) {
		font-size: 4.5vw;
		line-height: normal;
		font-weight: normal;
		padding-top: 0.5em;
	}
	.voice-content-text {
		font-size: 4vw;
		margin-bottom: 1.5em;
	}
	.voice > div:nth-of-type(2) {
		width: 100%;
		height: auto;
		background-color: #FFFFFF;
		padding: 9vw 0 2vw;

		z-index: 10;
	}
	.voice > div:nth-of-type(2) > div {
		width: 90%;
		margin: 0 auto 0;
	}
	.voice > div:nth-of-type(2) > img {
		width: 90%;
		height: 11.3vw;
	}
}
@media (min-width: 769px) {
	.voice-content-header > div:nth-of-type(2) > br {
		display: none;
	}
}

/* 仕事やってみた感想の入力画面 */
#impression-form .error ul {
	list-style-type: none;
}

#impression-form .job-detail dt,
#impression-form .job-detail dd {
	float: left;
	margin: 0.5rem auto;
}

#impression-form .job-detail dt {
	clear: both;
	margin-right: 1rem;
}

#impression-form .job-detail dt span {
	background-color: #808080;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	min-width: 95px;
	height: 25px;
	line-height: 25px;
	padding: 0 0.2em;
	font-size: 110%;
	letter-spacing: 0.1em;
}

#impression-form form dt,
#impression-form form dd {
	float: left;
	margin: 0.5rem auto;
}

#impression-form form dt {
	clear: both;
	margin-right: 1rem;
}

#impression-form form dd {
	float: right;
	width: 800px;
	font-size: 110%;
}

#impression-form textarea {
	width: 100%;
	height: 6rem;
	font-size: 110%;
}

#impression-form nav {
	clear: both;
	text-align: center;
}

#impression-form button {
	display: inline-block;
	margin: 0 1rem;
	font-size: 110%;
	width: 250px;
	height: 45px;
	line-height: 45px;
	border-style: none;
	border-radius: 5px;
	background-color: #FD3514;
	color: #FFFFFF;
	text-align: center;
	box-shadow: 3px 3px 3px #CCCCCC;
}

#impression-form button[value="cancel"],
#impression-form button[value="back"] {
	background-color: #808080;
}

/* 仕事やってみた感想のメインコンテンツ全体 */
main {
	display: block;
	background-color: #EEEEEE;
	font-size: 16px;
}
/*感想とサイドメニューの配置用コンテナ*/
.main-contents {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 1rem;
}

/*感想の表示欄*/
.inner-container {
	width: 100%;
	background-color: #FFFFFF;
	padding: 35px 24px 45px 30px;
}
.inner-container.use-sidebar {
	width: 686px;
	margin-bottom: 2.5rem;
}
.inner-container h2 {
	color: #333333;
	display: flex;
	align-items: center;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 1.5em;
}
.inner-container h2.h2-for-merit { /*会員メリットのページのみスペース調整*/
	margin-bottom: 0;
}
.impression-content {
	margin-bottom: 60px;
}
.green-box { /*緑の縦線*/
	display: inline-block;
	width: 6px;
	height: 30px;
	background-color: #8DC21F;
	margin-right: 15px;
}
.impression-content > div:nth-of-type(1) { /*タイトルと職種*/
	display: flex;
	align-items: center;
	font-size: 110%;
}
.green-back {
	color: #FFFFFF;
	background-color: #8DC21F;
	padding-left: 12px;
	padding-right: 12px;
	width: 86px;
	height: 2em;
	line-height: 2em;
	text-align: center;
}
.impression-content > div:nth-of-type(1) > div:nth-of-type(2) {
	border-bottom: solid 1px #000000;
	height: 2em;
	line-height: 2em;
	padding-left: 15px;
	width: 555px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
}
.impression-content > div:nth-of-type(2) { /*ユーザーー名列*/
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 100%;
}
.impression-content > div:nth-of-type(2) > div:nth-of-type(1) {
	width: 110px;
	height: 2em;
	line-height: 2em;
	text-align: left;
}
.impression-content > div:nth-of-type(2) > div:nth-of-type(2) {
	display: flex;
	justify-content: space-between;
	height: 2em;
	line-height: 2em;
	padding-left: 15px;
	width: 555px;
}
.impression-content > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) { /*日付*/
	font-weight: normal;
}
.impression-content > div:nth-of-type(3) { /*感想本文*/
	margin-left: 110px;
	color: #808080;
	letter-spacing: 0em;
}
.useful { /*参考になった*/
	margin-left: 110px;
	margin-top: 1em;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.useful > div:nth-of-type(1) {
	background-color: #8DC21F;
	border-radius: 5px;
	padding: 0.1em 0.6em;
	margin-right: 0.5em;
	display: flex;
	align-items: center;
}
.useful.checked > div:nth-of-type(1) {
	background-color: #FD3514;
}
.useful > div:nth-of-type(1) > a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 75%;
	letter-spacing: normal;
}
.useful > div:nth-of-type(2) {
	position: relative;
	margin-left: 8px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	font-size: 75%;
	width: 1.5em;
	height: 1.8em;
	line-height: 1.8em;
	text-align: center;
}
.useful > div:nth-of-type(2):before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -6px;
	border-style: solid;
	border-width: 5px 9px 5px 0;
	border-color: transparent #000000 transparent transparent;
}
.useful > div:nth-of-type(2):after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: -8px;
	margin-top: -5px;
	border-style: solid;
	border-width: 4px 8px 4px 0;
	border-color: transparent #FFFFFF transparent transparent;
}
.page ul {
	list-style: none;
	display: flex;
}
.page li {
	border: solid 1px #808080;
	padding: 0.1em 0.4em;
	margin-right: 0.3em;
}
.page a {
	text-decoration: none;
	color: #000000;
	font-size: 75%;
	letter-spacing: 0;
}
@media (max-width: 1017px) {
	/*感想の表示欄*/
	.inner-container {
		padding: 3.4vw 2.4vw 4.4vw 2.9vw;
	}
	.inner-container.use-sidebar {
		width: 67.3vw;
	}
	.inner-container h2 {
		font-size: 3.1vw;
	}
	.impression-content {
		margin-bottom: 5.9vw;
	}
	.green-box { /*緑の縦線*/
		width: 0.6vw;
		height: 2.9vw;
		margin-right: 1.5vw;
	}
	.impression-content > div:nth-of-type(1) { /*タイトルと職種*/
		font-size: 1.7vw;
	}
	.green-back {
		padding-left: 1.2vw;
		padding-right: 1.2vw;
		width: 8.4vw;
	}
	.impression-content > div:nth-of-type(1) > div:nth-of-type(2) {
		padding-left: 1.5vw;
		width: 54.5vw;
	}
	.impression-content > div:nth-of-type(2) { /*ユーザーー名列*/
		font-size: 1.6vw;
	}
	.impression-content > div:nth-of-type(2) > div:nth-of-type(1) {
		width: 10.8vw;
	}
	.impression-content > div:nth-of-type(2) > div:nth-of-type(2) {
		padding-left: 1.5vw;
		width: 54.5vw;
	}
	.impression-content > div:nth-of-type(3) { /*感想本文*/
		margin-left: 10.8vw;
		font-size: 1.6vw;
	}
	.useful { /*参考になった*/
		margin-left: 10.8vw;
	}
	.useful > div:nth-of-type(1) {
		border-radius: 0.5vw;
	}
	.useful > div:nth-of-type(1) > a {
		font-size: 1.2vw;
	}
	.useful > div:nth-of-type(2) {
		margin-left: 8px;
		font-size: 1.2vw;
	}
	.useful > div:nth-of-type(2):before {
		left: -1vw;
		margin-top: -0.6vw;
		border-width: 0.5vw 0.9vw 0.5vw 0;
	}
	.useful > div:nth-of-type(2):after {
		left: -0.8vw;
		margin-top: -0.4vw;
		border-width: 0.3vw 0.8vw 0.3vw 0;
	}
	.page a {
		font-size: 1.2vw;
	}
}
@media (max-width: 768px) {
	.main-contents {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	.inner-container {
		width: 80%;
		padding: 3.4vw 5% 12.5vw 5%;
		margin-bottom: 15vw;
	}
	.inner-container.use-sidebar {
		width: 80%;
		padding: 3.4vw 5% 12.5vw 5%;
		margin-bottom: 15vw;
	}
	.inner-container h2 {
		font-size: 6vw;
	}
	.green-box { /*緑の縦線*/
		width: 1.5vw;
		height: 6.5vw;
		margin-right: 1.5vw;
	}
	.green-back {
		padding-left: 1.2vw;
		padding-right: 1.2vw;
		width: 18.9vw;
		height: 6.3vw;
		line-height: 6.3vw;
		font-size: 3vw;
	}
	.impression-content {
		margin-bottom: 15vw;
	}
	.impression-content:nth-of-type(5) {
		margin-bottom: 7.5vw;
	}
	.impression-content > div:nth-of-type(2) { /*ユーザーー名列*/
		align-items: flex-start;
		font-size: 3vw;
	}
	.impression-content > div:nth-of-type(1) > div:nth-of-type(2) {
		width: 100%;
		height: 6.3vw;
		line-height: 6.3vw;
		font-size: 3vw;
		padding-left: 2vw;
		position: relative;
	}
	.impression-content > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) {
		position: absolute;
		right: 0;
		top: 4.5em;
	}
	.impression-content > div:nth-of-type(2) > div:nth-of-type(1) {
		width: 21.3vw;
		letter-spacing: normal;
	}
	.impression-content > div:nth-of-type(2) > div:nth-of-type(2) {
		width: 100%;
		height: 17.5vw;
		padding-left: 2vw;
	}
	.impression-content > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) { /*日付*/
		align-self: flex-end;
	}
	.impression-content > div:nth-of-type(3) { /*感想本文*/
		line-height: 1.1em;
		font-size: 3.3vw;
		margin-left: 0;
	}
	.useful {
		margin-left: 0;
	}
	.useful > div:nth-of-type(1) {
		width: 23.8vw;
		height: 5vw;
		border-radius: 1.3vw;
	}
	.useful > div:nth-of-type(1) > a {
		font-size: 3vw;
		letter-spacing: 0.1em;
		line-height: 5vw;
		margin: 0 auto;
	}
	.useful > div:nth-of-type(2) {
		font-size: 3vw;
	}
	.useful > div:nth-of-type(2):before {
		left: -10px;
		margin-top: -6px;
		border-width: 5px 9px 5px 0;
	}
	.useful > div:nth-of-type(2):after {
		left: -8px;
		margin-top: -5px;
		border-width: 4px 8px 4px 0;
	}
	.page {
		display: flex;
		justify-content: flex-end;
	}
	.page a {
		font-size: 2.8vw;
	}
}

/*右サイドの広告等*/
.side-menu {
	width: 248px;
}
.side-menu .ad { /*有償広告欄*/
	width: 247px;
}
.side-menu .ad img {
	margin-bottom: 10px;
}
.side-news { /*お知らせ欄*/
	width: 217px;
	background-color: #FFFFFF;
	margin-top: 20px;
	padding: 10px 15px;
	position: relative;
}
.side-news::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	border-style: solid;
	border-width: 15px 15px 15px 15px;
	border-color: #330000 transparent transparent #330000;
}
.side-news h3 {
	font-size: 100%;
	padding-left: 0.7em;
	padding-bottom: 10px;
}
.side-news article {
	border-top: solid 1px #000000;
}
.side-news-date {
	font-size: 80%;
	padding-top: 0.2em;
}
.side-news-text {
	font-size: 83%;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
.side-news > div:last-of-type {
	display: flex;
	justify-content: flex-end;
}
.side-news > div:last-of-type a {
	font-size: 83%;
}
.links { /*別ページへのリンク欄*/
	width: 247px;
	margin-top: 30px;
}
.link-fb { /*facebookリンク*/
	display: block;
	height: 100px;
	font-size: 110%;
	color: #FFFFFF;
	background-color: #3B5998;
	text-align: center;
	line-height: 100px;
	text-decoration: none;
}
.link-fb:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
.registration-link {
	width: 197px;
	height: 50px;
	background-color: #FD3514;
	color: #FFFFFF;
	font-size: 93%;
	line-height: 50px;
	letter-spacing: 0;
	margin-top: 10px;
	padding-left: 50px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	position: relative;
}
.registration-link:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}
.registration-link::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #CCCC33;
	position: absolute;
	top: 25%;
	left: 12px;
}
.registration-link::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left: 13px solid #FFFFFF;
	position: absolute;
	top: 38%;
	left: 19px;
}
.registration-link a {
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-decoration: none;
}
@media (max-width: 1017px) {
	/*右サイドの広告等*/
	.side-menu {
		width: 24.4vw;
	}
	.ad { /*有償広告欄*/
		width: 24.3vw;
	}
	.ad img {
		margin-bottom: 1vw;
		width: 100%;
	}
	.side-news { /*お知らせ欄*/
		width: 21.3vw;
		margin-top: 2vw;
		padding: 1vw 1.5vw;
	}
	.side-news::before {
		border-width: 1.5vw 1.5vw 1.5vw 1.5vw;
	}
	.side-news h3 {
		font-size: 1.6vw;
		padding-bottom: 1vw;
	}
	.side-news-date {
		font-size: 1.3vw;
	}
	.side-news-text {
		font-size: 1.3vw;
	}
	.side-news > div:last-of-type a {
		font-size: 1.3vw;
	}
	.links { /*別ページへのリンク欄*/
		width: 24.3vw;
		margin-top: 2.9vw;
	}
	.link-fb { /*facebookリンク*/
		height: 9.8vw;
		font-size: 1.72vw;
		line-height: 9.8vw;
	}
	.registration-link {
		width: 19.4vw;
		height: 4.9vw;
		font-size: 1.5vw;
		line-height: 4.9vw;
		margin-top: 1vw;
		padding-left: 4.9vw;
		box-shadow: 0.5vw 0.5vw 0.5vw rgba(0,0,0,0.2);
	}
	.registration-link::before {
		width: 2.5vw;
		height: 2.5vw;
		left: 1.2vw;
	}
	.registration-link::after {
		border: 0.6vw solid transparent;
		border-left: 1.3vw solid #FFFFFF;
		left: 2vw;
	}
}
@media (max-width: 768px) {
	.side-menu {
		width: 100%;
	}
	.ad {
		width: 90%;
		margin: 0 auto;
	}
	.ad img {
		margin-bottom: 3.8vw;
	}
	.side-news {
		margin: 8.8vw auto 0;
		width: 80%;
		padding: 5vw 5% 5vw;
	}
	.side-news::before {
		border-width: 5vw 5vw 5vw 5vw;
	}
	.side-news h3 {
		font-size: 5vw;
		padding-left: 0.5em;
		padding-bottom: 5vw;
	}
	.side-news-date {
		font-size: 4vw;
		padding-top: 0.4em;
	}
	.side-news-text {
		font-size: 4.5vw;
		line-height: normal;
	}
	.side-news > div:last-of-type a {
		font-size: 4.5vw;
	}
	.links {
		width: 100%;
	}
	.link-fb {
		width: 90%;
		height: 35vw;
		margin: 11.3vw auto 0;
		font-size: 7vw;
		line-height: 35vw;
	}
	.links > div:nth-of-type(1) {
		width: 100%;
		height: 35vw;  /*2月に企業様ボタン復活後は50vwに*/
		background-color: #8DC21F;
		text-align: center;
		margin-top: 11.3vw;
	}
	.links > div:nth-of-type(1) > div:nth-of-type(1) {
		color: #FFFFFF;
		font-size: 4.4vw;
		padding: 1em 0 0.5em;
	}
	.registration-link {
		width: 78.8vw;
		height: 12.5vw;
		margin: 3.8vw auto;
		line-height: 12.5vw;
		font-size: 4vw;
		box-shadow: 1.3vw 1.3vw 1.3vw rgba(0,0,0,0.2);
	}
	.registration-link::before {
		width: 7.5vw;
		height: 7.5vw;
		top: 20%;
		left: 5%;
	}
	.registration-link::after {
		border: 1.8vw solid transparent;
		border-left: 3.6vw solid #FFFFFF;
		top: 35%;
		left: 8%;
	}
}
@media (min-width: 769px) {
	.links > div:nth-of-type(1) > div:nth-of-type(1) {
		display: none;
	}
}

/*バナー（SP時のみ表示）*/
.banner-container {
	background-color: #FFFFFF;
	width: 100%;
	padding: 10vw 0 2vw;
}
.banner {
	display: block;
	width: 90%;
	height: 11.3vw;
	margin: 0 auto 2vw;
}
@media(min-width: 769px) {
	.banner-container {
		display: none;
	}
}
/* トップページのバナー */
#top-main .banner {
	width: 100%;
	height: 100%;
}

/*ページの先頭へボタン*/
.go-top {
	z-index: 100;
	position: fixed;
	bottom: -150px;
	right: 20px;
	width: 100px;
	text-align: right;
	transition: .2s;
}
.go-top .container {
	width: 100px;
}
@media (max-width: 1017px) {
	.go-top {
		right: 20px;
	}
	.go-top > a > img {
		width: 7.9vw;
		height: 9.6vw;
	}
}
@media (max-width: 768px) {
	.go-top {
		margin-top: 0;
	}
	.go-top .container {
		margin-right: 0;
	}
	.go-top a {
		margin-right: 5%;
	}
	.go-top a img {
		width: 13.8vw;
		height: 16.9vw;
		margin-top: 0;
	}
}
/* トップページ内お知らせ欄 */
#news h3 {
	font-size: 1.9rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
#news h3::before {
	content: '…………………………';
	color: #8DC21F;
	font-size: 1rem;
	margin-right: 1em;
}
#news h3::after {
	content: '…………………………';
	color: #8DC21F;
	font-size: 1rem;
	margin-left: 1em;
}
#news .news-in-top {
	list-style: none;
	display: flex;
	font-size: 1.1rem;
}
#news .news-in-top li {
	margin-bottom: 1em;
}
#news .news-in-top li:first-of-type {
	margin-right: 4em;
}
#news .orange-button {
	position: relative;
	font-size: 100%;
	margin: 0.5em auto 1em;
}
#news .orange-button::before {
	position: absolute;
	left: 15px;
	top: 12.5px;
}
#news .orange-button::after {
	position: absolute;
	left: 22px;
	top: 19px;
}
@media (max-width: 1017px) {
	#news .news-in-top {
		width: 95%;
		margin: 0 auto;
	}
}
@media (max-width: 768px) {
	#news h3 {
		font-size: 1.5rem;
		margin-bottom: 0.5em;
	}
	#news h3::before {
		content: '……………';
		font-size: 3vw;
	}
	#news h3::after {
		content: '……………';
		font-size: 3vw;
	}
	#news .news-in-top {
		width: 90%;
		margin: 0 auto;
	}
	#news .orange-button {
		font-size: 4vw;
	}
	#news .orange-button::before {
		left: 5%;
	}
	#news .orange-button::after {
		left: 8%;
		top: 30%;
	}
}

/* フッターの設定 */
footer {
	background-color: #8DC21F;
	width: 100%;
	padding-top: 60px;
}
footer > div {
	display: flex;
	justify-content: space-between;
}
.lfooter > div:nth-of-type(1) {
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}
.lfooter ul {
	list-style: none;
}
.lfooter li {
	font-size: 85%;
	letter-spacing: 0.1em;
}
.lfooter li:nth-of-type(7) {
	padding-left: 8em;
	text-indent: -8em;
}
.lfooter img {
	-webkit-filter: brightness(0);
	-moz-filter: brightness(0);
	-o-filter: brightness(0);
	-ms-filter: brightness(0);
	filter: brightness(0);
	margin-top: 10px;
}
.rfooter {
	width: 510px;
}
.rfooter > div:nth-of-type(1) {
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.rfooter ul {
	list-style: none;
	width: 50%;
	margin-top: 20px;
	text-align: left;
}
.rfooter li {
	font-size: 85%;
	letter-spacing: 0.1em;
}
.rfooter li:hover {
	background-color: rgba(0,0,0,0.3);
}
.rfooter li a {
	text-decoration: none;
	color: #000000;
}
.rfooter > div:nth-of-type(2) {
	display: flex;
}
footer small {
	font-size: 110%;
	letter-spacing: 0.1em;
	margin: 2em auto 3em;
}
@media (max-width: 1017px) {
	footer {
		padding-top: 5.9vw;
	}
	footer > div[class="container"] {
		width: 90%;
	}
	.lfooter > div:nth-of-type(1) {
		font-size: 2vw;
	}
	.lfooter li {
		font-size: 1.3vw;
	}
	.lfooter img {
		margin-top: 1vw;
		width: 3.9vw;
	}
	.rfooter {
		width: 50.1vw;
	}
	.rfooter > div:nth-of-type(1) {
		font-size: 2vw;
	}
	.rfooter ul {
		margin-top: 2vw;
	}
	.rfooter li {
		font-size: 1.3vw;
	}
	footer small {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	footer > div[class="container"] {
		width: 90%;
		flex-direction: column;
		align-items: flex-start;
	}
	.lfooter {
		width: 100%;
		margin-bottom: 8.8vw;
	}
	.lfooter > div:nth-of-type(1) {
		font-size: 4.8vw;
		margin-bottom: 0.8em;
	}
	.lfooter li:nth-of-type(7) {
		padding-left: 0;
		text-indent: 0;
	}
	.lfooter li, .rfooter li {
		font-size: 3.2vw;
	}
	.lfooter img {
		margin-top: 2vw;
		width: 10vw;
	}
	.rfooter {
		width: 100%;
	}
	.rfooter > div:nth-of-type(1) {
		font-size: 4.8vw;
		margin-bottom: 0.1em;
	}
	.rfooter > div:nth-of-type(2) {
		display: flex;
		flex-direction: column;
		padding-top: 1em;
	}
	.rfooter ul {
		margin-top: 0;
	}
	footer small {
		font-size: 4vw;
		letter-spacing: 0.1em;
		font-family: "MinamotoL";
		margin-top: 15vw;
	}
}
@media (min-width: 769px) {
	.lfooter li > br {
		display: none;
	}
}

/**** breadcrumb ****/
#breadcrumb {
	background-color: #EEEEEE;
}
#breadcrumb ul {
	list-style-type: none;
	width: 1018px;
	margin: 0 auto;
	padding: 1em 0 0;
}
#breadcrumb li {
	display: inline-block;
}
#breadcrumb li:not(:last-child):after {
	content: ' ＞'
}
@media(max-width: 1017px) {
	#breadcrumb ul {
		width: 100%;
	}
}
@media(max-width: 768px) {
	#breadcrumb ul {
		width: 90%;
	}
}

/**** mypage-nav ****/
.mypage-nav {
	padding-top: 1rem;
	background-color: #EEEEEE;
}
.mypage-nav ul {
	list-style-type: none;
	width: 1018px;
	height: 3rem;
	margin: 0 auto;
	display: flex;
}
.mypage-nav li {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 7rem;
	height: 3rem;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
	background-color: #C0C0C0;
	margin-right: 0.1rem;
	text-align: center;
}
.mypage-nav li a {
	height: 100%;
	text-decoration: none;
	color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mypage-nav li a span {
	line-height: 1em;
	font-weight: bold;
}
/*選択されているページのタブを色変更 */
.mypage-nav .selected_tab {
	background-color: #8DC21F;
}
.mypage-nav .selected_tab a {
	color: #FFFFFF;
}
.mypage-nav .selected_tab a span {
	font-weight: normal;
}
@media (max-width: 1017px) {
	.mypage-nav {
		padding: 2vw 1vw 0;
	}
	.mypage-nav ul {
		width: 100%;
		height: 4.7vw;
	}
	.mypage-nav li {
		width: 11vw;
		height: 4.7vw;
	}
	.mypage-nav li a span {
		font-size: 1.6vw;
	}
}
@media (max-width: 768px) {
	.mypage-nav ul {
		height: 7vw;
	}
	.mypage-nav li {
		width: 15vw;
		height: 7vw;
	}
	.mypage-nav li a span {
		font-size: 2.4vw;
	}
}

/**** workerトップページ（dashboard) ****/
#worker-main h2 {
	display: flex;
	align-items: center;
	font-size: 180%;
	margin-bottom: 20px;
}
@media (max-width: 1017px) {
	#worker-main > h2 {
		font-size: 2.8vw;
		margin-bottom: 2vw;
	}
}
@media (max-width: 768px) {
	#worker-main > h2 {
		font-size: 4vw;
	}
}

.mypage-component {
	background-color: #FFEEBB;
	width: 926px;
	padding: 10px 20px 25px;
	margin-bottom: 50px;
}
.mypage-component h3 {
	font-size: 150%;
	display: flex;
	align-items: center;
}
@media (max-width: 1017px) {
	.mypage-component {
		width: 90vw;
		margin-top: 2.5vw;
		padding: 1vw 2vw;
	}
	.mypage-component h3 {
		font-size: 2.4vw;
	}
}

@media (max-width: 768px) {
	.mypage-component h3 {
		font-size: 3.6vw;
	}
}
.dashboard-component, .dashboard_suggested, .dashboard_history {
	margin: 0 auto 50px;
	padding: 10px 25px;
}
.dashboard_history {
	padding-bottom: 40px;
}
.dashboard-component {
	margin-top: 25px;
}
.dashboard_history {
	margin-bottom: 60px;
}
.dashboard-component > h3, .dashboard_suggested h3, .dashboard_history > h3 {
	font-size: 150%;
	margin-bottom: 0.5em;
	display: flex;
	align-items: center;
}
.dashboard-component .more {
	font-size: 110%;
	margin-top: 0.5em;
	display: flex;
	justify-content: flex-end;
}
.dashboard-component li {
	list-style: none;
	margin-bottom: 1em;
	font-size: 110%;
}
.dashboard-component li a {
	display: flex;
}
.dashboard-component .date {
	width: 190px;
	font-weight: bold;
}
.dashboard-category-and-rating {
	display: flex;
}
.suggested_work > div:last-of-type {
	font-size: 110%;
	margin-bottom: 35px;
}
.history_work {
	margin-top: 40px;
}
.history_work .requested {
	color: #FF0000;
}
.history_work div:nth-of-type(1) {
	display: flex;
	justify-content: space-between;
	font-size: 115%;
	font-weight: bold;
}
.history_work div:nth-of-type(2) {
	font-size: 110%;
	word-break: break-all;
}
@media (max-width: 1017px) {
	.dashboard-component, .dashboard_suggested, .dashboard_history {
		width: 90vw;
		margin: 0 auto 4.9vw;
		padding: 1vw 2vw;
	}
	.dashboard_history {
		padding-bottom: 3.9vw;
	}
	.dashboard-component {
		margin-top: 2.5vw;
	}
	.dashboard_history {
		margin-bottom: 5.9vw;
	}
	.dashboard-component > h3, .dashboard_suggested h3, .dashboard_history > h3 {
		font-size: 2.4vw;
	}
	.dashboard-component > div {
		font-size: 1.7vw;
	}
	.dashboard-component > ul li {
		font-size: 1.7vw;
	}
	.dashboard-component > ul li div:nth-of-type(1) {
		width: 18.7vw;
	}
	.suggested_work > div:last-of-type {
		font-size: 1.7vw;
		margin-bottom: 3.4vw;
	}
	.history_work {
		margin-top: 3.9vw;
	}
	.history_work div:nth-of-type(1) {
		font-size: 1.8vw;
	}
	.history_work div:nth-of-type(2) {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	.dashboard-component > h3, .dashboard_suggested h3, .dashboard_history > h3 {
		font-size: 3.6vw;
	}
	.dashboard-component > div {
		font-size: 3.2vw;
	}
	.history_work div:nth-of-type(1) {
		font-size: 3.3vw;
	}
	.history_work div:nth-of-type(2) {
		font-size: 3.2vw;
	}
	.dashboard-component > ul li {
		font-size: 3.2vw;
	}
}

/**** workerプロフィールページ（profile) ****/
#profile_form {
	padding-bottom: 0;
}
#profile_form .error ul {
	list-style-type: none;
	margin-left: 2rem;
	margin-bottom: 1rem;
}
#profile_form > h3 {
	font-size: 150%;
	margin-bottom: 0.5em;
	display: flex;
	align-items: center;
}
#profile_form > div:first-of-type {
	font-size: 110%;
	margin-bottom: 2em;
	padding-left: 0.5em;
	width: 820px;
}
#profile_form dt {
	clear: both;
	float: left;
	font-size: 110%;
	margin-bottom: 2em;
	width: 9rem;
}
#profile_form dd {
	float: right;
	width: 710px;
	font-size: 110%;
}
#profile_form input[type="text"],
#profile_form textarea {
	width: 100%;
	font-size: 110%;
}
#profile_form input[type="text"] {
	height: 1.5em;
}
#profile_form select {
	width: 30%;
	height: 1.5em;
	font-size: 110%;
}
#profile_form .birthday {
	margin-left: 1rem;
}
#profile_form .birthday:first-child {
	margin-left: 0;
}
#profile_form .birthday select {
	width: 20%;
}
#profile_form textarea {
	height:6em;
	margin-bottom: 2em;
}
#profile_form p, #profile_form hr {
	clear: both;
}
#profile_form hr {
	border: solid 0.5px #000000;
	margin: 2em 0;
}
#profile_gender {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
#profile_gender label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	word-break: keep-all;
	margin-right: 2em;
}
#profile_gender label input {
	width: auto !important;
	margin-right: 1em;
}
#profile_position {
	margin-bottom: 1rem;
}
#profile_position label {
	display: block;
	margin-bottom: 0.5rem;
}
#profile_position label:last-of-type {
	display: inline-block;
}
#profile_position label input {
	margin-right: 1em;
}
#profile_position label {
	display: block;
	margin-bottom: 0.5rem;
}
#profile_position input[type="text"] {
	display: inline-block;
	width: 50%;
	margin-left: 1rem;
}
#profile_position span {
	margin-right: 1rem;
}
#profile_zip {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#profile_zip input:nth-of-type(1) {
	width: 3.5em;
	margin: 0 0.5em;
}
#profile_zip input:nth-of-type(2) {
	width: 4.5em;
	margin: 0 0.5em;
}
#profile_zip a {
	text-decoration: none;
	background-color: #C0C0C0;
	color: #000000;
	font-size: 90%;
	height: 1.5em;
	margin-top: 0.2em;
	padding: 0 0.5em;
	border-radius: 5px;
}
#profile_zip button {
	margin: 2.5em 50% 0.5em 1em;
	background-color: #C0C0C0;
	color: #000000;
	font-size: 90%;
	height: 1.5em;
	padding: 0 0.5em;
	border-style: none;
	cursor: pointer;
	border-radius: 5px;
}
#profile-address1, #profile-address2 {
	margin-bottom: 0 !important;
}
.profile_address_sample {
	margin-bottom: 2em;
	font-size: 100% !important;
}
#profile-confirm {
	position: relative;
	left: -20px;
	background-color: #FFFFFF;
	width: 976px;
	padding: 2em 0;
	text-align: center;
}
#profile-confirm button {
	display: inline-block;
	font-size: 110%;
	height: 45px;
	line-height: 45px;
	border-style: none;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	margin: 0 1rem;
	box-shadow: 3px 3px 3px #CCCCCC;
}
#profile-confirm button[value=confirm] {
	width: 455px;
	background-color: #FD3514;
	cursor: pointer;
}
#profile-confirm button[value=confirm]:hover {
	opacity: 0.7;
}
#profile-confirm button[value="submit"] {
	width: 255px;
	background-color: #FD3514;
}
#profile-confirm button[value="back"] {
	width: 255px;
	background-color: #808080;
}
@media (max-width: 1017px) {
	#profile_form {
		padding: 1vw 2vw 0;
	}
	#profile_form > h3 {
		font-size: 2.4vw;
	}
	#profile_form > div:first-of-type {
		font-size: 1.7vw;
		width: 80.6vw;
	}
	#profile_form dt {
		font-size: 1.7vw;
	}
	#profile_form dd {
		width: 69.7vw;
		font-size: 1.7vw;
	}
	#profile_form input, #profile_form textarea {
		font-size: 1.7vw;
	}
	#profile_form select {
		font-size: 1.7vw;
	}
	#profile_zip a {
		font-size: 1.5vw;
		border-radius: 0.5vw;
	}
	#profile_zip button {
		border-radius: 0.5vw;
	}
	.profile_address_sample {
		font-size: 1.6vw !important;
	}
	#profile-confirm {
		left: -2vw;
		width: 95.9vw;
		font-size: 1.6vw;
	}
	#profile-confirm button {
		font-size: 1.7vw;
		width: 44.7vw;
		height: 4.4vw;
		line-height: 4.4vw;
		border-radius: 0.5vw;
	}
	#profile-confirm button[value=confirm] {
		width: 44.7vw;
	}
}
@media (max-width: 768px) {
	#profile_form > h3 {
		font-size: 3.6vw;
	}
	#profile_form > div:first-of-type {
		font-size: 3.2vw;
	}
	#profile_form dt {
		font-size: 3.2vw;
		width: 19vw;
	}
	#profile_form dd {
		font-size: 3.2vw;
	}
	#profile_form input, #profile_form textarea {
		font-size: 3.2vw;
	}
	#profile_form select {
		font-size: 3.2vw;
	}
	#profile_zip a {
		font-size: 3.2vw;
	}
	#profile_zip button {
		font-size: 3.2vw;
		margin: 1em 0 1em 1em;
	}
	.profile_address_sample {
		font-size: 2.8vw !important;
	}
	#profile-confirm button[value=confirm] {
		width: 60vw;
		height: 6vw;
		font-size: 3.4vw;
	}
	#profile-confirm button[value="submit"] {
		width: 44vw;
		height: 6vw;
		font-size: 3.4vw;
	}
	#profile-confirm button[value="back"] {
		width: 44vw;
		height: 6vw;
		font-size: 3.4vw;
		margin-bottom: 1em;
	}
}

/**** worker各種設定ページ（account_form) ****/
.account_check_form > h3 {
	font-size: 150%;
	margin-bottom: 0.5em;
	display: flex;
	align-items: center;
}
.account_check_form > ul {
	list-style: none;
	font-size: 110%;
	font-weight: bold;
}
.account_check_form > ul li::before {
	content: '■';
}
.account_check_form > div:nth-of-type(1) {
	font-size: 110%;
	font-weight: bold;
	margin: 1em 0 2em;
}
.account_check_form > form dt {
	display: block;
	clear: both;
	float: left;
	font-size: 110%;
	font-weight: bold;
	width: 220px;
	height: 2em;
}
.account_check_form > form dt:nth-of-type(1) {
	line-height: 1.1em;
}
.account_check_form > form dt:nth-of-type(3) {
	line-height: 2em;
}
.account_check_form > form dd input {
	width: 535px;
	height: 2em;
	font-size: 110%;
	padding-left: 1em;
}
.account_check_form_comment {
	font-size: 80% !important;
	margin-bottom: 1em;
}
.account_check_form p button {
	display: block;
	width: 455px;
	height: 45px;
	margin: 2.5em auto 0;
	background-color: #FD3514;
	color: #FFFFFF;
	text-align: center;
	border-style: none;
	border-radius: 5px;
	font-size: 115%;
	cursor: pointer;
}
.account_check_form p button:hover {
	opacity: 0.7;
}
@media (max-width: 1017px) {
	#worker-account-form {
		padding-bottom: 2vw;
	}
	.account_check_form {
		padding: 1vw 2vw 2.5vw;
	}
	.account_check_form > h3 {
		font-size: 2.4vw;
	}
	.account_check_form > ul {
		font-size: 1.7vw;
	}
	.account_check_form > div:nth-of-type(1) {
		font-size: 1.7vw;
	}
	.account_check_form > form dt {
		font-size: 1.7vw;
		width: 21.6vw;
	}
	.account_check_form > form dd input {
		width: 52.6vw;
		font-size: 1.7vw;
	}
	.account_check_form_comment {
		font-size: 1.3vw !important;
	}
	.account_check_form p button {
		width: 44.7vw;
		height: 4.4vw;
		border-radius: 0.5vw;
		font-size: 1.8vw;
	}
}
@media (max-width: 768px) {
	.account_check_form > h3 {
		font-size: 3.6vw;
	}
	.account_check_form > ul {
		font-size: 3.2vw;
	}
	.account_check_form > div:nth-of-type(1) {
		font-size: 3.2vw;
	}
	.account_check_form > form dt {
		font-size: 3.2vw;
		width: 24vw;
	}
	.account_check_form > form dd input {
		font-size: 3.2vw;
		width: 60vw;
	}
	.account_check_form_comment {
		font-size: 2.8vw !important;
	}
	.account_check_form p button {
		width: 60vw;
		height: 7vw;
		font-size: 3.2vw;
	}
}

/**** worker各種設定ページ（account_index) ****/
.account_index_form > h3 {
	font-size: 150%;
	margin-bottom: 0.5em;
	display: flex;
	align-items: center;
}
.account_index_form > div:nth-of-type(1) {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.account_index_form > form dt {
	display: block;
	clear: both;
	float: left;
	font-size: 110%;
	font-weight: bold;
	width: 220px;
	height: 2em;
}
.account_index_form > form dd:nth-of-type(1) {
	margin-bottom: 1em;
}
.account_index_form > form dt {
	line-height: 2em;
}
.account_index_form .account_index_form_dt2 {
	line-height: 1.1em;
}
.account_index_form > form dd {
	font-size: 110%;
}
.account_index_form > form dd input {
	width: 535px;
	height: 2em;
	font-size: 110%;
	padding-left: 1em;
}
.account_index_form > form dd textarea {
	width: 675px;
	height: 140px;
}
.account_index_form p button {
	display: block;
	width: 455px;
	height: 45px;
	margin: 2.5em auto 0;
	background-color: #FD3514;
	color: #FFFFFF;
	text-align: center;
	border-style: none;
	border-radius: 5px;
	font-size: 115%;
	cursor: pointer;
}
.account_index_form p button:hover {
	opacity: 0.7;
}
#account_index_error {
	color: #FF0000;
}
#account_index_error ul {
	list-style-type: none;
	margin-left: 1rem;
}
.account_index_form.confirm p {
	position: relative;
	left: -20px;
	width: 976px;
	padding: 2em 0;
	text-align: center;
}
.account_index_form.confirm button {
	display: inline-block;
	margin: 0 1rem　1rem;
}
.account_index_form.confirm button[value="submit"] {
	width: 255px;
	background-color: #FD3514;
}
.account_index_form.confirm button[value="back"] {
	width: 255px;
	background-color: #808080;
}
@media (max-width: 1017px) {
	.account_index_form {
		padding: 1vw 2vw 2.4vw;
		margin-bottom: 4.9vw;
	}
	.account_index_form > h3 {
		font-size: 2.4vw;
	}
	.account_index_form > div:nth-of-type(1) {
		font-size: 1.7vw;
	}
	.account_index_form > form dt {
		font-size: 1.7vw;
		width: 21.6vw;
	}
	.account_index_form > form dd {
		font-size: 1.7vw;
	}
	.account_index_form > form dd input {
		width: 52.6vw;
		font-size: 1.7vw;
	}
	.account_index_form > form dd textarea {
		width: 66vw;
		height: 13.8vw;
	}
	.account_index_form.confirm p {
		position: static;
		left: 0;
		width: 100%;
	}
	.account_index_form p button {
		width: 44.7vw;
		height: 4.4vw;
		border-radius: 0.5vw;
		font-size: 1.8vw;
	}
}
@media (max-width: 768px) {
	.account_index_form > h3 {
		font-size: 3.6vw;
	}
	.account_index_form > div:nth-of-type(1) {
		font-size: 3.2vw;
	}
	.account_index_form > form dt {
		font-size: 3.2vw;
		width: 24vw;
		line-height: 1em;
	}
	.account_index_form > form dd {
		font-size: 3.2vw;
	}
	.account_index_form > form dd input {
		width: 55vw;
		font-size: 3.2vw;
	}
	.account_index_form > form dd textarea {
		width: 60vw;
		height: 13.8vw;
	}
	.account_index_form p button {
		width: 44.7vw;
		height: 4.4vw;
		font-size: 3.2vw;
	}
}

/**** worker主な経歴ページ（resume) ****/
#worker-resume-careers {
	margin-bottom: 165px;
}
#worker-resume-careers > .mypage-component h3 {
	font-size: 150%;
	margin-bottom: 0.5em;
	display: flex;
	align-items: center;
}
#worker-resume-careers > .mypage-component ul {
	list-style: none;
}
#worker-resume-careers > .mypage-component li::before {
	content: '※';
}
#worker-resume-careers .career_form {
	margin-bottom: 1em;
}
#worker-resume-careers .career_form h3 {
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 0.5em;
}
#worker-resume-careers .career_form dt {
	clear: both;
	float: left;
	width: 220px;
	font-size: 110%;
	font-weight: bold;
}
#worker-resume-careers .career_form dd {
	float: left;
	margin-bottom: 30px;
}
.category-select-area .category-button {
	display: block;
	text-decoration: none;
	color: #000000;
	width: 460px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #CCCCCC;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 115%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-left: 1em;
}
#worker-resume-careers .category-area {
	background-color: #C0C0C0;
	list-style: none;
	width: 657px;
	margin-top: 1.5em;
	padding: 1em 1.5em;
	display: flex;
	flex-wrap: wrap;
}
#worker-resume-careers .category-area li {
	margin-right: 1.5em;
}
#worker-resume-careers dd input[type='text'] {
	width: 689px;
	height: 2em;
	padding-left: 1em;
}
#worker-resume-careers .employment_status {
	width: 245px;
	height: 2em;
	font-size: 110%;
	padding-left: 0.5em;
}
#worker-resume-careers .career_label_for_radio {
	display: inline-block;
	width: 175px;
	height: 40px;
	line-height: 40px;
	letter-spacing: 0.1em;
	border-radius: 5px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	border: solid 1px #000000;
	margin-right: 3em;
}
.career_retired_radio:checked + .career_label_for_radio {
	background-color: #FD3514 !important;
	color: #FFFFFF !important;
	font-weight: normal !important;
	border: solid 1px #FD3514 !important;
}
.career_active_radio:checked + .career_label_for_radio {
	background-color: #FD3514 !important;
	color: #FFFFFF !important;
	font-weight: normal !important;
	border: solid 1px #FD3514 !important;
}
#worker-resume-careers .career_date_box select {
	width: 120px;
	height: 2em;
	font-size: 110%;
	padding-left: 0.5em;
	margin: 0 0.5em 0.5em 1em;
}
#worker-resume-careers dd textarea {
	width: 669px;
	height: 124px;
	font-size: 110%;
	padding: 1em 1em;
}
#worker-resume-careers .text_count {
	text-align: right;
	color: #999999;
	font-size: 90%;
}
#worker-resume-careers .career_add_button {
	display: flex;
	justify-content: space-between;
	margin: 0 15%;
}
#worker-resume-careers .career_add_button a {
	display: block;
	text-decoration: none;
	width: 250px;
	height: 45px;
	line-height: 45px;
	font-size: 110%;
	color: #FFFFFF;
	background-color: #FD3514;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0.2em 0.2em 0.2em #CCCCCC;
}
#worker-resume-careers .career_add_button a:hover {
	opacity: 0.7;
}
#worker-resume-careers .career_submit_button {
	position: relative;
}
#worker-resume-careers .career_submit_button button {
	position: absolute;
	top: 50px;
	left: 260.5px;
	display: block;
	text-decoration: none;
	width: 455px;
	height: 45px;
	line-height: 45px;
	font-size: 110%;
	color: #FFFFFF;
	background-color: #FD3514;
	text-align: center;
	border-radius: 5px;
	border-style: none;
	box-shadow: 0.2em 0.2em 0.2em #CCCCCC;
	cursor: pointer;
}
#worker-resume-careers .career_submit_button button:hover {
	opacity: 0.7;
}
@media (max-width: 1017px) {
	#worker-resume-careers {
		margin-bottom: 16.2vw;
		padding-bottom: 2vw;
	}
	#worker-resume-careers > div:nth-of-type(1) {
		padding: 1vw 2vw 2.4vw;
		margin-bottom: 4.9vw;
	}
	#worker-resume-careers > div:nth-of-type(1) > h3 {
		font-size: 2.4vw;
	}
	#worker-resume-careers > div:nth-of-type(1) ul {
		font-size: 1.6vw;
	}
	#worker-resume-careers .career_form {
		padding: 1vw 2vw 2.4vw;
	}
	#worker-resume-careers .career_form h3 {
		font-size: 1.7vw;
	}
	#worker-resume-careers .career_form dt {
		width: 21.6vw;
		font-size: 1.7vw;
	}
	#worker-resume-careers .career_form dd {
		margin-bottom: 2.9vw;
	}
	.category-select-area .category-button {
		width: 45.2vw;
		height: 4.4vw;
		line-height: 4.4vw;
		border-radius: 0.5vw;
		box-shadow: 0.3vw 0.3vw 0.3vw #CCCCCC;
		font-size: 1.8vw;
	}
	#worker-resume-careers .category-area {
		width: 62vw;
	}
	#worker-resume-careers dd input[type='text'] {
		width: 65vw;
	}
	#worker-resume-careers .employment_status {
		width: 24.1vw;
		font-size: 1.7vw;
	}
	#worker-resume-careers .career_label_for_radio {
		width: 17.2vw;
		height: 3.9vw;
		line-height: 3.9vw;
		border-radius: 0.5vw;
		font-size: 1.6vw;
	}
	#worker-resume-careers .career_date_box select {
		width: 11.7vw;
		font-size: 1.7vw;
	}
	#worker-resume-careers dd textarea {
		width: 62vw;
		height: 12.2vw;
		font-size: 1.7vw;
	}
	#worker-resume-careers .text_count {
		font-size: 1.4vw;
	}
	#worker-resume-careers .career_add_button a {
		width: 24.6vw;
		height: 4.4vw;
		line-height: 4.4vw;
		font-size: 1.7vw;
		border-radius: 0.5vw;
	}
	#worker-resume-careers .career_submit_button button {
		top: 4.9vw;
		left: 26.5%;
		width: 44.7vw;
		height: 4.4vw;
		line-height: 4.4vw;
		font-size: 1.7vw;
		border-radius: 0.5vw;
	}
}
@media (max-width: 768px) {
	#worker-resume-careers > div:nth-of-type(1) > h3 {
		font-size: 3.5vw;
	}
	#worker-resume-careers > div:nth-of-type(1) ul {
		font-size: 3.2vw;
	}
	#worker-resume-careers .career_form h3 {
		font-size: 4vw;
	}
	#worker-resume-careers .career_form dt {
		width: 21.6vw;
		font-size: 3.2vw;
	}
	#worker-resume-careers .career_form dd {
		margin-bottom: 2.9vw;
	}
	#worker-resume-careers .employment_status {
		width: 40vw;
		font-size: 3.2vw;
	}
	#worker-resume-careers .career_label_for_radio {
		width: 30vw;
		height: 3.9vw;
		line-height: 3.9vw;
		border-radius: 0.5vw;
		font-size: 3.2vw;
	}
	#worker-resume-careers dd textarea {
		width: 62vw;
		height: 12.2vw;
		font-size: 2.5vw;
	}
	#worker-resume-careers .text_count {
		font-size: 2vw;
	}
	#worker-resume-careers .career_add_button {
		margin: 0 5%;
	}
	#worker-resume-careers .career_add_button a {
		width: 35vw;
		height: 5vw;
		line-height: 5vw;
		font-size: 2.5vw;
	}
	#worker-resume-careers .career_submit_button button {
		top: 4.9vw;
		left: 26.5%;
		width: 44.7vw;
		height: 6vw;
		line-height: 6vw;
		font-size: 3.2vw;
	}
	#worker-resume-careers .career_date_box {
		padding-left: 3em;
	}
	#worker-resume-careers .career_date_box select {
		width: 15vw;
		font-size: 3.2vw;
	}
}
#worker-resume-upload {
	padding-bottom: 0;
	margin-bottom: 80px;
}
#worker-resume-upload > .mypage-component ul {
	list-style: none;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 2em;
}
#worker-resume-upload > .mypage-component li::before {
	content: '※';
}
#worker-resume-upload dl::after {
	content: '';
	display: block;
	clear: both;
}
#worker-resume-upload dt {
	clear: both;
	float: left;
	width: 220px;
	font-size: 110%;
	font-weight: bold;
}
#worker-resume-upload dd {
	float: left;
	margin-bottom: 30px;
}
#worker-resume-upload .career_upload_button {
	position: relative;
}
#worker-resume-upload .career_upload_button button {
	position: absolute;
	top: 100px;
	left: 240.5px;
	display: block;
	text-decoration: none;
	width: 455px;
	height: 45px;
	line-height: 45px;
	font-size: 110%;
	color: #FFFFFF;
	background-color: #FD3514;
	text-align: center;
	border-radius: 5px;
	border-style: none;
	box-shadow: 0.2em 0.2em 0.2em #CCCCCC;
}
@media (max-width: 1017px) {
	#worker-resume-upload {
		margin-bottom: 8vw;
	}
	#worker-resume-upload > div:nth-of-type(1) {
		padding: 1vw 2vw 2.4vw;
		margin-bottom: 4.9vw;
	}
	#worker-resume-upload > div:nth-of-type(1) > ul {
		font-size: 1.7vw;
	}
	#worker-resume-upload dt {
		width: 21.6vw;
		font-size: 1.7vw;
	}
	#worker-resume-upload dd {
		margin-bottom: 2.9vw;
	}
	#worker-resume-upload .career_upload_button button {
		top: 9.8vw;
		left: 24.5%;
		width: 44.7vw;
		height: 4.4vw;
		line-height: 4.4vw;
		font-size: 1.7vw;
		border-radius: 0.5vw;
	}
}
@media (max-width: 768px) {
	#worker-resume-upload > div:nth-of-type(1) > ul {
		font-size: 3.2vw;
	}
	#worker-resume-upload dt {
		font-size: 3.2vw;
	}
	#worker-resume-upload .career_upload_button button {
		height: 6vw;
		line-height: 6vw;
		font-size: 3.2vw;
	}
}
#worker-resume-confirm > form {
	padding-bottom: 0;
}
#worker-resume-confirm ul {
	list-style: none;
}
#worker-resume-confirm dl::after {
	content: '';
	display: block;
	clear: both;
}
#worker-resume-confirm dt {
	clear: both;
	float: left;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 2em;
}
#worker-resume-confirm dd {
	float: right;
	width: 710px;
	font-size: 110%;
	margin-bottom: 2em;
}
#resume-confirm-button {
	position: relative;
	left: -20px;
	background-color: #FFFFFF;
	width: 976px;
	padding: 2em 0;
	text-align: center;
}
#resume-confirm-button button {
	display: inline-block;
	font-size: 110%;
	height: 45px;
	line-height: 45px;
	border-style: none;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	margin: 0 1rem;
	box-shadow: 3px 3px 3px #CCCCCC;
	cursor: pointer;
}
#resume-confirm-button button[value="submit"] {
	width: 255px;
	background-color: #FD3514;
}
#resume-confirm-button button[value="back"] {
	width: 255px;
	background-color: #808080;
}
#resume-confirm-button button:hover {
	opacity: 0.7;
}
@media (max-width: 1017px) {
	#worker-resume-confirm > form {
		padding: 1vw 2vw 0;
	}
	#worker-resume-confirm dt {
		font-size: 1.7vw;
	}
	#worker-resume-confirm dd {
		float: right;
		width: 69vw;
		font-size: 1.7vw;
	}
	#resume-confirm-button {
		left: -2vw;
		width: 95vw;
	}
	#resume-confirm-button button {
		font-size: 1.7vw;
		height: 4.4vw;
		line-height: 4.4vw;
		border-radius: 0.5vw;
	}
	#resume-confirm-button button[value="submit"] {
		width: 25vw;
	}
	#resume-confirm-button button[value="back"] {
		width: 25vw;
	}
}
@media (max-width: 768px) {
	#worker-resume-confirm h3 {
		font-size: 3.5vw;
	}
	#worker-resume-confirm dt {
		font-size: 3.2vw;
	}
	#worker-resume-confirm dd {
		width: 60vw;
		font-size: 3.2vw;
	}
	#resume-confirm-button {
		left: -2vw;
		width: 95vw;
	}
	#resume-confirm-button button {
		font-size: 3.2vw;
		height: 6vw;
		line-height: 6vw;
		border-radius: 0.5vw;
	}
	#resume-confirm-button button[value="submit"] {
		width: 25vw;
	}
	#resume-confirm-button button[value="back"] {
		width: 25vw;
	}
}

/**** login ****/
#login dt {
	clear: both;
	float:left;
	width: 12rem;
	margin-bottom: 0.8rem;
}

#login dd {
	float: left;
	margin-bottom: 0.8rem;
}

#login dd input {
	width: 50vw;
	font-size: 1.5rem;
}

#login #reissue {
	text-align: right;
	font-size: 0.8rem;
}

#login #reissue a {
	color: #FD3514;
	text-decoration: none;
}

#login #remember-me {
	text-align: center;
}

#login .operation {
	text-align: center;
}

#login .error {
	margin: 1rem 0;
}

#login .operation button {
	background-color: #FD3514;
	color: #FFFFFF;
	margin-left: 5px;
	margin-top: 10px;
	border-radius: 5px;
	letter-spacing: 0.1em;
	width: 15rem;
	height: 2.3em;
	font-size: 110%;
	line-height: 2.3em;
	border: none;
}

#login .login-notice {
	text-align: center;
	margin-top: 0.5rem;
	font-size: 0.8rem;
}

.required {
	display: inline-block;
	text-align: center;
	background-color: #669933;
	color: #ffffff;
	margin-left: 5px;
	margin-top: 10px;
	border-radius: 5px;
	letter-spacing: 0.1em;
	width: 4rem;
}

@media (max-width: 768px) {
	#login dd input {
		width: 75vw;
	}
}

/**** reissue ****/
#reissue dt {
	clear: both;
	float:left;
	width: 12rem;
	margin-bottom: 0.8rem;
}

#reissue dd {
	float: left;
	margin-bottom: 0.8rem;
}

#reissue dd input {
	width: 50vw;
	font-size: 1.5rem;
}

#reissue .operation {
	text-align: center;
}

#reissue .reissue-notice {
	text-align: center;
	margin-top: 0.5rem;
	font-size: 0.8rem;
}

#reissue .message {
	text-align: center;
	margin-bottom: 1rem;
}

#reissue .error ul {
	list-style-type: none;
	margin: 1rem 0;
}

#reissue .operation a,
#reissue .operation button {
	display: inline-block;
	background-color: #FD3514;
	color: #FFFFFF;
	margin-left: 5px;
	margin-top: 10px;
	border-radius: 5px;
	letter-spacing: 0.1em;
	width: 15rem;
	height: 2.3em;
	font-size: 110%;
	line-height: 2.3em;
	border: none;
	text-decoration: none;
}

/*******************/
/* お仕事一覧の設定 */
/*******************/
/**** job list ****/
.job-container {
	padding: 0 2rem;
}
.job-item-container {
	padding: 1.3rem 1.6rem;
}

#job-search {
	position: relative;
	background-color: #ffeebb;
}

#job-search h3 {
	background-color: #eeee66;
	line-height: 2.5rem;
	font-size: 1.4rem;
}

#job-search h3:before {
	display: inline-block;
	width: 1.5rem;
	color: #44aa44;
	content: "■";
	font-size: 0.6rem;
	position: relative;
	top: -2px;
}

#job-search section {
	margin: 1rem 2rem 0.3rem;
	padding-top: 1rem;
	border-top: solid 1px #000;
}
#job-search section:nth-of-type(1) {
	border-top: none;
	padding-top: 0;
}

#job-search .checkbox-wrapper {
	display: inline-block;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
}
#job-search .checkbox-wrapper input {
	margin-right: 0.5rem;
}

#job-search #tag-more-link {
	text-align: center;
	margin: 0.5rem auto 1.5rem;
}
#job-search #tag-more-link a {
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0.5rem 1rem;
	box-shadow: 0.2rem 0.2rem 0.3rem #C0C0C0;
	border-radius: 0.3rem;
	margin-left: 1.5rem;
	font-size: 0.85rem;
}
#job-search #tag-more {
	display: none;
}

#job-result-empty {
	background-color: #ffeebb;
	padding: 20px 25px;
}

#job-result-list {
	position: relative;
}

#job-list .result-count {
	display: flex;
	height: 20%;
	background-color: #FFFFFF;
	justify-content: space-between;
	align-items: flex-end;
}

#job-list .result-cound-found {
	margin-right: auto;
}

#job-list .result-displayed {
	margin-right: 1rem;
}

#job-list .result-cound-found b {
	color: #f00;
	font-size: 2.5rem;
}

#job-list .result-per-page select {
	font-size: 110%;
}

#job-list .pagination {
	text-align: right;
	padding-top: 65px;
}

#job-list article {
	position: relative;
	background-color: #ffeebb;
	overflow: hidden;
	margin: 1rem 0;
}

#job-list article dt {
	clear: both;
	float: left;
	width: 10rem;
}

#job-list article dd {
	float: left;
}

#job-list article .category {
	background-color: #ffcc00;
	float: left;
}

#job-list article .rating {
	float: left;
	margin-left: 1rem;
}

#job-list article .new {
	float: left;
	margin-left: 1rem;
	background-color: #ff6600;
	color: #fff;
}

#job-list article .organization {
	clear: both;
}

#job-list article .more-link {
	text-align: center;
}

#job-list .more-link-button {
	display: inline-block;
	width: 10rem;
	text-align: center;
	margin-bottom: 1rem;
	border: 1px solid #999;
	padding: 0.5rem;
	background-color: #fff;
	text-decoration: none;
}

#job-list .favorite-button {
	float: left;
	display: inline-block;
	width: 10rem;
	text-align: center;
	margin-bottom: 0.5rem;
	margin-right: 1em;
	border: 1px solid #000000;
	padding: 0.5rem;
	background-color: #fff;
	text-decoration: none;
	color: #000000;
	font-size: 100%;
	cursor: pointer;
}
#job-list .favorite-button-orange {
	background-color: #FD3514;
	color: #FFFFFF;
}

#job-list .application-button {
	float: right;
	display: inline-block;
	width: 10rem;
	text-align: center;
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	background-color: #FD3514;
	color: #fff;
	text-decoration: none;
}

#job-list .applied-button {
	display: inline-block;
	width: 12rem;
	text-align: center;
	margin-bottom: 0.5rem;
	border: 1px solid #000000;
	padding: 0.5rem;
	background-color: #fff;
	text-decoration: none;
	color: #000000;
}

#job-list .stopped-button {
	display: block;
	width: 290px;
	text-align: center;
	margin: 1rem auto 1rem;
	border: none;
	border-radius: 0.5vw;
	color: #fff;
	padding: 0.5rem;
	background-color: #FD3514;
	text-decoration: none;
	font-size: 100%;
	cursor: pointer;
}
@media (max-width: 768px) {
	#job-list .stopped-button {
		display: block;
		float: none;
		width: 68vw;
		height: 10vw;
		margin: 10px auto 1rem;
		font-size: 3.6vw;
		border-radius: 0.5vw;
	}
}

#job-list .external-button {
	float: right;
	display: inline-block;
	width: 10rem;
	text-align: center;
	margin-left: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	background-color: #8DC21F;
	color: #fff;
	text-decoration: none;
}
#job-list .job-list-under {
	margin-bottom: 1.8rem;
}
.job-list-under + hr {
	clear: both;
}

@media (max-width:1017px) {
	#job-list .favorite-button {
		width: 15.7vw;
		margin-bottom: 1.6vw;
		padding: 0.8vw;
		font-size: 1.6vw;
	}

	#job-list .application-button {
		width: 15.7vw;
		margin-bottom: 1.6vw;
		padding: 0.8vw;
		font-size: 1.6vw;
	}

	#job-list .applied-button {
		width: 18.9vw;
		margin-bottom: 1.6vw;
		padding: 0.8vw;
		font-size: 1.6vw;
		vertical-align: top;
	}

	#job-list .external-button {
		width: 15.7vw;
		margin-bottom: 1.6vw;
		padding: 0.8vw;
		font-size: 1.6vw;
	}
}
@media (max-width: 768px) {
	#job-list .favorite-button {
		width: 10em;
		font-size: 2.4vw;
	}
	#job-list .applied-button {
		width: 8em;
		font-size: 2.4vw;
	}
	#job-list .external-button {
		width: 10em;
		font-size: 2.4vw;
	}
	#job-list .application-button {
		width: 9em;
		font-size: 2.4vw;
	}
}

#job-list .grayout {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
	/* centering */
	display: flex;
	justify-content: center;
	align-items: center;
	/*始めは非表示*/
	opacity: 0;
	transition: 0s;
}
#job-list .show {
	transition: .7s;
	opacity: 1;
	position: fixed;
}
#job-list .show-for-star {
	transition: .7s;
	opacity: 1;
}

#job-list .grayout .info {
	width: 40rem;
	padding: 1rem;
	background-color: #fff !important;
	text-align: center;
	display: flex;
	flex-direction: column;
	z-index: 20;
}
#job-list .pagination-under .grayout .info ul {
	position: static;
	width: auto;
	height: auto;
}
#job-list .pagination-upper .grayout, #job-list .pagination-upper .grayout .info {
	height: 2em;
	transition: 0s;
}
#job-list .pagination-under .grayout, #job-list .pagination-under .grayout .info {
	height: 4em;
	transition: 0s;
}
#job-list .pagination-upper .show, #job-list .pagination-under .show {
	height: 100%;
}
#job-list .pagination-upper .show .info, #job-list .pagination-under .show .info {
	height: auto;
}

#job-list .grayout .info .message {
	font-weight: bold;
	margin-bottom: 0.5rem;
}

#job-list .grayout .info ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: none;
}

#job-list .grayout .info li {
	padding: 1rem;
}

#job-list .grayout .info a {
	border: 1px solid #f00;
	padding: 0.2rem 1rem;
	color: #f00;
	text-decoration: none;
}
#job-list .grayout .info .grayout_close_button {
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	background-color: #FF0000;
	color: #FFFFFF;
	align-self: flex-end;
	cursor: pointer;
	z-index: 30;
}

/**** star rating ****/
.star-rating {
	float: right;
	position: relative;
	list-style-type: none;
	margin-left: 0.7rem;
	width: 5em;
	height: 1em;
	font-size: 25px;
}

.star-rating li {
	font-size: 1.1rem;
}

.star-rating .foreground {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #ff6600;
}

.star-rating .background {
	color: #ff6600;
}

/**** pagination ****/
.pagination {
	list-style-type: none;
}
#job-list .pagination-upper {
	position: relative;
	background-color: #FFFFFF;
}
#job-list .pagination-under {
	clear: both;
	position: relative;
}
#job-list .pagination-under ul {
	text-align: center;
	margin: 0;
	position: absolute;
	left: -30px;
	background-color: #EEEEEE;
	width: 740px;
	height: 60px;
	padding-top: 30px;
}
.pagination .page-item {
	display: inline-block;
	border: solid 1px #808080;
	padding: 0.15rem 0.5rem;
	background-color: #FFFFFF;
	margin-right: 5px;
}
.pagination .page-item a {
	text-decoration: none;
	color: #000000;
}

.pagination .page-item.active {
	font-weight: bold;
	background-color: #EEEE66;
}

.pagination .page-item.disabled {
	display: none;
}
@media (max-width:1017px) {
	#job-list .pagination-under ul {
		left: -2.9vw;
		width: 72.7vw;
		height: 5.9vw;
	}
}
@media (max-width: 768px) {
	#job-list .pagination-under ul {
		left: -9.7vw;
		width: 100vw;
		height: 14.5vw;
		padding-top: 5vw;
	}
}
#job-list > h2 {
	margin-bottom: 20px;
}
#job-search h4 {
	font-size: 1.1rem;
	margin-bottom: 0.3rem;
}
.rating {
	font-size: 0.9rem;
	padding-bottom: 2rem;
}

#job-search input[type="text"] {
	border: solid 1px #999;
}

#job-search #allowance-container {
	padding-top: 0.2rem;
	padding-bottom: 0.5rem;
}
#job-search #allowance-wrapper {
	display: inline-block;
}
#job-search .allowance select,
#job-search .allowance .yen,
#job-search .allowance input,
#job-search .allowance .greater {
	vertical-align: middle;
	display: block;
	float: left;
}

#job-search .allowance select {
	height: 42px;
	padding: 5px;
	font-size: 110%;
}
#job-search .allowance .yen {
	margin-left: 1rem;
	height: 40px;
	line-height: 40px;
	font-size: 120%;
	padding: 0 10px;
	border: solid 1px #999;
	border-right: none;
	background: #ccc;
}
#job-search .allowance input {
	width: 12rem;
	height: 30px;
	padding: 5px;
	font-size: 110%;
	border: solid 1px #999;
}
#job-search .allowance .greater {
	margin-left: 0.5rem;
	height: 40px;
	line-height: 40px;
	font-size: 120%;
}
@media (max-width:1017px) {
	#job-search .allowance select,
	#job-search .allowance input {
		font-size: 90%;
	}
	#job-search .allowance .yen,
	#job-search .allowance .greater {
		font-size: 100%;
	}
}
@media (max-width: 768px) {
	#job-search .allowance input {
		width: 8rem;
	}
	#job-list .pagination-under ul {
		left: -9.7vw;
		width: 100vw;
		height: 14.5vw;
		padding-top: 5vw;
	}
	#job-search #allowance-wrapper {
		clear: both;
		display: block;
	}
	#job-search .allowance select {
		margin-bottom: 1vw;
	}
	#job-search .allowance .yen {
		margin-left: 0;
	}
}

.rating-popup {
	display: none;
	position: absolute;
	border-radius: 10px;
	padding: 10px;
	background: #8DC21F;
	z-index: 100;
	font-size: 1rem;
	color: #000000;
}
.job-search-container .rating-popup {
	left: 210px;
	bottom: 300px;
}
.rating-popup:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #8DC21F;
}
.rating-popup ol {
	list-style-type: none;
	margin-bottom: 1rem;
}
.applied-button-popup, .favorite-button-popup {
	display: none;
	position: absolute;
	border-radius: 10px;
	padding: 10px;
	background: #8DC21F;
	z-index: 100;
	font-size: 1rem;
	color: #000000;
	text-align: center;
}
.applied-button-popup:after, .favorite-button-popup:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #8DC21F;
}

#job-search .rating-wrapper {
	margin-bottom: 1rem;
	float: left;
}
#job-search input[name="rating"] {
	width: 30px;
	height: 20px;
	padding: 10px 15px;
	font-size: 120%;
}
#job-search .rating a {
	display: block;
	float: left;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0.5rem 1rem;
	box-shadow: 0.2rem 0.2rem 0.3rem #C0C0C0;
	border-radius: 0.3rem;
	margin-left: 1.5rem;
	font-size: 0.85rem;
}
#job-search nav {
	background-color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	padding-top: 0.5rem;
}
#job-search nav button[type="reset"] {
	font-size: 1.2rem;
	background-color: #FFFFFF;
	border: solid 1px #000000;
	padding: 0.3rem;
	cursor: pointer;
}
#job-search nav button[type="submit"] {
	font-size: 1.2rem;
	background-color: #FD3514;
	color: #FFFFFF;
	border: none;
	padding: 0.3rem 2rem 0.3rem 1rem;
	cursor: pointer;
}
#job-search hr {
	margin: 0 auto;
}
#job-search .error {
	clear: both;
}


#job-list .job-detail {
	width: 636px;
}
#job-list .favorite-work-contents > tbody > tr > td:nth-of-type(2) { /*内容*/
	width: 450px;
}
.job-detail .detail.long {
	position: relative;
	max-height: 300px;
	overflow: hidden;
}
.job-detail .detail.long::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 100%;
	height: 30%;
	background: linear-gradient(rgba(255,238,187,0) 0, rgba(255,238,187,.7) 20%, rgba(255,238,187,1) 80%);
}
.job-detail .detail.long.show {
	position: relative !important;
	max-height: 100%;
}
.job-detail .detail.long.show::after {
	background: none;
}
#job-result-list .job-list-under {

}
@media (max-width: 1017px) {
	#job-list .pagination {
		padding-top: 6.4vw;
	}
	#job-list .job-detail {
		width: 95%;
	}
	#job-list .favorite-work-contents > tbody > tr > td:nth-of-type(2) { /*内容*/
		width: 44.2vw;
	}
}

/************************/
/* お気に入りページの設定 */
/************************/
.no-sidebar {
	width: 976px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 20px;
}
.green-box-square {
	width: 5px;
	height: 1em;
	background-color: #8DC21F;
	margin-right: 0.2em;
	display: inline-block;
}
.orange-box-square {
	width: 5px;
	height: 1em;
	background-color: #FD3514;
	margin-right: 0.2em;
	display: inline-block;
}
.favorite-top {
	margin: 25px auto 30px;
	padding: 10px 25px;
}
.favorite-top > div {
	font-size: 110%;
	margin-top: 0.5em;
}
@media (max-width: 1017px) {
	.favorite-top > div {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	.favorite-top > div {
		font-size: 3.2vw;
	}
}
.job-detail {
	width: 926px;
	padding: 20px 25px;
	margin: 2.9vw auto 0;
}
.job-detail > .favorite-category-and-rating {
	/* display: flex; */
}
.job-detail .rating-value {
	float: left;
	margin-left: 1em;
}
.favorite-category {
	display: inline-block;
	width: auto;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	background-color: #FF9933;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding: 0 0.8rem;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
.favorite-category + div.rating-wrapper {
	display: inline-block;
	font-size: 110%;
}
.job-detail > h3 {
	font-size: 150%;
	font-weight: bold;
	margin-top: 0.5em;
}
.favorite-work-new::after {
	content: 'NEW';
	color: #FFFFFF;
	background-color: #FD3514;
	margin-left: 0.5em;
	padding: 0.1em 0.7em;
	border-radius: 5px;
	font-size: 55%;
	font-weight: normal;
}
.job-detail .allowance {
	margin-left: 1rem;
}
.job-detail > div:nth-of-type(2) {
	font-size: 110%;
	padding: 0.5em 0;
}
#job-list .favorite-work-contents {
	width: 636px;
}
.favorite-work-contents > tbody > tr > td { /*仕事内容の各項目*/
	padding-top: 20px;
	display: inline-block;
}
.favorite-work-contents > tbody > tr > td:nth-of-type(1) { /*項目名*/
	vertical-align: top;
	width: 165px;
}
.favorite-work-contents > tbody > tr > td:nth-of-type(2) { /*内容*/
	padding-left: 1em;
	width: 740px;
	word-wrap: break-word;
}
.favorite-work-contents > tbody > tr > td:nth-of-type(1) > span { /*項目名の灰色テンプレート*/
	background-color: #808080;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	min-width: 95px;
	height: 25px;
	line-height: 25px;
	padding: 0 0.2em;
	font-size: 110%;
	letter-spacing: 0.1em;
}
.tag_for_job { /*こだわり条件（tag）*/
	border: solid 1px #000000;
	background-color: #FFFFFF;
	border-radius: 5px;
	padding: 0 1em !important;
	margin: 0 1em 0.5em 0;
	width: auto !important;
	display: inline-block;
}
.job-detail input[type="checkbox"] { /*項目下半分の開閉*/
	display: none;
}
.favorite-work-contents:nth-of-type(2) { /*初めは非表示*/
	display: none;
}
.job-detail *:checked ~ .favorite-work-contents:nth-of-type(2) { /*クリックで表示*/
	display: block;
}
.favorite-work-openbutton { /*項目下半分を開閉するボタン*/
	display: block;
	text-align: center;
	cursor: pointer;
	width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	box-shadow: 3px 3px 3px #808080;
	margin: 10px auto 0;
	line-height: 50px;
	padding-left: 2em;
	font-size: 120%;
	font-weight: bold;
	border-radius: 5px;
	letter-spacing: 0.1em;
}
.favorite-work-openbutton::after {
	content: '　+';
}
.job-detail *:checked ~ .favorite-work-openbutton::after {
	content: '　-'
}
@media(max-width: 1017px) {
	.favorite-category + div {
		font-size: 1.7vw;
	}
	.job-detail h3 {
		font-size: 2.4vw;
	}
	.job-detail > div:nth-of-type(2) {
		font-size: 1.7vw;
	}
	.favorite-work-contents > tbody > tr > td:nth-of-type(1) { /*項目名*/
		width: 16.2vw;
	}
	.favorite-work-contents td:nth-of-type(1) {
		font-size: 1.7vw;
	}
	.favorite-work-contents > tbody > tr > td:nth-of-type(1) > span {
		min-width: 9.3vw;
	}
	.favorite-work-contents td:nth-of-type(n + 2) {
		font-size: 1.6vw;
	}
	.favorite-work-contents > tbody > tr > td:nth-of-type(2) {
		width: 70vw;
	}
}
@media(max-width: 768px) {
	.job-detail h3 {
		font-size: 3.6vw;
	}
	.favorite-work-contents > tbody > tr > td:nth-of-type(2) {
		width: 66vw;
	}
	.favorite-work-contents td:nth-of-type(n + 2) {
		font-size: 3.2vw;
	}
	.favorite-work-openbutton { /*項目下半分を開閉するボタン*/
		width: 60vw;
		height: 10vw;
		margin: 10px auto 1em;
		line-height: 10vw;
		font-size: 3.6vw;
		border-radius: 0.5vw;
	}
	.favorite-category + div.rating-wrapper {
		font-size: 3vw;
	}
	.favorite-category + div.rating-wrapper .star-rating li {
		font-size: 3vw;
	}
	.job-detail > div:nth-of-type(2) {
		font-size: 3.2vw;
	}
	.favorite-work-contents > tbody > tr > td:nth-of-type(1) > span {
		min-width: 9.3vw;
		font-size: 3.2vw;
		height: auto;
		line-height: 1.5em;
	}
}
.favorite-work-under {
	display: flex;
	justify-content: space-between;
	margin: 20px 0 45px;
}
.favorite-work-under li {
	list-style: none;
}
.favorite-work-under li:nth-of-type(2n+1) {
	margin-right: 5px;
}
.favorite-work-under ul {
	display: flex;
}
.favorite-work-under ul:nth-of-type(1) li {
	border: solid 1px;
	padding: 0.5em;
	font-size: 80%;
}
.favorite-work-under ul:nth-of-type(2) li:nth-of-type(1) { /*削除するボタンの外側*/
	width: 190px;
	height: 40px;
	font-size: 100%;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 40px;
}
.favorite-work-under .delete-button { /*削除するボタン*/
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	background-color: #C0C0C0;
	color: #000000;
}
.favorite-work-under ul:nth-of-type(2) li:nth-of-type(2) { /*求人を見る・応募するボタンの外側*/
	width: 190px;
	height: 40px;
	font-size: 100%;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 40px;
}
.favorite-work-under .external-button { /*求人を見る・応募するボタン*/
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	background-color: #8DC21F;
	color: #FFFFFF;
}
.favorite-work-under .application-button { /*求人を見る・応募するボタン*/
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	background-color: #FD3514;
	color: #FFFFFF;
}
.favorite-work-under .applied-button {
	text-decoration: none;
	color: #000000;
}
@media (max-width: 1017px) {
	.favorite-work-under ul:nth-of-type(1) li {
		font-size: 1.3vw;
	}
	.favorite-work-under ul:nth-of-type(2) li:nth-of-type(1), .favorite-work-under ul:nth-of-type(2) li:nth-of-type(2) {
		font-size: 1.6vw;
		width: 18.7vw;
		height: 3.9vw;
		line-height: 3.9vw;
	}
}
@media (max-width: 768px) {
	.favorite-work-under ul:nth-of-type(1) li {
		font-size: 2.4vw;
		width: 30vw;
		height: 2.5em;
		margin-bottom: 0.5em;
		display: flex;
		align-items: center;
	}
	.favorite-work-under ul:nth-of-type(2) li:nth-of-type(1), .favorite-work-under ul:nth-of-type(2) li:nth-of-type(2) {
		font-size: 2.4vw;
		width: 25vw;
		height: 5vw;
		line-height: 5vw;
		margin-right: 0;
	}
	.favorite-work-under ul {
		flex-wrap: wrap;
		width: 50%;
		min-height: 60px;
	}
	.favorite-work-under ul:nth-of-type(2) {
		justify-content: flex-end;
	}
	.favorite-work-under .delete-button, .favorite-work-under .application-button, .favorite-work-under .external-button {
		height: 2.5em;
		line-height: 2.5em;
	}
}
.favorite-go-top {
	width: 1018px;
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
	padding: 25px 0;
}
@media(max-width:1017px) {
	.no-sidebar {
		width: 94vw;
		padding: 2vw 2vw 0;
	}
	.favorite-top {
		width: 90vw;
		margin-top: 2.5vw;
		padding: 1vw 2vw;
	}
	.job-detail {
		width: 90vw;
		padding: 1vw 2vw;
	}
	.favorite-category {
		height: 2.9vw;
		line-height: 2.9vw;
		border-radius: 0.5vw;
		font-size: 1.9vw;
	}
	.favorite-work-under {
		margin: 2vw 0 4.4vw;
	}
	.favorite-go-top {
		width: 100%;
		margin: 0 auto;
		padding: 2.5vw 0;
	}
}
@media (max-width: 768px) {
	.job-detail .favorite-category {
		height: 3.2vw;
		line-height: 3.2vw;
		font-size: 2.4vw;
		margin-bottom: 0.1em;
	}
}

/* 応募状況(worker_application_list)ページ */
.application-impression-button {
	display: block;
	background-color: #FD3514;
	color: #FFFFFF;
	width: 16em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #CCCCCC;
}
.application-impression-button:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	text-decoration: none;
}
@media (max-width: 1017px) {
	.application-impression-button {
		border-radius: 0.5vw;
		box-shadow: 0.3vw 0.3vw 0.3vw #CCCCCC;
		margin-top: 1em;
	}
}
@media (max-width: 768px) {
	.application-impression-button {
		margin: 1em 0 1em;
	}
}
/* 応募情報の入力(worker_application_form)ページ */
#worker-application-form {
	margin-bottom: 80px;
	padding-bottom: 100px;
}
#worker-application-form > section:nth-of-type(1) {
	margin-bottom: 1em;
}
#worker-application-form > section:nth-of-type(1) div {
	font-size: 120%;
	font-weight: bold;
	padding-left: 1em;
}
#worker-application-form > form {
	padding-bottom: 20px;
}
#worker-application-form h3 {
	font-size: 150%;
	margin-bottom: 0.5em;
	display: flex;
	align-items: center;
}
#worker-application-form > form dt {
	font-size: 110%;
	clear: both;
	float: left;
	margin-bottom: 2em;
}
#worker-application-form > form dd {
	font-size: 110%;
	float: right;
	width: 710px;
}
#worker-application-form > form dl {
	overflow: hidden;
}
#worker-application-form > form select {
	width: 30%;
	font-size: 110%;
	height: 1.5em;
	padding-left: 0.5em;
}
#worker-application-form > form input, #worker-application-form > form textarea {
	width: 94%;
	font-size: 110%;
}
#worker-application-form > form input {
	height: 1.5em;
}
#worker-application-form > form input[type="text"] {
	padding-left: 1em;
}
#worker-application-form > form input[type="file"], #worker-application-form > form input[type="checkbox"], #worker-application-form > form input[type="radio"] {
	height: auto;
	width: auto;
	font-size: 1rem;
}
#worker-application-form > form .birthday select {
	width: 20%;
}
#worker-application-form > form .birthday {
	margin-left: 1em;
}
#worker-application-form > form .birthday:first-child {
	margin-left: 0 !important;
}
#worker-application-form > form hr {
	border: solid 0.5px #000000;
	margin: 2em 0;
}
#worker-application-form > form textarea {
	height: 6em;
	margin-bottom: 2em;
	padding: 1em;
}
#worker-application-form > form .description textarea {
	margin-bottom: 0;
}
#worker-application-form .category-area {
	background-color: #C0C0C0;
	list-style: none;
	width: 657px;
	margin-top: 1.5em;
	padding: 1em 1.5em;
	display: flex;
	flex-wrap: wrap;
}
#worker-application-form .category-area li {
	margin-right: 1.5em;
}
#worker-application-form > form #careers dt {
	margin-bottom: 0;
}
#worker-application-form > form #careers dd {
	margin-bottom: 2em;
}
#worker-application-form .career_label_for_radio {
	display: inline-block;
	width: 175px;
	height: 40px;
	line-height: 40px;
	letter-spacing: 0.1em;
	border-radius: 5px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	border: solid 1px #000000;
	margin-right: 3em;
}
#worker-application-form .career_date_box select {
	width: 120px;
	height: 2em;
	font-size: 110%;
	padding-left: 0.5em;
	margin: 0 0.5em 0.5em 1em;
}
#worker-application-form .career_form .career_label_container {
	width: auto;
	float: left;
	margin-left: 150px;
}
#worker-application-form .career_form .career_date_box {
	width: auto;
	float: left;
}
#worker-application-form .text_count {
	text-align: right;
	color: #999999;
	font-size: 90%;
}
#worker-application-form .career_add_button {
	display: flex;
	justify-content: space-between;
	margin: 0 15%;
}
#worker-application-form .career_add_button a {
	display: block;
	text-decoration: none;
	width: 250px;
	height: 45px;
	line-height: 45px;
	font-size: 110%;
	color: #FFFFFF;
	background-color: #FD3514;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0.2em 0.2em 0.2em #CCCCCC;
}
#worker-application-form .career_add_button a:hover {
	opacity: 0.7;
}
#worker-application-form .career_submit_button {
	position: relative;
}
#worker-application-form .career_submit_button button {
	position: absolute;
	top: 50px;
	left: 240.5px;
	display: block;
	text-decoration: none;
	width: 455px;
	height: 45px;
	line-height: 45px;
	font-size: 110%;
	color: #FFFFFF;
	background-color: #FD3514;
	text-align: center;
	border-radius: 5px;
	border-style: none;
	box-shadow: 0.2em 0.2em 0.2em #CCCCCC;
	cursor: pointer;
}
#worker-application-form .career_submit_button button:hover {
	opacity: 0.7;
}
@media(max-width: 1017px) {
	#worker-application-form {
		padding-bottom: 2vw;
		margin-bottom: 7.9vw;
	}
	#worker-application-form > section:nth-of-type(1) {
		padding: 1vw 2vw;
	}
	#worker-application-form > section:nth-of-type(1) div {
		font-size: 1.9vw;
	}
	#worker-application-form > form {
		padding: 1vw 2vw 0;
	}
	#worker-application-form h3 {
		font-size: 2.4vw;
	}
	#worker-application-form > form dt {
		font-size: 1.7vw;
	}
	#worker-application-form > form dd {
		font-size: 1.7vw;
		width: 69.7vw;
	}
	#worker-application-form > form select {
		font-size: 1.7vw;
	}
	#worker-application-form > form input, #worker-application-form > form textarea {
		font-size: 1.7vw;
	}
	#worker-application-form .category-area {
		width: 64.5vw;
	}
	#worker-application-form .career_date_box select {
		width: 11.8vw;
		font-size: 1.7vw;
	}
	#worker-application-form .career_label_for_radio {
		width: 17.2vw;
		height: 4vw;
		line-height: 4vw;
	}
	#worker-application-form .career_form .career_label_container {
		margin-left: 14.7vw;
	}
	#worker-application-form .career_add_button a {
		width: 24.6vw;
		height: 4.4vw;
		line-height: 4.4vw;
		font-size: 1.7vw;
		border-radius: 0.5vw;
	}
	#worker-application-form .career_submit_button button {
		top: 4.9vw;
		left: 25%;
		width: 44.7vw;
		height: 4.4vw;
		line-height: 4.4vw;
		font-size: 1.7vw;
		border-radius: 0.5vw;
	}
}
/* 応募情報の確認(worker_application_form_confirm)ページ */
#worker-application-confirm {
	margin-bottom: 80px;
	padding-bottom: 100px;
}
#worker-application-confirm > form {
	padding-bottom: 0;
}
#worker-application-confirm h3 {
	font-size: 150%;
	margin-bottom: 0.5em;
	display: flex;
	align-items: center;
}
#worker-application-confirm > form dt {
	font-size: 110%;
	clear: both;
	float: left;
	margin-bottom: 2em;
}
#worker-application-confirm > form dd {
	font-size: 110%;
	float: right;
	width: 710px;
	margin-bottom: 1em;
}
#worker-application-confirm > form dl {
	overflow: hidden;
}
#worker-application-confirm > form hr {
	border: solid 0.5px #000000;
	margin: 2em 0;
}
#worker-application-confirm .application_confirm_category {
	list-style: none;
}
@media(max-width: 1017px) {
	#worker-application-confirm {
		margin-bottom: 7.9vw;
		padding-bottom: 2vw;
	}
	#worker-application-confirm > form {
		padding: 1vw 2vw 0;
	}
	#worker-application-confirm h3 {
		font-size: 2.4vw;
	}
	#worker-application-confirm > form dt {
		font-size: 1.7vw;
	}
	#worker-application-confirm > form dd {
		font-size: 1.7vw;
		width: 69.7vw;
	}
}

/**** bbs ****/
#bbs-add-button {
	float: right;
	font-size: 1.2rem;
	background-color: #FD3514;
	color: #FFFFFF;
	border: none;
	margin-top: -37px;
	padding: 0.3rem 2rem 0.3rem;
	text-decoration: none;
}
@media (max-width: 1017px) {
	#bbs-add-button {
		font-size: 1.7vw;
		margin-top: -4vw;
	}
}
@media (max-width: 768px) {
	#bbs-add-button {
		display: inline-block;
		margin-top: 0;
		float: none;
		margin: 0.5rem 0;
		font-size: 2.5vw;
	}
}

.bbs-complete {
	text-align: center;
}
.bbs-complete .back-button {
	display: inline-block;
	font-size: 1.2rem;
	background-color: #FD3514;
	color: #FFFFFF;
	border: none;
	margin-top: 20px;
	padding: 0.3rem 2rem 0.3rem;
	text-decoration: none;
}
@media (max-width: 1017px) {
	.bbs-complete .back-button {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	.bbs-complete .back-button {
		display: inline-block;
		margin-top: 0;
		float: none;
		margin: 0.5rem 0;
		font-size: 2.5vw;
	}
}

#bbs-list {
	margin: 25px auto 30px;
	padding: 10px 25px;
}
@media (max-width: 1017px) {
	#bbs-list {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	#bbs-list {
		font-size: 3vw;
	}
}
#bbs-list .bbs-list-nav {
	background-color: #FFFF00;
	margin: 0.8rem auto;
	padding: 5px 15px;
	text-align: center;
}
#bbs-list .bbs-list-nav:nth-of-type(2) {
	margin-top: 50px;
}
#bbs-list .bbs-list-nav a {
	text-decoration: none;
	color: #000000;
}
#bbs-list .bbs-list-nav .sort {
	list-style-type: none;
	float: left;
}
#bbs-list .bbs-list-nav .sort li {
	display: inline-block;
	padding-right: 0.8rem;
	border-right: solid 1px #000000;
	margin-right: 0.4rem;
}
#bbs-list .bbs-list-nav .sort li:nth-of-type(3) {
	border-right: none;
}
#bbs-list .bbs-list-nav .sort .active {
	font-weight: bold;
}
#bbs-list .bbs-list-nav .pagination {
	margin: 0 auto;
}
#bbs-list .bbs-list-nav .pagination li {
	border: none;
	background: none;
}

#bbs-list-body {
	list-style-type: none;
}
#bbs-list-body a {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 100%;
}
#bbs-list-body .title {
	font-size: 140%;
	margin: 0.5rem 0;
}
#bbs-list-body footer {
	background: none;
	margin-bottom: 0.5rem;
	border-bottom: solid 1px #ff0000;
	padding-top: 0;
	padding-bottom: 0.5rem;
	height: 24px;
	line-height: 24px;
	background-image: url(../img/bbs_balloon.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}
#bbs-list-body .reply-count {
	padding-left: 40px;
}
#bbs-list-body .date {
	padding-left: 100px;
}

#bbs-detail {
	margin: 25px auto 30px;
	padding: 10px 25px;
}
#bbs-detail .title {
	margin-bottom: 0.5rem;
	border-bottom: solid 1px #ff0000;
	padding-bottom: 0.5rem;
}
#bbs-detail .meta {
	float: right;
	height: 24px;
	line-height: 24px;
	background-image: url(../img/bbs_balloon.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}
#bbs-detail .reply-count {
	padding-left: 40px;
}
#bbs-detail .date {
	padding-left: 50px;
}
#bbs-reply-button-wrapper {
	text-align: center;
	padding: 2rem;
}
#bbs-reply-button {
	font-size: 1.2rem;
	background-color: #FD3514;
	color: #FFFFFF;
	border: none;
	margin-top: -37px;
	padding: 0.3rem 2rem 0.3rem;
	text-decoration: none;
}
@media (max-width: 1017px) {
	#bbs-reply-button {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	#bbs-reply-button {
		font-size: 3vw;
	}
}
#bbs-detail .bbs-nav {
	background-color: #FFFF00;
	margin: 0.8rem auto;
	padding: 5px 15px;
	text-align: center;
}
#bbs-detail .bbs-nav.sort {
	text-align: left;
}
#bbs-detail .bbs-nav:nth-of-type(2) {
	margin-top: 50px;
}
#bbs-detail .bbs-nav a {
	text-decoration: none;
	color: #000000;
}
#bbs-detail .bbs-nav.sort ul {
	list-style-type: none;
	display: inline-block;
}
#bbs-detail .bbs-nav.sort li {
	display: inline-block;
	margin-left: 1rem;
}
#bbs-detail .bbs-nav.sort .active {
	font-weight: bold;
}
#bbs-detail .bbs-nav .pagination {
	display: inline-block;
	text-align: center;
}
#bbs-detail .bbs-nav .pagination li {
	display: inline-block;
	margin: 0 0.5rem;
	border: none;
	background: none;
}
#bbs-detail .name {
	font-weight: bold;
}
#bbs-replies {
	list-style-type: none;
}
@media (max-width: 1017px) {
	#bbs-detail {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	#bbs-detail {
		font-size: 3vw;
	}
}
#bbs-replies .bbs-reply {
	margin-bottom: 0.5rem;
	border-bottom: solid 1px #ff0000;
	padding-bottom: 0.5rem;
}
#bbs-replies .bbs-reply footer {
	background: url(../img/bbs_reply.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 1rem;
	padding: 0;
	height: 20px;
	line-height: 20px;
}
#bbs-replies .bbs-reply footer .reply {
	padding-left: 40px;
}
#bbs-replies .bbs-reply footer .date {
	padding-left: 20px;
}

#bbs-add-form {
	margin: 25px auto 30px;
	padding: 1rem 25px 3rem;
}
#bbs-add-form > ul {
	list-style-type: none;
	color: #FF0000;
}
#bbs-add-form dt,
#bbs-add-form dd {
	margin-bottom: 1rem;
}
#bbs-add-form dt {
	clear: both;
	float: left;
}
#bbs-add-form dd {
	float: right;
	width: 600px;
}
#bbs-add-form input,
#bbs-add-form textarea {
	width: 100%;
	font-size: 110%;
}
#bbs-add-form textarea {
	height: 6rem;
}
#bbs-add-form nav {
	text-align: right;
}
#bbs-add-form button {
	display: inline-block;
	font-size: 1.2rem;
	margin-left: 1rem;
	border: none;
	padding: 0.3rem 2rem 0.3rem;
	text-decoration: none;
	background-color: #CCCCCC;
	color: #000000;
}
#bbs-add-form button[value=confirm],
#bbs-add-form button[value=submit] {
	background-color: #FD3514;
	color: #FFFFFF;
}
@media (max-width: 768px) {
	#bbs-add-form {
		font-size: 1.7vw;
	}
	#bbs-add-form dd {
		float: none;
		width: 100%;
	}
}

/**** member registration ****/
#member-registration .error ul {
	list-style-type: none;
	margin-left: 2rem;
	margin-bottom: 1rem;
}
#member-registration .member-registration-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#member-registration h2 {
	margin-bottom: 0;
}
#member-registration .member-registration-title > div > img {
	margin-right: 0.5rem;
}
#member-registration .member-registration-title > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#member-registration .member-registration-title > div > div {
	color: #444444;
	font-size: 90%;
}
#member-registration .member-registration-title > div > div a {
	color: #444444;
}
#register-frame {
	background-image: url(../img/register-frame.png);
	background-repeat: no-repeat;
	margin-bottom: 30px;
	height: 56px;
	line-height: 56px;
	font-size: 120%;
}
#register-frame .left {
	float: left;
	margin-left: 20px;
	width: 220px;
}
#register-frame .right {
	position: relative;
	color: #FFFFFF;
}
#member-registration hr {
	border: solid 0.5px #000000;
	margin-bottom: 2em;
}
#member-registration dt,
#member-registration dd {
	margin-bottom: 30px;
}
#member-registration dt {
	clear: both;
	float: left;
	width: 220px;
	font-size: 110%;
	font-weight: bold;
}
#member-registration dt .required {
}
#member-registration dd {
	float: left;
	width: 721px;
}
#member-registration dd input {
	height: 1.5em;
}
#member-registration dd input[type="text"],
#member-registration dd input[type="password"],
#member-registration dd textarea,
#member-registration dd select {
	width: 100%;
	font-size: 110%;
}
#member-registration dd input[type="text"],
#member-registration dd input[type="password"],
#member-registration dd select {
	height: 2rem;
	padding-left: 1rem;
}
#member-registration dd textarea {
	padding: 1rem;
	height: 6rem;
}
#member-registration dd select {
	width: 15em;
}
#member-registration dd input[type="checkbox"],
#member-registration dd input[type="radio"] {
	margin-right: 0.5em;
	vertical-align: middle;
}
#member-registration .username-notice {
	color: #444444;
}
#member-registration .position label {
	display: block;
	margin-bottom: 0.8rem;
}
#member-registration .position label:last-of-type {
	display: inline-block;
}
#member-registration .position span {
	margin-right: 1rem;
}
#member-registration .position input[type="text"] {
	display: inline-block;
	width: 50%;
	margin-left: 1rem;
}
#member-registration .position.disabled {
	color: #444444;
}
#member-registration .advice-for-registration {
	width: 100%;
	height: 3em;
	line-height: 3em;
	background-color: #FFFF99;
	color: #444444;
	text-align: center;
	font-size: 88%;
	margin-bottom: 1em;
}
#member-registration .gender {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
#member-registration .gender label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	word-break: keep-all;
	margin-right: 2em;
}
#member-registration .zip input:nth-of-type(1) {
	width: 3.5em;
	margin: 0 0.5em;
}
#member-registration .zip input:nth-of-type(2) {
	width: 4.5em;
	margin: 0 0.5em;
}
#member-registration .zip a {
	text-decoration: none;
	background-color: #C0C0C0;
	color: #000000;
	font-size: 90%;
	height: 1.5em;
	margin-top: 0.2em;
	padding: 0 0.5em;
	border-radius: 5px;
}
#member-registration .zip-aytocomp {
	margin-left: 220px;
	margin-bottom: 10px;
}
#member-registration #address-autocomp {
	margin: 0 50% 0.5em 1em;
	background-color: #C0C0C0;
	color: #000000;
	font-size: 90%;
	height: 1.5em;
	padding: 0 0.5em;
	border-style: none;
	cursor: pointer;
	border-radius: 5px;
}
#member-registration .birthday {
	margin-left: 1rem;
}
#member-registration .birthday:first-child {
	margin-left: 0;
}
#member-registration .birthday select {
	width: 20%;
}
#member-registration .tos {
	width: 100%;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
}
#member-registration .tos label {
	display: flex;
	align-items: center;
}
#member-registration .tos input {
	float: left;
	height: 1em;
	margin-right: 2em;
	width: 2em;
	height: 2em;
}
#member-registration .tos a {
	border-bottom: solid 1px #000000;
}
#member-registration .tos a:hover {
	text-decoration: none;
}
#member-registration nav {
	clear: both;
	text-align: center;
}
#member-registration nav a,
#member-registration nav button {
	display: inline-block;
	font-size: 110%;
	height: 45px;
	line-height: 45px;
	border-style: none;
	border-radius: 5px;
	text-align: center;
	margin: 0 auto;
	box-shadow: 3px 3px 3px #CCCCCC;
}
#member-registration nav button[value="confirm"] {
	width: 455px;
	background-color: #8DC21F;
	color: #FFFFFF;
	cursor: pointer;
}
#member-registration nav button[value="confirm"]:hover {
	opacity: 0.7;
}
#member-registration nav button[value="submit"],
#member-registration nav button[value="back"] {
	margin: 0 1rem;
}
#member-registration nav button[value="submit"] {
	width: 255px;
	background-color: #FD3514;
	color: #FFFFFF;
}
#member-registration nav button[value="back"] {
	width: 255px;
	background-color: #808080;
	color: #FFFFFF;
}
#member-registration .message {
	text-align: center;
	margin-bottom: 1rem;
}
#member-registration nav a.login {
	width: 455px;
	background-color: #FD3514;
	color: #FFFFFF;
}
@media (max-width: 1017px) {
	#member-registration .member-registration-title > div > div {
		font-size: 1.4vw;
	}
	#register-frame {
		background-size: 100% 5.5vw;
		margin-bottom: 3vw;
	}
	#register-frame .left {
		width: 21.6vw;
		margin-left: 2vw;
		font-size: 1.9vw;
		height: 5.5vw;
		line-height: 5.5vw;
	}
	#register-frame .right {
		font-size: 1.9vw;
		height: 5.5vw;
		line-height: 5.5vw;
	}
	#member-registration dt {
		width: 21.6vw;
		font-size: 1.7vw;
	}
	#member-registration dd {
		width: 70%;
	}
	#member-registration dt,
	#member-registration dd {
		margin-bottom: 3vw;
	}
	#member-registration .advice-for-registration {
		font-size: 1.4vw;
		height: 5em;
		line-height: 1.1em;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#member-registration dd input[type='text'],
	#member-registration dd select,
	#member-registration dd select {
		font-size: 1.6vw;
	}

	#member-registration .zip a {
		font-size: 1.4vw;
		border-radius: 0.5vw;
	}
	#member-registration #address-autocomp {
		font-size: 1.4vw;
		border-radius: 0.5vw;
	}
	#member-registration .zip-aytocomp {
		margin-left: 21.6vw;
		margin-bottom: 1vw;
	}
	#member-registration .gender {
		font-size: 1.6vw;
	}
	#member-registration .tos {
		font-size: 1.6vw;
	}
	#member-registration nav button[value="confirm"] {
		width: 44.7vw;
		font-size: 1.7vw;
	}
}
@media (min-width: 1018px) {
	#member-registration .advice-for-registration br {
		display: none;
	}
}
@media (max-width: 768px) {
	#member-registration .member-registration-title > div > div {
		font-size: 2vw;
	}
	#member-registration .member-registration-title > div > div br {
		display: none;
	}
	#register-frame {
		margin-bottom: 1vw;
	}
	#register-frame .left {
		font-size: 1.9vw;
	}
	#register-frame .right {
		font-size: 1.9vw;
	}
	#member-registration dt {
		font-size: 2.5vw;
	}
	#member-registration .advice-for-registration {
		font-size: 2vw;
	}
	#member-registration dd input[type='text'],
	#member-registration dd select,
	#member-registration dd select {
		font-size: 2.5vw;
	}
	#member-registration dd textarea {
		width: 90%;
	}
	#member-registration .zip a {
		font-size: 2.5vw;
		clear: both;
		display: block;
		width: 10em;
		text-align: center;
	}
	#member-registration #address-autocomp {
		font-size: 2.5vw;
		margin: 0 0 0.5em 1em;
	}
	#member-registration .gender {
		font-size: 2.5vw;
	}
	#member-registration .birthday select {
		width: 6em;
		font-size: 2.5vw;
	}
	#member-registration .tos {
		font-size: 3vw;
	}
	#member-registration nav button[value="confirm"] {
		width: 44.7vw;
		font-size: 3vw;
	}
}

/* 会社概要 */
@media (min-width: 1018px) {
	#paper-airplane img {
		margin-left: -30px;
		margin-right: -24px;
	}
}
@media (max-width: 1017px) {
	#paper-airplane img {
		margin-left: -2.9vw;
		margin-right: -2.4vw;
		width: 72.6vw;
		height: auto;
	}
}
@media (max-width: 768px) {
	#paper-airplane img {
		margin-left: -6.3%;
		margin-right: -5%;
		width: 112.6%;
		height: auto;
	}
}
#overview {
	margin-top: 30px;
}
.overview-contents {
	border-bottom: 1px solid #000000;
	padding-top: 30px;
	padding-bottom: 30px;
}
.overview-contents:last-of-type {
	border-bottom: none;
	padding-bottom: 0px;
}
.overview-contents-space {
	display: flex;
	justify-content: flex-start;
}
.overview-contents-space p:nth-of-type(odd) {
	width: 140px;
}
.overview-contents-space p:nth-of-type(even) {
	width: 546px;
}
.gmap {
	margin-top: 20px;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
@media (max-width: 600px) {
	#overview h3 {
		font-size: 5vw;
	}
	.overview-contents-space p:nth-of-type(odd) {
		width: 65vw;
	}
}

/* ヘルプページ(faq) */
#faq > h2 {
	margin-bottom: 0.5em;
}
#faq > article:first-of-type {
	margin-bottom: 50px;
}
#faq > article h3 {
	display: flex;
	align-items: center;
	font-size: 140%;
	background-color: #EBE664;
	padding-left: 1em;
}
#faq > article h3::before {
	content: '■';
	font-size: 0.5em;
	color: #8DC21F;
	margin-right: 0.7em;
}
#faq .faq-list {
	list-style: none;
}
#faq .faq-list li:first-of-type {
	border-top: solid 1px #000000;
	margin-top: 1em;
}
#faq .faq-list li > div {
	border-bottom: solid 1px #000000;
	padding: 1em 0;
}
#faq .faq-list li:last-of-type {
	margin-bottom: 1em;
}
#faq .faq-list .question {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#faq .faq-list .question > div:nth-of-type(1) {
	display: flex;
	align-items: center;
}
#faq .faq-list .answer {
	display: flex;
	justify-content: flex-start;
}
#faq .balloon-q, #faq .balloon-a {
	flex-shrink: 0;
}
#faq .question-open-close {
	font-size: 110%;
	margin-left: 1em;
}
#faq .faq-list .balloon-q {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 0.5em;
	padding: 0 5px;
	width: 45px;
	height: 45px;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 25px;
	font-weight: bold;
	background: #8DC21F;
	border-radius: 50%;
	box-sizing: border-box;
}

#faq .faq-list .balloon-q::before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: -4px;
	margin-top: -7.5px;
	border: 5px solid transparent;
	border-left: 10px solid #8DC21F;
	z-index: 0;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#faq .faq-list .balloon-a {
	position: relative;
	display: inline-block;
	margin-right: 0.5em;
	padding: 0 5px;
	width: 45px;
	height: 45px;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	color: #8DC21F;
	font-size: 25px;
	font-weight: bold;
	background: #FFFFFF;
	border-radius: 50%;
	box-sizing: border-box;
	border: solid 3px #8DC21F;
}

#faq .faq-list .balloon-a::before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: -6px;
	margin-top: -7.5px;
	border: 5px solid transparent;
	border-left: 10px solid #8DC21F;
	z-index: 0;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#faq .faq-list .balloon-a::after {
	content: "";
	position: absolute;
	bottom: -0.5px;
	left: -1px;
	margin-top: -7.5px;
	border: 4px solid transparent;
	border-left: 8px solid #FFFFFF;
	z-index: 0;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#faq .faq-list .answer-box {
	width: 100%;
	overflow: hidden;
}
@media (max-width: 1017px) {
	#faq > h2 {
		font-size: 3.1vw;
	}
}

/**** employerトップページ（dashboard) ****/
#employer-main h2 {
	display: flex;
	align-items: center;
	font-size: 180%;
}

/**** employer仕事ページ ****/
.horizontal dt {
	clear: both;
	float: left;
	width: 15rem;
	font-size: 110%;
	margin-bottom: 1rem;
}
.horizontal dd {
	float: left;
	width: 40rem;
	margin-left: 1em;
	margin-bottom: 1rem;
}
@media (max-width: 1017px) {
	.horizontal dt {
		width: 22vw;
	}
	.horizontal dd {
		width: 65vw;
	}
}
@media (max-width: 512px) {
	.horizontal dt,
	.horizontal dd {
		float: none;
	}
}

#employer-job-main label.checkbox,
#employer-job-main label.radio {
	display: inline-block;
	padding-right: 1rem;
}
#employer-job-main input[type="text"],
#employer-job-main select {
	height: 1.5em;
}
#employer-job-main input[type="text"],
#employer-job-main textarea,
#employer-job-main select {
	width: 100%;
	font-size: 110%;
}
#employer-job-main textarea {
	height: 6em;
}
#employer-job-main .inline * {
	display: inline-block;
}
#employer-job-main #job_allowance_type {
	width: 12rem;
}
#employer-job-main #job_allowance_min,
#employer-job-main #job_allowance_max {
	width: 10rem;
}
#employer-job-main #job_competition {
	width: 20rem;
}

#employer-job-main .star-rating {
	width: 10em;
	float: none;
	font-size: inherit;
	margin-left: 0;
}

#employer-job-main .star-rating .background,
#employer-job-main .star-rating .foreground {
	color: #000000;
}

.ui-autocomplete {
	border: solid 1px #666666;
	background: #ffffff;
	list-style-type: none;
	overflow-y: scroll;
	height: 100px;
	width: 20rem;
}

/**** ダイアログ ****/
.dialog-background {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.dialog-wrapper {
	position: fixed;
	left: 0;
	top: 50%;
	width: 100%;
}
.dialog {
	margin: 0 auto;
	width: 500px;
	padding: 2rem;
	background-color: #FFFFFF;
	text-align: center;
}
.dialog button {
	background-color: #FFFFFF;
	border: solid 1px #FD3514;
	color: #FD3514;
	margin-top: 1rem;
	padding: 5px 2rem;
}

.enquete {
	margin-top: 1rem;
}
.enquete dt,
.enquete dd {
	margin-bottom: 30px;
}
.enquete dt {
	clear: both;
	float: left;
	width: 220px;
	font-size: 110%;
	font-weight: bold;
}
.enquete .form-control {
	padding-left: 1rem;
}
.enquete dt .required {
}
.enquete dd {
	float: right;
	width: 721px;
}
.enquete label {
	margin-right: 2em;
}
.enquete input {
	height: 1.5em;
}
.enquete input[type="text"],
.enquete input[type="password"],
.enquete textarea,
.enquete select {
	width: 100%;
	font-size: 110%;
}
.enquete .additional-text {
	width: 50% !important;
}
.enquete input[type="text"],
.enquete input[type="password"],
.enquete select {
	height: 2rem;
}
.enquete textarea {
	height: 6rem;
}
.enquete select {
	width: 15em;
}
.enquete input[type="checkbox"],
.enquete input[type="radio"] {
	margin-right: 0.5em;
	vertical-align: middle;
}
.enquete-form nav {
	clear: both;
	text-align: center;
}
.enquete-form nav button {
	display: inline-block;
	font-size: 110%;
	height: 45px;
	line-height: 45px;
	border-style: none;
	border-radius: 5px;
	text-align: center;
	margin: 0 auto;
	box-shadow: 3px 3px 3px #CCCCCC;
}
.enquete-form nav button[value="confirm"] {
	width: 455px;
	background-color: #8DC21F;
	color: #FFFFFF;
	cursor: pointer;
}
.enquete-form nav button[value="confirm"]:hover {
	opacity: 0.7;
}
.enquete-form nav button[value="submit"],
.enquete-form nav button[value="back"] {
	margin: 0 1rem;
}
.enquete-form nav button[value="submit"] {
	width: 255px;
	background-color: #FD3514;
	color: #FFFFFF;
}
.enquete-form nav button[value="back"] {
	width: 255px;
	background-color: #808080;
	color: #FFFFFF;
}
@media (max-width: 1017px) {
	.enquete-form dt {
		width: 21.6vw;
		font-size: 1.7vw;
	}
	.enquete-form dd {
		width: 70%;
	}
	.enquete-form dt,
	.enquete-form dd {
		margin-bottom: 3vw;
	}
	.enquete-form dd input[type='text'],
	.enquete-form dd select,
	.enquete-form dd select {
		font-size: 1.6vw;
	}
	.enquete-form nav button[value="confirm"] {
		width: 44.7vw;
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	.enquete-form dd input[type='text'],
	.enquete-form dd select,
	.enquete-form dd select {
		font-size: 2.5vw;
	}
	.enquete-form dd textarea {
		width: 90%;
	}
	.enquete-form nav button[value="confirm"] {
		width: 44.7vw;
		font-size: 3vw;
	}
}

/**** employer job ****/
.employer-job-form {
	padding-bottom: 50px;
}
#job_recommended_tags_input {
	width: 80% !important;
}
#job_recommended_tags_add {
	display: inline-block;
	width: 100px;
	height: 30px;
	background-color: #FD3514;
	color: #FFFFFF;
	text-align: center;
	border-style: none;
	border-radius: 5px;
	cursor: pointer;
}
#job_recommended_tags_area {
	list-style-type: none;
	margin-left: 1rem;
}
.employer-job-form-confirm {
	padding-bottom: 50px;
}
.employer-job-form-confirm nav {
	position: relative;
	padding: 2em 0;
	text-align: center;
}
@media (max-width: 1017px) {
	.employer-job-form-confirm {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	.employer-job-form-confirm {
		font-size: 3vw;
	}
}

/**** employer application ****/
#employer-application-main th {
	text-align: left;
}
#employer-application-main .date {
	width: 200px;
}
#employer-application-main .display-name {
	width: 200px;
}
#employer-application-main .title {
	width: 400px;
}
#employer-application-main .operation {
	width: 50px;
}
#employer-application-main .star-rating {
	float: none;
	margin-left: 0;
	font-size: 1rem;
}
#employer-application-main td {
	vertical-align: top;
}
@media (max-width: 1017px) {
	#employer-application-main table {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	#employer-application-main table {
		font-size: 3vw;
	}
}

#employer-application-main .star-rating .foreground,
#employer-application-main .star-rating .background {
	color: #000;
}

/**** messages ****/
.message-tray ul {
	margin-top: 1em;
	list-style-type: none;
}
.message-tray li {
	display: inline-block;
	margin: 0 1rem 1rem 0;
	border: solid 1px;
	cursor: pointer;
}
.message-tray a {
	display: block;
	padding: 0.5rem;
	height: 100%;
}
.message-tray .active {
	background-color: #8DC21F;
}

@media (max-width: 1017px) {
	.message-list .footer {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	.message-list .footer {
		font-size: 3vw;
	}
}

.message-detail .nav-footer {
	margin-bottom: 2rem;
}
@media (max-width: 1017px) {
	.message-detail {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	.message-detail {
		font-size: 3vw;
	}
}

.message-form input {
	height: 1.5em;
	width: 100%;
	font-size: 110%;
}
.message-form textarea {
	height: 6em;
	margin-bottom: 2em;
	width: 100%;
	font-size: 110%;
}
.message-form-confirm nav {
	padding: 2em 0;
	text-align: center;
}
@media (max-width: 1017px) {
	.message-form-confirm {
		font-size: 1.7vw;
	}
}
@media (max-width: 768px) {
	.message-form-confirm {
		font-size: 3vw;
	}
}

.nav-footer {
	text-align: center;
}
.button {
	display: inline-block;
	margin: 0 1rem;
	border-style: none;
	border-radius: 5px;
	height: 45px;
	line-height: 45px;
	color: #FFFFFF;
	text-align: center;
	font-size: 115%;
	box-shadow: 3px 3px 3px #CCCCCC;
	cursor: pointer;
}
.button-width {
	width: 455px;
	margin: 0 1rem;
	background-color: #FD3514;
}
.button-red {
	width: 255px;
	background-color: #FD3514;
}
.button-gray {
	width: 255px;
	background-color: #808080;
}
@media (max-width: 768px) {
	.button-red,
	.button-gray {
		width: 30vw !important;
	}
}
@media (max-width: 512px) {
	.button-width {
		width: 80vw;
	}
	.button-red,
	.button-gray {
		width: 30vw;
	}
}