@charset "utf-8";
/* CSS column Document */
/* マイページ　ダッシュボード */
.mypagegrid {
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.mypagegrid a {
  background: #fff;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 10px 20px;
  display: block;
}
.mypagegrid a:hover {
  opacity: 0.8;
}
.mypagegrid .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.mypagegrid .flex .iconbox {
  background: #f3f3f3;
  /* margin-right: 20px; */
  text-align: center;
  border: solid 1px #f3f3f3;
  border-radius: 50%;
  display: flex;
}
.mypagegrid .flex .iconbox svg {
  padding: 8px;
  width: 25px;
  height: 25px;
}
.mypagegrid .flex .titlebox h4 span {
  display: block;
  width: 100%;
}
.mypagegrid p {
  padding-left: 0px;
}
.mypagegrid.top .titlebox p {
  display: none;
}
.mypagegrid.top .mypage-desc {
  clear: both;
  display: block;
  width: 100%;
}
/* マイページサイドメニュー */
.block-right-seeker-side-menu ul {
  margin: 30px 0 0;
}
.block-right-seeker-side-menu ul li {
  padding: 0;
}
.block-right-seeker-side-menu ul li a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid var(--gray-color);
}
.block-right-seeker-side-menu ul li:last-child a {
  border-bottom: none;
}
.block-right-seeker-side-menu ul li a:hover {
  background: var(--link-hover-color);
  color: #fff;
}

/* エントリー履歴 vwork-tb classがある場合*/
.vwork-tb table thead {
  border-bottom: solid 1px #D5DDE6;
}
.vwork-tb table thead tr {
  background: #EAF2F8;
}
.vwork-tb table thead tr th.views-field {
  padding: 15px 10px;
  color:#000;
}
.vwork-tb table tbody tr td.views-field {
  padding: 15px;
  border-bottom: solid 1px #D5DDE6;
}
.vwork-tb table tbody tr td.views-field a{
  text-decoration: underline;
  color:#02b875;
  font-weight: 600;
}
.vwork-tb table tbody tr td.views-field a:hover{
  text-decoration: none;
  opacity: 0.8;
}
.vwork-tb table{
  width: 100%;
}
.vwork-tb{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.comment-wrapper{
  max-width: 100% !important;
}
a.header_mypage {
    /* display: block; */
    /* width: 150px; */
    /* height: 50px;
    background: #5499C7;
    border: solid 1px #5499C7;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    box-shadow: 0 0.124vw 0.248vw rgba(84, 153, 199, 0.2);
    padding: 0 2.585vw; */
}
a.header_mypage:hover{
  opacity: 0.8;
}
/* @media screen and (max-width: 991.9px) {
  a.header_mypage {
    height:40px;
    line-height: 40px;
  }
} */


/* *************************************************************************************
 * Customize
 ************************************************************************************* */

/* マイページメニュー */

.block-views-blockseeker-icon-block-2 {
	background-color: var(--background-breadcrumb-color);
  margin-bottom: 40px;
}
body.user-logged-in.page-node-type-job .block-views-blockseeker-icon-block-2 {
  margin-bottom: 0;
}

/* 求職者名 非表示ページ
 * 求人（一覧/詳細）、お知らせ（一覧/詳細）、
 * コラム（一覧/詳細）、基本ページ
 ******************************************************************* */
body.path-job #block-korejob-front-views-block-seeker-icon-block-2 .view-content,
body.page-node-type-job #block-korejob-front-views-block-seeker-icon-block-2 .view-content,
body.path-information #block-korejob-front-views-block-seeker-icon-block-2 .view-content,
body.page-node-type-article #block-korejob-front-views-block-seeker-icon-block-2 .view-content,
body.path-column #block-korejob-front-views-block-seeker-icon-block-2 .view-content,
body.page-node-type-column #block-korejob-front-views-block-seeker-icon-block-2 .view-content,
body.page-node-type-page #block-korejob-front-views-block-seeker-icon-block-2 .view-content,
body.path-webform #block-korejob-front-views-block-seeker-icon-block-2 .view-content {
	display: none;
}

/* メニュー部分 */
.head_top_bottom_area {
	background: #F9E08F;
  border-top: 1px solid #F9E08F;
  box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
  color:#000;
  padding:20px;
}

