@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

/*common*/
* {
	position: relative;
	font-family: 'Lato','Noto Sans JP', sans-serif;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.366;
	letter-spacing: .01em;
	position: relative;
	color: #202020;
	background-color: #F4FAF9;
}
.body--white {
	background-color: #F7F7F7;
}
.body--gray {
	background-color: #F4FAF9;
}

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

a {
	color: #004FFF;
	text-decoration: none;
  cursor: pointer;
}

input[type="text"], select, textarea {
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

input[type="submit"], input[type="button"] {
    border-radius: 0;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    cursor: pointer;
}
.br--sp {
	display: none;
}
.js-link {
	cursor: pointer;
}
.cursor-pointer {
	cursor: pointer;
}
/*後で消す*/
.popup-body {
	background-color: #eee;
}
.popup__wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 100px 0;
}


/*header*/
.header {
	width: 100%;
	height: 88px;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
  position: fixed;
  z-index: 3;
}
.header__logo {
	display: flex;
	align-items: center;
	padding: 0 27px;
}
.header__logo img {
	width: 80px;
	height: 52px;
}
.nav {
	display: flex;
	align-items: center;
	padding-right: 32px;
}
.nav__sp-only {
	display: none;
}
.nav__item {
	font-size: 16px;
	font-weight: 600;
	color: #1E1E24;
	margin-left: 32px;
}
.nav__item:nth-child(1) {
	margin-left: 0;
}
.nav__item--registration,
.nav__item--login {
	color: #004FFF;
}
.nav__item--registration {
	margin-left: 64px;
}
.nav__item--account {
	margin-left: 46px;
	font-weight: 600;
	font-size: 11px;
	cursor: pointer;
	padding-right: 16px;
}
.nav__item--account::after {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: 0;
	border-top: 4px solid #000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.nav-sp,
.account-dropdown {
	display: none;
}
.account-dropdown.active {
	display: block;
}
.account-dropdown {
	position: fixed;
	bottom: 70px;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.account-dropdown__item {
	width: 100%;
	height: 55px;
	display: flex;
	align-items: center;
	padding-left: 24px;
	border: 1px solid #D9D9D9;
	margin-top: -1px;
	text-align: left;
	color: #000;
	background-color: #fff;
}
.header-dropdown__wrapper {
	display: none;
	position: absolute;
	top: 77px;
	right: 11px;
	width: 282px;
	height: 160px;
	z-index: 9999;
}
.header-dropdown {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #EBEBEB;
}
.header-dropdown__wrapper.active {
	display: block;
	position: fixed;
}
.header-dropdown::before {
    content: "";
    position: absolute;
    top: -18px;
    right: 15px;
    border-right: 9px solid transparent;
    border-bottom: 18px solid #EBEBEB;
    border-left: 9px solid transparent;
}
.header-dropdown::after {
    content: "";
    position: absolute;
    top: -15px;
    right: 17px;
    border-right: 7px solid transparent;
    border-bottom: 14px solid #fff;
    border-left: 7px solid transparent;
}
.header-dropdown__item {
	height: 40px;
	display: flex;
	align-items: center;
	padding-left: 40px;
	border-bottom: 1px solid #EBEBEB;
	color: #000;
}
.header-dropdown__item:last-child {
	border-bottom: none;
}

/*breadcrumb*/
.breadcrumb {
	margin-bottom: 34px;
}
.breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style-type: none;
}
.breadcrumb__list__item,
.breadcrumb-item__link {
	font-size: 16px;
	font-weight: 500;
	color: #000;
}
.breadcrumb__list__item:not(:last-child)::after {
	content: ">";
	margin: 0 8px;
}


/*mypage__header*/
.mypage__header {
	background-color: #fff;
}
.mypage__header__top {
	padding: 50px 0 80px;
	border-bottom: 1px solid #ccc;
}
.mypage__header__info {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.mypage-info__head {
	font-weight: 700;
	font-size: 26px;
	line-height: 48px;
	margin-bottom: 48px;
}
.mypage-info__name {
	font-weight: 600;
	font-size: 24px;
}
.mypaage__header__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 14px;
}
.mypaage-nav__list {
	display: flex;
	align-items: center;
}
.mypage-nav__list__item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 9px 12px;
	font-weight: 600;
	font-size: 	16px;
	color: #bbb;
	cursor: pointer;
	width: 134px;
}
.mypage-nav__list__item.mypage-nav__list__item--active {
	color: #000;
	cursor: default;
}
.mypage-nav__list__item--active::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #000;

}
.mypage-nav__list__item svg {
	fill:  #bbb;
	stroke: #bbb;
	margin-right: 5px;
}
.mypage-nav__list__item.mypage-nav__list__item--active svg {
	fill: #000;
	stroke: #000;
}
.mypage-nav__config svg {
	stroke: #bbb;
}
.mypage-nav__config.mypage-nav__config--active svg {
	stroke: #000;
}

/*contents*/
.contents {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 152px 0 80px;
}
@media screen and (max-width:959px) {
  .contents {
	padding-top: 64px;
  }
}
.contents__title {
	font-size: 26px;
	font-weight: 700;
}


