body {
	font-size: 14px;
	font-family: "Yu Gothic", YuGothic, 游ゴシック, Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #222;
	background: white;
	line-height: 1.6;
	z-index: 1;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol {
	margin: 0;
	padding: 0;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #F00;
	opacity: 0.85;
}

img {
	vertical-align: bottom;
	border: none;
}

ul,
li {
	list-style-type: none;
}

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

input,
textarea,
select,
button {
	font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

input[type="email"],
input[type="text"],
input[type="password"],
select,
textarea {
	border: #CCC 1px solid;
	border-radius: 4px;
	background: #f2f3e8;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	background: #FCFCFC;
}

input[type="text"].error,
input[type="password"].error,
textarea.error,
select.error {
	border: #F00 2px solid;
	border-radius: 4px;
	background: #f2f3e8;
}

select {
	overflow: hidden;
}

textarea {
	resize: vertical;
	font-size: 14px;
}

ul.error {
	border: #F00 1px dotted;
	border-radius: 4px;
}

.wrap {
	position: relative;
	width: 900px;
	margin: 0 auto;
}

@media only screen and (max-width: 960px) {
	.sp_none {
		display: none;
	}
}

.onlySp {
	display: none !important;
}

@media (max-width: 749px) {
	.onlySp {
		display: block !important;
	}
}

#header {
	min-width: 800px;
	min-height: 83px;
	border-bottom: #004c97 2px solid;
	background: #FAFAFA;
	width: 100%;
	position: fixed;
	z-index: 99;
}

#main_content.top {
	padding-top: 0;
}

header div.sp_active {
	display: none;
}

#header h2 a,
#header h1 a {
	position: absolute;
	top: 10px;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#header h2.top a,
#header h1.top a {
	position: absolute;
	top: 10px;
	display: block;
	width: 360px;
	height: 70px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-size: contain;
}

#header.register h1 a {
	background: none;
	text-indent: 0;
	overflow: visible;
}

.main1 {
	margin: 20px 0;
	width: 560px;
	float: right;
}

.main1.member {
	width: 900px;
	margin: 30px 0;
}

@media only screen and (max-width: 960px) {
	.main1.member {
		width: 100%;
	}
}

.main1.non-member {
	width: 100%;
	margin: 10px 0 30px;
}

.main1.oneColumn {
	margin: 52px 0;
	padding: 0;
	width: 100%;
	float: none;
}

.main1 a {
	color: #d4b200;
	text-decoration: underline;
}

.main1 h1,
.main1 h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 15px 0 15px 0px;
	position: relative;
}

.main1 h3 {
	background: #d4b200;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	padding: 9px 0 8px 15px;
	letter-spacing: 4px;
}

.main1 h4 {
	color: #004c97;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 26px 0;
	text-align: center;
	letter-spacing: 2px;
}

.grey__txtBox {
	background: #E5E4E6;
	border-top: 2px solid #004c97;
	font-size: 13px;
	position: relative;
	padding: 10px 15px 10px 15px;
}

.grey__txtBox.filterBox .form__itemBox--inner {
	display: flex;
	justify-content: center;
}

.grey__txtBox>p {
	float: left;
	margin: 10px 0 0 0;
}

.grey__txtBox.filterBox>p {
	float: none;
	margin: 0;
	padding: 0 0 5px;
	border-bottom: 1px dotted #888084;
}

.grey__txtBox .form__itemBox {
	margin: 10px 0 14px;
}

.grey__txtBox.spec>p {
	float: none;
	margin: 0;
}

.astr-mark {
	color: #FF0000;
}

.main1 .step {
	margin: 10px 0 20px;
	border-bottom: #888084 1px solid;
}

.main1 .tabs {
	margin: 10px 0 20px;
	border-bottom: #004c97 1px solid;
}

.main1 .tabs li {
	display: inline-block;
	width: 175px;
	text-align: center;
}

.main1 .tabs li a {
	color: #333;
	width: 100%;
	padding: 5px 0 6px;
	text-decoration: none;
	border: #004c97 1px solid;
	border-bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: block;
}

.main1 .tabs li a:hover {
	color: #F00;
}

.main1 .tabs .tab_on {
	color: #fff;
	padding: 5px 0;
	background-color: #004c97;
	border: #004c97 1px solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.main1 .step {
	border: #004c97 1px solid;
	border-radius: 4px;
	padding: 8px 0 5px;
}

.main1 .step ul {
	display: table;
	position: relative;
	width: 100%;
}

.main1 .step ul:before {
	background: #999999;
	content: "";
	display: block;
	width: 630px;
	height: 1px;
	position: absolute;
	top: 29px;
	left: 82px;
}

.main1 .step li {
	color: #999999;
	display: table-cell;
	font-size: 13px;
	position: relative;
	text-align: center;
	width: 21%;
}

.main1 .step li p:first-child {
	margin: 0 0 20px;
}

.main1 .step li.step2 {
	width: 58%;
}

.main1 .step li:before {
	background: #999999;
	border-radius: 5px;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 25px;
	left: 50%;
	margin: 0 0 0 -6px;
}

.main1 .info_unit {
	position: relative;
	background: #FFF;
	border-bottom: #888084 1px solid;
	padding: 15px;
}


.main1 .info_unit.form__submitArea {
	background: #E5E4E6;
	padding: 20px 0 26px;
}


.main1 .info_unit a {
	color: #333;
}

.main1 .info_unit a .read {
	border-radius: 2px;
	background: #777;
	color: #fff;
	display: inline;
	position: absolute;
	top: 74px;
	left: 16px;
	width: 50px;
	text-align: center;
}

.main1 .info_unit .company_image {
	width: 240px;
	height: 160px;
	background-size: cover;
	background-position: center;
}

.wrap>.spec {
	margin: 15px 0 0 0;
	padding: 15px 0 0 60px;
	border-top: #C8C2C6 1px solid;
	font-size: 13px;
	line-height: 30px;
}


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

	.main1 .info_unit .company_image {
		width: 270px;
		height: 180px;
		margin: 15px auto;
	}

}

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

	.main1 .info_unit .company_image {
		width: 240px;
		height: 180px;
	}
}

