
/*------------------------
テンプレート用スタイル
-------------------------*/

html {
  scroll-padding-top: 80px;
}

:root {
  --unit-space-lg: 60px;
  --unit-space-md: 40px;
  --unit-space-sm: 20px;
}

@media screen and (min-width: 768px) {

  :root {
    --unit-space-lg: 100px;
    --unit-space-md: 60px;
    --unit-space-sm: 30px;
  }

  html {
    scroll-padding-top: 100px;
  }

}

a.nolink,
a.nolink:visited {
	cursor: default;
	text-decoration: none !important;
    pointer-events: none;
    color: #4f4f4f;
}

.js-lazy-load {
}

.js-lazy-load.loading {
	transition: none;
	opacity: 1;
	transform: none;
}

.lg_1 .wrapAll {
	margin-top: 100px;
}

.lg_1 header.layHeader {
	top: 100px;
}

.dropdown-menu-org li a.layIconLinkOut01,
.dropdown-menu-org li a.layIconLink01 {
	padding-left: 15px;
}

.dropdown-menu-org li a.layIconLinkOut01 span,
.dropdown-menu-org li a.layIconLink01 span {
	padding-left: 5px;
}

.dropdown-menu-org li a.layIconLinkOut01::after {
	top: 50%;
	left: 7px;
}

.dropdown-menu-org li a.layIconLink01::after {
	top: 17px;
	left: 7px;
}

.wrapNavRecruitIdx .layIconLinkOut02::after {
	display: none;
}

.wrapNavRecruitIdx ul.lay1 dd .layIconLinkOut02 {
	display: block;
}

.wrapNavRecruitIdx .layIconLinkOut02 span span {
	padding-right: 12px;
}

.wrapNavRecruitIdx .layIconLinkOut02 span span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -3px;
	margin-top: -3px;
	width: 10px;
	height: 8px;
	background: url("../imgs/ico_link_out_01.png") no-repeat 100% 0/10px 8px;
}

.wrapNavRecruitIdx .layIconLinkOut02:hover span span::before {
	background-image: url("../imgs/ico_link_out_02.png");
}

.layTorikumiIdx li a.layIconLinkOut01::after {
	display: none;
}

.layTorikumiIdx li a.layIconLinkOut01 .layIconLink01 {
	padding-left: 15px;
}

.layTorikumiIdx li a.layIconLinkOut01 .layIconLink01::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	width: 10px;
	height: 8px;
	background: url("../imgs/ico_link_out_01.png") no-repeat 0 0/10px 8px;
	border: none;
	transform: none;
}

.layTorikumiIdx li a.layIconLinkOut01:hover .layIconLink01::after {
	background-image: url("../imgs/ico_link_out_02.png");
}
/*
.pageShopKensaku .wrapSearchAreaLayer03 > div > .searchAreaLayer03 > .shop_cate_name:not(:has(ul.searchAreaLayer03)),
.pageShopKensaku .area_gifu_list.searchAreaLayer05 > .shop_cate_name:not(:has(ul.searchAreaLayer05)),
.pageShopKensaku .area_mie_list.searchAreaLayer05 > .shop_cate_name:not(:has(ul.searchAreaLayer05)) {
	display: none;
}

.pageShopKensaku .searchAreaLayer03 .searchAreaLayer03,
.pageShopKensaku .searchAreaLayer05 .searchAreaLayer05 {
	display: none;
}
*/

.pageShopKensaku .area_aichi_list.searchAreaLayer03 > .shop_cate_name.lv {
 	display: none;
}

.pageShopKensaku .area_gifu_list.searchAreaLayer05 > .shop_cate_name.lv,
.pageShopKensaku .area_mie_list.searchAreaLayer05 > .shop_cate_name.lv {
 	display: none;
}

.pageShopKensaku .area_aichi_list.searchAreaLayer03 .searchAreaLayer03 {
	display: none;
}

.pageShopKensaku .area_gifu_list.searchAreaLayer05 .searchAreaLayer05,
.pageShopKensaku .area_mie_list.searchAreaLayer05 .searchAreaLayer05 {
	display: none;
}

div.layBtnShopKensaku {
	padding: 0;
}