/*fv*/
.fv {
	display: flex;
	width: 100%;
	height: 477px;
}
.fv__wrapper,
.password-reset-complete__wrapper,
.entry-complete__wrapper {
  padding-top: 88px;
}
.copy {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: calc(100% - 433px);
	background-image: url(../img/thumbnail.png);
	background-size: cover;
	background-position: center center;
	padding-bottom: 10px;
}
.copy__text {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.6);
}
.member {
	width: 477px;
	background-image: url(../img/bg--registration.png);
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.registration {
	width: 373px;
}
.registration__head {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 16px;
	text-align: center;
}
.registration-social {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
.registration-social__text {
	width: 100%;
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 10px;
	text-align: center;
}
.social-btn {
	width: 180px;
	height: 42px;
	background-color: #fff;
	border-radius: 21px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.social-btn__icon {
	margin-right: 10px;
}
.social-btn__name {
	font-size: 16px;
}

.registration__separator {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.registration__separator:before,
.registration__separator:after {
  content: "";
  height: 1px;
  background: #000;
  flex-grow: 1;
}
.registration__separator:before{
  margin: 0 6px 0 0;
}
.registration__separator:after{
  margin: 0 0 0 6px;
}
.registration-mail__head {
	font-size: 16px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 9px;
}
.registration-mail__text {
	margin: 9px 0;
	text-align: center;
}
.registration input.popup-input {
	border: none;
}
.registration-mail-btn {
	margin: 0 auto 30px;
	height: 50px;
	width: 284px;
	border-radius: 25px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
.registration-mail-btn--disabled {
	opacity: .3;
}
.registration__foot {
	text-align: center;
}
.body--login .fv {
	height: 584px;
}
.body--login .copy {
	width: 100%;
	padding-bottom: 144px;
}
.body--login .member {
	display: none;
}
.body--login .search--fv {
	background: rgba(150, 193, 202, 0.6);
	height: 134px;
	margin-top: -134px;
}

.search--fv {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 118px;
	background: rgba(150, 193, 202, 0.6);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	z-index: 2;
}
.search__head {
	display: none;
}
.search__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background-color: #fff;
	border-radius: 10px;
}
.search__inner__item {

}
.search-dropdown {
	width: 153px;
	height: 50px;
	border-radius: 6px;
	background-color: #EDEDED;
	cursor: pointer;
}
.search-dropdown--industry,
.search-dropdown--occupation,
.search-dropdown--location {
	margin-right: 32px;
}
.search-dropdown--income {
	margin-right: 16px;
}
.search-dropdown--industry::after,
.search-dropdown--occupation::after,
.search-dropdown--location::after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: -24px;
	width: 16px;
	height: 16px;
	background-image: url(../img/bytesize_close.svg);
	background-size: 100% auto;
}
.search-dropdown--industry::before,
.search-dropdown--occupation::before,
.search-dropdown--location::before,
.search-dropdown--income::before {
	content: "";
	position: absolute;
	top: calc(50% - (5px / 2));
	right: 15px;
	width: 11px;
	height: 5px;
	background-image: url(../img/dropdown.svg);
	background-size: 100% auto;
	z-index: 2;
}
.search-dropdown {
	display: flex;
	align-items: center;
	padding: 0 32px 0 15px;
}
.search-dropdown__icon {
	width: 18px;
	height: 18px;
	margin-right: 8px;
}
.search-dropdown__text {
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.search-keyword {
	margin-right: 16px;
}
.search-keyword input {
	width: 150px;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	background-color: #EDEDED;
	border-radius: 6px;
	font-size: 16px;
}
.search-keyword input::placeholder {
	color: #000;
}
.search-btn {
	width: 70px;
	height: 50px;
	border-radius: 8px;
	background-color: #0041AC;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.search-btn img {
	width: 24px;
	height: 24px;
}

.search--bottom {
  width: 960px;
  margin: 0 auto;
}
.search__title {
  font-weight: 700;
  font-size: 26px;
  line-height: 48px;
}
.search--service {
  margin-bottom: 98px;
}
.search--archive {
  margin-top: 56px;
  margin-bottom: 70px;
}
.contents .search--archive {
	margin-bottom: 0;
}
@media screen and (max-width:959px) {
	.search--service {
	  margin-bottom: 80px;
	}
	.search--archive {
	  margin-top: 65px;
	  margin-bottom: 80px;
	}


}



.feature {
	padding: 32px 0 16px;
}
.feature__head {
	font-size: 26px;
	font-weight: 700;
	line-height: 48px;
	text-align: center;
	margin-bottom: 14px;
}
.feature__point {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}
.feature__point__inner {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding: 1px;
	background-color: #fff;
}
.feature__point__item {
	margin-right: 1px;
	background-color: #E4F1F4;
	padding: 16px 24px 24px;
	width: 346px;
}
.feature__point__item:last-child {
	margin-right: 0;
}
.feature-point-item__badge {
	width: 72px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0 auto 8px;
	border-radius: 10px;
	background-color: #fff;
	color: #0041AC;
	font-weight: 900;
}
.feature-point-item__head {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 8px;
	line-height: 32px;
}
.feature-point-item__text {
	font-size: 16px;
	color: rgba(22, 25, 37, 0.7);
	line-height: 1.7;
}
.business-partner {
	padding: 16px 0 32px;
}
.business-partner__head {
	text-align: center;
	font-size: 20px;
	line-height: 48px;
	font-weight: 500;
}
.business-partner__head span {
	font-size: 16px;
	font-weight: 500;
}
.business-partner__list {
	display: flex;
	justify-content: center;
}
.business-partner__list__inner {
	display: flex;
	flex-wrap: wrap;
	width: 1020px;
}
.business-partner__list__item {
	width: calc((100% - 35px) / 8);
	margin-right: 5px;
	margin-bottom: 6px;
}
.business-partner__list__item:nth-child(8n) {
	margin-right: 0;
}
.business-partner__list__item:nth-child(n + 9) {
	margin-bottom: 0;
}
.business-partner__list__item img {
	width: 100%;
	height: auto;
}

.top-voice {
	background-color: #E4F1F4;
	padding-top: 20px;
}
.top-voice__head {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	line-height: 48px;
	margin-bottom: 8px;
}
.top-voice__list {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.top-voice__list__item {
	width: 332px;
	margin-right: 8px;
	background-color: #fff;
	padding: 24px 16px 16px;
}
.top-voice__list__item:last-child {
	margin-right: 0;
}
.top-voice-item__head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
}
.top-voice-item__head__thumbnail {
	width: 70px;
	height: 70px;
}
.top-voice-item__head__thumbnail img {
	width: 100%;
	height: auto;
}
.top-voice-item__head__desc {
	width: calc(100% - 76px);
}
.top-voice-item-desc__title {
	font-size: 18px;
	font-weight: 700;
}
.top-voice-item-desc__info {
	font-size: 14px;
	font-weight: 500;
	color: rgba(22, 25, 37, 0.7);
}
.top-voice-item__foot {
	display: flex;
	justify-content: flex-start;
}
.top-voice-item__foot__job {
	display: flex;
	align-items: center;
}
.top-voice-item__foot__job--before {
	margin-right: 17px;
}
.top-voice-item__foot__job--before::after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: -13px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 5px solid #000;
}
.top-voice-item-job__badge {
	border: 1px solid;
	font-size: 14px;
	width: 20px;
	height: 40px;
	writing-mode: vertical-rl;
	padding: 3px 0px 0px 1px;
    letter-spacing: .2em;
    margin-right: 4px;
}
.top-voice-item-job__badge--before {
	border-color: #0041AC;
	color: #0041AC;
}
.top-voice-item-job__badge--after {
	color: #fff;
	font-weight: 700;
	background-color: #0041AC;
	border-color: #0041AC;
}
.top-voice-item-job__desc {

}
.top-voice-item-desc__job {
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
}
.top-voice-item-desc__income {

	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
}
.top-voice-item-desc__income--after {
	font-weight: 700;
}

.flow {
	background-color: #E4F1F4;
	padding: 24px 0 32px;
	margin-bottom: 56px;
}
.flow__head {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	line-height: 48px;
	margin-bottom: 16px;
}
.flow__list {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.flow__list__item {
	width: 220px;
	height: 280px;
	margin-right: 33px;
	padding: 10px 20px;
	background-color: #fff;
}
.flow__list__item:last-child {
	margin-right: 0;
}
.flow__list__item:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 0;
	right: -33px;
	border-top: 140px solid transparent;
	border-bottom: 140px solid transparent;
	border-left: 33px solid #fff;
}
.flow-item__num {
	text-align: center;
	font-style: italic;
	font-weight: 700;
	font-size: 26px;
	line-height: 35px;
	color: #0041AC;
}
.flow-item__head {
	font-weight: 600;
	font-size: 18px;
	line-height: 48px;
	text-align: center;
}
.flow-item__text {
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	color: rgba(22, 25, 37, 0.7);
}

.top-newest {
	margin-bottom: 35px;
}
.top-newest__head {
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
}
.top-newest__head__heading {
	font-weight: 700;
	font-size: 26px;
	line-height: 1;
	margin-right: 16px;
}
.top-newest__head__more {
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.04em;
	color: #0041AC;
}
.top-newest__head__more::after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: -35px;
	width: 29px;
	height: 11px;
	background-image: url(../img/arrow--more.svg);
}
.top-newest__inner {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.top-job-card {
	background-color: #fff;
	margin-bottom: 15px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.top-job-card__head {
	display: flex;
}
.top-job-card__foot {
	display: none;
}
.top-job-card:nth-child(even) {
	background-color: #F1F1F1;
}
.top-job-card__thumbnail {
	width: 230px;
	padding-top: 17.552%;
}
.top-job-card__thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.top-job-card__info {
	width: calc(100% - 230px);
	padding: 16px 0 20px 0;
}
.top-job-card__info__head {
  padding: 0 32px 15px 80px;
  border-bottom: solid 1px #F1F1F1;
}
.top-job-card:nth-child(even) .top-job-card__info__head {
  border-bottom: solid 1px #fff;
}
.top-job-card__info__bottom {
      padding: 22px 32px 0 80px;
}



.top-job-card__info__tag {
	display: flex;
	margin-bottom: 11px;
	padding-left: 7px;
	flex-wrap: wrap;
	margin-right: -13px;
}
.top-job-card__info__title {
	display: flex;
	margin-bottom: 8px;
}
.top-job-card__info__title__text {
	font-size: 24px;
	line-height: 26px;
	border-bottom: 1px solid;
}
.top-job-card__info__job {
	display: flex;
}
.top-job-card__info__job__text {
	font-size: 18px;
	line-height: 22px;
	border-bottom: 1px solid;
}
.top-job-card.top-job-card--thumbNull .top-job-card__thumbnail {
	background-size: cover;
    background-position: center center;
}

.top-job-card:nth-child(odd).top-job-card--thumbNull .top-job-card__thumbnail {
    background-image: url(../img/top-job-card__thumbnail--odd.png);
}
.top-job-card:nth-child(even).top-job-card--thumbNull .top-job-card__thumbnail {
    background-image: url(../img/top-job-card__thumbnail--even.png);
}


.top-job-card:nth-child(even) .tag--bookmark::after {
	border-right: 6px solid #F1F1F1;
}


.top-history {
	padding: 56px 0 36px;
	background-color: #E3E9E9;
	margin-bottom: 68px;
	margin-left:calc((100% - 980px) / 2);
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.top-history__inner {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.top-history__head {
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
}
.top-history__head__heading {
	font-weight: 700;
	font-size: 26px;
	line-height: 1;
	margin-right: 16px;
}
.top-history__head__more {
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.04em;
	color: #0041AC;
}
.top-history__head__more::after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: -35px;
	width: 29px;
	height: 11px;
	background-image: url(../img/arrow--more.svg);
}




.top-trend {
	padding-left: calc((100% - 976px) / 2);
	margin-bottom: 74px;
}
.top-trend__head {
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	padding-left: 8px;
}
.top-trend__head__heading {
	font-weight: 700;
	font-size: 26px;
	line-height: 1;
	margin-right: 16px;
}
.top-trend__head__more {
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.04em;
	color: #0041AC;
}
.top-trend__head__more::after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: -35px;
	width: 29px;
	height: 11px;
	background-image: url(../img/arrow--more.svg);
}



.top-knowhow {
	padding-left: calc((100% - 976px) / 2);
	padding-bottom: 78px;
}
.top-knowhow__head {
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	padding-left: 8px;
}
.top-knowhow__head__heading {
	font-weight: 700;
	font-size: 26px;
	line-height: 1;
	margin-right: 16px;
}
.top-knowhow__head__more {
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.04em;
	color: #0041AC;
}
.top-knowhow__head__more::after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: -35px;
	width: 29px;
	height: 11px;
	background-image: url(../img/arrow--more.svg);
}



.search-tag {
	margin-bottom: 28px;
}
.search-tag--location {
	margin-bottom: 64px;
}
.search-tag__inner {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.search-tag__head {
	font-weight: 700;
	font-size: 26px;
	line-height: 48px;
	margin-bottom: 14px;
}
.search-tag__list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 15px;
}

.search-location__row {
	display: flex;
	margin-bottom: 20px;
}
.search-location__row__head {
	width: 110px;
	padding-left: 29px;
}
.search-location__row__head::before {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	top: calc(50% - (21px / 2));
	left: 0;
	background-image: url(../img/ci_chevron-right.svg);
	background-size: 100% auto;
}
.search-location__row__head__link {
	line-height: 29px;
	font-weight: 700;
	font-size: 18px;
	color: #0041AC;
}
.search-rocation__row__list {
	width: calc(100% - 110px);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

/*popup*/

/*popup共通部*/
input.popup-input {
	background-color: #F7F8F9;
	border: 1px solid #DADADA;
	border-radius: 8px;
	padding: 15px 20px;
	width: 100%;
	font-size: 15px;
}
.popup-general-btn {
	background-color: #004FFF;
	color: #fff;
	font-size: 17px;
	height: 54px;
	border-radius: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.popup-general-btn--disabled {
	opacity: .2;
}
.popup-social-btn {
	width: 100%;
	height: 58px;
	font-size: 16px;
	text-align: center;
	border-radius: 29px;
	border: 1px solid #DADADA;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 10px;
}
.popup-social-btn--facebook {
	margin-bottom: 18px;
}
.popup-social-btn::before {
	content: "";
	position: absolute;
	left: 18px;
	top: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-size: 100% auto;
}
.popup-social-btn--facebook::before {
	background-image: url(../img/social-btn--facebook.svg);
}
.popup-social-btn--google::before {
	background-image: url(../img/social-btn--google.svg);
}

/*popup個別*/
.popup-register {
	width: 928px;
	padding: 24px 56px 48px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.08);
}
.popup-register__head {
	font-size: 26px;
	line-height: 1.84;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
}
.popup-register__inner {
	display: flex;
	justify-content: space-between;
}
.popup-register__inner__social,
.popup-register__inner__mail {
	width: 330px;
}

.popup-resister-social__head {
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 18px;
}
.popup-resister-social__text {
	font-size: 14px;
	line-height: 2;
}
.popup-resister-social__btn {
	padding-top: 18px;
}
.popup-resister-mail__head {
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 16px;
	text-align: center;
}
.popup-resister-mail__input {
	margin-bottom: 16px;
}
.popup-resister-mail__text {
	text-align: center;
	margin-bottom: 16px;
}
.popup-resister-mail__btn {
	margin-bottom: 16px;
}
.popup-register__inner__separator {
	position: relative;
	display: flex;
	align-items: center;
}
.popup-register__inner__separator::before {
	content: "";
	position: absolute;
	top:  0;
	border: 0;
	left:  50%;
	background-color: #202020;
	width: 1px;
	height: 100%;
}
.popup-resister-separator__text {
	font-size: 14px;
	background-color: #fff;
	padding: 6px 0;
	z-index: 2;
}


.popup-register-complete {
	width: 928px;
	padding: 24px 56px 48px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.08);
}
.popup-register-complete__head {
	font-size: 26px;
	line-height: 1.84;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
}
.popup-register-complete__inner__feature {
	display: flex;
	justify-content: center;
	margin-bottom: 23px;
}
.popup-register-complete__inner__feature img {
	width: 86px;
	height: 86px;
}
.popup-register-complete__inner__text {
	text-align: center;
	line-height: 2;
	margin-bottom: 23px;
}
.popup-register-complete__inner__btn {
	display: flex;
	justify-content: center;
}
.popup-register-complete__inner__btn__item {
	width: 108px;
	height: 56px;
	border-radius: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	background-color: #004FFF;
}


.popup-login {
	width: 928px;
	padding: 24px 56px 48px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.08);
}
.popup-login__head {
	font-size: 26px;
	line-height: 1.84;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
}
.popup-login__inner {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}
.popup-login__inner__social,
.popup-login__inner__account {
	width: 330px;
}
.popup-login-social__head {
	font-weight: 800;
	margin-bottom: 69px;
}
.popup-login-account__mail {
	margin-bottom: 16px;
}
.popup-login-account__mail__head {
	font-weight: 800;
	margin-bottom: 8px;
}
.popup-login-account__password {
	margin-bottom: 31px;
}
.popup-login-account__password__head {
	font-weight: 800;
	margin-bottom: 8px;
}
.popup-login-account__password-forgot {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 31px;
}
.popup-login__inner__separator {
	position: relative;
	display: flex;
	align-items: center;
}
.popup-login__inner__separator::before {
	content: "";
	position: absolute;
	top:  0;
	border: 0;
	left:  50%;
	background-color: #202020;
	width: 1px;
	height: 100%;
}
.popup-login-separator__text {
	font-size: 14px;
	background-color: #fff;
	padding: 6px 0;
	z-index: 2;
}
.popup-login__foot {
	text-align: center;
}


.popup-password-forgot {
	width: 928px;
	padding: 24px 56px 48px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.08);
}
.popup-password-forgot__head {
	font-size: 26px;
	line-height: 1.84;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
}
.popup-password-forgot__inner__text {
	margin-bottom: 24px;
}
.popup-password-forgot__inner__mail {
	width: 330px;
	margin: 0 auto;
}
.popup-password-forgot-mail__head {
	font-weight: 800;
	margin-bottom: 8px;
}
.popup-password-forgot-mail__input {
	margin-bottom: 32px;
}



.popup-password-forgot-complete {
	width: 928px;
	padding: 24px 56px 48px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.08);
}
.popup-password-forgot-complete__head {
	font-size: 26px;
	line-height: 1.84;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
}
.popup-password-forgot-complete__inner__feature {
	display: flex;
	justify-content: center;
}
.popup-password-forgot-complete__inner__feature img {
	width: 145px;
	height: 126px;
}
.popup-password-forgot-complete__inner__text {
	text-align: center;
	line-height: 2;
	font-weight: 800;
}

