@charset "UTF-8";
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	color: #333;
	font-family: "Noto Sans", "Noto Sans JP", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
}

/* HEADER
-------------------------------------------------- */

header {
	border-bottom: 4px solid rgba(42, 110, 47, 1);
}
header h1 img {
	width: 240px;
	height: auto;
	display: block;
	object-fit: cover;
	object-position: center;
}
header h1 span span {
	font-size: 14px;
	line-height: 24px;
}
header h1 span span:first-of-type {
	font-size: 20px;
	color: rgba(42, 110, 47, 1);
	border-right: 1px dotted rgba(42, 110, 47, 1);
	padding-right: 0.5em;
	margin-right: 0.5em;
}
.h-logo{
	/*「LINE友だち追加」ボタン追加による調整のため追加設定*/
	margin-right: -0.5rem;
	margin-left: 0.5rem;
}
#chglng {
	/* width: 163px; */
	max-width:163px;
	height: 100%;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}
.btn-newentry,
.btn-jslogin {
	background-color: rgba(252, 99, 64, 1);
	color: #fff;
	min-width: 180px;
	display: flex;
	align-items: center;
	font-size: 18px;
}
.btn-newentry svg,
.btn-jslogin svg {
	flex: 0 0 auto;
	margin: 0 0.5em;
	width: 17.446px;
	height: 18px;
}
.btn-newentry svg .neicon,
.btn-jslogin svg .lckicon {
	fill: #fff;
}
.btn-newentry span,
.btn-jslogin span {
	flex: 1 1 auto;
	display: block;
	text-align: center;
}
.btn-jslogin {
	background-color: rgba(54, 187, 88, 1);
}
.btn-jslogin svg {
	width: 16.457px;
}

.btn-line-add {
	color: #fff;
	min-width: 140px;
	display: flex;
	align-items: center;
	margin-right: -0.2rem;
	margin-left: -2.5rem;
}
.btn-line-add img {
	flex: 0 0 auto;
	margin: 0;
	/* width: 75%; */
	height: 56%;
}

#comlogin:link,
#comlogin:visited,
#comlogin:hover,
#comlogin:active {
	display: block;
	padding: 12px;
	width: 100px;
	height: 100px;
}
#comlogin:hover,
#comlogin:active {
}
#comlogin .comlogcolor {
	fill: #6ebeff;
}
.nav_btn:link,
.nav_btn:visited {
	display: block;
	padding: 12px;
	width: 180px;
	height: 100px;
	text-decoration: none;
}

.nav_btn span {
	display: flex;
	font-size: 1rem;
	justify-content: center;
	align-items: center;
	border: #ccc solid 2px;
	color: 333;
	width: 100%;
	height: 100%;
	text-align: center;
}
.nav_btn#compage span{
    background-color: rgb(110, 190, 255) ;
    border: 3px solid rgb(110, 190, 255) ;
    padding: 4px 10px ;
    color: #fff ;
	width: 100%;
}
.nav_btn#compage:hover span {
    background-color: #fff ;
    color: #000 ;
	
}

.nav_btn_i:link,
.nav_btn_i:visited {
	display: block;
	padding: 12px;
	width: 100px;
	height: 100px;
	text-decoration: none;
}
.nav_btn_i span {
	display: flex;
	font-size: 1rem;
	justify-content: center;
	align-items: center;
	border: #ccc solid 2px;
	color: 333;
	width: 100%;
	height: 100%;
	text-align: center;
}
.nav_btn_i#inquiryform span {
	color: #ff8800;
	border-color: #ff8800;
}
.nav_btn_i#inquiryform:hover span,
.nav_btn_i#inquiryform:active span {
	color: #fff;
	background-color: #ff8800;
}

#menu {
	width: 100px;
	height: 100px;
	border: none;
	background-image: url(../img/menu-button-image.svg);
	background-color: transparent;
	background-position-y: bottom;
	line-height: 150px;
	color: #fff;
}

/* FOOTER
-------------------------------------------------- */