.wrap>.spec {
	background: #DDDCD6;
	border-top: none;
	padding: 5px 15px;
	position: relative;
}

.wrap .spec p {
	display: inline-block;
	padding: 0 10px 0 5px;
}

.wrap .spec p {
	color: #302633;
}

.wrap .spec span {
	color: #808080;
}

.main1 .boardmember {
	margin: 0 15px;
}

.main1 .info_unit .category {
	min-width: 80px;
	display: inline-block;
	color: #d4b200;
	font-weight: 600;
	text-align: center;
	border-radius: 3px;
	background-color: #fff;
	border: 2px solid #d4b200;
	padding: 0 2px;
	font-size: 12px;
}


.main1 .form .info_unit label,
.main1 .form .info_unit .form__itemBox {
	display: inline-block;
	vertical-align: text-top;
}

.main1 .form .info_unit label {
	padding: 18px 0 0 15px;
	width: 180px;
}

.main1 .form .info_unit .form__itemBox {
	width: 645px;
	padding: 15px 0 0;
}



input[type="email"].form__input--base,
input[type="password"].form__input--base,
input[type="text"].form__input--base,
select.form__select,
textarea {
	border-radius: 4px;
	margin: 0 0 18px;
	height: 22px;
	padding: 4px 4px;
	height: 2.5em;
	font-size: 1em;
}

select.form__select.filter {
	margin: 0;
}

textarea {
	width: 192px;
	height: 110px;
}

textarea:focus {
	height: 240px;
}

textarea.no_grow {
	height: 100px;
}

textarea.no_grow:focus {
	height: 100px;
}

textarea.text-half {
	height: 120px;
}

textarea.text-half:focus {
	height: 120px;
}

textarea.text-third {
	height: 80px;
}

textarea.text-third:focus {
	height: 80px;
}

.textarea_l {
	width: 282px;
}

input[type="text"].form__item_l {
	width: 282px;
}

input[type="password"].form__item_l {
	width: 282px;
}

select.form__select_xl {
	width: 284px;
}

.select_wrap {
	display: inline-block;
	position: relative;
}

.error_ms {
	color: #FF0000;
	margin: -10px 0 18px;
}

dd .error_ms {
	color: #FF0000;
	margin: 0px 0 18px;
}


.customSelect {
	background: #f3f3f2;
	border: 1px solid #C8C2C6;
	border-radius: 4px;
	display: inline-block;
	height: 30px;
	margin: 0 5px 18px 0;
}

.customSelect.error {
	border: #F00 2px solid;
	border-radius: 4px;
	background: #f2f3e8;
}

.customSelect.filter {
	margin: 0;
}

.form__txt--right {
	position: absolute;
	top: 18px;
	right: 20px;
	width: 315px;
}

.main1 .info_unit .form__txt--right a {
	color: #4DA6FF;
}

.main1 .info_unit .suggest>a {
	color: #007FFF;
}

.form__checkWrap {
	margin: 0 0 18px;
}

.form__checkWrap.mbclear {
	margin: 0;
}

.form__checkWrap.valign-md {
	padding: 3px 0 6px;
}

.form__checkWrap>input[type=checkbox],
.form__checkWrap>span {
	vertical-align: middle;
}

.form__checkWrap>span {
	padding: 0 0 0 5px;
}

.btn__submit,
.btn__submit[type=submit] {
	background: #FF2922;
	border: none;
	border-radius: 4px;
	color: #FFF;
	cursor: pointer;
	display: block;
	margin: 0 auto 15px;
	width: 220px;
	height: 50px;
}

.agreement__box {
	margin: 0 auto;
	padding: 15px 0 25px;
	width: 450px;
}

.agreement__box.agreement_company {
	width: 600px;
}

.agreement__box>p {
	text-align: center;
}

.alert_ms {
	border: 1px solid #FF0000;
	color: #FF0000;
	font-weight: bold;
	padding: 8px 0 5px;
	text-align: center;
}

.pagenation {
	margin: 25px 0;
	text-align: center;
	line-height: 28px;
}

.pagenation ul {
	letter-spacing: -.40em;
}

.pagenation li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
}

.pagenation li a {
	margin: 0 5px;
	padding: 0 8px;
	display: block;
	background: #d4b200;
	color: #FFF;
	text-align: center;
}

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

.pagenation li span {
	margin: 0 5px;
	padding: 0 8px;
	border: #004c97 1px solid;
	display: block;
	line-height: 28px;
}

p.error {
	border: #F00 1px solid;
}

.FbBtn {
	background-color: #3b5998;
	border-radius: 4px;
	display: inline-block;
	height: 45px;
	position: relative;
	text-decoration: none;
}

.FbBtn:after {
	background-repeat: no-repeat;
	background-size: 20px 20px;
	content: "";
	height: 20px;
	left: 12px;
	position: absolute;
	top: 12px;
	width: 20px;
}

.FbBtnLabel {
	color: #ffffff;
	margin: 0 20px 0 50px;
	position: relative;
	text-align: center;
	top: 13px;
}

.select_sns {
	padding: 25px;
	background: #FFF;
	border-top: #AAA 1px solid;
}

.select_sns div.buttons {
	margin: 30px auto;
}

.agreement__box .privacy {
	padding: 14px;
	border: #CCC 1px solid;
	height: 150px;
	overflow: auto;
}


.main1 .form .info_unit label.check_label {
	padding: 1px 0 0 4px;
	width: auto;
	vertical-align: middle;
}

.main1 .info_unit .form__checkWrap a {
	color: #4DA6FF;
	text-decoration: underline;
}

p.context {
	width: 500px;
}

.agreement__error {
	color: #FF0000;
	margin-top: 10px;
}


#header .wrap .tagline {
	position: absolute;
	right: 0px;
	top: 30px;
	color: #999;
}

.fb_error_image {
	width: 500px;
	margin-top: 20px;
	border: #888084 1px solid;
}

h3.login {
	margin: 45px 0 20px;
}

h3.login:first-child {
	margin: 0px 0 20px;
}

.preview {
	position: absolute;
	top: 6px;
	right: 15px;
	width: 118px;
	border: #004c97 1px solid;
	border-radius: 4px;
	background: #004c97;
	color: #FFF;
	line-height: 40px;
	text-align: center;
}

