@charset "utf-8";
.side-content-container {
  margin-bottom: 24px;
  border-radius: 4px;
  overflow: hidden
}

.side-content-container>.content-title {
  margin-bottom: 8px;
  font-size: 1.6rem;
  line-height: 1.5;
  box-sizing: border-box;
  border-left: solid 4px #00b4b5;
  padding-left: 8px
}

.side-bannerlink-container {
  margin-bottom: 24px;
  border-radius: 4px;
  overflow: hidden
}

.side-bannerlink-container>.contents>a {
  display: block;
  margin-bottom: 12px
}

.side-bannerlink-container>.contents>a img {
  border-radius: 2px
}

.side-kartelink-container {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  margin-bottom: 24px;
  overflow: hidden
}

.side-kartelink-container .karte-ttl-box h3 {
  background-color: #00b4b5;
  text-align: center;
  padding: 6px 0 6px 24px
}

.side-kartelink-container .karte-ttl-box p {
  background-color: #d9f3f0;
  font-size: 12px;
  color: #00b4b5;
  line-height: 1.4;
  background-size: 36%;
  background-position: left bottom;
  background-image: url(/assets/img/index/bg_top_karte.png);
  background-repeat: no-repeat;
  font-weight: 700;
  padding: 16px 10px 16px 75px
}

.side-kartelink-container ul {
  padding: 0 10px
}

.side-kartelink-container ul li {
  border-bottom: 1px dashed #e8e8e8;
  padding: 10px 0;
  position: relative
}

.side-kartelink-container ul li:last-of-type {
  border-bottom: none
}

.side-kartelink-container ul li::after {
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 0;
  font-size: 1.8rem;
  font-weight: 700;
  transition: .3s;
  color: #00b4b5;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.side-kartelink-container ul li img {
  width: 105px;
  height: 69px;
  object-fit: cover;
  object-position: 50% 50%
}

.side-kartelink-container ul li p {
  padding-left: 10px;
  line-height: 1.5;
  font-weight: 700
}

.side-kartelink-container ul li a {
  display: flex;
  align-items: center;
  font-size: 15px;
  opacity: 1;
  padding-right: 12px
}

.side-kartelink-container a.content-link-btn {
  width: 83%;
  margin: 0 auto 10px
}

/* side-interview
----------------------------- */

.side-interview .karte-ttl-box h3 {
    background:url("../img/index/ttl_interview_bg.png") 50% 50% no-repeat;
    background-size: cover;
    text-align: center;
    padding: 8px 0 11px 0;
    text-align: center;
}

.side-interview .karte-ttl-box p {
    background-color: #D9F3F0;
    font-size: 1.2rem;
    color: #00B4B5;
    line-height: 1.4;
    background: #D9F3F0 url("../img/index/interview_img.png") 10px 4px no-repeat;
    background-size:73.14px auto;

    font-weight: 700;
    padding: 16px 10px 16px 95px;
}

.side-interview ul li p{
    font-weight: 400;
    font-size: 1.2rem;
}

.side-interview ul li p span.subject{
    display: block;
    font-weight: 400;
    font-size: 1.0rem;
}
.side-interview ul li p .name{
    display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 1.4rem;
}
.side-interview ul li p .text{
    display: block;
    font-weight: 400;
    font-size: 1.2rem;
}
.side-interview ul li img {
    width: 105px;
    height: 69px;
    object-fit: cover;
    object-position: 50% 50%;
}

.side-ul-container {
  margin-bottom: 12px;
  border: solid 1px #e8e8e8;
  border-radius: 8px
}

.side-ul-container ul {
  list-style: none
}

.side-ul-container ul li {
  padding: 0 12px
}

.side-ul-container ul li:hover {
  background: #d9f3f0;
  transition: .2s
}

.side-ul-container ul li a {
  display: block;
  border-style: none;
  border-bottom: dashed 1px #e8e8e8;
  line-height: 4;
  font-size: 1.4rem;
  letter-spacing: .1rem;
  position: relative;
  color: #0681b8
}

.side-ul-container ul li:last-of-type a {
  border-bottom: none
}

.side-ul-container ul li a:after {
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 2%;
  font-size: 1.8rem;
  font-weight: 700;
  transition: .3s;
  color: #00b4b5;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.side-sns-container {
  margin-bottom: 24px
}

.side-sns-container h3 {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 12px;
  background: #00b4b5;
  line-height: 2.5;
  color: #fff;
  border-radius: 4px
}

.side-sns-container .link {
  display: block;
  border: solid 1px #ededed;
  padding: 22px 0 26px 60px;
  border-radius: 8px;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer
}

.side-sns-container .link:hover {
  background: #d9f3f0;
  transition: .2s
}

.side-sns-container .link a {
  font-size: 2rem;
  font-weight: 600
}

.side-sns-container .link a span {
  font-size: 1.4rem;
  line-height: 1.5
}

.side-sns-container .link a::before {
  content: "";
  display: block;
  position: absolute;
  left: 36px;
  width: 36px;
  height: 36px;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center
}

.side-sns-container .link.fb a::before {
  background-image: url(/assets/img/fb_ico.png)
}

.side-sns-container .link.line a::before {
  background-image: url(/assets/img/line_ico.png)
}

