/* CSS Document */

:root{
/* color */
--color-K  :#333333;
--color-R  :#e81c24;
--color-G  :#2aa900;
--color-G-ML:#88cf71;
--color-G-L :#f1f9ef;
--color-gray:#949494;
/* font */
--font-14:14px;
/* size */
--size-col2-H:49px;
}

link[href*="hellowork_cmn"] ~ section{
	font-size: 14px;
	color: var(--color-K);
}
link[href*="hellowork_cmn"] ~ * + *{margin-top: 50px;}
link[href*="hellowork_cmn"] ~ * *{box-sizing: border-box;}
link[href*="hellowork_cmn"] ~ * *[prewrap]{white-space: pre-wrap;}
link[href*="hellowork_cmn"] ~ * *[color-R]{color:var(--color-R);}
link[href*="hellowork_cmn"] ~ * a{color: inherit;	text-decoration: none;}
link[href*="hellowork_cmn"] ~ * span{display: inline-block;}
link[href*="hellowork_cmn"] ~ * .mgnT25{margin-top: 25px;}
link[href*="hellowork_cmn"] ~ * .mgnT30{margin-top: 30px;}
link[href*="hellowork_cmn"] ~ * .mgnT35{margin-top: 35px;}
link[href*="hellowork_cmn"] ~ * .mgnT40{margin-top: 40px;}
link[href*="hellowork_cmn"] ~ * .mgnT45{margin-top: 45px;}
link[href*="hellowork_cmn"] ~ * .mgnT50{margin-top: 50px;}
link[href*="hellowork_cmn"] ~ * .bg_hellowork_grad_92{
	background:-moz-linear-gradient(0deg, #9fd38e, #2aa900);
  background:-webkit-linear-gradient(0deg, #9fd38e, #2aa900);
  background:linear-gradient(0deg, #9fd38e, #2aa900);
}
link[href*="hellowork_cmn"] ~ * .bg_hellowork_grad_92_rev{
	background:-moz-linear-gradient(180deg, #9fd38e, #2aa900);
  background:-webkit-linear-gradient(180deg, #9fd38e, #2aa900);
  background:linear-gradient(180deg, #9fd38e, #2aa900);
}
link[href*="hellowork_cmn"] ~ * .bg_hellowork_grad_8D{
	background:-moz-linear-gradient(0deg, #8dd177, #dce8d6);
  background:-webkit-linear-gradient(0deg, #8dd177, #dce8d6);
  background:linear-gradient(0deg, #8dd177, #dce8d6);
}
link[href*="hellowork_cmn"] ~ * .bg_hellowork_grad_gray{
	background:-moz-linear-gradient(90deg, #ced1d9 15%, #ffffff);
  background:-webkit-linear-gradient(90deg, #ced1d9 15%, #ffffff);
  background:linear-gradient(90deg, #ced1d9 15%, #ffffff);
}
link[href*="hellowork_cmn"] ~ * *[class*="col"]{display: flex; flex-wrap: wrap;}
link[href*="hellowork_cmn"] ~ * .col2_1{gap:15px calc(1% * 26 / 7.28);}
link[href*="hellowork_cmn"] ~ * .col3_2{gap:18px calc(1% * 19 / 7.28);}
link[href*="hellowork_cmn"] ~ * .col2_1 > *{width:calc(1% * 351 / 7.28); font-size: 13px;}
link[href*="hellowork_cmn"] ~ * .col3_2 > *{width:calc(1% * 230 / 7.28); font-size: 15px;}
link[href*="hellowork_cmn"] ~ * .col2_1 a{min-height: 34px;}
link[href*="hellowork_cmn"] ~ * .col3_2 a{min-height: 55px;}
@media screen and (max-width: 767px) {
	link[href*="hellowork_cmn"] ~ * .col2_1{gap:15px 0;}
	link[href*="hellowork_cmn"] ~ * .col3_2{gap:18px calc(1% * 15 / 3.45);}
	link[href*="hellowork_cmn"] ~ * .col2_1 > *{width:100%; font-size: 13px;}
	link[href*="hellowork_cmn"] ~ * .col3_2 > *{width:calc(1% * 165 / 3.45); font-size: 15px;}
	link[href*="hellowork_cmn"] ~ * .col2_1 a{min-height: 34px;}
	link[href*="hellowork_cmn"] ~ * .col3_2 a{min-height: 55px; font-size: 13px;}
}
link[href*="hellowork_cmn"] ~ * *[class*="col"] a{font-weight: 700; line-height: 1.25em;}
link[href*="hellowork_cmn"] ~ * *[class*="col"][class*="arrow"] a{
	padding: 0.5em 1em;
	gap: 0.5em; display: flex; align-items: center;
}
link[href*="hellowork_cmn"] ~ * *[class*="col"][class*="L_arrow"] a::before,
link[href*="hellowork_cmn"] ~ * *[class*="col"][class*="R_arrow"] a::after{
	content:''; width:1em; min-width:1em; height:1em; background-position: center center; background-repeat: no-repeat; background-size: contain;
}
link[href*="hellowork_cmn"] ~ * *[class*="col"].L_arrow_G a::before,
link[href*="hellowork_cmn"] ~ * *[class*="col"].R_arrow_G a::after{background-image: url("hellowork_arrow_G.svg");}
link[href*="hellowork_cmn"] ~ * *[class*="col"][class*="arrow_W"] a{background-color: var(--color-G); color:#FFF;}
link[href*="hellowork_cmn"] ~ * *[class*="col"][class*="arrow_W"] a::before{background-image: url("hellowork_arrow_W.svg");}
link[href*="hellowork_cmn"] ~ * *[class*="col"][class*="arrow"] a > span{flex-grow: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
@media screen and (min-width: 768px){
	link[href*="hellowork_cmn"] ~ * *[class*="col"][class*="arrow"] a > span.pc_mgn_minus{margin:0 -0.5em;}
}
@media screen and (max-width: 767px) {
	link[href*="hellowork_cmn"] ~ *[class*="top_head"] *[class*="col"][class*="arrow"] a > span,
	link[href*="hellowork_cmn"] ~ *[class*="top_sec02"] *[class*="col"][class*="arrow"] a > span{justify-content: flex-start;}
}
link[href*="hellowork_cmn"] ~ *[class*="top_head"] a{
	border-radius: 1em;
	background:-moz-linear-gradient(0deg, #8dd177, #dce8d6);
  background:-webkit-linear-gradient(0deg, #8dd177, #dce8d6);
  background:linear-gradient(0deg, #8dd177, #dce8d6);
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec01"] a{
	border: solid 1px var(--color-G);
	display: flex;
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec01"] a div{
	position: relative;
	overflow: hidden;
	width:100%;
	gap: 0.5em;	display: flex; align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec01"] a div::before,
link[href*="hellowork_cmn"] ~ *[class*="top_sec01"] a div::after{
	content:'';
	width: 22px;
	height: 100%;
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec01"] a div::before{
	background:-moz-linear-gradient(0deg, #9fd38e, #2aa900);
  background:-webkit-linear-gradient(0deg, #9fd38e, #2aa900);
  background:linear-gradient(0deg, #9fd38e, #2aa900);
	transform: skewX(-34deg) translateX(-11px);
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec01"] a div::after{
	background:-moz-linear-gradient(180deg, #9fd38e, #2aa900);
  background:-webkit-linear-gradient(180deg, #9fd38e, #2aa900);
  background:linear-gradient(180deg, #9fd38e, #2aa900);
	transform: skewX(-34deg) translateX(11px);
	margin-left: auto;
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec02"] a{
	border-radius: 1em;
	border: solid 1px var(--color-G);
	color: var(--color-G);
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec03"] *[class*="col"]{justify-content: center;}
link[href*="hellowork_cmn"] ~ *[class*="top_sec03"] *[class*="col"] a{
	border-radius: 55px;
	min-height: 55px;
	width: min(470px, 100%);
	padding: 1em calc(55px / 2);
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec04"] *[class*="col"] a{
	border-radius: 1em 0 1em 0;
	padding: 0 2em;
	background:-moz-linear-gradient(0deg, #8dd177, #dce8d6);
  background:-webkit-linear-gradient(0deg, #8dd177, #dce8d6);
  background:linear-gradient(0deg, #8dd177, #dce8d6);
	display: flex;
	align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec05"] *[class*="col"] a{
	border: solid 1px var(--color-G);
	padding: 0 1em;
	border-radius: 34px;
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec06"] *[class*="col"] a{
	border: solid 1px var(--color-G);
	padding: 0; padding-left: 1em;
	display: flex; justify-content: space-between; align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec06"] *[class*="col"] a::after{margin-right: -0.5em;}
link[href*="hellowork_cmn"] ~ *[class*="top_sec07"] *[class*="col"]{flex-direction: column;}
link[href*="hellowork_cmn"] ~ *[class*="top_sec07"] *[class*="col"] a{
	border: solid 1px var(--color-G);
	padding: 0 1em;
	border-radius: 0.75em 0.75em 0 0.75em;
	position: relative;
	display: flex; justify-content: space-between; align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="top_sec07"] *[class*="col"] a::after{
	content:'';
	border-style: solid;
	border-width: 4px;
	border-color: transparent var(--color-G) var(--color-G) transparent;
	position: absolute;
	bottom: 4px;
	right: 4px;
}
link[href*="hellowork_cmn"] ~ * h3{}
link[href*="hellowork_cmn"] ~ * h3[class*="typeA"]{
	font-size: 26px; font-weight: 700;
	gap:20px; display: flex; align-items: center;}
link[href*="hellowork_cmn"] ~ * h3[class*="typeA"] span{flex-grow: 1;}
link[href*="hellowork_cmn"] ~ * h3[class*="typeA"] span::after{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	margin-top: 0.25em;
	background:-moz-linear-gradient(90deg, #ced1d9 15%, #ffffff);
  background:-webkit-linear-gradient(90deg, #ced1d9 15%, #ffffff);
  background:linear-gradient(90deg, #ced1d9 15%, #ffffff);
}
link[href*="hellowork_cmn"] ~ * h3.typeA1 img{width:95px;}
link[href*="hellowork_cmn"] ~ * h3.typeA2 img{width:58px;}
link[href*="hellowork_cmn"] ~ * h3.typeA3 img{width:50px;}
@media screen and (max-width: 767px){
	link[href*="hellowork_cmn"] ~ * h3[class*="typeA"]{font-size: 20px;}
}

link[href*="hellowork_cmn"] ~ *[class*="con_head"]{
	background-color: var(--color-G-L);
	padding: 25px calc(1% * 24 / 7.28) 50px;
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2,
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2 *{line-height: 1em;}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2{
	min-height: calc(1em * 85 / 27);
	border-radius: 85px;
	font-size: 27px; font-weight: 700; padding: 0 1em;
	gap:0.25em 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;	align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara]{position: relative; gap:0.25em;}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara]::before{
	content:'';	display: block;
	width:calc(1em * 75 / 27);	height:calc(1em * 75 / 27);
	position: absolute; left:min(10%,calc(1vw * 16 / 3.75));
	/* margin-left: calc((-1em * 75 / 27) - 0.25em); */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara="桑名"]::before{background-image:url("hellowork_chara_kuwana.png");}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara="四日市"]::before{background-image:url("hellowork_chara_yokkaichi.png");}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara="鈴鹿"]::before{background-image:url("hellowork_chara_suzuka.png");}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara="伊賀"]::before{background-image:url("hellowork_chara_iga.png");}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara="津"]::before{background-image:url("hellowork_chara_tsu.png");}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara="松阪"]::before{background-image:url("hellowork_chara_matsusaka.png");}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara="伊勢"]::before{background-image:url("hellowork_chara_ise.png");}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara="尾鷲"]::before{background-image:url("hellowork_chara_owase.png");}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2[chara="熊野"]::before{background-image:url("hellowork_chara_kumano.png");}
@media screen and (max-width: 767px){
	link[href*="hellowork_cmn"] ~ *[class*="con_head"] h2{min-height: 64px; font-size: 20px;}
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .back{margin-top: 1em; display: flex; justify-content: flex-end; align-items: center;}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .back a{text-decoration: underline;}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] *[class*="list"] a[no]{display: none; pointer-events:none;}
@media screen and (min-width: 768px){
	link[href*="hellowork_cmn"] ~ * *[class*="col2_1"][v]{flex-direction: column; max-height: calc(var(--size-col2-H) * attr(v number));}
	link[href*="hellowork_cmn"] ~ * *[class*="col2_1"][v="1"]{max-height: calc(var(--size-col2-H) * 1);}
	link[href*="hellowork_cmn"] ~ * *[class*="col2_1"][v="2"]{max-height: calc(var(--size-col2-H) * 2);}
	link[href*="hellowork_cmn"] ~ * *[class*="col2_1"][v="3"]{max-height: calc(var(--size-col2-H) * 3);}
	link[href*="hellowork_cmn"] ~ * *[class*="col2_1"][v="4"]{max-height: calc(var(--size-col2-H) * 4);}
	link[href*="hellowork_cmn"] ~ * *[class*="col2_1"][v="5"]{max-height: calc(var(--size-col2-H) * 5);}
	link[href*="hellowork_cmn"] ~ * *[class*="col2_1"][v="6"]{max-height: calc(var(--size-col2-H) * 6);}
	link[href*="hellowork_cmn"] ~ * *[class*="col2_1"][v="7"]{max-height: calc(var(--size-col2-H) * 7);}
	link[href*="hellowork_cmn"] ~ * *[class*="col2_1"][v="8"]{max-height: calc(var(--size-col2-H) * 8);}
	link[href*="hellowork_cmn"] ~ * *[class*="col2_1"][v="9"]{max-height: calc(var(--size-col2-H) * 9);}
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .list1 a{
	background-color: #FFF;
	box-shadow: 4px 4px 0 0 var(--color-G-ML);
	padding-left: 8px;
	display: flex; align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .list1 a::before{
	content: ''; background-color: #c7c7c7; width:4px; height:1em; margin-right: 8px;
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .list2 a{
	border: solid 1px var(--color-G);
	border-radius: 34px;
	height: 34px;
	background-color: #FFF;
	padding-left: 1em;
	display: flex; justify-content: space-between; align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .list2 a span{
	border-left: solid 1px var(--color-G);
	width: 2em;
	min-width: 2em;
	height: 100%;
	display: flex; justify-content: center; align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .list2 a span::before{
	content: ''; border-style: solid; border-width: 0.3em 0 0.3em 0.5em; border-color: transparent var(--color-G);
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .list3 a{
	border: solid 1px var(--color-G);
	background-color: #FFF;
	padding-left: 1em;
	position: relative;
	display: flex; align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .list3 a::before,
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .list3 a::after{
	content: ''; position: absolute; width:0.8em; height:80%; background-color: var(--color-G-L); transform: rotate(60deg);
}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .list3 a::before{top:-1em; left:0; border-right: solid 1px var(--color-G);}
link[href*="hellowork_cmn"] ~ *[class*="con_head"] .list3 a::after{bottom:-1em; right:0; border-left: solid 1px var(--color-G);}

link[href*="hellowork_cmn"] ~ *[class*="con_sec01"]{}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_addr{gap:2em 1em; display: flex; flex-wrap: wrap; justify-content: space-between;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_addr > *{max-width: 100%;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_addr .t{width: 400px;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_addr .t a{text-decoration: underline;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_addr .p{width: 290px;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_addr .p img{width:100%;}
@media screen and (max-width: 767px){
	link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_addr{flex-direction: column;}
	link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_addr .t,
	link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_addr .p{width:100%;}
}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_tel{
	background-color: var(--color-G-L);
	padding: 1em;
	min-height: 125px;
	display: flex; flex-direction: column; justify-content: center; align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_tel h3{font-size:20px; font-weight:700;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_tel a{
	font-size:35px; font-weight:700; color:var(--color-G); margin-right: 0.5em;
	gap: 0.25em; display: flex; justify-content: center; align-items: center;
}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_tel a::before{
	content:''; display: block; width:1em; height:1em;
	background-image: url("hellowork_cmn_icon_tel.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width: 767px){
	link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_tel h3{font-size:18px;}
	link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_tel a{font-size:30px;}
}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_bumon{
	border:solid 1px var(--color-gray);
	border-spacing: 0;
}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_bumon tr > *{
	box-sizing: content-box;
	padding: 0.5em 1em;
	text-align: center; vertical-align: middle;
}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_bumon tr > *:nth-child(n+2){border-left:solid 1px var(--color-gray);}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_bumon thead tr > *{
	background-color:var(--color-G); color:#FFF;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_bumon thead tr > *:nth-child(n+2){border-color:#FFF;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_bumon thead tr > *:nth-child(1){width:5em;min-width:5em;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_bumon thead tr > *:nth-child(2){width:9em;min-width:9em;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_bumon tbody tr > *{border-top:solid 1px var(--color-gray);}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .sec_bumon tbody tr > *:nth-child(3){text-align: left;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .overflow{overflow-x:auto;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .overflow table,
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .overflow img[src*="_car_"]{min-width:728px;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .overflow img[src*="_map_"]{min-width:390px;}
link[href*="hellowork_cmn"] ~ *[class*="con_sec01"] .overflow img[src*="_map_matsusaka."]{min-width:381px;}