input[type="checkbox"] {
	margin: 0 5px 0 10px;
	cursor: pointer;
}

.info_unit div.active {
	padding: 12px;
	background: #FAFAFA;
	border-top: #DDD 1px solid;
}

.main1 .info_unit a.active {
	line-height: 25px;
	width: 80px;
	height: 25px;
	background: #f3f3f2;
	border: 1px solid #c8c2c6;
	border-radius: 5px;
	color: #222;
	font-size: 10px;
	text-align: center;
	display: inline-block;
}

.main1 .info_unit a.active {
	position: relative;
	z-index: 3;
}

body {
	-webkit-text-size-adjust: 100%;
}

#header h2.top a,
#header h1.top a,
#header h2 a,
#header h1 a {
	text-indent: -9999px;
}


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

	.wrap {
		width: 90%;
		margin: 0 auto;
	}

	input[type="button"],
	input[type="submit"] {
		-webkit-appearance: none;
		appearance: none;
	}

	#footer {
		padding: 20px 0 10px 0;
	}


	#header .wrap {
		width: 100%;
	}

	#header {
		min-width: 100%;
		min-height: 63px;
		position: static;
	}

	#main_content {
		padding-top: 0;
	}

	#header h2,
	#header h1 {
		height: auto;
	}

	#header h1 a img,
	#header h2 a img {
		width: 185px;
		height: auto;
	}

	#header h1 a,
	#header h2 a {
		width: auto;
		height: auto;
		line-height: 40px;
		position: relative;
		float: left;
		display: block;
		padding: 0;
		margin: 10px 0 10px 10px;
		top: 0;
	}


	#header h2.top a,
	#header h1.top a {
		top: auto;
		width: 96%;
		height: 40px;
		position: relative;
		margin: 10px 2%;
		left: auto;
	}


	#header h2.ceo a,
	#header h1.ceo a {
		top: 0;
	}

	.wrap>.spec {
		padding: 15px 10px 0;
	}

	.main1 {
		width: 100% !important;
		float: none;
	}

	.main1 .info_unit div.active a {
		display: inline-block;
		width: 24%;
		height: 30px;
		line-height: 30px !important;
		border-radius: 1px;
		margin-top: 4px;
	}

	.main1 .info_unit div.active a+span {
		display: inline-block;
		width: 70%;
		padding-left: 5%;
		font-size: 12px;
	}

	.wrap .spec p {
		line-height: 20px;
		display: block;
		padding: 0 0 5px 0;
	}

	.main1 .info_unit a .read {
		top: 94px;
	}

	a.youtube:before {
		height: 100%;
	}


	.grey__txtBox.filterBox .form__itemBox--inner {
		display: block;
		margin: 0;
	}

	.main1 .info_unit {
		position: relative;
	}

	.non-member .info_unit {
		padding-bottom: 20px;
		margin-bottom: 3px;
	}

	.main1.member .info_unit,
	.main1.non-member .info_unit {
		box-shadow: 1px 1px 1px 1px #cacaca;
	}

	.main1.non-member {
		margin: 30px 0 90px;
	}

	.main1 .info_unit .category {
		min-width: 80px;
		display: inline-block;
		color: #d4b200;
		font-weight: 600;
		text-align: center;
		border-radius: 3px;
		background-color: #fff;
		border: 2px solid #d4b200;
		padding: 0 2px;
	}

	.pagenation li {
		font-size: 0;
	}

	.pagenation li a,
	.pagenation li span {
		margin: 0 2px;
		padding: 3px 8px;
		font-size: 14px;
	}

	.main1 .step ul:before {
		width: 80%;
		left: 10%;
	}

	.error_ms {
		margin: 0px 0 18px;
	}


	.FbBtn {
		width: 100%;
	}

	.select_sns {
		padding: 25px 10px;
	}

	h3.login {
		font-size: 14px;
		line-height: 19px;
		letter-spacing: 1px;
	}

	input[type="email"].form__input--base,
	input[type="password"].form__input--base,
	input[type="text"].form__input--base,
	select.form__select,
	textarea {
		margin: 0 0 0px;
	}

	textarea {
		width: 90%;
	}

	.main1 .form .info_unit .form__itemBox {
		width: 90%;
		padding: 15px 5% 20px;
	}

	.main1 .tabs li {
		width: 31.5%;
		font-size: 10px;
	}

	.main1.oneColumn {
		margin: 40px 0;
		padding: 0 !important;
		width: 100%;
		float: none;
	}

	.agreement__box {
		width: 90%;
	}

	.agreement__box.agreement_company {
		width: 90%;
	}

	input#agreement+label {
		width: 210px !important;
	}

	.btn__submit {
		width: 90%;
		font-size: 14px;
	}

	.form__txt--right {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		margin: 0;
		color: #777;
		font-size: 0.9em;
		padding: 10px 0;
	}

	.main1.register h1:before,
	.main1.register h2:before,
	.main1.message h1:before,
	.main1.message h2:before {
		left: 0;
		background-repeat: no-repeat;
		background-size: contain;
		width: 90%;
		height: 39%;
	}

	.main1 h1,
	.main1 h2 {
		padding: 15px 0 15px 40px;
		font-size: 16px;
		line-height: 1.4;
	}

	input[type="text"].form__item_l,
	.textarea_l {
		width: 90%;
	}

	input[type="password"].form__item_l {
		width: 95%;
	}

	.main1 .info_unit .suggest {
		padding: 0;
	}

	.select_wrap {
		margin-top: 10px;
	}

	.preview {
		right: 0;
		width: 70px;
		font-size: 0.8em;
		top: -10px;
		display: inline-block;
		height: 30px;
		line-height: 30px;
	}

	.main1 h3 a {
		display: block;
		margin: 5px 0;
		font-size: 20px;
	}

	.main1 h3 {
		line-height: 20px;
		padding: 10px 10px 23px 10px;
		font-size: 13px;
		letter-spacing: 2px;
	}

	.main1 .info_unit.form__submitArea {
		padding: 20px 5% 26px;
	}

	#header .wrap .tagline {
		display: none;
	}


	.fb_error_image {
		width: 100%;
	}
}

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

	.main1 .info_unit .category {
		font-size: 10px;
	}
}