.head_top_bottom_area .container{
  display: flex;
  gap: 15px;
}
.head_top_bottom_area ul {
  display: flex;
  flex-wrap: wrap;
  box-shadow: none;
  gap: 20px;
}
.head_top_bottom_area ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  line-height: 1.5;
  padding: 15px 15px;
  background: #FBF7CE;
  border-radius: 10px;
  color: #333;
  border-left: none;
  border-right: none;
  font-size: 1.5rem;
  box-shadow: 2px 2px 2px 0px rgba(192, 165, 72, 0.3);
}
.head_top_bottom_area ul li a:hover{
  background: var(--white-color);
  color: #333;
}
.head_top_bottom_area ul li:first-child a{
  border-left: none;
  border-radius: 10px;
}
.head_top_bottom_area ul li:last-child a{
  border-right: none;
  border-radius: 10px;
}



.head_top_bottom_area .user-info {
	display: none;
}

body.sticked .head_top_bottom_area {
	display: block!important;
	position: fixed;
	/* top: 200px; */
	top: 180px;
  left: initial;
  right: -100%;
	transition: right 0.8s ease;
	background-color: var(--white-color);
	border-top: 3px solid var(--orange-color-2);
	border-radius: 10px;
	overflow: hidden;
	width: 250px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
}
body.sticked .head_top_bottom_area.open {
  right: 0;
}
body.sticked .head_top_bottom_area .container {
	padding: 0;
  flex-direction: column;
  gap: 0;
}
body.sticked .head_top_bottom_area .datearea {
  display: none;
}
body.sticked .head_top_bottom_area ul {
	gap: 0;
	margin: 0;
}
body.sticked .head_top_bottom_area ul li {
	width: 100%;
	border-top: 1px solid rgba(192, 165, 72, 0.3);
}
body.sticked .head_top_bottom_area ul li a {
	width: 100%;
	height: auto;
	padding: 20px;
	box-shadow: none;
	background-color: var(--white-color);
  justify-content: flex-start;
}
@media screen and (min-width: 992px) {
	.head_top_bottom_area .user-info {
		display: none;
	}
	body.sticked .head_top_bottom_area .user-info {
		display: flex;
		gap: 10px;
		padding: 0 20px;
	}
	body.sticked .head_top_bottom_area .user-info .photoarea {
		width: 40px;
		height: auto;
	}
	body.sticked .head_top_bottom_area .user-info .photoarea img {
		width: 40px;
		height: 40px;
	}
	body.sticked .head_top_bottom_area .user-info .name {
		font-size: 1.5rem;
		font-weight: 500;
		flex: 1;
	}
}
@media screen and (max-width: 991px) {
	.header-area .wrapper .head-user #block-korejob-front-header-mypage {
		display: block;
		pointer-events: auto;
		position: fixed;
		top: 80px;
    right: 0;
		z-index: 10;
	}
	.head_top_bottom_area.open {
		padding-top: 0;
		right: 0;
		z-index: 100;
	}
	
	#block-korejob-front-header-mypage a.header_mypage {
		background-color: var(--white-color);
		opacity: 1;
		width: 59px;
		height: auto;
    padding: 10px 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
    gap: 0;
	}
	#block-korejob-front-header-mypage a.header_mypage img {
		display: none;
	}
	#block-korejob-front-header-mypage a.header_mypage span {
    color: var(--orange-color-2);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    
		font-family: Yu Gothic UI, sans-serif;
		font-weight: bold;
		letter-spacing: 0.3rem;
	}
	
	
	.head_top_bottom_area {
		display: block!important;
		position: fixed;
		top: 60px;
		left: initial;
		right: -100%;
		transition: right 0.8s ease;
		background-color: var(--white-color);
		overflow: hidden;
		width: 100%;
		height: 100%;
    padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 50px;
	}
	.head_top_bottom_area .container {
		max-width: 100%;
		margin: 0;
		padding: 0;
		flex-direction: column;
    gap: 0;
	}
	.head_top_bottom_area .user-info {
		display: none;
	}
  .head_top_bottom_area .datearea {
    display: none;
  }
	.head_top_bottom_area ul {
		gap: 0;
		margin: 0;
	}
	.head_top_bottom_area ul li {
		width: 100%;
		border-top: 1px solid rgba(192, 165, 72, 0.3);
	}
	.head_top_bottom_area ul li a {
		width: 100%;
		height: auto;
		padding: 20px;
		box-shadow: none;
		background-color: var(--white-color);
		justify-content: flex-start;
	}

  /* 求職者 画像＆氏名 */
  body.sticked .head_top_bottom_area {
		top: 60px;
		width: 100%;
		border: none;
		border-radius: 0;
    padding-top: 0;
		z-index: 100;
	}
	.head_top_bottom_area .ttl {
		padding: 10px 15px 10px 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border: 1px solid var(--orange-color-2);
	}
	.head_top_bottom_area .ttl span {
		font-size: 1.8rem;
		font-weight: 500;
		color: var(--orange-color-2);
	}
	.head_top_bottom_area .ttl a.header_mypage {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.head_top_bottom_area .ttl a.header_mypage img {
		border: 1px solid var(--orange-color-2);
		border-radius: 8px;
	}
}