.side-afterfollow {
  margin-bottom: 48px;
  border: solid 1px #00b4b5;
  border-radius: 4px
}

.side-afterfollow>p {
  background: #00b4b5;
  padding: 12px 8px;
  color: #fff;
  font-weight: 600
}

.side-afterfollow .inner {
  padding: 12px;
  text-align: center
}

.side-afterfollow .inner .comment {
  margin-bottom: 24px;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left
}

.side-afterfollow .inner .tell_label {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: .1rem;
  font-weight: 600;
  color: #00b4b5;
  border-radius: 12px
}

.side-afterfollow .inner .tell_num {
  line-height: 1;
  font-size: 3.8rem;
  font-weight: 600;
  color: #00b4b5;
  letter-spacing: .1rem
}

.side-afterfollow .inner .tell_time {
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: .1rem;
  font-weight: 600;
  color: #00b4b5;
  border-radius: 12px;
  margin-bottom: 12px
}

.side-afterfollow .inner .mail_area {
  background: #d9f3f0;
  padding: 12px 8px;
  text-align: center
}

.side-afterfollow .inner .mail_area p {
  font-size: 1.2rem;
  margin-bottom: 4px;
  color: #00b4b5
}

.side-afterfollow .inner .mail_area a {
  font-size: 1.72rem;
  font-weight: 600;
  color: #00b4b5;
  text-decoration: underline
}

.side-content-cv {
  position: relative;
  margin-top: 108px;
  margin-bottom: 24px
}

.side-content-cv::before {
  content: url(/assets/img/everybody01.svg);
  position: absolute;
  top: 2%;
  left: 50%;
  right: 50%;
  width: 70%;
  max-width: 210px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.side-content-cv div {
  background: #eef9f9;
  padding: 96px 12px 36px;
  text-align: center;
  border-radius: 4px
}

.side-content-cv div p {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 24px;
  letter-spacing: .1rem
}

.side-content-cv div p span {
  color: #00b4b5
}

.side-content-cv div img {
  margin-bottom: 12px;
  width: 90%
}

.side-content-cv div a {
  display: block;
  background: #ff6070;
  line-height: 3;
  text-align: center;
  border-radius: 24px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: .1rem;
  cursor: pointer
}

.side-content-cv div a:hover {
  background: #dc3a4a
}

.side-ranking>div.headline {
  margin-bottom: 24px;
  text-align: center;
  position: relative
}

.side-ranking>div.headline>h2 {
  margin-bottom: 4px;
  font-size: 2.4rem;
  font-weight: 400 letter-spacing:.2rem;
  text-indent: .2rem;
  color: #09b4b5
}

.side-ranking>div.headline>p {
  font-size: 1.2rem;
  font-weight: 700
}

.side-ranking>div.headline:after, .side-ranking>div.headline:before {
  content: '';
  position: absolute;
  width: 30%;
  height: 1px;
  background: #e8e8e8;
  top: 0;
  bottom: 0;
  margin: auto 0
}

.side-ranking>div.headline:before {
  left: 0
}

.side-ranking>div.headline:after {
  right: 0
}

.side-ranking>.contents>.side-ranking-list {
  margin-bottom: 24px
}

.side-ranking>.contents .side-ranking-list li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  position: relative
}

.side-ranking>.contents .side-ranking-list li .ranking-icon {
  padding: 4px 8px 6PX;
  border-radius: 0 0 12px 0;
  background: #09b4b5;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0
}

