@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@media screen and (min-width: 768px){
.br-sp {display: none; }
}
#header-container {display:none;}
h1.entry-title {display:none !important;}
/*ヘッダー▼*/
.original_header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 0 5%;
}
.header_logo img {width:300px;}
.header_menu {
	display: flex;
	flex-direction: row;
}
li {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}
li+ li {
  border-left: 0;
  border-right: 1px solid #333;
}
.header_menu_txt a {
	margin:0 20px;
	text-decoration:none;
	color:#000;
}
.header_menu_txt a:hover {color:#8fc31f;}
/*ヘッダー▲*/
/*スライダー▼*/
.wrapper {
  max-width: 1400px;
  margin: -50px auto 0 auto;
}
/*.swiper-slide {
    opacity: .7;
}
.swiper-slide-active {
    opacity: 1;
    z-index: 1;
}*/
@media screen and (max-width: 1000px) {
  .wrapper {
    margin-right: 4.375%;
    margin-left: 4.375%;
  }
}

img {
  max-width: 100%;
  height: auto;
}
/*スライダー▲*/
/*topボタン▼*/
.top_but {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	width: 80%;
	margin: 0 auto;
}
.top_but a {
	text-decoration: none;
	color: #000;
	font-size: 25px;
	border: 3px solid #000;
	border-radius: 10px;
	padding: 0 80px;
	margin: 30px 50px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.top_but a:hover {
	color:#c01734;
	border: 3px solid #c01734;
}
/*topボタン▲*/
/*topバナー▼*/
.top_banner {
	background: #DCDDDD;
	padding: 5px 10px;
	margin-top: 20px;
}
.top_banner_box {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.top_banner_box img {width:10%;}
.sankaku {
	padding:0 0.3em 0 0.5em;
	font-size: 16px;
}
.top_banner_txt {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
}
/*topバナー▲*/
/*topエリア1▼*/
.top_area1 {margin-bottom:70px;}
.top_area1_flex1 {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: 90%;
	margin: 30px auto;
}
.point {
	background: #8fc31f;
	border: 1px solid #000;
	border-radius: 20px;
	padding: 0 10px 0 15px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: bold;
	font-style: normal;
	letter-spacing:3px;
}
.point_illst-sp {display:none;}
.txt_area {
	width:80%;
	margin:-5px 1% 0 1%;
}
.point_ttl {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size:24px;
}
.point_txt{
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align:justify;
	line-height:1.5;
}
.point_illst {
	width:19%;
	margin:0 2%;
}
.sample_paper {
	width:95%;
	text-align:right;
	    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
	margin: -20px 0 20px 0;
}
.sample_paper a {
	text-decoration:none;
	color:#000;
}
.sample_paper a:hover {color:#c01734;}
.top_kakomi {
	width: 90%;
	margin: 0 auto;
	background: #8fc31f;
	border: 1px solid #8fc31f;
	border-radius: 10px;
	font-size: 35px;
	line-height: 1.3;
	color: #fff;
	padding: 15px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: bold;
	font-style: normal;
	text-align:center;
}
.top_red_txt {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: bold;
	font-style: normal;
	text-align:center;
	font-size:28px;
	margin-top: 20px;
	color:#c01734;
}
/*topエリア1▲*/
/*topエリア2▼*/
.top_area2 {margin-bottom:70px;}
.top_area2_list {margin-bottom:60px;}
.top_area2_flex {
	display: flex;
	flex-direction: row;
	width:95%;
	padding-left:8.5%;
	margin:30px 0;
}
.top_area2_flex_img {
	width:5%;
	position:relative;
}
.top_area2_flex_img img {
	position: absolute;
	top: 5%;
}
.top_area2_flex_txtbox {
	padding: 7px 0 0 10px;
	width:100%;
}
.top_area2_flex_ttl {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 22px;
}
.top_area2_flex_txt {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align:justify;
	line-height:1.3;
}
/*topエリア2▲*/
/*topエリア3▼*/
.top_area3_f {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 90%;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 30px;
}
.top_area3_f_l, .top_area3_f_r {
	width: 47%;
    border: 4px solid #000;
    padding: 15px;
    border-radius: 15px;
}
.top_area3_f_ttl {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 28px;
	text-align:center;
}
.top_area3_f_txt {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align:justify;
	line-height:1.5;
	font-size: 22px;
	padding-left: 5em;
    text-indent: -5em;
}
.top_area3_kome {
	font-size:15px;
	    padding-left: 1em;
    text-indent: -1em;
    display: block;
}
.border {
	border: 1px solid #000;
    margin: 15px 0;
}
.top_area3_f_ttl2 {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:25px;
	text-indent: -0.35em;
}
.top_area3_f_txt2 {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:22px;
	line-height:1.5;
	margin-bottom:10px;
}
.top_area3_f_txt3 {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:20px;
	padding-left: 1em;
    text-indent: -1em;
    line-height: 1.4;
	margin-bottom:7px;
}
.top_area3_f_txt3_kome {font-size:15px;}
.sample_paper2 {
	width:95%;
	text-align:right;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	margin: 5px 0 20px 0;
}
.sample_paper2 a {
	text-decoration:none;
	color:#000;
}
.sample_paper2 a:hover {
	text-decoration:none;
	color:#c01734;
}

.greenkakomi {
	width: 90%;
	margin: 0 auto;
	background: #ecf4d9;
	border: 1px solid #ecf4d9;
	border-radius: 10px;
	padding: 15px;
}
.gh_flex {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.g_f_l, .g_f_r {width:40%;}
.gf_f {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size:20px;
	line-height:1.4;
	padding-left:12px;
}
.gf_f img {
	width: 13%;
	margin-right:10px;
}
.gf-ttl {
	font-size:23px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: bold;
	font-style: normal;
}
.zeikomi {
	font-size:15px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.gf_price {
	width:70%;
	margin:0 20px 0 auto;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.gf_enn {font-size:15px;}
.gf_border {border:1px solid;}
.gf_ilst {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 26px;
	line-height: 1.3;
	justify-content: center;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: bold;
	font-style: normal;
}
.gf_ilst img {
	width: 25%;
	margin-right: 15px;
}
.gf_kome {
	font-size: 16px;
	line-height: 1.4;
	text-align:justify;
	margin: 20px auto 0 auto;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/*topエリア3▲*/
/*サンプルページ▼*/
.omote, .ura {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}
.sample_icon {
	width: 5%;
	margin-right: 10px;
}
.omote {margin:70px 0;}
.sample_omote, .sample_ura {
	width:60%;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}

/*サンプルページ▲*/
/*フッター▼*/
.footer_menu {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.footer.footer-container.nwa {display:none;}

.original_footer {
	background-image:url("/test/wp-content/uploads/2024/03/background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width:100%;
	height:auto;
	background: #ecf4d9;
	padding:20px 0;
}
.footer-bottom-content {
	float:none;
	text-align:center;
}
.copy_right {
	font-size:15px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align:center;
	margin:20px 0 20px 0;
}

.footer_top, .footer_bottom {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width:80%;
	margin:0 auto;
}
.footer_top_c {
	width:22%;
	display: flex;
    flex-direction: column;
}
.footer_top_r {
	width:44%;
	display: flex;
	flex-direction: column;
}
.footer_top_l, .footer_bottom_l, .footer_bottom_c, .footer_bottom_r {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width:34%;
}
.footer_top_l a {
	font-size:25px;
	text-align: center;
	border:3px solid #333;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#333;
	text-decoration:none;
	padding:7px 0;
}
.footer_but.top {
	margin-bottom:25px;
	border-radius:10px;
}
.footer_but.bottom {border-radius:10px;}
.footer_top_c {padding-left:25px;}
a.footer_redtxt {text-decoration:none;
	font-size:20px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #c01733;
	line-height: 1.3;
}
a.footer_linktxt {
	text-decoration:none;
	font-size:16px;
	color:#333;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
}
a.footer_linktxt:after{line-height: 1.5;}

.footer_logo {
	width: auto;
}
.tel_fax, .maill_add {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.footer_tel  {width:55%;}
.footer_fax {width:45%;}
.footer_mail {width:47%;}
.footer_add {width:50%;}
.footer_bottom {
	margin-top: 20px;
	border: 3px solid;
}
.footer_bottom_l, .footer_bottom_c {border-right:3px solid;}
.footer_bottom_l, .footer_bottom_c, .footer_bottom_r {padding:10px  0 10px 25px;} 

/*フッター▲*/

/*リスト個別▼*/
.list_flex {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}
.job_kobetu_list {
	display:flex;
	width:48%;
}
.job-kobetu {
	border:2px solid #9FA0A0;
	border-radius:5px;
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
}
.job-kobetu:hover {background:#F6F9E4;}
a.job_kobetu_list {color:#333;}
.job_list_kobetu_flex {
	display: flex;
	flex-direction: row;
	margin: 15px;
}
.list_photo {
	width: 50%;
	margin-right:20px;
}
.job_list_kobetu_flex_r {
	width: 50%;
	line-height:1.5;
	font-size:16px;
}
.job_list_ttl {
	font-size:25px;
	font-weight:bold;
	line-height:1.1;
	color:#C70008;
}
.list_company_name {
	font-size:14px;
	margin-bottom:5px;
}
.icon {
	margin-right:3px;
	color: #86B81B;
}
.fa-map-marker:before {
	font-size: 17px;
	padding: 0 0.2em;
}
.fa-jpy:before {
	font-size: 17px;
	padding: 0 0.35em 0 0.2em;
}
.fa-briefcase:before {
	padding-right:0.2em;
}
.list_category {
	text-align: left;
	margin-left: 14px;
	height: 70px;
	overflow: hidden;
	font-feature-settings: "palt"
}
.checkbox {
	color:#fff;
	border:1px solid #86B81B;
	border-radius:2px;
	padding: 0px 5px;
	display:inline-block;
	margin-bottom:4px;
	line-height: 1.3;
	background: #86B81B;
}
.kijitsu {
	font-size:14px;
	text-align:right;
	margin-right:10px;
}
/*リスト個別▲*/
/*shingleページ▼*/
.shingle_page {
	width:70%;
	margin:0 auto;
}
.shingle_ttl {
	font-size:30px;
	font-weight:bold;
}
.list_category {
	text-align: left;
}
li.shingle_mainphoto, li.shingle_photo_sublist {
	border-left: 0;
	border-right: 0;
}
.shingle_mainphoto {
	list-style: none;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin:30px 0;
}
#mainImage {
	width:250%;
}
.shingle_photo_sublist {
	display: flex;
	flex-direction: column;
}
img.shingle_photo_thumbnail {
	width:50%;
	margin:0 0 20px 20px;
}

.job_description {
	margin-bottom:50px;
}
.shingle_midasi {
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: space-between; /* 水平中心 */
	font-size: 25px;
	font-weight: 500;
	width:70%;
	color: #86B81B;
	margin:0 auto;
}
.shingle_midasi:after {
  border-top: 1px solid;
  content: "";
  width: 85%; /* 線の長さ */
}
.shingle_midasi:after {
  margin-left: 1em; /* 文字の右隣 */
}
.job_content {
	font-size:16px;
	text-align:justify;
	width:70%;
	margin:0 auto;
}

.shingle_midasi2 {
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: space-between; /* 水平中心 */
	font-size: 25px;
	font-weight: 500;
	width:70%;
	color: #86B81B;
	margin:0 auto 30px auto;
}
.shingle_midasi2:after {
  border-top: 1px solid;
  content: "";
  width: 85%; /* 線の長さ */
}
.shingle_midasi2:after {
  margin-left: 1em; /* 文字の右隣 */
}

.job_content2 {
	font-size:16px;
	text-align:justify;
	width:70%;
	margin:0 auto;
}

.job_qualification {
	display: flex;
	flex-direction: row;
	width: 70%;
	margin: 0 auto 20px auto;
	align-items: flex-start;
	border-bottom: 1px dotted #9FA0A0;
	padding-bottom: 20px;
}
.qualification_icon_f {
	display:flex;
	align-items: center;
	width:30%;
}
.qualification_icon {
	width:20%;
	margin-right: 10px;
}
.icon_txt {
	font-size:20px;
	color:#86B81B;
}
.qualification_ttl {
	font-size:22px;
	font-weight:bold;
	color:#c7000b
}
.qualification_txt {
	font-size:16px;
	text-align:justify;
}

.salary_ttl {
	font-size:22px;
	font-weight:bold;
}

.index1{
	 display:block;
	 padding-left:3em;
}

.shingle_midasi3 {
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: space-between; /* 水平中心 */
	font-size: 25px;
	font-weight: 500;
	width:70%;
	color: #86B81B;
	margin:0 auto 30px auto;
}
.shingle_midasi3:after {
  border-top: 1px solid;
  content: "";
  width: 85%; /* 線の長さ */
}
.shingle_midasi3:after {
  margin-left: 1em; /* 文字の右隣 */
}

.job_company {
	width:70%;
	margin:0 auto;
}
th.job_company_th {width:30%;}
td.job_company_td{padding-left:2em;}


.saiyoutel_pc {
	text-align:center;
	font-size:20px;
}
.PCtel {
	font-size: 25px;
    font-weight: bold;
    color: #86B81B;
}
.saiyo_tel_but {display:none;}
.saiyo_tel_but, .saiyou_web_but {
	text-align:center;
	margin-top:50px;
}
.saiyoutel_link, .saiyouweb_link {
	display: inline-block;
    text-decoration: none;
    width: 300px;
    background: #86B81B;
    border: 1px solid;
    border-radius: 7px;
	color:#fff;
}
.saiyoutel_link:hover, .saiyouweb_link:hover {
	background: #c7000b;
	color:#fff;
}
.saiyou_kome {font-size:14px;}
/*shingleページ▲*/
/*事業所紹介▼*/
.businessttl {
	font-size: 20px;
    font-weight: 600;
    background: #8fc31f;
    width: 20%;
    text-align: center;
    border: 2px solid #000;
    border-radius: 25px;
	margin-bottom: 10px;
}
.anutusflex {
	display: flex;
    border-bottom: 1px dotted;
}
.aboutusttl {width:5em;}
.job_company_web_url {
	text-decoration:none;
	color:#000;
}
/*事業所紹介▲*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.saiyoutel_pc {display:none;}
	.saiyo_tel_but {display:block;}
	/*ヘッダー*/
	.original_header{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		padding: 0 3%;
	}
	.header_logo img {width:250px;}
	.header_menu {font-size:13px;}
	.header_menu_txt a{
		margin:0;
		padding:0 9px;
	}
	/*topボタン*/
	.top_but {
		display:block;
		text-align:center;
		width:auto;
	}
	.top_but a {
		font-size:15px;
		margin:0 auto;
		padding:5px 80px;
		line-height:3.5;
	}
	.top_banner_box img {width:25%;}
	/*top特徴*/
	.top_area1_flex1 {width:auto;}
	.txt_area {
		margin: -5px 1% 0 3%;
		line-height:1.3;
	}
	.point_illst {display:none;}
	.point_illst-sp {
		display:block;
		margin-top:10px;
	}
	.point_ttl {
		font-size:18px;
		text-align:justify;
		margin-bottom: 7px;
	}
	.point_txt {
		line-height:1.4;
		font-size:15px;
	}
	.top_kakomi {
		font-size:19px;
		width:auto;
	}
	.top_red_txt {
		font-size:24px;
		line-height:1.5;
		margin-bottom:10px;
	}
	/*top求人の流れ*/
	.top_area2_flex {
		width:auto;
		padding-left:0;
	}
	.top_area2_flex_img {width:15%;}
	.top_area2_flex_ttl {
		font-size:18px;
		line-height:1.4;
		text-align:justify;
	}
	.top_area2_flex_txtbox {padding:7px 0 0 11px;}
	.top_area2_flex_txt {margin-top:7px;}
	/*求人一覧*/
	.list_flex {display:block;}
	.job_kobetu {margin-bottom:20px;}
	.job_kobetu_list {width:auto;}
	.job_list_kobetu_flex {display:block;}
	.list_photo {
		width:auto;
		margin-right:0;
	}
	.job_list_kobetu_flex_r {width:auto;}
	.job_list_ttl {font-size:22px;}
	.list_category {height:61px;}
	/*求人シングルページ*/
	.shingle_page {width:auto;}
	.shingle_ttl {font-size:22px;}
	.shingle_mainphoto {
		display:block;
	}
	#mainImage {width:auto;}
	.shingle_photo_sublist {
		display: flex;
		flex-direction: row;
		width: auto;
		justify-content: space-between;
	}
	img.shingle_photo_thumbnail{
		width:30%;
		margin:20px 0 0 0;
	}
	.shingle_midasi, .shingle_midasi2, .shingle_midasi3 {
		width:auto;
		font-size:22px;
	}
	.shingle_midasi:after, .shingle_midasi2:after, .shingle_midasi3:after {width:66%;}
	.job_content {
		width:auto;
		font-size:14px;
		line-height:1.5;
	}
	.icon_txt {line-height:1.3;}
	.job_qualification {width:auto;}
	.qualification_icon_f {
		flex-direction: column;
		align-items: flex-start;
	}
	.job_qualification_f_r {width:70%;}
	.qualification_icon {width:30%;}
	.qualification_txt {
		font-size:15px;
		line-height:1.5;
	}
	.job_company {width:auto;}
}