/* サイドメニュー */
body.user-logged-in aside {
	margin-top: 65px;
}

/* 閲覧履歴 */
body.user-logged-in aside .block-views-blockrecently-read-content-block-1 {
	box-shadow: 0px 0px 15px 0px rgba(192, 165, 72, 0.3);
	border-radius: 10px;
	overflow: hidden;
}
body.user-logged-in aside .block-views-blockrecently-read-content-block-1 h2 {
	margin: 0!important;
	padding: 20px 10px;
  font-size: 1.8rem!important;
  font-weight: 500;
	text-align: center;
	background-color: var(--orange-color-2);
	color: var(--white-color)!important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
body.user-logged-in aside .block-views-blockrecently-read-content-block-1 h2:before {
	content: '';
	background-image: url(../img/icon/icon-elapsed.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 20px;
	height: 20px;
}
body.user-logged-in aside .block-views-blockrecently-read-content-block-1 .view-empty,
body.user-logged-in aside .block-views-blockrecently-read-content-block-1 .view-content {
	background-color: var(--white-color);
	padding: 30px 20px;
}

body.user-logged-in aside .block-views-blockrecently-read-content-block-1 .views-row {
	padding: 25px 0;
	border-bottom: 1px solid var(--orange-color-2);
}
body.user-logged-in aside .block-views-blockrecently-read-content-block-1 .views-row:first-child {
	padding-top: 0;
}
body.user-logged-in aside .block-views-blockrecently-read-content-block-1 .views-row:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}


.job-teaser {
	display: flex;
	gap: 10px;
}
body.user-logged-in aside .job-teaser .job-img {
	width: 60px;
}
body.user-logged-in aside .job-teaser .job-img img {
	width: 60px;
	height: 60px;
	object-fit: cover;
}
.job-teaser .job-info {
	flex: 1;
}
.job-teaser .job-info h3 {
  margin: 0;
  margin-bottom: 10px;

  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.job-teaser .job-info .target-area:before {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  background-image: url(../img/icon/icon-pin2.svg);
}

.job-teaser .job-info .target-area * {
	display: inline;
  vertical-align: text-top;
}


/***************************
 * マイページTOP
 *********************************************** */
body.path-user:not(.not_login) .block-page-title-block h1.page-title {
	border-bottom: 1px solid var(--orange-color-2);
	margin-bottom: 40px;
	padding-bottom: 20px;
  font-size: 2.8rem;
}

body.path-user .maincontent h2.block-title {
	border-bottom: 1px solid var(--orange-color-2);
	margin-bottom: 30px;
	padding-bottom: 20px;
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  body.path-user:not(.not_login) .block-page-title-block h1.page-title {
    padding-bottom: 8px;
    font-size: 2.4rem;
  }
  body.path-user .maincontent h2.block-title {
    font-size: 2.4rem;
  }
}

/* マイページ メニュー 一覧 */
body.path-user .block-system-main-block {
	margin-bottom: 80px;
}

.user-panel {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.user-panel .item {
	width: calc((100% - 20px * 2) / 3);
}
.mypagegrid {
	box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
	border-radius: 10px;
	overflow: hidden;
}
.mypagegrid a {
	padding: 20px 20px 25px;
}
.mypagegrid .flex {
	/* flex-direction: column;
	gap: 15px; */
  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  height: 100%;
}
.mypagegrid .flex .iconbox img {
	width: 100px;
}
.mypagegrid .titlebox h4 {
	font-size: 1.6rem;
	text-align: center;
	margin: 0;
}
.mypagegrid.top .mypage-desc {
  margin: 0;
  text-align: justify;
}

@media screen and (max-width: 767px) {
	.user-panel .item {
		width: calc((100% - 20px) / 2);
	}
	.mypagegrid a {
		padding: 10px 10px 20px;
	}
	.mypagegrid .flex {
		gap: 10px;
	}
	.mypagegrid .flex .iconbox img {
		width: 60px;
	}
}


/* お知らせ */
.block-views-blocknews-block-1 ul li {
	background-color: var(--white-color);
	box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
  border-radius: 10px;
  overflow: hidden;
	margin-bottom: 20px;
  transition: 0.2s ease-out;
}
.block-views-blocknews-block-1 ul li:hover {
	/* box-shadow: none; */
  opacity: 0.8;
}
.block-views-blocknews-block-1 ul li a {
	display: block;
	padding: 20px 25px;
}
/* .block-views-blocknews-block-1 ul li a:hover {
	color: var(--text-color);
} */
.block-views-blocknews-block-1 ul li .views-field-created {
	margin-bottom: 10px;
	color: #878787;
}
.block-views-blocknews-block-1 ul li .views-field-title {
	font-size: 1.6rem;
	font-weight: 500;
}


/* エントリー履歴 */
.view-forownmessage {
	box-shadow: none;
}

#block-korejob-front-views-block-forownmessage-block-1 {
	margin-bottom: 80px;
}
#block-korejob-front-views-block-forownmessage-block-1 .view-forownmessage ul li {
	background-color: var(--white-color);
	box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
  border-radius: 10px;
  overflow: hidden;
	margin-bottom: 16px;
	padding: 20px;
}

/* #block-korejob-front-views-block-forownmessage-block-1 .view-forownmessage ul li .views-field-title {
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 15px;
}

#block-korejob-front-views-block-forownmessage-block-1 .view-forownmessage ul li .views-field:not(.views-field-title) {
	font-size: 1.4rem;
	margin-bottom: 5px;
}

#block-korejob-front-views-block-forownmessage-block-1 .view-forownmessage ul li .views-label {
	margin-right: 10px;
} */

#block-korejob-front-views-block-forownmessage-block-1 .field-content {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
#block-korejob-front-views-block-forownmessage-block-1 .job-info {
	flex:1;
}
#block-korejob-front-views-block-forownmessage-block-1 .job-info h3 {
	margin-top: 0;
	font-size: 1.8rem;
}
#block-korejob-front-views-block-forownmessage-block-1 .job-info > div:not(.ttl-area) {
	margin-bottom: 10px;
	display: flex;
  align-items: center;
	gap: 10px;
}
#block-korejob-front-views-block-forownmessage-block-1 .job-info .msg span.field_label {
	font-size: 0;
}
#block-korejob-front-views-block-forownmessage-block-1 .job-info .msg span.field_label:before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	background-image: url(../img/icon/icon-mail.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
#block-korejob-front-views-block-forownmessage-block-1 .job-info .changed span.field_label {
  color: var(--orange-color-2);
  font-size: 1.5rem;
  font-weight: 500;
}
#block-korejob-front-views-block-forownmessage-block-1 .job-info span.field_item {
  font-size: 1.5rem;
}
#block-korejob-front-views-block-forownmessage-block-1 .entry-btn-warp {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