.side-ranking>.contents .side-ranking-list li .post-image {
  width: 120px;
  height: 69px;
  background: url(../img/database/43396170.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.side-ranking>.contents .side-ranking-list li .post-text {
  padding-top: 6px;
  height: 54px;
  width: 150px;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}

.side-ranking-link-btn {
  padding: 16px;
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  vertical-align: middle;
  color: #09b4b5;
  background: #fff;
  border-radius: 4px;
  border: solid 1px #09b4b5
}

.side-ranking-link-btn:hover {
  background: #09b4b5;
  color: #fff
}

.recommend-job {
  border: solid 1px #00b4b5;
  border-radius: 4px;
  overflow: hidden
}
.recommend-job .module-not-found{
  margin-top:0;
}

.condition-text>.headline, .recommend-job>.headline {
  background: #09b4b5;
  border-radius: 4px 4px 0 0;
  color: #fff;
  line-height: 3;
  text-align: center
}

.condition-text>.condition-text_Block, .recommend-job>.recommend-job_Block {
  display: flex;
  justify-content: center;
  padding: 12px;
  background: #fff
}

.recommend-job>.recommend-job_Block {
  border-bottom: solid 1px #00b4b5
}

.recommend-job>.recommend-job_Block:last-child {
  border-bottom: none
}

.recommend-job>.recommend-job_Block>a {
  display: block;
  width: 100%;
  padding: 8px;
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  position: relative
}

.recommend-job>.recommend-job_Block:hover {
  background: #d9f3f0
}

.recommend-job>.recommend-job_Block>a>.category {
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 8px 4px;
  border-radius: 2px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: .1rem;
  text-indent: .1rem
}

.recommend-job>.recommend-job_Block>a>.category.regular-icon {
  background: #54bf82
}

.recommend-job>.recommend-job_Block>a>.category.parttime-icon {
  background: #23bcf6
}

.recommend-job>.recommend-job_Block>a>.category.spot-icon {
  background: #fab90c
}

.recommend-job>.recommend-job_Block>a>.category.status-ended {
  background: #999;
}

.recommend-job>.recommend-job_Block>a>.job-number {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 1.2rem;
    font-weight: 600;
    display: inline-block;
    padding: 3px 0 4px;
    border-radius: 2px;
    letter-spacing: .1rem;
    text-indent: .1rem;
    color: #707070

}

.recommend-job>.recommend-job_Block>a>.title {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    color: #0681b8;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.recommend-job>.recommend-job_Block>a>dl:first-of-type {
  border-top: solid 1px #d8d8d8
}

.recommend-job>.recommend-job_Block>a>.ListOverView {
  display: flex;
  box-sizing: border-box
}

.recommend-job>.recommend-job_Block>a>.ListOverView>dt {
  width: 25%;
  background: #fafafa;
  border: solid 1px #d8d8d8;
  border-right: none;
  border-top: none;
  text-align: center;
  padding: 12px 8px;
  font-size: 1.2rem;
  font-weight: 700
}

.recommend-job>.recommend-job_Block>a>.ListOverView>dd {
  width: 75%;
  background: #fff;
  border: solid 1px #d8d8d8;
  border-top: none;
  padding: 12px 8px;
  font-size: 1.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.recommend-job>.recommend-job_Block>a>.ListOverView>dd strong{
    display: inline-block;
    max-width:139px;
    background: #FFEBD8;
    color: #FA7D02;
    padding: 2px 5px;
    font-size: 1.4rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    letter-spacing:-1px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recommend-job>.recommend-job_Block>a>.link-btn {
    margin: 12px 0 4px;
    padding: 12px 0;
    font-size: 1.4rem;
    font-weight: 600;
    position: relative;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 6px;
    background: #03a9f4;
    color: #fff;
    position: relative;
    text-align: center;
}

.recommend-job>.recommend-job_Block>a>.link-btn:after {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    right: 5%;
    font-size: 1.8rem;
    font-weight: 400;
    transition: .3s;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.recommend-job>.recommend-job_Block>a>.link-btn>i {
    display: none;
}

.condition-text {
  border: solid 1px #00b4b5
}

.condition-text>.condition-text_Block {
  padding: 0
}

.condition-text>.condition-text_Block>ul {
  width: 100%;
  padding-bottom: 12px;
  list-style: none
}

.condition-text>.condition-text_Block>ul li {
  padding-bottom: 12px
}

.condition-text>.condition-text_Block>ul li h4 {
  background: #d9f3f0;
  padding: 12px;
  margin-bottom: 12px;
  color: #09b4b5;
  font-size: 1.6rem
}

.condition-text>.condition-text_Block>ul li a {
  padding: 0 24px;
  display: inline-block;
  font-size: 1.3rem;
  text-decoration: underline;
  line-height: 2;
  color: #3c97c6
}

.condition-text>.condition-text_Block>ul li a:hover {
  color: #fd9b3b
}

.side_content_function-btn {
  width: 100%;
  margin-bottom: 24px;
  display: none!important
}

.side_content_function-btn>a {
  display: inline-block;
  width: 100%;
  text-align: center;
  border: solid 1px #dcdcdc;
  padding: 16px;
  margin-bottom: 8px;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #09b4b5;
  transition: .3s;
  position: relative
}

.side_content_function-btn>a:hover {
  background: #09b4b5;
  color: #fff;
  border-color: #09b4b5;
  transition: .3s
}

.side_content_function-btn>a span {
  letter-spacing: .1rem;
  font-size: 1.5rem;
  position: absolute;
  right: 12%
}

.side_content_function-btn>a:last-child {
  margin-bottom: 0
}

.side_content_function-btn>a:before {
  position: absolute;
  left: 12%;
  font-size: 1.8rem;
  font-weight: 200;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.side_content_function-btn>a.recently:before {
  font-family: FontAwesome;
  content: "\f017"
}

.side_content_function-btn>a.check:before {
  font-family: FontAwesome;
  content: "\f08a"
}

.same-condition-link {
  margin: 60px 0 24px;
  padding: 12px 12px 16px;
  background: #eef9f9;
  border-top: solid 4px #09b4b5;
  border-radius: 2px;
  box-sizing: border-box
}

.same-condition-link .title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  position: relative
}

.same-condition-link .title img.icon {
  height: 32px;
  fill: #09b4b5;
  margin-right: 4px
}

.same-condition-link .title img.human {
  height: 120px;
  position: absolute;
  right: 0;
  top: -48px
}

.same-condition-link .title p {
  font-weight: 600;
  font-size: 1.4rem;
  letter-spacing: .02em;
  line-height: 1.4;
  color: #09b4b5
}

.same-condition-link .link_wrapper {
  padding: 16px 12px 4px;
  background: #fff;
  text-align: center
}

.same-condition-link .link_wrapper p {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -.1em;
  line-height: 2;
  color: #707070;
  text-align: center;
  position: relative;
  display: inline-block
}

.same-condition-link .link_wrapper p:before {
  position: absolute;
  content: '';
  height: 16px;
  width: 1px;
  background: #707070;
  transform: rotate(-40deg);
  left: -12px;
  top: 6px
}

.same-condition-link .link_wrapper p:after {
  position: absolute;
  content: '';
  height: 16px;
  width: 1px;
  background: #707070;
  transform: rotate(40deg);
  right: -12px;
  top: 6px
}

.same-condition-link a {
  width: 100%;
  display: inline-block;
  justify-content: center;
  margin-bottom: 12px;
  padding: 20px 24px 20px 8px;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: .05rem;
  border-radius: 4px;
  vertical-align: text-bottom;
  position: relative;
  color: #fff
}

.same-condition-link a span {
  font-size: 1.8rem
}

.same-condition-link a:after {
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  right: 16px;
  font-size: 1.4rem;
  transition: .3s;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%)
}

.same-condition-link a:hover:after {
  right: 12px
}

.same-condition-link a.regular {
  background: #31c772
}

.same-condition-link a.parttime {
  background: #23bcf6
}

.same-condition-link a.spot {
  background: #fab90c;
  letter-spacing: -.05rem
}

#Sub-Contents-Wrapper .side-mypage_btn{
    display: table;
    width: 100%;
    margin-bottom: 32px;
}
#Sub-Contents-Wrapper .side-mypage_btn a{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 13px;
    padding-left: 84px;
    font-size: 2.2rem;
    color: #09B4B5;
    font-weight: 700;
    border: 2px solid #09B4B5;
    box-shadow: 0 4px 0 #09B4B5;
    border-radius: 4px;
    background: #fff url("../img/svg/mypage.svg") 18px 50% no-repeat;
}
#Sub-Contents-Wrapper .side-mypage_btn a:hover{
    box-shadow:none;
    transform: translateY(4px);

}

#Sub-Contents-Wrapper .side-mypage_btn a:after {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    right: 5%;
    color: #09B4B5;
    font-size: 2.4rem;
    font-weight: 400;
    transition: .3s;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

#Sub-Contents-Wrapper .side-mypage_btn span.icon{
    display: inline-block;
    padding: 3px 8px;
    background: #FAB90C;
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 4px;
    border-radius: 2px;
}