dl,
dt,
dd {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.hidden {
	display: none;
}

.main1.member .select_wrap {
	width: 100%;
}


h1.categories_title {
	margin: 1.25rem 0 1.25rem;
	text-align: center;
	color: #d4b200;
	font-weight: bold;
	font-size: 24px;
}

h1.categories_title span {
	font-size: 45px;
	color: #d4b200;
}

h2.categories_title {
	display: inline-block;
	color: #222;
	font-size: 12px;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #838384;
}

@media only screen and (max-width: 960px) {
	h1.categories_title span {
		font-size: 18px;
	}

	h1.categories_title span {
		font-size: 36px;
	}

	.arrow {
		position: relative;
		display: inline-block;
		padding: 10px;
	}

	.arrow::after {
		content: '';
		width: 8px;
		height: 8px;
		border-top: solid 3px #2d3e9e;
		border-right: solid 3px #2d3e9e;
		position: absolute;
		left: 150px;
		top: -40px;
	}

}

.job-table td:first-child {
	width: 150px;
}

#tabs {
	display: none;
	position: relative;
	width: 900px;
}

#tabs.ui-tabs {
	display: block;
}

#tabs>ul.fixed {
	position: fixed;
	top: 0px;
	width: 900px;
	z-index: 4;
	box-shadow: 0 2px 3px -2px #6b6b6b;
}

#tabs>ul>li>span {
	cursor: pointer;
}

#tabs table {
	width: 100%;
	margin: 0 auto 15px;
	border-collapse: collapse;
	border-top: 1px solid #696969;
}

#tabs tr {
	border-bottom: 1px solid #cecece;
}

#tabs tr:last-child {
	border-bottom: 1px solid #696969;
}

#tabs tr td {
	background: #fff;
	font-size: 12px;
	padding: 10px;
}

#tabs tr td:nth-of-type(1) {
	width: 100px;
	background: #f2f3e8;
	padding: 10px 0 10px 5px;
	color: #696969;
}

#tabs tr td>a {
	color: #d4b200;
}

.ui-tabs {
	padding: 0 !important;
}

.ui-tabs .ui-tabs-nav {
	padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0 !important;
}

.ui-tabs .ui-tabs-nav li {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: calc(40% / 3);
	box-sizing: border-box;
	margin: 0 5px 0 0 !important;
	border: initial;
}

.ui-tabs .ui-tabs-nav {
	width: 900px;
	background: white;
	border-bottom: 1px solid #a0a0a0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	background: white !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #969696 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: initial !important;
	border-bottom: 4px solid #d4b200 !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	font-weight: bold;
	color: #d4b200 !important;
}

.ui-tabs .ui-tabs-panel {
	padding: 0 !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: initial !important;
	border-bottom: 4px solid #3247a8 !important;
	color: #d4b200 !important;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #d4b200 !important;
}

.ui-widget {
	font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif !important;
}

#tabs .ui-widget-content {
	background-color: white;
	border: none;
	box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.03);
	border-radius: 12px;
	word-break: break-all;
	margin-top: 20px;
}

.ui-widget.ui-widget-content#tabs {
	border: none;
	border-radius: 12px;
}

@media only screen and (max-width: 960px) {
	#tabs {
		width: auto;
	}

	.ui-tabs .ui-tabs-nav {
		position: initial !important;
		width: 100%;
		margin-bottom: 16px !important;
	}

	.ui-tabs .ui-tabs-nav li.ui-tabs-active {
		padding-bottom: 0 !important;
	}

	.ui-tabs .ui-tabs-nav li {
		width: calc(100% / 3);
		margin: 0 !important;
	}

	.ui-state-active a,
	.ui-state-active a:link,
	.ui-state-active a:visited {
		color: #d4b200 !important;
	}

	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active,
	a.ui-button:active,
	.ui-button:active,
	.ui-button.ui-state-active:hover {
		border-bottom: 4px solid #d4b200 !important;
	}

	#tabs tr td:nth-of-type(1) {
		width: 60px;
		padding: 0;
	}

	#tabs table {
		margin: 10px auto 20px;
		width: 100%;
		table-layout: fixed;
		word-break: break-all;
	}
}

.slick-track {
	display: flex;
	align-items: center;
}

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

	.slider-img {
		display: flex !important;
		justify-content: center !important;
		align-items: center;
	}
}

.slider-img-area {
	width: 940px;
	margin: 40px auto 40px auto
}

.slider-img {
	width: 450px;
}

@media only screen and (max-width: 960px) {
	.slider-img-area {
		width: 100%;
	}
}

@media only screen and (max-width: 749px) {
	.slider-img-area {
		width: 100%;
	}

	.slider-img {
		width: 100%;
	}

}

@media only screen and (max-width: 480px) {
	.slider-img-area {
		width: 100%;
		height: 240px;
	}

	.slider-img {
		width: 270px;
	}

}

@media only screen and (max-width: 350px) {
	.slider-img-area {
		height: 210px;
	}

}


.admin-company__button {
	position: fixed;
	bottom: 30px;
	right: 30px;
	background-color: #d4b200;
	width: 80px;
	height: 80px;
	cursor: pointer;
	border-radius: 50%;
}

.admin-company__button:hover {
	margin: 5px 0;
}

.admin-company__button a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	border-radius: 50%;
}

.admin-form input[type="email"],
.admin-form input[type="text"],
.admin-form input[type="password"],
.admin-form select,
.admin-form textarea {
	background-color: #ffffff;
}

.bg-btn-success {
	position: fixed;
	bottom: 0;
	background-color: #dfffe5ad;
	width: 100%;
	left: 0;
	text-align: center;
	padding: 5px 0px;
}

.bg-btn-success .btn {
	width: 30%;
}

@media (max-width: 749px) {
	.bg-btn-success .btn {
		width: 80%;
	}
}

.amateras-light {
	background-color: #e3e5f1 !important;
	border-color: #e3e5f1 !important;
}

.text-center {
	text-align: center;
}

.font-weight-bold {
	font-weight: bold;
}

.heading-1 {
	font-size: 40px;
}

.heading-2 {
	font-size: 32px;
}