footer {
	padding-top: 8rem;
	background-color: rgba(42, 110, 47, 1);
	color: #fff;
}
.footer_logo,
.bamboo7_din2014 {
	fill: #fff;
}
footer dl dt {
	font-size: 16px;
}
.footsearchnavi a:link,
.footsearchnavi a:visited,
.footsearchnavi a:hover,
.footsearchnavi a:active {
	background-color: rgba(54, 187, 88, 1);
	color: #fff;
	padding: 1rem 2rem;
}
.footsearchnavi a:hover,
.footsearchnavi a:active {
	background-color: rgba(54, 187, 88, 0.5);
}
footer div.copyrights {
	width: 100%;
	height: 60px;
	background-color: #fff;
	color: #333;
	padding: 0 calc((100% - 1000px) / 2);
	align-items: center;
}
a.totop:link,
a.totop:visited,
a.totop:hover,
a.totop:active {
	display: block;
	text-decoration: none;
	color: #fff;
	width: 4rem;
}
footer div.copyrights small {
	font-size: 12px;
}
#sp_footcontents .footsearchnavi a:link,
#sp_footcontents .footsearchnavi a:visited,
#sp_footcontents .footsearchnavi a:hover,
#sp_footcontents .footsearchnavi a:active {
	border-radius: 3em 0 0 3em;
	border-radius: 3em;
}
#sp_footcontents a.totop:link,
#sp_footcontents a.totop:visited,
#sp_footcontents a.totop:hover,
#sp_footcontents a.totop:active {
	margin: 1em 3em 0 1em;
	height: auto;
}
#pc_footcontents {
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
#pc_footcontents a.totop:link,
#pc_footcontents a.totop:visited,
#pc_footcontents a.totop:hover,
#pc_footcontents a.totop:active {
	position: absolute;
	bottom: -3rem;
	right: 0;
	height: 6rem;
	overflow: hidden;
}
.footer-cut {
	position: absolute;
	bottom: -3rem;
	right: 5rem;
	margin: 0;
}

/* FRONT TOP
-------------------------------------------------- */
/* CAROUSEL */
#frontcarousel .carousel-item img,
#frontcarousel .carousel-item svg {
	width: 100%;
	max-width: 1000px;
}

/* COMMENT */
#comment {
	margin: 1rem 3rem 0rem 3rem;
}
/* INTEREST */
figure#interset_title {
	height: calc(20vw + 3em);
	max-height: calc(200px + 3em);
	width: 100%;
	max-width: 1000px;
	display: flex;
	align-items: end;
	justify-content: center;
	z-index: 10;
	position: relative;
	margin: 0 auto;
}
figure#interset_title img {
	width: 62.1%;
	height: auto;
	object-fit: cover;
}
#interest_area {
	background-color: #fff;
	margin-top: 0vw;
	position: relative;
	z-index: 15;
}
#interest_area .row .col .card figure.ratio img {
	width: 100%;
	height: 100%;
	background-color: #ccc;
	border-radius: 1em;
}
#interest_area .row .col .card .card-body dl {
	font-size: 1.1rem;
}
#interest_area .row .col .card .card-body dl dt {
	border-bottom: 1px solid #707070;
	line-height: 2;
	margin-bottom: 1rem;
}
#interest_area .row .col .card .card-body dl dt::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 24px;
	border-radius: 4px;
	background-color: #fc6340;
	margin-right: 0.5em;
}
#interest_area .row .col .card .card-body dl dd {
	font-size: 0.95rem;
}
#interest_area .row .col .card .card-body dl dd span.badge {
	background-color: #7cc4ff;
	color: #fff;
	text-align: center;
	text-align-last: justify;
	width: 4rem;
	margin-right: 1em;
}