/* 検索用 #side-submit-form
----------------------------------- */

/* スクロール用。全体に当てるのでcommonに書くべきか */
html {
    scroll-behavior: smooth;
}

#side-submit-form input{
	box-sizing: border-box;
}
#side-submit-form input[type=text]{
	color: #333;
}
#side-submit-form input::placeholder{
	color: #9B9B9B;
}

#side-submit-form ul{
	list-style: none;
}

#side-submit-form > section{
	background: #EEF9F9;
	padding: 0 16px 16px 16px;
	border-radius: 0 0 8px 8px;
}

#side-submit-form > section + section{
	margin-top: 16px;
}

#side-submit-form > section .title{
	position: relative;
	margin-left: -16px;
	margin-right: -16px;
	padding: 16px 16px 16px 46px;
	
	font-size: 1.8rem;
	background: #DDF3F3 14px 50% no-repeat;
	background-size: auto 1.1em;
}

	#side-submit-form > section .title::before{
		position: absolute;
		top: 0;
		left: 0;
		width: 3px;
		height: 100%;
		content: "";
		background: rgba(70, 200, 176, 1);
		background-image: linear-gradient(180deg, rgba(70, 200, 176, 1), rgba(0, 180, 181, 1));
	}


	#side-submit-form > section.side-search-standard .title{
		background-image: url("../img/side/svg/standard.svg");
	}
	#side-submit-form > section.side-search-detail .title{
		background-image: url("../img/side/svg/detail.svg");
		background-size: auto 1.0em;
	}
	#side-submit-form > section.side-search-freeword .title{
		background-image: url("../img/side/svg/keyword.svg");
		background-size: auto 1.2em;
	}

	#side-submit-form > section .title + *{
		margin-top: 21px;
	}


	#side-submit-form dl.input_item{
		padding-bottom: 18px;
		background-image : linear-gradient(to right, #B6E5E5 4px, transparent 2px);
		background-size: 7px 1px;
		background-repeat: repeat-x;
		background-position: left bottom;
	}

	#side-submit-form dl.input_item:last-child{
		background: none;
		padding-bottom: 0;
	}

	#side-submit-form dl.input_item + dl.input_item{
		margin-top: 18px;
	}


		#side-submit-form dl.input_item dt{
			position: relative;
			padding-left: 14px;
			font-size: 1.6rem;
			font-weight: 700;
		}

		#side-submit-form dl.input_item dt::before{
			position: absolute;
			top: 50%;
			left: 1px;
			transform: translateY(-50%);
			content: "";

			width: 9px;
			height: 5px;
			font-weight: 700;
			border-radius: 20px;
			background: #00B4B5;
		}

		#side-submit-form dl.input_item dt .add-btn{
			position: absolute;
			top: -6px;
			right: 0;
			display: inline-block;
			box-sizing: border-box;
			min-width: 96px;
			font-size: 1.2rem;
			background: #fff;
			color: #00B4B5;
			text-align: center;
		}
		#side-submit-form dl.input_item dt .add-btn a{
			display: block;
			box-sizing: border-box;
			border: 1px solid #00B4B5;
			border-radius: 4px;
			width: 100%;
			height: 100%;
			padding: 6px 10px 6px 0;
			color: #00B4B5;
			text-align: center;
			background: url("../img/side/svg/blank.svg") 86% 50% no-repeat;
			transition: .3s;
		}
		#side-submit-form dl.input_item dt .add-btn a:hover{
			background-color: #E6F3F3;
		}

	#side-submit-form dl#side-prejudice{
		background: none;