.heading-3 {
	font-size: 24px;
}

.heading-4 {
	font-size: 16px;
}

@media only screen and (max-width: 960px) {
	.heading-1 {
		font-size: 32px;
	}

	.heading-2 {
		font-size: 24px;
	}

	.heading-3 {
		font-size: 16px;
	}

	.heading-4 {
		font-size: 14px;
	}
}

.py-1 {
	padding-top: 4px;
	padding-bottom: 4px;
}

.py-2 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.py-3 {
	padding-top: 12px;
	padding-bottom: 12px;
}

.py-4 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.py-5 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.py-6 {
	padding-top: 24px;
	padding-bottom: 24px;
}

.py-7 {
	padding-top: 28px;
	padding-bottom: 28px;
}

.py-8 {
	padding-top: 32px;
	padding-bottom: 32px;
}

.pa-0 {
	padding: 0 !important;
}

.mb-1 {
	margin-bottom: 4px;
}

.mb-2 {
	margin-bottom: 8px;
}

.mb-3 {
	margin-bottom: 12px;
}

.mb-4 {
	margin-bottom: 16px;
}

.offer:not(:first-child) {
	border-top: 1px solid #DADADA;
	margin: 20px 0 0;
	padding-top: 20px;
}

.offer_title {
	font-size: 20px;
	font-weight: bold;
	color: #d4b200;
	margin: 25px 0;
}

.offer_tagline {
	font-size: 15px;
}

.offer_type {
	margin: 10px 0 20px;
}

.offer_type_item {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	color: #152b80;
	background: #f2f3e8;
	border-radius: 5px;
	padding: 6px;
	margin-top: 4px;
	margin-right: 4px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *



 */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@charset "UTF-8";
/* font */
body {
    font-family: "Noto Sans Japanese", 'Noto Sans JP', "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-display: swap;
}

/* end */
/* メディアクエリ用mixin */
/* end */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

/** 追加 **/
*, :after, :before {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-font-feature-settings: "palt" 1;
    -moz-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    font-family: "Noto Sans Japanese", 'Noto Sans JP', "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-display: swap;
}

label {
    word-break: break-all;
}

input,
option,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #7075bd;
    color: #272f4f;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6em;
    letter-spacing: 1px;
    outline: none;
}

input::-webkit-input-placeholder,
option::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-placeholder,
option::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ccc;
}

input:-ms-input-placeholder,
option:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc;
}

input::placeholder,
option::placeholder,
select::placeholder,
textarea::placeholder {
    color: #ccc;
}

input:focus,
option:focus,
select:focus,
textarea:focus {
    border: 1px solid #e0e2c6;
}

button {
    outline: none;
}

a {
    text-decoration: none;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
}

a:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.8" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
    color: initial;
}

img {
    max-width: 100%;
}

strong {
    font-weight: bold;
}

.pc {
    display: block;
}

@media (max-width: 749px) {
    .pc {
        display: none;
    }
}

.pc-inline {
    display: inline-block;
}

@media (max-width: 749px) {
    .pc-inline {
        display: none;
    }
}

.sp {
    display: none;
}

@media (max-width: 749px) {
    .sp {
        display: block;
    }
}

.wrapper {
    display: none;
}