@media screen and (max-width: 767px) {
  #block-korejob-front-views-block-forownmessage-block-1 .field-content {
    flex-direction: column;
  }
  #block-korejob-front-views-block-forownmessage-block-1 .job-info .changed span.field_label {
    font-size: 1.3rem;
  }
  #block-korejob-front-views-block-forownmessage-block-1 .job-info span.field_item {
    font-size: 1.3rem;
  }
  #block-korejob-front-views-block-forownmessage-block-1 .entry-btn-warp {
    flex-direction: row;
  }
}

/***************************
 * お知らせ（一覧/詳細）
 *********************************************** */
/* 一覧ページ */
 .news-list ul li {
	background-color: var(--white-color);
	box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
  border-radius: 10px;
  overflow: hidden;
	margin-bottom: 20px;
  transition: 0.2s ease-out;
}
.news-list ul li:hover {
	/* box-shadow: none; */
  opacity: 0.8;
}
.news-list ul li a {
	display: block;
	padding: 20px 25px;
}
/* .news-list ul li a:hover {
	color: var(--text-color);
} */
.news-list ul li .views-field-created {
	margin-bottom: 10px;
	color: #878787;
}
.news-list ul li .views-field-title {
	font-size: 1.6rem;
	font-weight: 500;
}

/***************************
 * 求職者プロフィール（基本情報/プロフィール編集）
 *********************************************** */