/*		padding-bottom: 22px;*/
	}

	#side-submit-form dl.pickup_item{
		padding: 25px 14px 17px 14px;
		background: #fff;
		border-radius: 4px;
		box-shadow: 0 0px 6px 0px rgba(0,0,0,.1);
	}
		#side-submit-form dl.pickup_item dt{
			text-align: center;
			font-size: 1.5rem;
			font-weight: 700;
			margin-bottom: 18px;
		}

#side-submit-form .ddlist_base {
    overflow: hidden;
    width: 100%;
}
	#side-submit-form  .ddlist_base select {
		width: 100%;
		padding-right: 1em;
		cursor: pointer;
		text-indent: 0.01px;
		text-overflow: ellipsis;
		border: none;
		outline: 0;
		background: 0 0;
		background-image: none;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
	}

	#side-submit-form .ddlist_base.ddlist_style {
		position: relative;
		margin: 0;
		width: 100%;
		border: 1px solid #dcdcdc;
		border-radius: 4px;
		background: #fff;
		box-sizing: border-box;
	}
	#side-submit-form .ddlist_base.ddlist_style select {
		box-sizing: border-box;
		font-size: 1.4rem;
		padding: 15px 36px 15px 16px;
		color: #707070;
		width: 100%;
		border-radius: 4px;
	}
	#side-submit-form .ddlist_base.ddlist_style::before {
		position: absolute;
		top: 45%;
		right: 12px;
		width: 0;
		height: 0;
		padding: 0;
		content: '';
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 6px solid #00B4B5;
		pointer-events: none;
	}

#side-submit-form ul.button_radio {
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

	#side-submit-form ul.button_radio li{
		width: calc((100% / 3) - 9px);
		margin-bottom:5px;
	}
	#side-submit-form ul.button_radio li > label{
		display: block;
		background: #fff;
		font-size: 1.4rem;
		font-weight: 700;
		color: #CACACA;
		border: 2px solid #CACACA;
		padding: 13px 0;
		text-align: center;
		border-radius: 4px;
		transition: .3s;
		cursor: pointer;
	}
	#side-submit-form ul.button_radio li > label:hover{
		opacity: 0.8;
	}
	#side-submit-form ul.button_radio li > input[type=radio]:checked + label,
	#side-submit-form ul.button_radio li > input[type=checkbox]:checked + label{
		color: #fff;
		background-color: #CACACA;
		border-color: #CACACA;
	}
	#side-submit-form ul.button_radio li.regular > input[type=radio]:checked + label,
	#side-submit-form ul.button_radio li.regular > input[type=checkbox]:checked + label{
		background-color: #31C772;
		border-color: #31C772;
	}
	#side-submit-form ul.button_radio li.parttime > input[type=radio]:checked + label,
	#side-submit-form ul.button_radio li.parttime > input[type=checkbox]:checked + label{
		background-color: #23BCF6;
		border-color: #23BCF6;
	}
	#side-submit-form ul.button_radio li.spot > input[type=radio]:checked + label,
	#side-submit-form ul.button_radio li.spot > input[type=checkbox]:checked + label{
		background-color: #FAB90C;
		border-color: #FAB90C;
	}

#side-submit-form ul.selected_group {
	font-size: 1.4rem;
}
#side-submit-form ul.selected_group li:first-child{
margin-top:20px;
}
#side-submit-form ul.selected_group li + li {
	margin-top: 5px;
}

#side-submit-form ul.selected_group .checkbox{
	display: block;
	box-sizing: border-box;
	padding: 8px 8px 8px 37px;
	color: #00B4B5;
	background: #DDF3F3;
	border-radius: 4px;
	transition: .3s;
}

#side-submit-form ul.selected_group .checkbox::after {
	border: solid 1px #dcdcdc;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
	width: 19px;
	height: 19px;
	border-radius: 2px;
	box-sizing: border-box;
}
#side-submit-form ul.selected_group .checkbox::before {
	top: 20px;
	left: 15px;
	margin-top: -11px;
	width: 4px;
	height: 8px;
	transition: .3s;
	border-right: 2px solid #09b4b5;
	border-bottom: 2px solid #09b4b5;
}

#side-submit-form ul.selected_group input[type=checkbox]:checked+.checkbox{
	color: #fff;
	background: #00B4B5;

}
#side-submit-form ul.selected_group input[type=checkbox]:checked+.checkbox::after{
	opacity: 1;
}

#side-submit-form dl.input_item * + dd{
/*	margin-top: 14px;*/
}
#side-submit-form dl.input_item * + dd.calc{
margin-top:18px;
}