/* SEARCHBOX */
#searchbox {
	padding: 0;
	max-width: 1280px;
	background: url("../img/searchbox-bg.png");
}
h3#searchboxtitle {
	background-image: url("../img/search-header-image.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	text-align: center;
	padding: calc((100% / 128) * 15) 0;
}
#searchbox select {
	border-radius: 1rem;
	background-color: rgb(110, 190, 255) ;
	color: #fff;
	font-weight: 700;
}
#searchbox select.form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
#searchbox select option {
	background-color: rgb(255, 255, 255);
	color: #000000;
}
#searchboxbtn {
	border-color:rgb(110, 190, 255);
	border-radius: 1rem;
	background-color: rgb(110, 190, 255);
	color: #fff;
}
.detail-select {
	background-color: #fff!important;
	color: #000000!important;
	border-radius: 0.5rem!important;
	font-weight: 400!important;
}
a#to_searchpage {
	background-color: #36bb58;
	color: #fff;
}
#searchresult article .rec-card {
	width: 100%;
	max-width: 475px;
	margin: 1rem 1rem 1rem auto;
}
#searchresult article:nth-of-type(2n) .rec-card {
	margin: 1rem auto 1rem 1rem;
}
#searchdetail article .rec-card {
	width: 100%;
	max-width: 1000px;
	margin: auto auto auto auto;
}
#searchdetail article:nth-of-type(2n) .rec-card {
	margin: auto auto auto auto;
}
.card.rec-card {
	position: relative;
	padding: 2rem;
	height: calc(100% - 2rem);
}
.card.rec-card::before,
.card.rec-card::after {
	content: "";
	width: 100%;
	height: 3px;
	background-image: url("../img/hr4color.svg");
	position: absolute;
	top: -1px;
	left: 0;
}
.card.rec-card::after {
	top: auto;
	bottom: -1px;
}
.rec-card .card-header,
.rec-card .card-footer {
	border-radius: unset;
	background-color: transparent;
}
.rec-card .card-footer {
	border: none;
}
.rec-card .card-body dl {
	font-size: 0.95rem;
}
.rec-card .card-body dl.row dt {
	background-color: #7cc4ff;
	color: #fff;
	border-radius: 0.3rem;
	font-weight: 500;
	text-align: center;
	text-align-last: justify;
}
#tokutyo{
	background-color: #FFF8DC!important;
	color: #000000;
	border-radius: 3rem!important;
	font-weight: 500!important;
	font-size: 13px!important;
	white-space: nowrap;
	padding: 6px;
	margin-bottom: 5px!important;
	--bs-gutter-x: 1.5rem;
    margin-left: calc(-.5 * var(--bs-gutter-x));
	display: inline-block;
}
.btn.btn-apply {
	background-color: #fc6340;
	color: #fff;
	border-color: #fc6340;
}
.btn.btn-search_detail {
	background-color: #36bb58;
	color: #fff;
	border-color: #36bb58;
}
.btn.btn-bookmark {
	color: #fc6340;
	border-color: #fc6340;
}
.bg-fc6340 {
	background-color: #fc6340;
}

/* NAVIBLOCK */
#jsnaviwrap,
#recnaviwrap {
	color: #fff;
}
#jsnaviwrap {
	background-color: #6ebeff;
	text-align: right;
}
#recnaviwrap {
	background-color: #206ead;
}
#jsnaviwrap a,
#recnaviwrap a {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	max-width: 490px;
	padding-top: 1rem;
}
a.naviblock img {
	width: 100%;
	height: auto;
}
a.naviblock:hover img,
a.naviblock:active img {
	opacity: 0.5;
}
p.error {
	color: #ff3535!important;
	font-size: 16px!important;
}

.form-check-inline
input[type="radio"],
input[type="checkbox"] {
	position: relative !important;
	top: 4px !important;
}
/* job detail
-------------------------------------------------- */
.first_recruit_info span.badge {
	background-color: #7cc4ff;
	color: #fff;
	text-align: center;
	text-align-last: justify;
	width: 5rem;
	margin-right: 1em;
}

#detailtitle {
	font-size: 1.125rem;
	font-weight: bold;
}

#detailitem {
	font-size: 0.9rem;
}

#searchdetailtext {
    margin-left:40px!important;
}

/*チェックは見えなくする*/
#label1 {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/* NOTE PC (LINE友だち追加ボタン追加により追加設定）
-------------------------------------------------- */
/*BP-lg-1024px*/
@media screen and (max-width:1024px) {
	/*友だち追加ボタンを非表示にする*/
	#btn-line-add {
        display:none
    }
   }