.popup-password-edit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 928px;
	padding: 32px 0 75px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.08);
}
.popup-password-edit__wrap {
	width: 330px;
}
.popup-password-edit__head {
	font-weight: 700;
	font-size: 26px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 21px;
}
.popup-password-edit__inner__password {
	margin-bottom: 20px;
}
.popup-password-edit-password__head {
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 9px;
}
.popup-password-edit__inner__text {
	margin-bottom: 15px;
}
.popup-password-edit-inner__btn {
	margin-top: 60px;
}


.popup-mail-edit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 928px;
	padding: 32px 0 75px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 50px 60px rgba(0, 0, 0, 0.08);
}
.popup-mail-edit__wrap {
	width: 330px;
}
.popup-mail-edit__head {
	font-weight: 700;
	font-size: 26px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 21px;
}
.popup-mail-edit__inner__mail {
	margin-bottom: 20px;
}
.popup-mail-edit-mail__head {
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 9px;
}
.popup-mail-edit-mail__current {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #6A707C;
}
.popup-mail-edit-inner__btn {
	margin-top: 60px;
}

.popup__close {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
}
.popup__close img {
	width: 12px;
	height: 12px;
}


/*post*/
.post__head {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 72px;
}
.post-keyword {
	border-radius: 10px;
	background-color: #fff;
	padding: 24px 32px 40px;
	margin-bottom: 40px;
}
.post-keyword__head {
	font-size: 20px;
	line-height: 2.4;
	font-weight: 700;
	padding-left: 26px;
}
.post-keyword__head::before {
	position: absolute;
	top: calc(50% - 9px);
	left: 0;
	content: "";
	width: 18px;
	height: 18px;
	background-image: url(../img/search.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.postkeyword__wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
} 
.keyword {
	font-size: 16px;
	margin-right: 8px;
	margin-bottom: 8px;
}
.post-list--newest,
.post-list--popular {
	margin-bottom: 24px;
}
.post-list__head {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 24px;
}
.post-list__wrap {
	display: flex;
	flex-wrap: wrap;
}
.article-list {
	background-color: #fff;
	border-radius: 8px;
}
.post-list__wrap .article-list {
	width: 310px;
	margin-right: 15px;
}
.post-list__wrap .article-list:nth-child(3n) {
	margin-right: 0;
}
.post-list__wrap .article-list:nth-child(n + 4) {
	margin-top: 14px;
}
.article-list__thumbnail {
	padding-top: 56.1299%;
}
.article-list__thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.article-list__desc {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 22px 21px;
}
.article-list__desc__date {
	line-height: 21px;
	color: #888;
	width: 72px;
}
.artilce-list__desc__tag {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: calc(100% - 72px);
	margin-right: -13px;
}
.article-list__desc__title {
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	height: 60px;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 5px;
}


/*tag*/
.tag--bookmark {
	height: 23px;
	border-top: 1px solid #0041AC;
	border-right: 1px solid #0041AC;
	border-bottom: 1px solid #0041AC;
	padding: 0 4px;
	margin-bottom: 6px;
	margin-right: 13px;
	display: flex;
	align-items: center;
}
.tag--bookmark__text {
	font-size: 11px;
	color: #0041AC;
	font-weight: 700;
}
.tag--bookmark::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -7px;
	border-top: calc(23px / 2) solid transparent;
	border-right: 7px solid #0041AC;
	border-bottom: calc(23px / 2) solid transparent;
}
.tag--bookmark::after {
	content: "";
	position: absolute;
	top: 0px;
	left: -6px;
	border-top: calc(21px / 2) solid transparent;
	border-right: 6px solid #FFF;
	border-bottom: calc(21px / 2) solid transparent;
}
.tag--bookmark__text::before {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: -5px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #0041AC;
	z-index: 2;
}
.tag--bookmark.tag--large {
	height: 28px;
	padding: 0 12px;
	margin-bottom: 12px;
	margin-right: 26px;
}
.tag--large .tag--bookmark__text {
	font-size: 14px;
	border-bottom: 1px solid;
	line-height: 16px;
}
.tag--bookmark.tag--large::before {
	top: -1px;
	left: -15px;
	border-top: 14px solid transparent;
	border-right: 15px solid #0041AC;
	border-bottom: 14px solid transparent;
}
.tag--bookmark.tag--large::after {
	top: 0px;
	left: -14px;
	border-top: 13px solid transparent;
	border-right: 14px solid #F4FAF9;
	border-bottom: 13px solid transparent;
}
.tag--bookmark.tag--large:not(:first-child) {
	margin-left: 0;
}
.tag--large .tag--bookmark__text::before {
	left: -14px;
}

.tag--location {
	height: 29px;
	padding: 0 10px;
	border: 1px solid #0041AC;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
}
.tag--location__text {
	font-weight: 700;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0.01em;
	color: #0041AC;
}


.pagenation {
	padding-top: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagenation__item {
	margin-right: 16px;
	width: 48px;
	height: 48px;
	border: 1px solid #0041AC;
	background-color: #fff;
	color: #0041AC;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagenation__item--current {
	background-color: #0041AC;
	color: #fff;
}
.pagenation__item:last-child {
	margin-right: 0;
}
.pagenation__item--prev img
.pagenation__item--next img {
	width: 8px;
	height: auto;
}

.post-detail__wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 48px;
}

.post__article {
	width: 618px;
	background-color: #fff;
}
.post__article__thumbnail img {
	width: 100%;
	height: 346px;
	object-fit: cover;
}
.post__article__content {
	padding: 32px;
}
.post__article__content table {
  border-collapse: collapse;
}
.post__article__content th,
.post__article__content td {
  border: 0.1rem solid #dcd7ca;
  line-height: 1.4;
  margin: 0;
  overflow: visible;
  padding: 0.5em;
}

.post__article__content .post-content__unit ul {
  list-style-position: inside;
}
.post__article__content table .post-content__unit__text {
	line-height: normal;
	letter-spacing: initial;
	margin-bottom: 0;
}