div.layBtnShopKensaku a {
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

div.layBtnShopKensaku a:hover {
	text-decoration: none;
}

.area_aichi_list.disabled label,
.area_mie_list.disabled label,
.area_gifu_list.disabled label,
.region_aichi_list.disabled label {
	opacity: 0.5;
}

.searchAreaLayer02 li.layerParentTyp01.region_aichi_list {
	display: none;
}

.wrapNavRecruitStaffParttime .listTyp02 > .parttime_area {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.wrapNavRecruitStaffParttime .listTyp02 > .parttime_area > .parttime_area_list {
	display: flex;
	flex-wrap: wrap;
}

.wrapNavRecruitStaffParttime .listTyp02 > .parttime_area {
	padding: 0;
}

.wrapNavRecruitStaffParttime .parttime_area > .parttime_area_list > .parttime_area_name > .parttime_area_list {
	display: none;
}

.wrapNavRecruitStaffParttime .parttime_area > .parttime_area_list > .parttime_area_name:not(:has(.parttime_area_name .parttime_area_entry)) {
	display: none;
}

.wrapNavRecruitStaffParttime .parttime_region {
	display: none;
}

.parttime_summary:not(:has(.parttime_summary_box)) {
	display: none;
}

.form_checkbox {
	display: flex;
	align-items: center;
}

.form_checkbox > div {
	margin-right: 25px;
}

.form_checkbox > div input {
	margin-right: 8px;
}

.wrapForm .layTxtError {
	margin: 10px 0 15px;
	color: #e23c3c;
	font-weight: 500;
}

.howToMake .howToMakeItem:nth-child(1) .num::after {
	content: "1";
}
.howToMake .howToMakeItem:nth-child(2) .num::after {
	content: "2";
}
.howToMake .howToMakeItem:nth-child(3) .num::after {
	content: "3";
}
.howToMake .howToMakeItem:nth-child(4) .num::after {
	content: "4";
}
.howToMake .howToMakeItem:nth-child(5) .num::after {
	content: "5";
}
.howToMake .howToMakeItem:nth-child(6) .num::after {
	content: "6";
}
.howToMake .howToMakeItem:nth-child(7) .num::after {
	content: "7";
}
.howToMake .howToMakeItem:nth-child(8) .num::after {
	content: "8";
}
.howToMake .howToMakeItem:nth-child(9) .num::after {
	content: "9";
}
.howToMake .howToMakeItem:nth-child(10) .num::after {
	content: "10";
}
.howToMake .howToMakeItem:nth-child(11) .num::after {
	content: "11";
}
.howToMake .howToMakeItem:nth-child(12) .num::after {
	content: "12";
}
.howToMake .howToMakeItem:nth-child(13) .num::after {
	content: "13";
}
.howToMake .howToMakeItem:nth-child(14) .num::after {
	content: "14";
}
.howToMake .howToMakeItem:nth-child(15) .num::after {
	content: "15";
}

.howToMake .howToMakeItem:last-child {
    background: #fbf7f2;
    border: 3px solid #f5c8b2;
}

[class*="column-media"] {
	margin-bottom: 0px;
}

.entry_column .column_clear {
	clear: both;
}

.wrapLocalEvent .wrapNav dd a.active {
	background: #ccc;
	color: #fff;
    pointer-events: none;
	cursor: default;
}

@media screen and (min-width: 768px) {

  .entry_column .media_l {
	  max-width: 1100px;
  }

  .entry_column .media_m {
	  max-width: 550px;
  }

  .entry_column .media_m2 {
	  max-width: 510px;
  }

  .entry_column .media_s {
	  max-width: 340px;
  }

  .entry_column .media_s2 {
	  max-width: 230px;
  }

}

.entry_column [class*="column2_"] [class*="media_"]:has(+ p),
.entry_column [class*="column3_"] [class*="media_"]:has(+ p),
.entry_column [class*="column4_"] [class*="media_"]:has(+ p) {
	margin-bottom: 20px

}

.entry_column [class*="column2_"],
.entry_column [class*="column3_"],
.entry_column [class*="column4_"] {
  margin-bottom: 30px;
}

.entry_column [class*="column2_"] .columnImage,
.entry_column [class*="column3_"] .columnImage,
.entry_column [class*="column4_"] .columnImage {
  width: 100%;
  max-width: 100%;
}

.column_img_border {
  border: 5px solid #f3f3f3;
}

@media screen and (min-width: 768px) {

  .entry_column [class*="column2_"],
  .entry_column [class*="column3_"],
  .entry_column [class*="column4_"] {
	  float: left;
	  margin-bottom: 60px;
  }

  .entry_column .column2_center > div {
	  margin: 0 20px;
	  width: 30%;
	  float: left;
  }

  .entry_column .column2_left_330 {
	  margin-right: 5%;
	  width: 30%;
  }

  .entry_column .column2_right_715 {
	  width: 65%;
  }

  .entry_column .column2_left_715 {
	  margin-right: 5%;
	  width: 65%;
  }

  .entry_column .column2_right_330 {
	  width: 30%;
  }

  .entry_column .column2_left_220 {
	  margin-right: 5%;
	  width: 20%;
  }

  .entry_column .column2_right_825 {
	  width: 75%;
  }

  .entry_column .column2_left_825 {
	  margin-right: 5%;
	  width: 75%;
  }

  .entry_column .column2_right_220 {
	  width: 20%;
  }

  .entry_column .column2_full_left {
	  margin-right: 6%;
	  width: 47%;
  }

  .entry_column .column2_full_right {
	  width: 47%;
  }

  .entry_column .column3_full_left {
	  margin-right: 40px;
	  width: calc(33.33333% - 26.5px);
  }

  .entry_column .column3_full_center {
	  margin-right: 40px;
	  width: calc(33.33333% - 26.5px);
  }

  .entry_column .column3_full_right {
	  width: calc(33.33333% - 27px);
  }

  .entry_column .column4_full_left {
	  margin-right: 60px;
	  width: calc(25% - 45px);
  }

  .entry_column .column4_full_center_left {
	  margin-right: 60px;
	  width: calc(25% - 45px);
  }

  .entry_column .column4_full_center_right {
	  margin-right: 60px;
	  width: calc(25% - 45px);
  }

  .entry_column .column4_full_right {
	  width: calc(25% - 45px);
  }

}

.entry_column [class*="column2_"] .h2Typ02 {
	margin-bottom: 30px;
}

.entry_column [class*="column3_"] .h2Typ02 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.2rem;
    color: #009075;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 768px) {

  .entry_column .column2_center_left {
	  margin-left: calc(20% - 20px);
	  margin-right: 40px;
	  width: 30%;
  }

  .entry_column .column2_center_right {
	  margin-right: calc(20% - 20px);
	  width: 30%;
  }

}

.entry_column .column-media-left {
	margin: 0 6% 60px 0;
}

.entry_column .column-media-right {
	margin: 0 0 60px 6%;
}

.entry_column .column-media-center {
	margin-bottom: 60px;
}

.entry_column h2+hr+div .tblTyp01,
.entry_column h3+hr+div .tblTyp01,
.entry_column h4+hr+div .tblTyp01,
.entry_column h5+hr+div .tblTyp01 {
	margin-top: 0;
}


.btnTyp01_adjRight {
	display: flex;
	justify-content: flex-end;
	margin: 40px 0 0;
}

.btnTyp01_adjRight a {
	position: relative;
	display: block;
	padding: 15px 30px;
	font-size: 16px;
	color: #2a7da3;
	text-decoration: none;
	border: 1px solid #eeeeee;
	border-radius: 10px;
	box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);
}