#side-submit-form dl.input_item * + dd.calc li{
margin-top:5px;
}
.side-search-submit{

	padding: 12px 16px 10px 16px;
	background: rgba(0,0,0, 0.58);
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	margin-top: 40px;
	width: 280px;
/*	height: 136px;*/
	
	animation-duration: 0.8s;
	-webkit-animation-duration: 0.8s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	animation-name: animation-up;
	-webkit-animation-name: animation-up;
}

/* 追従は仕様が変更がありがちなので別記載 */
.side-search-submit{
  margin: 20px 0;
	position: sticky;
	bottom: 0;
	z-index: 10;
}



@keyframes animation-up {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0%);
    }
}

	/* .side-search-submit .pagetop{
		position: absolute;
		top: -15px;
		right: 16px;
		width: 30px;
		height: 30px;
	}
	.side-search-submit .pagetop a{
		position: relative;
		display: block;
		overflow: hidden;
		text-indent:100%;
		white-space:nowrap;
		width: 100%;
		height: 100%;
		background: #fff url("../img/side/svg/up.svg") 50% 50% no-repeat;
		border: 1px solid #00B4B5;
		box-sizing: border-box;
		border-radius: 4px;
		transition: .3s;
	}
	.side-search-submit .pagetop a:hover{
		transform: translateY(-5px);
	} */
   
  #pagetop-button {
    display: none;
    height: 60px;
    width: 280px;
    position: fixed;
    bottom: 140px;
    background: #fff;
    border: 3px solid #09b4b5;
    border-radius: 13px;
    z-index: 2;
    box-sizing: border-box;
    transition: opacity 0.3s;
}
#pagetop-button:hover {
opacity: 0.8;
}

#pagetop-button-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    text-decoration: none;
    height: 100%;
    gap: 12px
}

#pagetop-button-content .left {
    background-color: #09b4b5;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    width: 100px;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 0;
}

#pagetop-button-content .right {
    text-align: center;
    font-weight: 600;
    color: #09b4b5;
    font-size: 15px;
    line-height: 20px
}
@media screen and (min-width:960px) {
.u-spOnly{
  display: none;
}
}

@media screen and (max-width:959.9999px) {
  .pagetop-fixedButton {
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 95px;
    right: 5px;
    background: #09b4b5;
    border: solid 1px #09b4b5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0s linear 0.3s
  }
  
  .pagetop-fixedButton.is-active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease 0.05s;
  }
  
  .pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg)
  }
}



	.side-search-submit p.r_num{
		margin-bottom: 8px;
		font-size: 1.3rem;
		line-height: 1.1;
		font-weight: 700;
	}
	.side-search-submit p.r_num > .num_counter{
		font-size: 2.8rem;
		color:#ffffff;
	}
	.side-search-submit .instant_result{
	margin:0;
	}
	.side-search-submit button.buttonStyle{
		position: relative;
		display: block;
		padding: 12px 0;
		width: 100%;
		text-align: center;
		appearance: none;
		-webkit-appearance: none;
		border: 0;
		border-radius: 4px;
		color: #fff;
		font-weight: 700;
		background:rgba(255, 105, 58, 1);
		background-image: linear-gradient(90deg, rgba(255, 105, 58, 1), rgba(255, 138, 58, 1));
		cursor: pointer;
		transition: .3s;
		
		font-family: YakuHanJP,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Helvetica,"游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium","メイリオ",Meiryo,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
		margin-bottom:8px;
	}

	.side-search-submit button.buttonStyle::before{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 4px;
		background:rgba(255, 138, 58, 1);
		background-image: linear-gradient(90deg, rgba(255, 138, 58, 1) , rgba(255, 105, 58, 1));
		transition: .3s;
		content: "";
	}
	.side-search-submit button.buttonStyle:hover::before{
		opacity: 0;
	}
	.side-search-submit button.buttonStyle span{
		position: relative;
		display: inline-block;
		padding: 4px 0 4px 35px;
		line-height: 1.2;
		font-size: 1.8rem;
		background: url("../img/side/svg/search.svg") 0 50% no-repeat;
		background-size: auto 100% ;
	}

	.side-search-submit .save{
		margin: 8px 0 0 0;
		font-size: 1.4rem;
		line-height: 1.2;
		font-weight: 700;
		cursor: pointer;
	}
	.side-search-submit .save::before{
		position: relative;
		top: -2px;
		display: inline-block;
		background: url("../img/side/svg/plus.svg") 50% 50% no-repeat;
		height: 0.8em;
		width: 0.8em;
		margin-right: 4px;
		content: "";
		vertical-align: middle;
		line-height: 1;
	}

  
/*
.side-stiky{
	position: sticky;
	bottom:0;
}

.side-stiky.over{
	position: sticky;
	top: 82px;
	bottom: inherit;
}
*/


@media screen and (max-width:959px) {
	
  #Sub-Contents-Wrapper {
    margin-top: 24px;
    width: 100%;
    height: auto;
    box-sizing: border-box
  }