.post-content__date {
	color: #6D6D6D;
	margin-bottom: 10px;
}
.post-content__title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.post-content__keyword {
	margin-bottom: 10px;
}
.post-content__keyword__item {
	color: #6D6D6D;
	margin-right: 12px;
}
.post-content__keyword__item:last-child {
	margin-right: 0;
}
.post-content__index {
	padding: 30px 30px 20px;
	border: 1px solid #0041AC;
	border-radius: 10px;
	margin-bottom: 50px;
}
.post-content__index__head {
	font-weight: 600;
	text-align: center;
	margin-bottom: 14px;
	padding-left: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.post-content__index__head img {
 	margin-right: 10px;
 	width: 16px;
 	height: 16px;
 }

.post-content__index__list {
	list-style-type: none;
}
.post-content__index__list__item {
	margin-bottom: 10px;
}
.post-content__index__list--lv2 {
	margin-top: 10px;
}
.post-content__index__list--lv2 .post-content__index__list__item {
	text-indent: 1em;
	margin-left: 1em;
}
.post-content__index__list__item__link {
	color: #0041AC;
	border-bottom: 1px solid #0041AC;
	margin-bottom: 10px;
}
.post-content__unit__title {
	font-size: 20px;
	font-weight: 700;
	background-color: #f3f3f3;
	padding: 11px 24px;
	margin-bottom: 16px;
}
.post-content__unit__sub-title {
	border-bottom: 1px solid;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 16px;
	padding-bottom: 6px;
}
.post-content__unit ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.post-content__unit li {
  line-height: 1.5;
}
.post-content__unit__text {
	line-height: 2.285;
	letter-spacing: .04em;
	margin-bottom: 16px;
}



.post__aside {
	width: 310px;
}
.aside-pickup,
.aside-ranking {
	margin-bottom: 44px;
}
.aside__head {
	height: 49px;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	color: #fff;
	background-color: #0041AC;
	margin-bottom: 28px;
}
.aside-article__item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.aside-article__item:last-child {
	margin-bottom: 0;
}
.aside-article__item__thumbnail img {
	width: 125px;
	height: 70px;
	object-fit: cover;
}
.aside-article__item__title {
	width: 170px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.666;
	color: #202020;
}
.aside-keyword {
	margin-bottom: 74px;
}
.aside-keyword .aside__head {
	margin-bottom: 20px;
}
.aside-keyword__wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.aside-keyword__wrap .keyword {
	font-size: 14px;
	margin-right: 11px;
    margin-bottom: 10px;
}
.aside-registration {
	position: sticky;
	top: 120px;
	background: #E0EFF2;
	padding: 40px 0;
	display: flex;
	justify-content: center;
}
.aside-registration .registration {
	width: 278px;
}
.aside-registration .registration__head {
	margin-bottom: 26px;
}
.aside-registration .registration-social__text {
	font-size: 14px;
	margin-bottom: 20px;
}
.aside-registration .registration-social {
	justify-content: center;
	margin-bottom: 14px;
}
.aside-registration .social-btn {
	width: 100%;
	margin-bottom: 12px;
	cursor: pointer;
}
.aside-registration .registration__separator {
	margin-bottom: 26px;
}
.aside-registration .registration-mail__head {
	font-size: 14px;
	margin-bottom: 20px;
}
.aside-registration .registration-mail__text {
	margin: 12px 0;
}
.aside-registration .registration-mail-btn {
	font-size: 13px;
}
.aside-registration .registration__foot {
	line-height: 1.666;
}

.policy__top {
	background-color: #fff;
	padding: 50px 0 40px;
}
.policy__top__inner {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding-left: 25px;
}
.contents--policy {
	max-width: 1100px;
	padding: 50px 0 96px;
}
.policy__link {
	display: flex;
	justify-content: space-between;
	margin-bottom: 76px;
}
.policy__link__item {
	width: calc((100% - 24px) / 2);
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #202020;
	border: 1px solid #000;
	border-radius: 8px;
}

.policy__section {
	margin-bottom: 156px;
}
.policy__section__head {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 26px;
}
.policy__content {
	margin-bottom: 32px;
}
.policy__content__text {
	font-size: 16px;
	line-height: 2;
	letter-spacing: .12em;
}
.policy__content__text--annotation {
	font-weight: 700;
	margin-top: 30px;
}
.policy__content__head--p1 {
	font-size: 16px;
	margin-bottom: 6px;
}
.policy__content__head--p2 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 30px;
}
.policy__content__head--p3 {
	font-size: 24px;
	margin-bottom: 8px;
}
.policy__content__head--p4 {
	font-size: 18px;
	margin-bottom: 4px;
}
.policty__content--sign .policy__content__text {
	text-align: right;
	line-height: 2.1;
}
.policty__content--contact,
.policty__content--link {
	padding: 32px;
	border: 1px solid #9B9B9B;
}
.policty__content--contact .policy__content__head--p1 {
	margin-bottom: 10px;
}
.policty__content--contact .policy__content__text {
	font-size: 13px;
	font-weight: 300;
	color: #656565;
}
.policty__content--link .policy__content__text {
	font-size: 13px;
}
.policy__content__link {
	font-size: 13px;
	color: #9B9B9B;
}

.policy__content__list {
	list-style-position: inside;
	font-size: 16px;
	line-height: 2;
}
.policy__content__list__item {

}
.policy__content__list--decimal {
	list-style-type: decimal
}
.policy__content__list--disc {
	list-style-type: none;
}
.policy__content__list--disc li.policy__content__list__item {
	padding-left: 1.4em;
}
.policy__content__list--disc li.policy__content__list__item--lv2 {
	margin-left: 1em;
}
.policy__content__list--disc li.policy__content__list__item::before {
    position: absolute;
    content: "・";
    top: 0;
    left: 0;
}
.policy__content__list__item--lv2 {

}


.policy__content__table {
	margin: 30px 0 20px;
}
.policy-table__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #9B9B9B;
	margin-top: -1px;
	padding: 32px;
}
.policy-table__row__head {
	width: 270px;
	font-size: 16px;
}
.policy-table__row__desc {
	width: calc(100% - 270px);
	color: #656565;
	font-size: 16px;
}
.policy__content__head--p3 + .policy__content__list {
	margin-bottom: 16px;
}


.job-card {
	background-color: #fff;
	border-radius: 8px;
	padding: 60px 40px 0;
	margin-bottom: 30px;
}
.job-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;;
}
.job-card__thumbnail {
	width: 207px;
	padding-top: 17.642%;
}
.job-card--thumbNull .job-card__thumbnail {
	object-fit: cover;
	background-size: cover;
  background-position: center center;
	background-image: url(../img/top-job-card__thumbnail--odd.png);
}
.job-card__thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.job-card__info {
	width: calc(100% - 237px);
}
.job-card__info__tag {
	display: flex;
	padding-left: 15px;
  flex-wrap: wrap;
}
.job-card__info__tag .tag--bookmark.tag--large {
	margin-bottom: 8px;
}
.job-card__info__company-name {
	font-weight: 700;
	font-size: 18px;
	color: #0041AC;
	margin-bottom: 6px;
}
.job-card__info__title {
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 5px;
}
.job-card__info__text {
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.04em;
	color: #6D6D6D;
}
.job-card__body {
	padding: 16px 0 0;
	display: flex;
	border-bottom: 1px solid #D0D0D0;;
}
.job-card__body__item__wrap {
	width: 50%;
}
.job-card__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px 0 30px;
	margin-bottom: 16px;
}
.job-card__item__head {
	width: 40px;
}
.job-card__item__icon {
	display: flex;
	justify-content: center;
}
.job-card__item__icon img {
	width: 24px;
	height: 24px;
}
.job-card__item__name {
	font-weight: 500;
	font-size: 9px;
	line-height: 12px;
	text-align: center;
	white-space: nowrap;
}
.job-card__item__name--desc {
	color: #B15858;
}
.job-card__item__name--subject {
	color: #426A5A;
}
.job-card__item__name--overview {
	color: #B66D0D;
}
.job-card__item__name--location {
	color: #5C374C;
}
.job-card__item__name--income {
	color: #9E643C;
}
.card__job__item__text {
	width: calc(100% - 64px);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
}
.job-card__foot {
	display: flex;
	justify-content: flex-end;
	padding: 16px 0;
}
.card__job__more {
	font-size: 16px;
	line-height: 23px;
	color: #004FFF;
	padding-right: 36px;
}
.card__job__more::after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    width: 29px;
    height: 11px;
    background-image: url(../img/arrow--more.svg);
}
.job-card__favorite {
	position: absolute;
	top: 0;
	right: 0;
	width: 205px;
	height: 50px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 50px;
	background-color: #F4F4F4;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding-left: 30px;
}
.job-card__favorite__icon {
	font-size: 0;
}
.job-card__favorite__icon img {
	width: 24px;
	height: 24px;
}
.job-card__favorite--already .job-card__favorite__icon img {
	width: 18px;
	height: 16px;
}
.job-card__favorite--already .job-card__favorite__icon {
	margin-right: 3px;
}
.job-card__favorite__text {
	font-size: 16px;
	line-height: 23px;
	color: #7A7A7A;
}
.job-card__status {
	position: absolute;
	top: 17px;
	left: 0;
	width: 143px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
}
.job-card__status--entried {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #0041AC;
}
.job-card__status--end {
	background-color: #bbb;
}
.job-card .tag--bookmark.tag--large::after {
	    border-right: 14px solid #FFF;
}


.job-detail__article__head {
	margin-bottom: 17px;
}
.job-detail-head__company-name {
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	color: #0041AC;
	margin-bottom: 14px;
}
.job-detail-head__title {
	font-weight: 700;
	font-size: 26px;
	line-height: 48px;
	margin-bottom: 8px;
}
.job-detail-head__text {
	font-weight: 500;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 14px;
}
.job-detail-head__tag {
    display: flex;
    padding-left: 15px;
    flex-wrap: wrap;
}
.job-detail__article__container {
	background-color: #fff;
	border-radius: 8px;
	padding: 40px;
	margin-bottom: 24px;
}
.job-detail-container__thumbnail {
	margin-bottom: 24px;
}
.job-detail-container__thumbnail img {
	width: 100%;
	max-width: 300px;
	height: auto;
}
.job-detail-container__head {
	line-height: 50px;
	font-weight: 500;
	font-size: 20px;
	padding-left: 20px;
	border-left: 4px solid #222;
	margin-bottom: 24px;
}
.job-detail-container__text {
	font-weight: 300;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0.02em;
}
.job-detail-container__table {
	border-top: 1px solid #E6E6E6;
}
.job-detail-container__table__row {
	display: flex;
	border-bottom: 1px solid #E6E6E6;
}
.job-detail-container__table__head {
	padding: 12px 0 12px 16px;
	font-weight: 300;
	font-size: 14px;
	line-height: 32px;
	width: 200px;
}
.job-detail-container__table__content {
	width: calc(100% - 200px);
	padding: 12px 0;
	font-weight: 300;
	font-size: 14px;
	line-height: 32px;
}
.job-detail__article__foot {
	margin-top: 163px;
}
.job-detail__entry {
	background-color: #E0EFF2;
	border-radius: 10px;
	padding: 40px 0;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.job-detail__entry--login,
.job-detail__entry--entered {
	border-radius: 0;
}
.job-detail__entry--login {
	padding: 70px 0;
}
.job-detail__entry__inner {
	text-align: center;
}
.job-detail__entry__head {
	position: absolute;
	top: -123px;
	left: calc(50% - 135px);
	width: 270px;
	height: 88px;
}
.job-detail__entry__head::before {
	position: absolute;
	top: 0;
	left: calc(50% - 135px);
	content: "";
	border-top: 88px solid #E0EFF2;
	border-right: 135px solid transparent;
	border-left: 135px solid transparent;
}
.job-detail__entry__head__text {
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	line-height: 29px;
	padding-top: 6px;
}
.job-detail__entry__text {
	font-weight: 500;
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 32px;
}
.job-detail__entry__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 330px;
	background-color: #004FFF;
	color: #fff;
	font-size: 17px;
	line-height: 23px;
	height: 60px;
	border-radius: 30px;
}
.job-detail__current__head {
	font-weight: 500;
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 15px;
}
.job-detail-current__list {
	list-style-type: none;
}
.job-detail-current__list__item {
	margin-bottom: 20px;
}
.job-detail-current__list__item__link {
	font-weight: 350;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.04em;
	text-decoration-line: underline;
	color: #0041AC;
}