/* tabs */
body:not(.toolbar-fixed) ul.tabs.primary {
	font-size: 0;
	display: flex;
	gap: 15px 20px;
	margin-bottom: 30px;
}
body:not(.toolbar-fixed) ul.tabs.primary li {
	margin: 0;
}
body:not(.toolbar-fixed) ul.tabs.primary li a {
	background-color: var(--white-color);
	border: 1px solid var(--orange-color-2);
	border-radius: 10px;
	font-size: 1.4rem;
	color: var(--orange-color-2);
	padding: 12px 20px;
}
body:not(.toolbar-fixed) ul.tabs.primary li a:hover {
	background-color: var(--orange-color-2);
	color: var(--white-color);
}
body:not(.toolbar-fixed) ul.tabs.primary li a.is-active {
	background-color: var(--orange-color-2);
	color: var(--white-color);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  body:not(.toolbar-fixed) ul.tabs.primary {
    gap: 10px;
  }
}

/* 下矢印付き */
ul.tabs.primary.arrow-down li a {
  position: relative;
  padding-right: 35px!important;
}
ul.tabs.primary.arrow-down li a:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: 2px solid var(--orange-color-2);
  border-right: 2px solid var(--orange-color-2);
  transform: rotate(45deg);
  position: absolute;
  top: 18px;
  right: 15px;
}
ul.tabs.primary.arrow-down li a:hover:after {
  border-bottom: 2px solid var(--white-color);
  border-right: 2px solid var(--white-color);
}



/* 求職者プロフィール：基本情報 */
.field--name-seeker-profile-profiles {
	background-color: var(--white-color);
	box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
	border-radius: 10px;
  padding: 40px;
}
.user-info {
  border: none;
}
.user-info h3 {
  border: none;
  padding: 10px;
}
.user-info > .field {
  display: flex;
  align-items: stretch;
border-bottom: 1px solid #878787;
}

.user-info > .field:first-of-type {
  border-top: 1px solid #878787;
}

.user-info > .field > .field__label {
	width: 200px;
	background-color: #ECECEC;
  display: flex;
  align-items: center;
}
.user-info > .field > *:not(.field__label) {
	flex: 1;
}

.user-info > .field > * {
	padding: 20px;
	font-size: 1.4rem;
  line-height: 1.5;
}

.user-info .field--profile--name .field__item .field {
	display: inline;
}

.field--profile--address .field__item > .field:not(.field--name-field-skp-postal-code) {
	display: inline;
}

.field--name-field-skpex-hope-job-type .field__items > .field__item {
	display: inline;
}
.field--name-field-skpex-hope-job-type .field__items > .field__item:not(:last-child):after {
	content: '\002c';
	margin-left: 2px;
	margin-right: 4px;
}

@media screen and (max-width: 767px) {
	.field--name-seeker-profile-profiles  {
		padding: 20px;
	}
	.user-info > .field > .field__label {
    min-width: initial;
		width: 110px;
	}
}

/* 氏名・住所 */
.user-info .field--profile--name > .field__item,
.user-info .field--profile--address > .field__item {
  padding: 0!important;
  font-size: 0;
}
.user-info .field--profile--name > .field__item .field ,
.user-info .field--profile--address > .field__item .field {
  display: inline-block!important;
  font-size: 1.4rem;
}
/* 郵便番号：iOS Safari が自動で追加する電話リンクを無効にする */
.field--name-field-skp-postal-code a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}
.user-info .field--profile--address > .field__item .field--name-field-skp-postal-code a[href^="tel:"] {
  padding-left: 0!important;
}