#side-submit-form {
	display:none;
}
	
  .side-content-container {
    margin: 0 24px 48px;
    box-sizing: border-box
  }
  .side-bannerlink-container {
    display: none
  }
  .side-bannerlink-container .contents.randomdisplay {
    display: block;
    position: absolute;
    top: 2600px;
    left: 0;
    width: 100%
  }
  .side-bannerlink-container .randomdisplay img {
    width: 80%;
    margin: 0 auto;
    display: block
  }
  .side-bannerlink-container .contents {
    display: none
  }
  .side-ul-container {
    margin: 0 24px 36px;
    box-sizing: border-box
  }
  .side-ul-container ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap
  }
  .side-ul-container ul li {
    padding: 0 12px;
    width: 50%;
    box-sizing: border-box
  }
  .side-ul-container ul li:nth-child(odd) {
    border-right: solid 1px #e8e8e8
  }
  .side-sns-container {
    padding: 0 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .side-sns-container h3 {
    width: 100%
  }
  .side-sns-container .link {
    width: 49%;
    box-sizing: border-box
  }
  .same-condition-link .link_wrapper p {
    margin: 0 20%
  }
  .same-condition-link a {
    width: 48%
  }
  .side-content-cv {
    display: none
  }
  .side-afterfollow {
    margin: 0 24px;
    box-sizing: border-box
  }
  .side_content_function-btn {
    display: none
  }
  .recommend-job {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box
  }
  .recommend-job h3 {
    width: 100%
  }
  .recommend-job .recommend-job_Block {
    width: 50%;
    box-sizing: border-box
  }
  .recommend-job>.recommend-job_Block:hover {
    background: #fff
  }
  .recommend-job>.recommend-job_Block>a>.title {
    min-height: 64px
  }
  .recommend-job .recommend-job_Block:nth-of-type(odd) {
    border-right: solid 1px #00b4b5
  }
}

.recommend-bnr {
  margin-top: 24px
}

.recommend-bnr img {
  width: 100%;
  height: auto
}

@media screen and (max-width:559px) {
  #Sub-Contents-Wrapper {
    margin: 48px 0;
    padding: 0 12px;
    box-sizing: border-box
  }
  #Sub-Contents-Wrapper .side-content-container {
    display: block;
    margin: 0 0 48px
  }
  .side-content-container>.content-title {
    width: 100%;
    line-height: 1;
    border-radius: 4px;
    font-size: 2rem;
    text-align: center;
    border: none;
    padding: 0;
    margin-bottom: 12px
  }
  .side-content-container>.contents>a>img {
    width: 100%
  }
  .side-ranking {
    padding: 0 12px
  }
  .side-ranking div.headline h2 {
    margin-bottom: 4px;
    font-weight: 400;
    letter-spacing: .1rem;
    font-size: 3.2rem;
    color: #09b4b5
  }
  .side-ranking div.headline p {
    font-size: 1.4rem;
    font-weight: 600
  }
  .side-ranking>div.headline:after, .side-ranking>div.headline:before {
    width: 25%
  }
  .side-ranking>.contents>.side-ranking-list li {
    justify-content: flex-start;
    margin-bottom: 12px
  }
  .side-ranking>.contents>.side-ranking-list li .ranking-icon {
    padding: 4px 8px 6PX;
    border-radius: 0 0 12px 0;
    background: #09b4b5;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0
  }
  .side-ranking>.contents>.side-ranking-list li .post-image {
    width: 45%;
    height: auto;
    padding-top: 25%;
    margin-right: 5%
  }
  .side-ranking>.contents>.side-ranking-list li .post-text {
    width: 50%;
    font-size: 1.2rem
  }
  .side-ranking .side-ranking-link-btn {
    padding: 16px;
    text-align: center;
    font-weight: 700;
    font-size: 1.4rem;
    vertical-align: middle;
    color: #fff;
    background: #09b4b5;
    display: block;
    border-radius: 48px
  }
  .side-ranking .side-ranking-link-btn:hover {
    background: #1da6a7
  }
  .side-ranking {
    border-bottom: none
  }
  .side-ul-container {
    margin: 0 0 36px
  }
  .side-ul-container ul li {
    width: 100%
  }
  .side-ul-container ul li:nth-child(odd) {
    border-right: none
  }
  .side-sns-container {
    padding: 0
  }
  .side-sns-container .link, .side-sns-container h3 {
    width: 100%
  }
  .side-content-cv {
    display: block
  }
  .recommend-job .recommend-job_Block {
    width: 100%
  }
  .recommend-job>.recommend-job_Block>a>.category {
    font-size: 1.4rem;
    padding: .3rem 1rem .2rem
  }
  .recommend-job>.recommend-job_Block>a>.job-number {
    font-size: 1.4rem
  }
  .recommend-job>.recommend-job_Block>a>.title {
    font-size: 1.6rem;
    line-height: 1.35
  }
  .recommend-job>.recommend-job_Block>a>.ListOverView>dd {
    padding-right: 16px 8px
  }
  .recommend-job>.recommend-job_Block>a>.link-btn {
    padding: 16px 0;
    font-size: 1.6rem
  }
  .recommend-job .recommend-job_Block:nth-of-type(odd) {
    border-right: none
  }
  .condition-text>.condition-text_Block {
    border-bottom: none
  }
  .condition-text>.condition-text_Block>ul li a {
    font-size: 1.5rem
  }
  .side-afterfollow {
    margin: 0
  }
}