.service__head {
	width: 100%;
	max-width: 1030px;
	margin: 0 auto;
	padding: 64px 0 80px;
}
.service__title {
	font-size: 26px;
	font-weight: 700;
}
.feature__desc {
	width: 100%;
	max-width: 728px;
	margin: 24px auto 56px;
}
.voice {
	padding-top: 49px;
}
.voice__head {
	font-weight: 700;
	font-size: 26px;
	line-height: 48px;
	margin-bottom: 40px;
	text-align: center;
}
.voice__list {
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
}
.voice__list__item {
	margin-bottom: 80px;
}
.voice-item__head {
	display: flex;
	align-items: center;
	margin-bottom: 28px;
}
.voice-item__head__thumbnail {
	width: 90px;
	margin-right: 25px;
}
.voice-item__head__title {
	width: calc(100% - 111px);
	font-weight: 700;
	font-size: 24px;
	line-height: 33px;
}
.voice-item__body {
	margin-bottom: 24px;
}
.voice-item__body__info {
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 10px;
}
.voice-item__body__text {
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
}
.voice-item__foot {
	display: flex;
	justify-content: flex-start;
}
.voice-item__foot__job {
	display: flex;
	align-items: center;
}
.voice-item__foot__job--before {
	margin-right: 25px;
}
.voice-item__foot__job--before::after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: -17px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 7px solid #000;
}
.voice-item-job__badge {
	border: 1px solid;
	font-size: 14px;
	width: 25px;
	height: 50px;
	writing-mode: vertical-rl;
	padding: 7px 2px 0px 0px;
    letter-spacing: .2em;
    margin-right: 4px;
}
.voice-item-job__badge--before {
	border-color: #0041AC;
	color: #0041AC;
}
.voice-item-job__badge--after {
	color: #fff;
	font-weight: 700;
	background-color: #0041AC;
	border-color: #0041AC;
}
.voice-item-job__desc {

}
.voice-item-desc__job {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}
.voice-item-desc__income {

	font-size: 13px;
	font-weight: 500;
	line-height: 24px;
}
.voice-item-desc__income--after {
	font-weight: 700;
}

.footer {
	padding: 32px 0;
	background-color: #262626;
}
.footer__inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.footer__head {
	display: flex;
	padding-bottom: 20px;
	border-bottom: 1px solid #676767;
}
.footer__logo {
	width: 101px;
	padding-top: 14px;
	margin-right: 61px;
}
.footer__logo img {
	width: 101px;
	height: 68px;
}
.footer__desc {
	width: calc(100% - 162px);
	color: #BDBDBD;
	font-weight: 500;
	font-size: 14px;
	line-height: 23px;
}
.footer__foot {
	padding-top: 32px;
	display: flex;
	justify-content: space-between;
}
.footer__copy {
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #BDBDBD;
}
.footer__link__item {
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #BDBDBD;
}
.footer__link__item::after {
	content: "｜";
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #BDBDBD;
	margin: 0 9px;
}
.footer__link__item:last-child::after {
	display: none;
}


.post-list__wrap--slider {

}
.post-list__wrap--slider .slick-list {
	padding: 0 calc(100% - 978px) 0 0!important;
}
.slick-slide {
	width: 310px;
	margin: 0 8px;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -58px;
    display: block;
    width: 48px;
    height: 48px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background-size: 100% auto;
    background-color: transparent;
}
.slick-prev {
    right: calc(((100vw - 976px) / 2) + 62px);;
    background-image: url(../img/slider__arrow-prev.svg);
}
.slick-next {
    right: calc(((100vw - 976px) / 2) + 4px);;
    background-image: url(../img/slider__arrow-next.svg);
}
.slick-arrow.slick-disabled {
	opacity: .4;
	cursor: default;
}
.post-list--archive .slick-prev {
    right: 62px;
}
.post-list--archive .slick-next {
    right: 4px;
}

.account-setting {
	padding: 64px 0;
}
.account-setting__container {
	width: 100%;
	max-width: 1108px;
	margin: 0 auto;
	padding: 80px 0 40px;
	background-color: #fff;
}
.account-setting__container__inner {
	width: 330px;
	margin: 0 auto;
}
.account-setting__head {
	font-weight: 700;
	font-size: 26px;
	line-height: 48px;
	margin-bottom: 32px;
	text-align: center;
}
.account-setting__item {
	margin-bottom: 32px;
}
.account-setting__item__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}
.account-setting-item__head {
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 8px;
}
.account-setting__item__top .account-setting-item__head {
	margin-bottom: 0;
}
.account-setting-item__edit {
	width: 50px;
	height: 20px;
	border-radius: 10px;
	background-color: #0041AC;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.account-setting-item__row {
	display: flex;
	align-items: center;
}
.account-setting-item__col {
	width: 100%;
}
.account-setting-item__row--col2 .account-setting-item__col {
	width: calc((100% - 8px) / 2);
	margin-right: 8px;
}
.account-setting-item__row--col3 .account-setting-item__col {
	width: calc((100% - 16px) / 3);
	margin-right: 8px;
}
.account-setting-item__col:last-child {
	margin-right: 0!important;
}
.account-setting-item__col input {
	border: 1px solid #6A707C;
	border-radius: 8px;
	line-height: 54px;
	padding: 0 20px;
	width: 100%;
}
.account-setting-item__col select {
	border: 1px solid #6A707C;
	border-radius: 8px;
	line-height: 54px;
	padding: 0 20px;
	width: 100%;
  background-color: white;
}
.account-setting-item__col--select::after {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: 9px;
	width: 9px;
	height: 8px;
	background-image: url(../img/select__dropdown.svg);
	background-size: 100% auto;
}
.account-setting__policy {
	margin-bottom: 32px;
}
.account-setting__policy__check {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 14px;
}
.account-setting__policy input {
	display: none;
}
.account-setting__policy input + .account-setting__policy__text::before {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	left: -28px;
	width: 16px;
	height: 16px;
	border: 2px solid #6A707C;
	border-radius: 2px;
}
.account-setting__policy input:checked + .account-setting__policy__text::before {
	border: none;
	background-image: url(../img/checkbox--checked.svg);
	background-size: 100% auto;
	width: 20px;
	height: 20px;
}
.account-setting__policy__text {
	color: #4F5965;
}
.account-setting__policy__text__link {
	color: #0041AC;
}
.account-setting__btn {
	display: flex;
	justify-content: center;
}
.account-setting__btn__item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 40px;
	border-radius: 20px;
	background: #0041AC;
	font-size: 17px;
	line-height: 23px;
	color: #fff;
	cursor: pointer;
}
.account-setting--mypage {
	padding: 50px 0;
}
.account-setting--mypage .account-setting__container {
	max-width: calc(100% - 132px);
}
.registration-complete {
	width: 100%;
	max-width: 928px;
	margin: 88px auto 98px;
	padding: 32px 0 52px;
	background-color: #fff;
	border-radius: 8px;
}
.registration-complete__head {
	font-size: 26px;
	line-height: 1.84;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
}
.registration-complete__inner__feature {
	display: flex;
	justify-content: center;
	margin-bottom: 63px;
}
.registration-complete__inner__feature img {
	width: 86px;
	height: 86px;
}
.registration-complete__inner__btn {
	display: flex;
	justify-content: center;
}
.registration-complete__inner__btn__item {
	width: 156px;
	height: 56px;
	border-radius: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	background-color: #004FFF;
}




.search-dropdown-menu-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.search-dropdown-menu {
  position: absolute;
  top: 82px;
  left: 0;
  width: 100%;
  height: 258px;
  background-color: #fff;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  z-index: 2
}
.search-dropdown-menu::-webkit-scrollbar,
.viewport::-webkit-scrollbar {  
  display: none;
}
.search-dropdown-menu::before {
  content: "";
  position: absolute;
  top: -16px;
  border-right: 25px solid transparent;
  border-bottom: 16px solid #EBEBEB;
  border-left: 25px solid transparent; 
}
.search-dropdown-menu::after {
  content: "";
  position: absolute;
  top: -15px;
  border-right: 22px solid transparent;
  border-bottom: 14px solid #fff;
  border-left: 22px solid transparent; 
}
.search-dropdown-menu--industry::before {
  left: 55px;
}
.search-dropdown-menu--industry::after {
  left: 58px;
}
.search-dropdown-menu--occupation::before {
  left: 240px;
}
.search-dropdown-menu--occupation::after {
  left: 243px;
}
.search-dropdown-menu--location::before {
  left: 425px;
}
.search-dropdown-menu--location::after {
  left: 428px;
}
.search-dropdown-menu--income::before {
  left: 610px;
}
.search-dropdown-menu--income::after {
  left: 613px;
}
.scrollbar {
  position: absolute;
  top: 9px;
  height: 240px!important;
  right: 18px;
  width: 18px;
  z-index: 2;
}
.thumb {
  width: 18px;
  background: #808080;
  border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}
.track {
  height: 240px!important;
  background: #CCCCCC;
  border-radius: 10px;
  width: 18px;
  height: 100%;
}
.viewport {
  height: 258px;
  overflow-y: scroll;
}
.overview {
  position: absolute; left: 0; top: 0;
  width: 100%;
}
.search-dropdown-menu-item {
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.04em;
  padding: 10px 20px 10px 40px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  border-bottom: 1px solid #EBEBEB;
}
.search-dropdown-menu-item:last-child {
  border-bottom: none;
}
.search-dropdown-menu {
  padding: 0;
  list-style: none
}
.search-dropdown-menu-item:hover {
  background-color: #f2f2f2
}
.search-dropdown-menu-item:active {
  background-color: #e2e2e2
}


.not-found {
	padding: 168px 0 100px;
	text-align: center;
	min-height: calc(100vh - 339px);
}
.not-found__head {
	font-weight: 700;
	font-size: 26px;
	line-height: 48px;
	margin-bottom: 24px;
}
.not-found__text {
	line-height: 32px;
	margin-bottom: 40px;
}
.not-found__btn {
	margin: 0 auto;
	width: 330px;
	height: 54px;
	border-radius: 27px;
	background-color: #004FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	line-height: 23px;
	color: #fff;
}


.password-reset {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 928px;
	margin: 88px auto 98px;
	padding: 32px 0 52px;
	background-color: #fff;
	border-radius: 8px;
}
.password-reset__wrap {
	width: 330px;
}
.password-reset__head {
	font-weight: 700;
	font-size: 26px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 21px;
}
.password-reset__inner__password {
	margin-bottom: 20px;
}
.password-reset-password__head {
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 9px;
}
.password-reset__inner__text {
	margin-bottom: 15px;
}
.password-reset-inner__btn {
	margin-top: 60px;
}