.image {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container {
    max-width: 1100px;
    margin: 0 auto;
}

.arrow {
    position: relative;
}

.arrow.arrow_right:after {
    content: url(//d151zvq2qvfbta.cloudfront.net/online/registration/candidates/arrow_white.svg);
    line-height: 0;
    right: 14px;
    top: 15px;
    position: absolute;
}

.arrow.arrow_left:before {
    content: url(//d151zvq2qvfbta.cloudfront.net/online/registration/candidates/arrow_purple.svg);
    line-height: 0;
    left: 14px;
    top: 9px;
    position: absolute;
}

.button {
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    transition: all .3s;
}

.button:after {
    content: "";
    background-color: transparent;
}

.button:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.8" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}

button.button_color_purple[type=submit],
.button_color_purple {
    background-color: #2c4198;
    border: 2px solid #2c4198;
    color: #fff;
}

button.button_color_cv[type=submit],
.button_color_cv {
    background: linear-gradient(90deg,#f47a09,#f42509);
    border: 0;
    color: #fff;
    border-radius: 24px;
}

button.button_color_login[type=submit],
.button_color_login {
    background: linear-gradient(90deg, #ffcc00, #ffd700);
    border: 1px solid #fff23f;
    color: #333;
    border-radius: 24px;
}

button.button_color_pink[type=submit],
.button_color_pink {
    background-color: #bb757e;
    border: 2px solid #bb757e;
    color: #fff;
    border-radius: 24px;
}


.button_size_large {
    min-width: 300px;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    font-size: 1.8rem;
    box-sizing: border-box;
    padding: 0 20px;
}

.button_type_facebook {
    background-color: #3b5998 !important;
    border: 1px solid #bbb !important;
    color: #fff;
}

.button_type_facebook:before {
    content: url(//d151zvq2qvfbta.cloudfront.net/online/assets/registration/candidates/fb-8e46c0ffe70304e1a0f652ce423488de2eb27defe35ec78261a973785c1b9ca4.svg);
    vertical-align: middle;
    margin-right: 8px;
}

.button_type_facebook:after {
    content: "";
    background-color: transparent;
}

.button_type_facebook:hover {
    color: #fff;
}

.button_type_linkedin {
    background-color: #0078b9 !important;
    border: 1px solid #bbb !important;
    color: #fff;
}

.button_type_linkedin:before {
    content: url(//d151zvq2qvfbta.cloudfront.net/online/assets/registration/candidates/linkedin-e1d657d5f11ae3a467ef2f46e192f6dd4a36515fb3e07834eb9c24cbae16950f.svg);
    vertical-align: middle;
    margin-right: 8px;
}

.button_type_linkedin:after {
  content: "";
  background-color: transparent;
}

.button_type_linkedin:hover {
    color: #fff;
}

.button_type_google {
    background-color: #fff !important;
    color: #444;
    border: 1px solid #bbb !important;
    padding-left: 0;
}

.button_type_google:before {
    content: url(//d151zvq2qvfbta.cloudfront.net/online/assets/registration/candidates/google-cf6372921c1552a4450af0ae48b407750a21bcffc03115bb897cc45d29339bc9.svg);
    vertical-align: sub;
    margin-right: 8px;
}

.button_type_google:after {
  content: "";
  background-color: transparent;
}

@media all and (-ms-high-contrast: none) {
  .button_type_facebook:before, .button_type_linkedin:before {
    content: none;
  }
}

.link {
    border-bottom: 2px solid #4a90e2;
    color: #4a90e2;
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: none;
}

.column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flash.flash_require {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}

.flash.flash_error {
    color: #d670a8;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 4px;
}

.radius-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 30px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    transition: background-color .3s;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
    box-sizing: border-box;
    padding: 0 12px;
}

.radius-button:hover {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.8" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}

.radius-button[disabled] {
    background-color: #e1e3ea;
    border-color: #d7dae2;
    pointer-events: none;
}

.radius-button_color_clear {
    border: 1px solid #fff;
    color: #fff;
}

.radius-button_color_navy {
    background-color: #272f4f;
    color: #fff;
}

.radius-button_color_purple {
    background-color: #2c4198;
    border: 2px solid rgba(112, 117, 189, 0.2);
    color: #fff;
}

.radius-button_color_white {
    background-color: #fff;
    border: 2px solid #2c4198;
    color: #2c4198;
}

.radius-button_size_xsmall {
    font-size: 12px;
    font-size: 1.2rem;
    height: 27px;
    width: 80px;
}

.radius-button_size_medium {
    font-size: 18px;
    font-size: 1.8rem;
    height: 40px;
    width: 160px;
}

@media (max-width: 749px) {
    .radius-button_size_medium {
        font-size: 1.6rem;
    }
}

.radius-button_size_large {
    font-size: 18px;
    font-size: 1.8rem;
    height: 53px;
    width: 221px;
}

@media (max-width: 749px) {
    .radius-button_size_large {
        font-size: 1.6rem;
    }
}

.radius-button_state_checked {
    background-color: #e1e3ea;
    border-color: #d7dae2;
    pointer-events: none;
}

.radius-button_ornament_plus {
    position: relative;
}

.radius-button_ornament_plus:before {
    content: url(//d151zvq2qvfbta.cloudfront.net/online/registration/candidates/plus.svg);
    line-height: 0;
    left: 20px;
    top: 19px;
    position: absolute;
}


.heading {
    line-height: 1.4em;
    font-weight: bold;
}

.margin-auto {
    margin: 0 auto;
}

.margin.margin_margin_1xunit {
    margin: 4px;
}

.margin.margin_top_1xunit {
    margin-top: 4px;
}

.margin.margin_bottom_1xunit {
    margin-bottom: 4px;
}

.margin.margin_left_1xunit {
    margin-left: 4px;
}

.margin.margin_right_1xunit {
    margin-right: 4px;
}

.margin.margin_margin_2xunit {
    margin: 8px;
}

.margin.margin_top_2xunit {
    margin-top: 8px;
}

.margin.margin_bottom_2xunit {
    margin-bottom: 8px;
}

.margin.margin_left_2xunit {
    margin-left: 8px;
}

.margin.margin_right_2xunit {
    margin-right: 8px;
}

.margin.margin_margin_3xunit {
    margin: 12px;
}

.margin.margin_top_3xunit {
    margin-top: 12px;
}

.margin.margin_bottom_3xunit {
    margin-bottom: 12px;
}

.margin.margin_left_3xunit {
    margin-left: 12px;
}

.margin.margin_right_3xunit {
    margin-right: 12px;
}

.margin.margin_margin_4xunit {
    margin: 16px;
}

.margin.margin_top_4xunit {
    margin-top: 16px;
}

.margin.margin_bottom_4xunit {
    margin-bottom: 16px;
}

.margin.margin_left_4xunit {
    margin-left: 16px;
}

.margin.margin_right_4xunit {
    margin-right: 16px;
}

.margin.margin_margin_5xunit {
    margin: 20px;
}

.margin.margin_top_5xunit {
    margin-top: 20px;
}

.margin.margin_bottom_5xunit {
    margin-bottom: 20px;
}

.margin.margin_left_5xunit {
    margin-left: 20px;
}

.margin.margin_right_5xunit {
    margin-right: 20px;
}

.margin.margin_margin_6xunit {
    margin: 24px;
}

.margin.margin_top_6xunit {
    margin-top: 24px;
}

.margin.margin_bottom_6xunit {
    margin-bottom: 24px;
}

.margin.margin_left_6xunit {
    margin-left: 24px;
}

.margin.margin_right_6xunit {
    margin-right: 24px;
}

.margin.margin_margin_7xunit {
    margin: 28px;
}

.margin.margin_top_7xunit {
    margin-top: 28px;
}

.margin.margin_bottom_7xunit {
    margin-bottom: 28px;
}

.margin.margin_left_7xunit {
    margin-left: 28px;
}

.margin.margin_right_7xunit {
    margin-right: 28px;
}

.margin.margin_margin_8xunit {
    margin: 32px;
}

.margin.margin_top_8xunit {
    margin-top: 32px;
}

.margin.margin_bottom_8xunit {
    margin-bottom: 32px;
}

.margin.margin_left_8xunit {
    margin-left: 32px;
}

.margin.margin_right_8xunit {
    margin-right: 32px;
}

.margin.margin_margin_9xunit {
    margin: 36px;
}

.margin.margin_top_9xunit {
    margin-top: 36px;
}

.margin.margin_bottom_9xunit {
    margin-bottom: 36px;
}

.margin.margin_left_9xunit {
    margin-left: 36px;
}

.margin.margin_right_9xunit {
    margin-right: 36px;
}

.margin.margin_margin_10xunit {
    margin: 40px;
}

.margin.margin_top_10xunit {
    margin-top: 40px;
}

.margin.margin_bottom_10xunit {
    margin-bottom: 40px;
}

.margin.margin_left_10xunit {
    margin-left: 40px;
}

.margin.margin_right_10xunit {
    margin-right: 40px;
}

.margin.margin_margin_11xunit {
    margin: 44px;
}

.margin.margin_top_11xunit {
    margin-top: 44px;
}

.margin.margin_bottom_11xunit {
    margin-bottom: 44px;
}

.margin.margin_left_11xunit {
    margin-left: 44px;
}

.margin.margin_right_11xunit {
    margin-right: 44px;
}

.padding.padding_padding_1xunit {
    padding: 4px;
}

.padding.padding_top_1xunit {
    padding-top: 4px;
}

.padding.padding_bottom_1xunit {
    padding-bottom: 4px;
}

.padding.padding_left_1xunit {
    padding-left: 4px;
}

.padding.padding_right_1xunit {
    padding-right: 4px;
}

.padding.padding_padding_2xunit {
    padding: 8px;
}

.padding.padding_top_2xunit {
    padding-top: 8px;
}

.padding.padding_bottom_2xunit {
    padding-bottom: 8px;
}

.padding.padding_left_2xunit {
    padding-left: 8px;
}

.padding.padding_right_2xunit {
    padding-right: 8px;
}

.padding.padding_padding_3xunit {
    padding: 12px;
}

.padding.padding_top_3xunit {
    padding-top: 12px;
}

.padding.padding_bottom_3xunit {
    padding-bottom: 12px;
}

.padding.padding_left_3xunit {
    padding-left: 12px;
}

.padding.padding_right_3xunit {
    padding-right: 12px;
}

.padding.padding_padding_4xunit {
    padding: 16px;
}

.padding.padding_top_4xunit {
    padding-top: 16px;
}

.padding.padding_bottom_4xunit {
    padding-bottom: 16px;
}

.padding.padding_left_4xunit {
    padding-left: 16px;
}

.padding.padding_right_4xunit {
    padding-right: 16px;
}

.padding.padding_padding_5xunit {
    padding: 20px;
}

.padding.padding_top_5xunit {
    padding-top: 20px;
}

.padding.padding_bottom_5xunit {
    padding-bottom: 20px;
}

.padding.padding_left_5xunit {
    padding-left: 20px;
}

.padding.padding_right_5xunit {
    padding-right: 20px;
}

.padding.padding_padding_6xunit {
    padding: 24px;
}

.padding.padding_top_6xunit {
    padding-top: 24px;
}

.padding.padding_bottom_6xunit {
    padding-bottom: 24px;
}

.padding.padding_left_6xunit {
    padding-left: 24px;
}

.padding.padding_right_6xunit {
    padding-right: 24px;
}

.padding.padding_padding_7xunit {
    padding: 28px;
}

.padding.padding_top_7xunit {
    padding-top: 28px;
}

.padding.padding_bottom_7xunit {
    padding-bottom: 28px;
}

.padding.padding_left_7xunit {
    padding-left: 28px;
}

.padding.padding_right_7xunit {
    padding-right: 28px;
}

.padding.padding_padding_8xunit {
    padding: 32px;
}

.padding.padding_top_8xunit {
    padding-top: 32px;
}

.padding.padding_bottom_8xunit {
    padding-bottom: 32px;
}

.padding.padding_left_8xunit {
    padding-left: 32px;
}

.padding.padding_right_8xunit {
    padding-right: 32px;
}

.padding.padding_padding_9xunit {
    padding: 36px;
}

.padding.padding_top_9xunit {
    padding-top: 36px;
}

.padding.padding_bottom_9xunit {
    padding-bottom: 36px;
}

.padding.padding_left_9xunit {
    padding-left: 36px;
}

.padding.padding_right_9xunit {
    padding-right: 36px;
}

.padding.padding_padding_10xunit {
    padding: 40px;
}

.padding.padding_top_10xunit {
    padding-top: 40px;
}

.padding.padding_bottom_10xunit {
    padding-bottom: 40px;
}

.padding.padding_left_10xunit {
    padding-left: 40px;
}

.padding.padding_right_10xunit {
    padding-right: 40px;
}

.padding.padding_padding_11xunit {
    padding: 44px;
}

.padding.padding_top_11xunit {
    padding-top: 44px;
}

.padding.padding_bottom_11xunit {
    padding-bottom: 44px;
}

.padding.padding_left_11xunit {
    padding-left: 44px;
}

.padding.padding_right_11xunit {
    padding-right: 44px;
}

.form__area {
    width: 480px;
    margin: 0 auto;
}

@media (max-width: 749px) {
    .form__area {
        width: 100%;
        margin-top: 20px;
    }
}

.form .form__input,
.form .form__select,
.form .form__option,
.form .form__textarea {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}

.form .form__heading-area {
    margin-bottom: 12px;
}

.form .form__heading {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding-left: 8px;
}

.form .form__heading span {
    line-height: 1.2;
}

.form .form__input-area {
    position: relative;
}

.form .form__item-area {
    margin-bottom: 32px;
}

@media (max-width: 749px) {
    .form .form__item-area {
        padding: 0 20px;
    }
}

.form .form__item {
    margin-bottom: 16px;
}

.form .form__item:last-child {
    margin-bottom: 0;
}

.form .form__require-label {
    background-color: #2c4198;
    border-radius: 30px;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    margin-left: 8px;
    padding: 3px 5px;
    max-height: 18px;
}

.form .form__label:after, .form .form__label:before {
    position: absolute;
}

.sign .sign__area {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1000px;
    margin: 60px auto 40px;
}

@media (max-width: 749px) {
    .sign .sign__area {
        height: 100%;
        margin-top: 60px;
    }
}

.sign .sign__button-area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: inline-flex;
    flex-direction: column;
}

@media (max-width: 749px) {
    .sign .sign__button-area {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 20px 0 30px;
    }
}

.sign .sign__button {
    margin: 0 auto 15px;
}

@media (max-width: 749px) {
    .sign .sign__button:not(:last-child) {
        margin: 0 auto 12px;
    }
    .sign .sign__button.login {
        width: 85%;
        text-align: center;
    }
}

.sign .sign__checkbox-area {
    width: 330px;
    margin: 0 auto;
}

@media (max-width: 749px) {
    .sign .sign__checkbox-area {
        width: 100%;
    }
}

.sign .sign__box {
    background-color: #fff;
    box-sizing: border-box;

    width: 100%;
    position: relative;
}

.sign .sign__box_signin {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

@media (max-width: 749px) {
    .sign .sign__item-area {
        padding: 20px;
    }
}

.sign .sign__item-area_signup {
    border-radius: 6px;
    padding: 40px;
}

@media (max-width: 749px) {
    .sign .sign__item-area_signup {
        padding: 20px;
    }
}

.sign .sign__item-area_signup .sign__item-box,
.sign .sign__item-area_signin .sign__item-box {
    margin-bottom: 32px;
}

@media (max-width: 749px) {
    .sign .sign__item-area_signup .sign__item-box,
    .sign .sign__item-area_signin .sign__item-box {
        margin-bottom: 40px;
    }
}

.sign .sign__item-area_signup .sign__item {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sign .sign__item-area_signin .sign__item {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    width: 300px;
}

@media (max-width: 749px) {
    .sign .sign__item-area_signin .sign__item {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .sign .sign__item-area_signin .sign__item .mail_login {
        width: 100%;
    }
    .button_login {
        min-width: unset;
        width: 100%;
    }
}

.sign .sign__item-area_signin .sign__item_column {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
}

.sign .sign__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.sign .sign__text {
    font-size:12px;
}

.sign .sign__text a{
    color: #2c4198
}

.sign .sign__item_center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sign .sign__item_column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sign .sign__inner {
    padding: 32px 40px;
    position: relative;
}

.sign .sign__inner .sign__item-area_signin{
    display: block;
}

@media (max-width: 749px) {
    .sign .sign__inner .sign__item-area_signin{
        display: block;
    }
}

.sign .sign__inner .sign__register_email {
    display: block;
}

@media (max-width: 749px) {
    .sign .sign__inner {
        padding: 0;
    }
}

.sign .sign__inner_border-top:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #eee;
}

.sign .sign__description {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    line-height: 1.4em;
    font-size: 14px;
    font-size: 1.4rem;
}

.sign .sign__description a {
    color: #2c4198;
    text-decoration: underline;
}

@media (max-width: 749px) {
    .sign .sign__description {
        font-size: 1.2rem;
        line-height: 1.7em;
    }
}

.sign .sign__form-item_left {
    width: 40%;
}

@media (max-width: 749px) {
    .sign .sign__form-item_left {
        width: 100%;
    }
}

.sign .sign__form-item_right {
    width: 300px;
}

@media (max-width: 749px) {
    .sign .sign__form-item_right {
        width: 100%;
    }
}

.sign .sign__form-item .form__heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 5px;
}

@media (max-width: 749px) {
    .sign .sign__form_head {
        margin-bottom: 12px;
    }
}

.sign .sign__heading-area {
    margin: 0 0 16px 16px;
}

/* ロゴ（トップへの帰還リンク）のキーボードフォーカス表示 */
.header__logo-link:focus-visible {
    outline: 2px solid #b98e00;
    outline-offset: 2px;
}

@media (max-width: 749px) {
    .sign .sign__heading-area {
        margin: 0 0 10px 16px;
    }
}

.sign .sign__heading {
    line-height: 1.4em;
    font-weight: bold;
}

.sign .sign__heading_main {
    font-size: 24px;
    font-size: 2.4rem;
}

@media (max-width: 749px) {
    .sign .sign__heading_main {
        font-size: 1.8rem;
    }
}

.sign .sign__heading_sub {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
}

@media (max-width: 749px) {
    .sign .sign__heading_sub {
        font-size: 1.6rem;
        text-align: center;
    }
}

.sign .sign__heading_center {
    text-align: center;
}

.sign .sign__information-area {
    padding: 20px;
    font-size: 12px;
    font-size: 1.2rem;
}

@media (max-width: 749px) {
    .sign .sign__information-area {
        margin-top: 20px;
    }
}

.sign .sign__information-item {
    margin-bottom: 4px;
    line-height: 1.4em;
}

.sign .sign__link {
    border-bottom: 1px solid #2c4198;
    color: #2c4198;
    padding-bottom: 2px;
}

.sign .sign__link:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.sign .sign__tab {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.sign .sign__tab-item {
    background-color: rgba(44, 65, 152, 0.1);
    color: #4d5a7c;
    font-size: 20px;
    font-size: 2rem;
    width: 100%;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    padding: 20px 0;
}

@media (max-width: 749px) {
    .sign .sign__tab-item {
        font-size: 1.6rem;
    }
}

.sign .sign__tab-item:first-child {
    border-top-left-radius: 6px;
}

@media (max-width: 749px) {
    .sign .sign__tab-item:first-child {
        border-top-left-radius: 0;
    }
}

.sign .sign__tab-item:last-child {
    border-top-right-radius: 6px;
}

@media (max-width: 749px) {
    .sign .sign__tab-item:last-child {
        border-top-right-radius: 0;
    }
}

.sign .sign__tab-item_select {
    color: #2c4198;
    background-color: #fff;
}

.sign .sign__tab-currnet_hide {
    display: none;
}

.header {
    position: sticky;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 5.2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .4rem 2rem rgba(0, 0, 0, .05);
    box-shadow: 0 .4rem 2rem rgba(0, 0, 0, .05);
    z-index: 15;
    transition: transform 500ms, -webkit-transform 500ms
}

@media screen and (max-width: 768px) {
    .header {
    height: 4.8rem;
    -webkit-box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .05);
    box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .05);
    }
}

#header {
    min-height: 0;
    border-bottom: none;
    position: fixed;
    background-color: #fff;
}

.header__logo {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 11.9rem;
    margin: 0 1.6rem;
    z-index: 5
}

@media screen and (max-width: 768px) {
    .header__logo {
    width: 10.2rem;
    margin: 0 .8rem
    }
}


.line-with-text {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 3rem 0;
}

.line-with-text::before,
.line-with-text::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #ccc;
    margin: 0 1rem;
}

.line-with-text span {
    white-space: nowrap;
    font-size: 1.2rem;
    color: #666;
}

.screen {
    display: none;
}

.screen.active {
    display: block;
}

.change-link-area {
    text-align: right;
    font-size: 1rem;
    margin: 1rem 0;
    cursor: pointer;
}

.change-link-area a {
    color: #000;
}