/* MOBILE
-------------------------------------------------- */
/*BP-lg-992px*/
@media screen and (max-width:992px) {
	#searchresult article{
		width:calc(50% - 1rem);
		margin:0 0.5rem;
	}
	#searchresult article:nth-of-type(2n) .rec-card{margin:1rem auto;}

	#searchdetail article{
		width:calc(80% - 1rem);
		margin:auto auto auto auto;
	}
	#searchdetail article:nth-of-type(2n) .rec-card{margin:auto auto;}

	#salary {
		margin-top: 0.5em;
	}
}

/*BP-md-768px*/
@media screen and (max-width:768px) {
	/*	header	*/
	header{display:flex;flex-wrap:nowrap;}
	.h-container{justify-content: space-between;width:100%;}
	.h-container .h-logo{max-width:calc(100% - 100px - 1em);}
	.h-container .h-logo img{width:100%;height:auto;}

	/*	top	*/
	figure#interset_title{
		height:auto;
		max-height:initial;
		max-width:80%;
	}
	figure#interset_title img{width:100%;}
	#interest_area{
		max-width:100%!important;
		padding:0;
		margin:0 0.5rem;
		width:calc(100% - 1rem);
		overflow-x:scroll;
	}
	#interest_area .interest_wrap{
		width:100%;
		flex-wrap:nowrap;
	}
	#interest_area .interest_item{
		width:80vw;
		margin:0 0.5vw;
	}
	#sp_top_loginmenu{display:block!important;margin:1em 0;}
	#sp_top_loginmenu ul{
		display:flex;
		padding:0;
		margin:0 auto;
		width:90%;
	}
	#sp_top_loginmenu ul li{
		width:50%;
		list-style: none;
		padding:4px;
	}
	#sp_top_loginmenu ul li.stlm_register{
		background-color:#fc6340;
		border-color:#fc6340;
		border-radius:100px 0 0 100px;
	}
	#sp_top_loginmenu ul li.stlm_login{
		background-color:#36bb58;
		border-color:#36bb58;
		border-radius:0 100px 100px 0;
	}
	#sp_top_loginmenu ul li a{
		display:flex;
		justify-content:space-between;
		align-items: center;
		padding:0.5em;
		margin:0;
		font-size:1rem;
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		border:2px solid #fff;
	}
	#sp_top_loginmenu ul li.stlm_register a{
		border-radius:100px 0 0 100px;
		border-right:none;
	}
	#sp_top_loginmenu ul li.stlm_login a{
		border-radius:0 50px 50px 0;
		border-left:none;
	}
	.top_search_btn,
	.top_recruit_list_link{
		width:100%;
		padding:2rem!important;
	}
	.top_search_btn .col-5,
	.top_recruit_list_link .col-5{width:100% !important;}
	.top_search_detail_btn,
	.top_recruit_list_link{
		width:100%;
	}
	.top_search_detail_btn .col-5,
	.top_recruit_list_link .col-5{width:100% !important;}
	#searchresult article{
		width:calc(100% - 1rem);
	}
	#searchresult article .rec-card{margin:1rem auto;}
	#searchresult article h5 span{
		width:100% !important;
		word-break: break-all;
		white-space: initial;
	}
	#searchdetail article{
		width:calc(100% - 1rem);
	}
	#searchdetail article .rec-card{margin:auto auto;}
	#searchdetail article h5 span{
		width:100% !important;
		word-break: break-all;
		white-space: initial;
	}
	.rec-card .card-body dl.row dt{width:6rem;}
	#jsnaviwrap,
	#recnaviwrap{
		width:100%;
		flex-basis: auto;
		text-align:center;
	}

	/*	footer	*/
	footer{padding-top:4rem;}
	.spfl_item1{width:30%;}
	.spfl_item2{width:40%;}
	.spfl_item3{width:20%;margin-left:auto;}
	.spfl_item3 img{width:100%;height:auto;}
	#sp_footcontents a.totop:link,
	#sp_footcontents a.totop:visited,
	#sp_footcontents a.totop:hover,
	#sp_footcontents a.totop:active{margin-right:1em;}


	/*	/job/detail	*/
	#job_detail .apply_section div.col-4.px-5{
		width:50% !important;
		padding:0 1rem !important;
	}

	/*その他*/
	.w-md-100{width:100%;flex: 1 0 auto;}

	header h1 span span {
		font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
	}
	header h1 span span:first-of-type {
		display:none;
	}


}