.password-reset-complete {
	width: 100%;
	max-width: 928px;
	margin: 88px auto 98px;
	padding: 32px 0 52px;
	background-color: #fff;
	border-radius: 8px;
}
.password-reset-complete__head {
	font-size: 26px;
	line-height: 1.84;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
}
.password-reset-complete__inner__feature {
	display: flex;
	justify-content: center;
	margin-bottom: 63px;
}
.password-reset-complete__inner__feature img {
	width: 86px;
	height: 86px;
}
.password-reset-complete__inner__btn {
	display: flex;
	justify-content: center;
}
.password-reset-complete__inner__btn__item {
	width: 156px;
	height: 56px;
	border-radius: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	background-color: #004FFF;
}


.entry-complete {
	width: 100%;
	max-width: 928px;
	margin: 88px auto 98px;
	padding: 32px 0 52px;
	background-color: #fff;
	border-radius: 8px;
}
.entry-complete__head {
	font-size: 26px;
	line-height: 1.84;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
}
.entry-complete__inner__feature {
	display: flex;
	justify-content: center;
	margin-bottom: 24px;
}
.entry-complete__inner__feature img {
	width: 86px;
	height: 86px;
}
.entry-complete__inner__text {
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 24px;
}
.entry-complete__inner__btn {
	display: flex;
	justify-content: center;
}
.entry-complete__inner__btn__item {
	width: 156px;
	height: 56px;
	border-radius: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	background-color: #004FFF;
}