.btnTyp01_adjRight a:hover {
	text-decoration: none;
	color: #ffffff;
	border: 1px solid #007cb4;
	background: #007cb4;
}

.btnTypCtrTyp01 .layIconLink01::after {
	top: 0 !important;
	bottom: 0;
	margin: auto;
}

.entry-container {
	margin: 0;
}

.entry_column p.a_center {
	text-align: center;
}

.parttime_form p.a_right,
.form_entry p.a_right,
.entry_column p.a_right {
	text-align: right;
}

.entry_table table.acms-table-scrollable,
.entry_table table.js-table-unit-scroll-hint,
.entry_table table:not([class]) {
    margin:50px 0 0;
    width:100%
}

.entry_table table.acms-table-scrollable+.wrapForm,
.entry_table table.js-table-unit-scroll-hint+.wrapForm,
.entry_table table:not([class])+.wrapForm {
    margin-top:50px
}

.entry_table table.acms-table-scrollable th,
.entry_table table.acms-table-scrollable td,
.entry_table table.js-table-unit-scroll-hint th,
.entry_table table.js-table-unit-scroll-hint td,
.entry_table table:not([class]) th,
.entry_table table:not([class]) td {
    padding:30px;
    border:1px solid #a2cdc9
}

.entry_table table.acms-table-scrollable th,
.entry_table table.js-table-unit-scroll-hint th,
.entry_table table:not([class]) th {
    width:20%;
    color:#007d6c;
    background:rgba(211,233,231,0.5)
}