/* 住所 */
@media screen and (max-width: 767px) {
	.user-info .field--profile--address > .field__item .field--name-field-skp-postal-code {
		width: 100%;
	}
	.user-info .field--profile--address .field__item > .field:not(.field--name-field-skp-postal-code) {
		padding-top: 0!important;
	}
}

/* 希望職種 */
.user-info > .field > .field__items > .field__item {
  padding: 0;
}
.user-info > .field > .field__items {
  padding: 10px;
}



/* 求職者プロフィール：編集 */
.profile-form {
	background-color: var(--white-color);
  box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
  border-radius: 10px;
  padding: 20px 40px 30px;
}
@media screen and (max-width: 767px) {
  .profile-form {
    padding: 10px 20px 30px;
  }
}
/* フォーム下の余白削除 */
body.path-user .block-local-tasks-block + .block-system-main-block {
	margin-bottom: 0;
}


/***************************
 * エントリー履歴
 *********************************************** */
/* エントリーなし */
body.path-my .view-entry .view-empty .alert {
	font-size: 1.6rem;
	padding: 30px 40px;
}
@media screen and (max-width: 767px) {
	body.path-my .view-entry .view-empty .alert {
		padding: 20px 20px;
	}
}

/* エントリーあり */


/***************************
 * アカウント情報
 *********************************************** */
.user-form {
	background-color: var(--white-color);
	box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
	border-radius: 10px;
	padding: 20px 40px;
}
@media screen and (max-width: 767px) {
  .user-form {
    padding: 10px 20px;
  }
}



/***************************
 * 検討リスト
 *********************************************** */
body.path-bookmarks .view-flag-bookmark .view-empty .alert {
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 30px 40px;
}
@media screen and (max-width: 767px) {
	body.path-bookmarks .view-flag-bookmark .view-empty .alert {
		padding: 20px 20px;
	}
}




/***************************
 * スカウト履歴
 *********************************************** */
.view-seeker-scout form.views-exposed-form {
  display: flex;
/*  justify-content: space-between; */
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px 20px;
  background-color: var(--white-color);
  box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 30px 40px 40px;
}
.view-seeker-scout form.views-exposed-form .form-item {
  margin: 0;
}
.view-seeker-scout form.views-exposed-form .form-item input {
  margin: 0;
}

.view-seeker-scout form.views-exposed-form .form-item {
  width: calc((100% - 20px * 3) / 4)
}

@media screen and (max-width: 767px) {
  .view-seeker-scout form.views-exposed-form {
    gap: 20px;
    padding: 30px 20px 30px;
  }
  .view-seeker-scout form.views-exposed-form .form-item {
    width: 100%;
  }
  .view-seeker-scout form.views-exposed-form .form-item:nth-child(n + 2) {
    width: calc((100% - 20px) / 2);
  }
  .view-seeker-scout form.views-exposed-form .form-actions {
    margin: 0 auto;
  }
}

/* スカウト履歴 カード内 */
.view-seeker-scout .view-content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.view-seeker-scout .my-scout.views-row {
	background-color: var(--white-color);
  box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
  border-radius: 10px;
	display: flex;
	flex-direction: column;
	width: calc((100% - 20px) / 2);
  margin-bottom: 0!important;
	padding: 20px;
}

.view-seeker-scout .my-scout.views-row .views-field-created {
	margin-bottom: 10px;
}
.view-seeker-scout .my-scout.views-row .views-field-field-cop-name {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 15px;
}
.view-seeker-scout .my-scout.views-row .views-field-field-sct-message {
	margin-bottom: 15px;
}
.view-seeker-scout .my-scout.views-row .views-field-view-node {
	margin-top: auto;
}
.view-seeker-scout .my-scout.views-row .views-field-view-node .field-content {
	display: block;
	text-align: right;
}
.view-seeker-scout .my-scout.views-row .views-field-view-node .field-content a {
	display: inline-block;
	padding: 10px 20px;
	background-color: var(--orange-color-2);
	border: 1px solid var(--orange-color-2);
	border-radius: 8px;
	color: var(--white-color);
	
}
.view-seeker-scout .my-scout.views-row .views-field-view-node .field-content a:hover {
	opacity: 0.8;
}
@media screen and (max-width: 767px) {
	.view-seeker-scout .my-scout.views-row {
		width: 100%;
	}
}