@media screen and (max-width:959px) {
	/*common*/
	.br--sp {
		display: block;
	}
	.br--pc {
		display: none;
	}


	/*header*/
	.header {
		position: fixed;
		left: 0;
		bottom: 0;
		height: 70px;
		z-index: 9999;
		box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.1);
		padding: 0 0 0 24px;
		align-items: center;
	}
	.header .nav {
		display: none;
	}
	.header .nav__sp-only {
		display: flex;
	}
	.header .nav__sp-only.nav--login {
		display: none;
	}
	.nav {
		padding-right: 0;
	}
	.nav__item,
	.nav__item:nth-child(1) {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 0;
	}
	.nav--menu {
		width: 89px;
		height: 100%;
	}
	.nav--menu.active {
		background-color: #F4FAF9;
	}
	.nav--menu .nav__item {
		width: 100%;
		height: 100%;
	}
	.nav__item:nth-child(2) {
		margin-left: 14px;
	}
	.nav__item__inner {
		text-align: center;
	}
	.nav__item__name {
		font-weight: 600;
		font-size: 10px;
		line-height: 15px;
		letter-spacing: 0.02em;
		color: #004FFF;
	}
	.nav__item__active,
	.nav__item__inactive {
		text-align: center;
	}
	.nav__item__active .nav__item__name,
	.nav__item__inactive .nav__item__name {
		color: #000;
	}
	.nav__item__active {
		display: none;
	}
	.nav--menu.active .nav__item__active {
		display: block;
	}
	.nav--menu.active .nav__item__inactive {
		display: none;
	}
	.header__logo {
		position: absolute;
		top: calc(50% - 19px);
		left: calc(50% - 29px);
		padding: 0;
	}
	.header__logo img {
		width: 58px;
		height: 38px;
	}
	.body--login .nav--not-login {
		display: none;
	}
	.body--login .header .nav__sp-only.nav--login {
		display: flex;
		padding-right: 20px;
		height: 70px;
	}
	.nav--login .nav__item {
		font-weight: 600;
		font-size: 11px;
		line-height: 12px;
		letter-spacing: 0.02em;		
		color: #000000;
	}
	.nav--login .nav__item::after {
		content: "";
		position: absolute;
		right: -20px;
		top: calc(50% - 2px);
		border-top: 4px solid #000;
		border-bottom: none;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.nav--login.active .nav__item::after {
		border-bottom: 4px solid #000;
		border-top: none;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.nav-sp {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #F4FAF9;
		z-index: 9998;
	}
	.nav-sp.active {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.nav-sp__inner {
		width: 294px;
	}
	.nav-sp__link__item {
		display: block;
		text-align: center;
		font-weight: 600;
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 0.02em;
		margin-bottom: 48px;
		color: #000;
	}
	.nav-sp__btn__item {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
		width: 100%;
		background-color: #fff;
		border-radius: 30px;
		font-weight: 600;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.02em;		
		color: #004FFF;
		margin-bottom: 32px;
	}
	.nav-sp__registration {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.header-dropdown__wrapper {
		display: none!important;
	}
	.mypage__header__top {
		padding: 110px 37px 90px;
	}
	.mypage-info__head {
		font-weight: 700;
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 23px;
	}
	.mypage-info__name {
		font-weight: 700;
		font-size: 20px;
		line-height: 24px;
	}
	.mypaage__header__nav {
		padding-top: 0;
	}
	.mypaage-nav__list {
		width: 82%;
	}
	.mypage-nav__list__item {
		width: 50%;
		padding: 13px 12px 10px;
		border-right: 1px solid #ccc;
	}
	.mypage-nav__list__item--active::after {
		left: 13px;
		width: calc(100% - 26px);
	}
	.mypage-nav__config {
		display: flex;
		justify-content: center;
		width: 18%;
	}



	.contents .breadcrumb {
		padding: 0 25px;
	}
	.breadcrumb__list {
		display: block;
	}
	.breadcrumb__list__item, .breadcrumb-item__link {
		display: inline;
		font-size: 16px;
		line-height: 27px;
	}
	.breadcrumb__list__item:not(:last-child)::after {
		margin: 0 4px;
	}
	.fv,
	.body--login .fv {
		height: 324px;
	}
  .fv__wrapper {
    padding-top: 0;
  }
	.copy,
	.body--login .copy {
		width: 100%;
		background-image: url(../img/fv--sp.png);
		padding-bottom: 84px;
	}
	.copy__text {
		font-size: 24px;
		line-height: 1.666;
	} 
	.member {
		display: none;
	}
	.search--fv,
	.body--login .search--fv {
		width: calc(100% - 32px);
		height: auto;
		margin: -62px auto 25px;
		padding: 18px 16px;
		flex-wrap: wrap;
		background-color: #C0DEE8;
		border-radius: 10px;
	}
	.search__head {
		display: block;
		width: 100%;
		text-align: center;
		font-weight: 500;
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 18px;
	}
	.search__inner {
		flex-wrap: wrap;
	}
	.search__inner__item {
		width: calc(100vw - 96px);
		margin-bottom: 22px;
	}
	.search-dropdown__text {
		max-width: calc(100% - 80px);
	}
	.search-dropdown-menu-wrapper {

	}
	.search-dropdown {
		width: 100%;
		justify-content: center;
	}
	.search-dropdown--industry::after,
	.search-dropdown--occupation::after,
	.search-dropdown--location::after {
		top: auto;
		bottom: -15px;
		right: auto;
		left: calc(50% - 4px);
		width: 8px;
		height: 8px;
	}
	.search-dropdown-menu {
		width: calc(100% - 32px);
		left: calc(50% - ((100% - 32px) / 2));
		height: 270px;
	}
	.search-dropdown-menu--industry {
		top: 66px;
	}
	.search-dropdown-menu--occupation {
		top: 138px;
	}
	.search-dropdown-menu--location {
		top: 210px;
	}
	.search-dropdown-menu--income {
		top: 282px;
	}
	.search-dropdown-menu::before {
  top: -16px;
  left: auto!important;
  right: 11px;
  border-right: 8px solid transparent;
  border-bottom: 16px solid #EBEBEB;
  border-left: 8px solid transparent; 
}
.search-dropdown-menu::after {
  top: -15px;
  left: auto!important;
  right: 12px;
  border-right: 7px solid transparent;
  border-bottom: 14px solid #fff;
  border-left: 7px solid transparent; 
}
	.search--bottom {
		width: 100%;
	}
	.search__title {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 16px;
	}
	.scrollbar {
		width: 6px;
		right: 6px;
	}
	.track {
		width: 6px;
	}
	.thumb {
		width: 6px;
	}
	.search-keyword {
		margin-right: 0;
	}
	.search-keyword input {
		width: 100%;
	}
	.search-keyword input::placeholder {
		text-align: center;
	}
	.search-btn {
		width: 100%;
	}
	.feature {
		padding:  0 21px;
	}
	.feature__head {
		font-size: 24px;
		line-height: 1.666;
		margin-bottom: 24px;
	}
	.feature__point__inner {
		flex-wrap: wrap;
	}
	.feature__point__item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1px;
	}
	.business-partner {
		padding: 0 16px 40px;
	}
	.business-partner__list__item,
	.business-partner__list__item:nth-child(6n),
	.business-partner__list__item:nth-child(n + 7) {
		width: calc((100% - 10px) / 3);
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.business-partner__list__item:nth-child(3n) {
		margin-right: 0;
	}
	.business-partner__list__item:nth-child(n + 16) {
		margin-bottom: 0;
	}
	.top-voice {
		padding: 40px 0 0 33px;
	}
	.top-voice__head {
		font-size: 24px;
	}
	.top-voice .slick-slide {
		width: 332px;
		margin: 0 4px;
	}
	.flow {
		padding: 63px 32px 28px;
	}
	.flow__head {
		font-size: 24px;
	}
	.flow__list {
		flex-wrap: wrap;
	}
	.flow__list__item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 24px;
	}
	.flow__list__item:not(:last-child)::before {
		top: auto;
		bottom: -24px;
		right: auto;
		left: 0;
	    border-top: 24px solid #fff;
	    border-bottom: none;
	    border-right: calc((100vw - 64px) / 2) solid transparent;
	    border-left: calc((100vw - 64px) / 2) solid transparent;
	}
	.flow__list__item:last-child {
		margin-bottom: 0;
		padding: 10px 20px 26px;
	}
	.top-newest {
		padding: 0 32px
	}
	.top-newest__head__heading,
	.top-history__head__heading {
		font-size: 24px;
	}
	.top-newest__head__more,
	.top-history__head__more {
		font-size: 14px;
	}
	.top-job-card {
		border-radius: 8px;
	}
	.top-job-card__head {
		padding: 19px 23px 14px 30px;
	}
	.top-job-card__head .top-job-card__info__title,
	.top-job-card__head .top-job-card__info__job {
		display: none;
	}
	.top-job-card__thumbnail {
		width: 30.403%;
    height: calc(100vw * 0.13944)
	}
	.top-job-card__info {
	    width: 69.597%;
	    padding: 0 0 0 16px;
	}
  .top-job-card__info__head {
    padding: 0;
    border-bottom: none;
  }
  .top-job-card:nth-child(even) .top-job-card__info__head {
    border-bottom: none;
  }
  .top-job-card__info__bottom {
        padding: 0;
  }



	.top-job-card__foot {
		display: block;
	}
	.top-job-card__foot .top-job-card__info__title {
		padding-bottom: 10px;
		margin-bottom: 0;
		border-bottom: 1px solid #F1F1F1;
	}
	.top-job-card:nth-child(even) .top-job-card__foot .top-job-card__info__title {
		border-bottom: 1px solid #fff;
	}
	.top-job-card__foot .top-job-card__info__title__text {
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		border-bottom: none;
		padding-left: 19px;
	}
	.top-job-card__foot .top-job-card__info__job {
		padding: 10px 0 16px 19px
	}
	.top-job-card__foot .top-job-card__info__job__text {
		font-weight: 400;
		font-size: 12px;
		line-height: 14px;
	}
	.top-history {
		margin-left: 0;
		margin-bottom: 60px;
		padding: 35px 32px 40px;
		border-radius: 0;
	}
	.top-trend {
		padding: 0 0 0 32px;
		margin-bottom: 64px;
	}
	.top-trend__head__heading {
		font-size: 24px;
	}
	.top-knowhow {
		padding: 0 0 64px 32px;
	}
	.top-knowhow__head__heading {
		font-size: 24px;
	}
	.search-tag {
		padding: 0 24px;
	}
	.search-tag__head {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 16px;
	}
	.search-location__row {
		flex-wrap: wrap;
		margin-bottom: 8px;
	}
	.search-location__row__head,
	.search-rocation__row__list {
		width: 100%;
	}
	.search-location__row__head {
		margin-bottom: 8px;
	}
	.tag--location {
		margin-bottom: 8px;
	}

	/*service*/
	.service__head {
		padding-left: 24px;
	}
	.voice {
		padding: 48px 24px 89px;
	}
	.voice__list__item {
		display: flex;
		flex-wrap: wrap;
		padding: 20px 15px 28px 27px;
		border: 1px solid #fff;
		margin-bottom: 15px;
	}
	.voice-item__head {
		width: 100%;
		margin-bottom: 15px;
	}
	.voice-item__head__thumbnail {
		width: 70px;
		margin-right: 6px;
	}
	.voice-item__head__thumbnail img {
		width: 70px;
		height: 70px;
	}
	.voice-item__head__title {
		width: calc(100% - 76px);
		font-size: 18px;
	}
	.voice-item__body {
		width: 100%;
		order: 3;
		margin-bottom: 0;
	}
	.voice-item__body__info {
		font-size: 16px;
	}
	.voice-item__foot {
		width: 100%;
		order: 2;
		margin-bottom: 14px;
	}
	.voice-item__body__text {
		font-size: 12px;
		line-height: 20px;
	}

	/*job*/
	.job__list {
		padding: 0 26px 0 27px;
	}
	.job-card {
		padding: 68px 19px 0 17px;
	}
	.job-card__head {
		flex-wrap: wrap;
	}
	.job-card__thumbnail {
		width: 100%;
		padding-top: 74.999999%;
		margin-bottom: 16px;
	}
	.job-card__info {
		width: 100%;
	}
	.job-card__info__tag {
		padding-left: 9px;
	}
	.job-card__info__tag .tag--bookmark.tag--large {
		zoom: .57;
	}
	.job-card__info__company-name {
		font-weight: 700;
		font-size: 14px;
		line-height: 48px;
		margin-bottom: 0;
	}
	.job-card__info__title {
		font-weight: 700;
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 7px;
	}
	.job-card__info__text {
		font-weight: 500;
		font-size: 14px;
		line-height: 26px;
	}
	.job-card__body {
		flex-wrap: wrap;
	}
	.job-card__body__item__wrap {
		width: 100%;
	}
	.job-card__item {
		padding: 0;
	}
	.job-card__item__icon img {
		width: 32px;
		height: 32px;
	}
	.job-card__item__name {
		margin-top: 2px;
	}
	.card__job__item__text {
		width: calc(100% - 70px);
	}
	.job-card__foot {
		padding: 16px 0 26px;
	}
	.job-card__favorite {
		width: 168px;
		padding-left: 20px;
	}
	.job-card__favorite__text {
		font-size: 14px;
	}
	.job-card__favorite__icon img {
		width: 20px;
		height: 20px;
	}
	.job-card__favorite--already .job-card__favorite__icon img {
		width: 15px;
		height: 13px;
	}
	.job-detail__article {
		padding: 0 24px 
	}
	.job-detail__article__head {
		margin-bottom: 22px;
	}
	.job-detail-head__company-name {
		font-weight: 600;
		font-size: 14px;
		line-height: 24px;
	}
	.job-detail-head__title {
		font-weight: 700;
		font-size: 24px;
		line-height: 44px;
		margin-bottom: 0;
	}
	.job-detail-head__text {
		font-weight: 500;
		font-size: 14px;
		line-height: 24px;
	}
	.job-detail__article__container {
		padding: 40px 20px;
	}
	.job-detail-container__head {
		margin-left: 20px;
		margin-right: 20px;
	}
	.job-detail-container__text {
		margin-left: 20px;
		margin-right: 20px;
	}
  .job-detail-container__table__head {
    width: 100px;
  }
  .job-detail-container__table__content {
    width: calc(100% - 100px);
  }
	.job-detail__entry {
		width: 100%;
		padding: 28px 16px 31px;
	}
	.job-detail__entry__head {
		top: -98px;
	}
	.job-detail__article__foot {
		margin-top: 157px
	}
	.registration-social__text {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
	}
	.registration-social {
		justify-content: center;
	}
	.registration-mail__head {
		font-weight: 700;
		font-size: 14px;
		line-height: 20px;
	}
	.social-btn {
		width: 140px;
		margin-right: 12px;
	}
	.social-btn:last-child {
		margin-right: 0;
	}
	.registration__foot {
		font-weight: 400;
		font-size: 13px;
		line-height: 19px;
	}


	/*post*/
	.post__head {
		padding-left: 30px;
		font-weight: 700;
		font-size: 28px;
		line-height: 44px;
		margin-bottom: 69px;
	}
	.post-keyword {
		margin-left: 30px;
		margin-right: 30px;
		padding: 24px 20px;
	}
	.keyword {
		font-weight: 400;
		font-size: 12px;
		line-height: 22px;
	}
	.post-list--newest, .post-list--popular {
		margin-bottom: 0;
	}
	.post-list__head {
		padding-left: 32px;
	}
	.post-list .post-list__wrap {
		padding: 0 40px;
	}
	.post-list__wrap .article-list,
	.post-list__wrap .article-list:nth-child(3n) {
		width: calc((100% - 40px) / 2);
		margin-right: 40px;
		margin-bottom: 24px;
	}
	.post-list__wrap .article-list:nth-child(2n) {
		margin-right: 0;
	}
	.contents__title {
		padding-left: 24px;
		font-weight: 700;
		font-size: 24px;
		line-height: 44px;
	}
	.post-detail__wrap {
		padding: 0 24px;
	}
	.post__aside {
		display: none;
	}
	.post__article {
		width: 100%;
	}
	.post__article__thumbnail img {
		width: 100%;
		height: auto;
	}
	.post__article__content {
		padding: 30px 24px;
	}




	/*registration*/
	.account-setting {
		padding: 50px 24px;
	}
	.account-setting__container {
		padding: 30px 32px;
	}
	.account-setting__container__inner {
		width: 100%;
	}
	.account-setting__head {
		font-weight: 800;
		font-size: 24px;
		line-height: 33px;
	}
	.account-setting__policy__text__link {
		text-decoration: underline;
	}
	.account-setting--mypage .account-setting__container {
		max-width: inherit;
	}


	.registration-complete {
		margin: 227px auto 78px;
		width: 342px;
		padding: 57px 32px 24px;
	}
	.registration-complete__wrap {
		width: 100%;
	}
	.registration-complete__head {
		font-weight: 800;
		font-size: 18px;
		line-height: 32px;
		margin-bottom: 36px;
		text-align: center;
	}
	.registration-complete__inner__btn__item {
		width: 100%;
		background: #3772FF;
	}

	/*password-reset*/
	.password-reset {
		margin: 227px auto 78px;
		width: 342px;
		padding: 32px 32px 61px;
	}
	.password-reset__wrap {
		width: 100%;
	}
	.password-reset__head {
		font-weight: 700;
		font-size: 26px;
		line-height: 48px;
		margin-bottom: 36px;
		text-align: left;
	}
	.password-reset__inner__password {
		margin-bottom: 8px;
	}
	.password-reset__inner__text {
		margin-bottom: 21px;
	}
	.password-reset-inner__btn {
		margin-top: 48px;
	}
	.password-reset-complete {
		margin: 227px auto 78px;
		width: 342px;
		padding: 57px 32px 24px;
	}
	.password-reset-complete__wrap {
		width: 100%;
	}
	.password-reset-complete__head {
		font-weight: 800;
		font-size: 18px;
		line-height: 32px;
		margin-bottom: 36px;
		text-align: center;
	}
	.password-reset-complete__inner__btn__item {
		width: 100%;
		background: #3772FF;
	}

	/*entry-complete*/
	.entry-complete {
		margin: 227px auto 78px;
		width: 342px;
		padding: 57px 32px 24px;
	}
	.entry-complete__wrap {
		width: 100%;
	}
	.entry-complete__head {
		font-weight: 800;
		font-size: 18px;
		line-height: 32px;
		margin-bottom: 36px;
		text-align: left;
	}
	.entry-complete__inner__feature {
		margin-bottom: 40px;
	}
	.entry-complete__inner__text {
		text-align: left;
	}
	.entry-complete__inner__btn__item {
		width: 100%;
		background: #3772FF;
	}

	/*policy*/
	.contents--policy {
		padding: 0 25px 52px;
		background-color: #fff;
	}
	.policy__link__item {
		font-size: 12px;
		height: 48px;
		font-weight: 700;
	}
	.policy__link {
		margin-bottom: 18px;
	}
	.policy__section__head {
		font-weight: 500;
		font-size: 24px;
		line-height: 41px;
		margin-bottom: 10px;
	}
	.policy__content__head--p2 {
		font-weight: 500;
		font-size: 20px;
		line-height: 41px;
		margin-bottom: 0;
	}
	.policy__content__head--p3 {
		font-weight: 400;
		font-size: 20px;
		line-height: 41px;
		letter-spacing: 0.03em;
	}
	.policy__content__text,
	.policty__content--sign .policy__content__text {
		font-weight: 350;
		font-size: 16px;
		line-height: 32px;
		letter-spacing: 0.03em;
	}
	.policy__section {
		margin-bottom: 30px;
	}
	.policy__content__text--annotation {
		font-weight: 700;
		font-size: 16px;
		line-height: 32px;
	}
	.policy__content__list {
		font-weight: 350;
	}
	.policy__content__list--disc li.policy__content__list__item {
		padding-left: 1.2em;
	}
	.policy__content__list--disc li.policy__content__list__item--lv2 {
		margin-left: 1.2em;
	}
	.policy__content__table {
	}
	.policy-table__row {
		padding: 0;
		align-items: stretch;
	}
	.policy-table__row__head {
		width: 117px;
		font-weight: 350;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.03em;
		padding: 15px 11px 23px 18px;
		background: #F5F5F5;
	}
	.policy-table__row__desc {
		width: calc(100% - 117px);
		background-color: #fff;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.03em;
		color: #656565;
		padding: 15px 13px 14px 12px
	}
	.policty__content--contact {
		padding: 28px 17px 32px 18px; 
	}
	.policty__content--contact .policy__content__head--p1 {
		font-weight: 300;
		font-size: 13px;
		line-height: 20px;
	}
	.policty__content--contact .policy__content__text {
		font-weight: 300;
		font-size: 13px;
		line-height: 20px;
		letter-spacing: 0.03em;
		color: #9B9B9B;
	}

	/*404*/
	.not-found {
		padding: 162px 32px 90px;
		min-height: inherit;
	}
	.not-found__head {
		font-weight: 700;
		font-size: 20px;
		line-height: 44px;
		margin-bottom: 30px;
	}
	.not-found__text {
		margin-bottom: 0;
		text-align: left;
		letter-spacing: 0.02em;
	}
	.not-found__btn {
		display: none;
	}


	/*popup*/
	input.popup-input {
		font-size: 14px;
		padding: 18px 20px;
	}
	.popup-register {
		width: 342px;
		padding: 24px 32px 0;
	}
	.popup-register__head {
		font-weight: 800;
		font-size: 24px;
		line-height: 33px;
		text-align: left;
		margin-bottom: 32px;
	}
	.popup-register__inner {
		flex-wrap: wrap;
	}
	.popup-register__inner__social {
		width: 100%;
	}
	.popup-resister-social__head {
		font-weight: 800;
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 16px;
	}
	.popup-resister-social__text {

	}
	.popup-resister-social__btn {
		padding-top: 24px;
	}
	.popup-social-btn {
		padding-left: 0;
	}
	.popup-social-btn--facebook {
		margin-bottom: 13px;
	}
	.popup-social-btn::before {
		position: static;
		width: 24px;
		height: 24px;
		margin-right: 10px;
	}
	.popup-register__inner__separator {
		text-align: center;
		width: 100%;
		justify-content: center;
		margin: 32px 0;
	}
	.popup-register__inner__separator::before {
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
	}
	.popup-resister-separator__text {
		padding: 0 21px;
	}
	.popup-register__inner__social, .popup-register__inner__mail {
		width: 100%;
	}
	.popup-resister-mail__head {
		text-align: left;
		font-weight: 800;
		font-size: 14px;
		line-height: 19px;
		margin-bottom: 8px;
	}
	.popup-resister-mail__input {
		margin-bottom: 24px;
	}
	.popup-resister-mail__text {
		margin-bottom: 24px;
		text-align: left;
	}

	.popup-register-complete {
		width: 342px;
		padding: 24px 32px;
	}
	.popup-register-complete__head {
		font-weight: 800;
		font-size: 24px;
		line-height: 33px;
		text-align: left;
		margin-bottom: 32px;
	}
	.popup-register-complete__inner__feature {
		margin-bottom: 32px;
	}
	.popup-register-complete__inner__text {
		text-align: left;
		line-height: 20px;
		margin-bottom: 24px;
	}
	.popup-register-complete__inner__btn__item {
		height: 50px;
		width: 100%;
		background-color: #3772FF;
	}

	.popup-login {
		width: 342px;
		padding: 24px 32px;
	}
	.popup-login__head {
		font-weight: 800;
		font-size: 24px;
		line-height: 33px;
		text-align: left;
		margin-bottom: 32px;
	}
	.popup-login__inner {
		flex-wrap: wrap;
		margin-bottom: 32px;
	}
	.popup-login__inner__social,
	.popup-login__inner__account {
		width: 100%;
	}
	.popup-login__inner__separator {
		text-align: center;
		width: 100%;
		justify-content: center;
		margin: 32px 0;
	}
	.popup-login__inner__separator::before {
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
	}
	.popup-login-separator__text {
		padding: 0 21px;
	}
	.popup-login-social__head {
		display: none;
	}
	.popup-login-account__mail {
		margin-bottom: 24px;
	}
	.popup-login-account__password {
		margin-bottom: 24px;
	}
	.popup-login-account__password-forgot {
		margin-bottom: 24px;
	}
	.popup-login__foot {
		text-align: left;
		line-height: 23px;
	}


	.popup-password-forgot {
		width: 342px;
		padding: 24px 32px;
	}
	.popup-password-forgot__head {
		font-weight: 800;
		font-size: 24px;
		line-height: 33px;
		text-align: left;
		margin-bottom: 32px;
	}
	.popup-password-forgot__inner__mail {
		width: 100%;
	}
	.popup-password-forgot-mail__input {
		margin-bottom: 24px;
	}

	.popup-password-forgot-complete {
		width: 342px;
		padding: 24px 32px;
	}
	.popup-password-forgot-complete__head {
		font-weight: 800;
		font-size: 24px;
		line-height: 33px;
		text-align: left;
		margin-bottom: 4px;
	}
	.popup-password-forgot-complete__inner__feature {
		margin-bottom: 8px;
	}
	.popup-password-forgot-complete__inner__text {
		text-align: left;
		font-weight: 700;
		font-size: 14px;
		line-height: 20px;
	}


	.popup-password-edit {
		width: 342px;
		padding: 34px 32px 54px;
	}
	.popup-password-edit__head {
		font-weight: 800;
		font-size: 24px;
		line-height: 33px;
		text-align: left;
		margin-bottom: 36px;
	}
	.popup-password-edit-inner__btn {
		margin-top: 48px;
	}


	.popup-mail-edit {
		width: 342px;
		padding: 34px 32px 54px;
	}
	.popup-mail-edit__head {
		font-weight: 800;
		font-size: 24px;
		line-height: 33px;
		text-align: left;
		margin-bottom: 46px;
	}
	.popup-mail-edit__inner__mail {
		margin-bottom: 38px;
	}
	.popup-mail-edit__inner__mail:nth-child(2) {
		margin-bottom: 26px;
	}
	.popup-mail-edit-mail__current {
		padding-bottom: 15px;
	}
	.popup-mail-edit-inner__btn {
		margin-top: 48px;
	}


	/*slick*/
	.slick-prev {
		top: calc(50% - 24px);
		left: -25px;
		z-index: 2;
	}
	.slick-next {
		top: calc(50% - 24px);
		right: 8px;
	}
  .post-list--archive .slick-prev {
    left: 6px;
    right: unset;
  }
	.slick-dots {
	    position: absolute;
	    bottom: -23px;
	    display: block;
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    list-style: none;
	    text-align: center;
	    z-index: 2;
	}
	.slick-dots li {
	    position: relative;
	    display: inline-block;
	    width: 7px;
	    height: 7px;
	    margin: 0 4px;
	    padding: 0;
	    cursor: pointer;
	}
	.slick-dots li button {
		border-radius: 50%;
		width: 7px;
		height: 7px;
	    background: #0041AC;
	    opacity: 0.2;
	    border: 0;
	    font-size: 0;
	}
	.slick-dots li.slick-active button {
	    opacity: 1;
	}
	/*tag*/
	.tag--bookmark.tag--large {
		margin-bottom: 10px;
	}
	/*footer*/
	.footer {
		padding: 90px 34px 90px 35px
	}
	.footer__head {
		flex-wrap: wrap;
		border-bottom: none;
		padding-bottom: 0;
	}
	.footer__logo {
		width: 100%;
		padding-top: 0;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.footer__logo img {
		width: 79px;
		height: 53px;
	}
	.footer__desc {
		width: 100%;
	}
	.footer__foot {
		justify-content: center;
	}
	.footer__link {
		display: none;
	}


}




@media screen and (max-width:480px) {
	.post-list__wrap .article-list,
	.post-list__wrap .article-list:nth-child(2n),
	.post-list__wrap .article-list:nth-child(3n) {
		margin-right: 0;
		margin-bottom: 15px;
		width: 100%;
	}
	.article-list__thumbnail {
		padding-top: 56%;
	}
	.article-list__thumbnail img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}


.post-author {
      margin-top: 26px;
}
.post-author__head {
    display: flex;
    background-color: #F3F3F3;
    padding: 11px 37px 10px;
}
.post-author .post-author__thumbnail{
      background-size: cover;
      background-position: center center;
      width: 75px;
      height: 75px;
      margin-right: 26px;
}
.post-author .post-author__thumbnail img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:50%;
}
.post-author.post-author--thumbNull .post-author__thumbnail{
    background-image: url(../img/post-author__thumbnail.png);
}
.post-author .post-author__info {
    margin-top: 16px;
    width: calc(100% - 101px);
}
.post-author__info .post-author__job {
    padding: 2px 7px 3px;
    background: #0041AC;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    width: fit-content;
    margin-bottom: 10px;
}
.post-author__name {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #000000;
}
.post-author__name span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.04em;
    color: #808080;
    margin-left: 9px;
    /*vertical-align: top;*/
}
.post-author__body {
    margin-top: 1px;
    background-color: #F3F3F3;
}
.post-author__text {
    padding: 16px 37px 18px;
}
@media screen and (max-width:959px) {
  .post-author__head {
      padding: 14px 15px 13px 22px;
  }
  .post-author .post-author__thumbnail{
      width: 69px;
      height: 69px;
      margin-right: 13px;
  }
  .post-author .post-author__info {
      margin-top: 17px;
  }
  .post-author__info .post-author__job {
      font-size: 10px;
      line-height: 12px;
      margin-bottom: 13px;
  }
  .post-author__name {
      font-size: 16px;
      line-height: 19px;
  }
  .post-author__name span {
      font-size: 12px;
      line-height: 15px;
      margin-left: 6px;
  }
  .post-author .post-author__info {
      width: calc(100% - 82px);
  }
  .post-author__text {
      padding: 22px 19px 26px 21px;
  }
}
html .post__article__content .post-content__unit .post-content__unit__text {
  font-size: 14px;
}