@media screen and (max-width: 767px){

    .entry_table table:not([class]),
	.entry_table table:not([class]) tbody,
	.entry_table table:not([class]) thead,
	.entry_table table:not([class]) tr,
	.entry_table table:not([class]) th,
	.entry_table table:not([class]) td {
        display:block;
        width:100%
    }

    .entry_table table:not([class]) {
        border:1px solid #a2cdc9;
        border-top:none;
    }

    .entry_table table:not([class]) th,
	.entry_table table:not([class]) td {
        padding:15px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-top:1px solid #a2cdc9
    }

	.entry_table table.acms-table-scrollable th,
	.entry_table table.acms-table-scrollable td,
	.entry_table table.js-table-unit-scroll-hint th,
	.entry_table table.js-table-unit-scroll-hint td {
        padding:15px;
	}

	.entry_column .column-table- .acms-table-scrollable th,
	.entry_column .column-table- .acms-table-scrollable td {
		display: table-cell;
		white-space: nowrap;
	}

	.entry_column .column-table-:has(.acms-table-scrollable) {
		position: relative;
    	overflow: auto;
	}

}
/*
.column_table_bsc,
.column_table_tblTyp02 {
	clear:both;
}

.column_table_tblTyp02 .entry_table table{
    margin: 0;
	border: none;
    width:100%
}
.column_table_tblTyp02 .entry_table table th,
.column_table_tblTyp02 .entry_table table td{
    padding:20px;
	border-left: none;
	border-right: none;
	border-top: none;
    border-bottom:1px solid #a2cdc9
}
.column_table_tblTyp02 .entry_table table th{
    width:20%;
    color:#007d6c;
	background: none;
}
@media screen and (max-width: 767px){
    .column_table_tblTyp02 .entry_table table,
	.column_table_tblTyp02 .entry_table table tbody,
	.column_table_tblTyp02 .entry_table table thead,
	.column_table_tblTyp02 .entry_table table tr,
	.column_table_tblTyp02 .entry_table table th,
	.column_table_tblTyp02 .entry_table table td{
        display:block;
        width:100%
    }

    .column_table_tblTyp02 .entry_table table th,
	.column_table_tblTyp02 .entry_table table td{
        padding:15px;
    }
}

.column_table_bsc .entry_table table{
    width:100%;
	border: none;
    margin:0
}
.column_table_bsc .entry_table table th{
    padding:40px;
    line-height:1.7;
	border-left: none;
	border-right: none;
	border-top: none;
    border-bottom:1px solid #D4D4D4;
    white-space:nowrap;
	background: none;
	color: #333;
}
.column_table_bsc .entry_table table td{
    padding:40px;
    line-height:1.7;
	border-left: none;
	border-right: none;
	border-top: none;
    border-bottom:1px solid #D4D4D4
}
@media screen and (max-width: 767px){
    .column_table_bsc .entry_table table{
        margin: 0;
    }
    .column_table_bsc .entry_table table th,
	.column_table_bsc .entry_table table td{
        padding:20px
    }
}
*/

.btnTyp01_layIconLinkOut01 {
	display: flex;
	margin: 40px 0 0;
}

.btnTyp01_layIconLinkOut01 a {
	position: relative;
	display: block;
	padding: 15px 30px;
	font-size: 16px;
	color: #2a7da3;
	text-decoration: none;
	border: 1px solid #eeeeee;
	border-radius: 10px;
	box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1);
}

.entry_column p.attention {
	margin: 40px 0;
    border: 2px solid #DE5655;
    border-radius: 10px;
    padding: 30px;
    background: rgba(222, 86, 85, 0.1);
	text-align: center;
	font-size: 1.15rem;
	color: #DE5655;
}

.lg_1 .wrapStickyFaqTyp01 {
	top: 200px;
}

.recruit_newgraduate_entry {
    margin-bottom: 50px;
}

.layFormTyp01 input.dyn2.graduat_mm {
    margin-left: 20px;
    width: 3rem;
}

.form_checkbox_column {
    margin: 10px 0;
}

.form_checkbox_column input {
  margin-right: 10px;
}

@media screen and (max-width: 767px){

  .recruit_newgraduate_entry {
      margin-bottom: 30px;
  }

  .layFormTyp01 input.dyn2.graduat_yy {
      flex-grow: 0;
  }

  .layFormTyp01 input.dyn2.graduat_mm {
      margin-left: 20px;
      flex-grow: 0;
      width: 3rem;
  }

  .form_checkbox_column {
      margin: 10px 0 0 20px;
      text-indent: -20px;
      padding-left: 20px;
  }

  .form_checkbox_column input {
    margin-right: 7px;
  }


}

/* -----------------------
　　　404
----------------------- */

#notfound {
	color: #373228;
}

#wrapper_404 {
	margin: 10px;
	padding: 30px;
	width: auto;
    background-image: none;
}