.side-search-submit a.save{
color:#fff;
}
.save.checked{
display:none;
}

.saved{
display:none;
}

.save.checked + .saved{
display:block;
}

.side-content_Container dl.input_item label.date-form{
	width: 95%;
	display: flex;
	flex-direction: column;
	position: relative;
	border: solid 1px #dcdcdc;
	border-radius: 4px;
	margin-bottom: 10px;
}
.side-content_Container dl.input_item label.date-form span{
	position: absolute;
	top: 6px;
	left: 12px;
	font-size: 1.2rem;
	color: #707070;
}

.side-content_Container dl.input_item label.date-form input{
	border: none;
	width: auto;
	padding: 25px 12px 5px;
	font-size: 1.8rem;
	color: #09b4b5 !important;
}

.side-search-form-container{
  height:auto;
}


/*.flatpickr-calendar,.flatpickr-days{
width:100% !important;
}*/



.calender-box{
	display:flex;
	justify-content: space-between;
	margin-right:50px;
	margin-left:50px;
}
.month_list{
	width:288px;
	margin-right:20px;
}
.month_header{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

ul.mth{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
ul.mth li{
	padding: 5px;
	flex: 1;
	text-align: center;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
ul.mtd{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
/*	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;*/
}
ul.mtd li{
	width: calc((100% - 12px) / 7 );
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff;
}
ul.mtd li:nth-child(7n + 1){
	border-left: 1px solid #ccc;
}
ul.mtd li:nth-child(-n + 7){
	border-top: 1px solid #ccc;
}

.calender-box .slick-prev,
.calender-box .slick-next{
width: 40px;
    height: 40px;
    background: #00B4B5;
    border-radius: 100%;
    z-index: 5;
    transition: 0.5s;
}
.calender-box .slick-prev:before,
.calender-box .slick-next:before{
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 17px;
    height: 12px;
    background: url(/assets/img/index/icon/arrow.svg) 50% 50% no-repeat;
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
}
.calender-box .slick-prev.slick-disabled,
.calender-box .slick-next.slick-disabled {
    background: rgba(201,212,222,1);
}
.calender-box .slick-prev:before{
    transform: scale(-1, 1) translateX(50%) translateY(-50%);
}


.calender-box .slick-prev:hover,
.calender-box .slick-next:focus,
.calender-box .slick-prev:hover,
.calender-box .slick-next:focus,
.calender-box .slick-next:active,
.calender-box .slick-next:visited
{
opacity:1;
    background: #00B4B5;
}

.calender-box .slick-next {
    right: -47px;
    top:58%;
}
.calender-box .slick-next:hover
{
    right: -50px;
}
.calender-box .slick-next.slick-disabled:hover {
    right: -50px;
}

.calender-box .slick-prev {
    left: -47px;
    top:58%;
}
.calender-box .slick-prev:hover
{
    left: -50px;
}
.calender-box .slick-prev.slick-disabled:hover
{
    left: -50px;
}

.month_table .past_day{
color:#C6C6C6;
cursor: inherit;
}
.month_table .bg_grey{
background-color:#efefef;
}
.month_table .mth_sun,.month_table .mtd_sun{
color:#FF6070;
}

.month_table .mth_sat,.month_table .mtd_sat{
color:#03A9F4;
}
.month_table .mth_weekday{
color:#000;
}

.month_table .date-checked{
color:#fff;
background-color:#00B4B5;
}
.search-date ul.mtd li{
  min-height: 50px;
  }
  .search-date .month_table .date-checked{
  background-color:#fff;
  position:relative;
  }
  .search-date .month_table .date-checked span{
  z-index:1;
  }
  .search-date .month_table .date-checked span:after{
  content: "";
      position: absolute;
      background-color: #00B4B5;
      width: 90%;
      height: 90%;
      top: 5%;
      left:2.5px;
      border-radius: 50%;
    z-index:-1;
  }
.search-modal-box-backlink{
	background: #00B4B5;
}

.back_pref{
	display: block;
	color: #fff;
	padding: 20px 20px 20px 40px;
	width: 100%;
	height: 100%;
	position:relative;
	font-weight:bold;
}

.back_pref::before{
	font-family: FontAwesome;
	content: "\f104";
	position: absolute;
	left: 3%;
	font-size: 1.8rem;
	font-weight: 400;
	transition: .3s;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	color: #fff;
}


#side-date .month_list{
width:100%;
margin:0;
}

#side-date .month_list ul.mtd li{
min-height:35px;
}

#side-submit-form dl#side-date dt a span:after{
    font-family: FontAwesome;
    content: "\f101";
    position: absolute;
    right: 5%;
    font-size: 1.8rem;
    font-weight: 400;
    transition: .3s;
    bottom: -25px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #00B4B5;
}

#side-submit-form dl#side-date dt::before{
content:none;
}


#side-submit-form dl#side-date .month_header{
text-align:center;
}

.side-afterfollow-button a {
  color: #09b4b5;
  background: #fff;
  border: 1px solid #09b4b5;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  border-radius: 6px;
  height: 50px;
  margin-bottom: 12px;
}

.side-afterfollow-button a:hover {
  background: #09b4b5;
  color: #fff;
}