#box_404 {
	border-radius: 5px;
}

.inner_left404 {
    margin-right: 0;
    margin-bottom: 40px;
	text-align: left;
}

.inner_left404 img {
	margin: 0 auto;
	width: 200px;
}

.inner_right404 {
    font-size: 1.4rem;
}

.inner_right404 h1 {
    font-size: 2.0rem;
    margin-bottom: 20px;
	text-align: left;
}

.inner_right404 p {
    margin-bottom: 10px;
    font-size: 16px;
}

.inner_right404 p a {
	text-decoration: underline;
}

#copyright_404 {
    display: block;
	margin: 10px 10px 0;
	text-align: center;
	font-size: 14px;
}

.inner_left404 .site_logo_gold {
	margin: 0 10px 0 0;
	width: 40px;
}

.inner_left404 .site_logo_text {
	width: 130px;
}

.inner_left404 a {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 600px) {

	#notfound {
	    padding-top: 50px;
	}

	#wrapper_404 {
		margin: 0 auto;
		padding: 60px 60px 0 70px;
		width: 1100px;
	}

	#box_404 {
		margin-bottom: 40px;
		padding: 0;
		display: flex;
		align-items: center;
	}

	.inner_left404 {
	    margin-right: 50px;
	    margin-bottom: 0;
	    text-align: left;
	}

	.inner_left404 img {
		margin: 0 auto;
		width: 250px;
		text-align: center;
	}

	.inner_right404 {
	    text-align: left;
	    font-size: 16px;
	}

	.inner_right404 h1 {
	    font-size: 24px;
	    margin-bottom: 20px;
	    text-align: left;
	}

	.inner_left404 .site_logo_gold {
		margin: 0 10px 0 0;
		width: 40px;
	}

}

@media screen and (min-width: 600px) and (max-width: 768px) {

	#wrapper_404 {
		padding: 60px 20px;
		width: 600px;
	}

	#box_404 {
		margin-bottom: 20px;
	}

	.inner_left404 {
	    margin-right: 30px;
	}

	.inner_left404 img {
		width: 200px;
	}

	.inner_right404 {
	    text-align: left;
	    font-size: 14px;
	}

	.inner_right404 h1 {
	    font-size: 20px;
	}

}

#adminBox .acms-admin-btn-admin {
	padding: 5px;
	font-size: 1.2rem;
}

#adminBox {
    margin-bottom: 0 !important;
    height: 80px;
    width: 100%;
    z-index: 100;
}

.acms-admin-btn-action-group th,
.acms-admin-btn-action-group td {
	padding-right: 10px !important;
	background-image: none !important;
	font-size: 14px !important;
	white-space: nowrap !important;
}

.acms-admin-form .entryFormLiteEditor, .acms-admin-form textarea,
.acms-admin-btn,
.acms-admin-form select {
	font-size: 14px;
}

.lg_5 #adminBox,
.lg_4 #adminBox,
.lg_3 #adminBox,
.lg_2 #adminBox,
.lg_1 #adminBox {
	position: fixed;
	top: 0;
}

@media screen and (min-width: 768px) {

	#adminBox .acms-admin-btn-admin {
		padding: 10px;
		font-size: 1.2rem;
	}

	#adminBox {
	    height: 100px;
	}

}

.titleWrapper {
	padding: 40px 60px 10px;
	max-width: 1200px;
}

.titleWrapper h2 {
	margin: 0 0 30px 0;
	font-size: 3.0rem;
}

.custom_field_edit h3 {
	padding: 20px 10px;
	font-size: 1.8rem;
	font-weight: bold;
}

.entryFormLiteEditor a {
	text-decoration: underline;
	color: #0075DE;
}

.entryFormLiteEditor em {
	color: #d84708;
	font-weight: bold;
}

.entryFormLiteEditor strong {
	ont-weight: bold;
}

.js-lazy-load {
	transform: translateY(0);
	transition: opacity 0.3s cubic-bezier(0.5, 0, 0, 1);
}


.entryFormSelectBottom {
  max-width: inherit !important;
}

.entryFormColumn .entryFormColumnHead .entryFormColumnHeadLayoutBox input,
.entryFormColumn .entryFormColumnHead .entryFormColumnHeadLayoutBox select {
	max-width: 200px;
}

@media (min-width: 768px) {
  .acms-admin-inline-btn .acms-admin-btn-admin,
  .formEntryActionUnit .acms-admin-btn-admin {
    font-size: 14px;
  }

  .comPostWrapper .acms-admin-btn-admin {
    font-size: 16px;
  }
}
