/*
Theme Name: Design03
Version: 1.5
*/@charset "utf-8";
/* ------------------------------------------------ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&display=swap');
/* ------------------------------------------------ */
.pc {}.sp {display: none;}.none {display: none;}
@media screen and (max-width: 767px) {
.pc {display: none;}.sp {display: block;}
}
.drawer .none {display: block!important;}
/* ------------------------------------------------ */
:root {
	--white: #fff;
	--black: #000;
	--gray1: #333;
	--gray2: #666;
	--gray3: #999;
	--gray4: #ccc;
	--gray5: #e6e6e6;
	--gray6: #f2f2f2;
	--red1: #f00;
	--red2: #c00;
	--red3: #c00;
	--color1: #28823d;
	--color2: #1e6830;
	--color3: #56aa1e;
	--color4: #28823d;

	--color5: #1c7acc;
	--color6: #51bfcc;

	--bg1: #edefe0;
/*
	--color2: #3d7a14;
	--color1: #71bf44;
	--color2: #3f7f19;
	--color3: #378431;
	--color4: #306011;
*/
	--font1: 'Noto Sans JP', sans-serif;
	--font2: 'Noto Serif JP', serif;

	--recruitpost1: #28823d;
	--recruitpost2: #3d7a14;
	--jobseekerinfo1: #16a0e2;
	--jobseekerinfo2: #027fbc;

	--jobseekerinfo4: #266b3f;
/*
	--line1: #06C755;
*/
	--line1: #078e4f;
	--line2: #07703f;
	--line3: #05522c;
	--line4: #266b3f;

	--blue1: #164f89;
	--blue2: #114272;
	--blue3: #0c3356;
	--blue4: #305982;
}
/* ------------------------------------------------ */
body.single-userentry #wpadminbar {
	display: none!important;
}
html#html_single_single-userentry { margin-top: 0px !important; }
@media screen and ( max-width: 782px ) {
	html#html_single_single-userentry { margin-top: 0px !important; }
}
.adminonly {
	display: none;
}
.form_lv_2 .adminonly {
	display: none;
}
/* ------------------------------------------------ */
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
*{
margin:0;
padding:0;
}
html {
}
html,body {
	height: 100%;
	font-size: 62.5%;
	margin: 0px auto;
}
body {
	color: #333;
	color: var(--black);
	font-size: 15px;
	font-size: 1.5rem;
	font-size: 1.5vmin;
	font-size: clamp(14px, 1.5vmin, 15px);
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	background-color: #fff;
	background-color: var(--gray6);
}
#html_page_page-scout body {
	background-color: var(--gray4);
}
@media screen and (max-width: 767px) {
	body {
		font-size: 15px;
		font-size: 1.5rem;
		-webkit-text-size-adjust: 100%;
	}
}
#container {
	position: relative;
	height: 100%;
	min-height: 100%;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
}
body > #container {height: auto;}
a {
	text-decoration: underline;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:link {color: var(--black);}
a:visited {color: var(--black);}
a:active {color: var(--color1);}
a:hover {color: var(--color1);}


.html_jobseeker a:active,
.html_jobseeker a:hover {
	color: var(--line4);
}
.html_company a:active,
.html_company a:hover {
	color: var(--blue4);
}

a img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
a:active img,
a:hover img {
	opacity: 0.8;
}
a svg rect,
a svg path,
a svg circle,
a svg polygon{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
/*
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);

	-webkit-transform: translate(0px,30px);
	-moz-transform: translate(0px,30px);
	-ms-transform: translate(0px,30px);
	-o-transform: translate(0px,30px);
	transform: translate(0px,30px);

	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);

	-webkit-transition: -webkit-transform 0.3s linear;
	-moz-transition: -moz-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	transition: transform 0.3s linear;

.galbox li {
	position: relative;
	width: 20%;
	height: 75px;
	overflow: hidden;
}
.galbox li img {
	position: absolute;
	left: 50%;
	top: 50%;

	width: auto;
	height: 75px;
	max-width: none;


	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);

	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);

	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-ms-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
}
*/
h1,h2,h3,h4,h5,h6 {font-size:1em;}
em,i,address {font-style: normal;}
/*
a[href^='tel'] {pointer-events: none;text-decoration: none;}
a[href^='tel'] img {display:inline-block;}
@media screen and (max-width: 767px) {
	a[href^='tel'] {pointer-events: auto;}
	a[href^='tel'] img {display:block;}
}
*/
input[type="button"],
button,
select {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
/*
  appearance: none;
*/
  color: #000
}
input,textarea,select,button {
	outline: none;
	font-family: 'Noto Sans JP', sans-serif;
}
button,input,textarea,select {
	box-sizing: border-box;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance:textfield;
}
input[type='submit'],
button {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
img {display:block;max-width:100%;border:none;-ms-interpolation-mode: bicubic;-webkit-backface-visibility: hidden;image-rendering: -webkit-optimize-contrast;}
@media screen and (max-width: 767px) {
	img {max-width:100%;height:auto;}
}
p {}
.center {text-align: center;}
.right {text-align: right;}
.imgleft {float: left;margin-right:5px;}
.imgright {float: right;margin-left:5px;}
@media screen and (max-width: 767px) {
	.imgleft {float: none;margin-right:0px;margin-bottom:10px;}
	.imgright {float: none;margin-left:0px;margin-bottom:10px;}
}
pre {}
.clear {clear: both;}
.clearfix::after {
	display: block;
	content: "";
	clear: both;
	height: 0px;
	visibility: hidden;
}
ul {list-style-type:none;}
.attention,.error {color: #c00;font-weight: 700;}
.fonts {font-size:0.85em;}
.red {color: #c00;}
.error-box {
	text-align: center;
	padding: 100px 0px;
}
i.sup {
	position: relative;
	top: -0.2em;
	font-size: 0.7em;
	font-style: normal;
	vertical-align: top;
}
i.sub {
	position: relative;
	top: 0.2em;
	font-size: 0.5em;
	font-style: normal;
	vertical-align: bottom;
}
.sup {
	font-size:0.6em;
	font-style: normal;
	vertical-align: super;
}
.dsh {
	box-shadow: 2px 2px 2px #e6e6e6;
	-moz-box-shadow: 2px 2px 2px #e6e6e6;
	-webkit-box-shadow: 2px 2px 2px #e6e6e6;

	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
/*
	text-shadow: 1px 1px 5px rgba(0,0,0,1),1px 2px 5px rgba(0,0,0,1);
	-moz-text-shadow: 1px 1px 5px rgba(0,0,0,1),1px 2px 5px rgba(0,0,0,1);
	-webkit-text-shadow: 1px 1px 5px rgba(0,0,0,1),1px 2px 5px rgba(0,0,0,1);

	-moz-text-shadow: 3px 0px 10px #fff,-3px 0px 10px #fff,0px -3px 10px #fff,0px 3px 10px #fff;
	-webkit-text-shadow: 3px 0px 10px #fff,-3px 0px 10px #fff,0px -3px 10px #fff,0px 3px 10px #fff;
	text-shadow: 3px 0px 10px #fff,-3px 0px 10px #fff,0px -3px 10px #fff,0px 3px 10px #fff;

	text-shadow: #fff 2px 0px 0px, #fff -2px 0px 0px,#fff 0px -2px 0px, #fff 0px 2px 0px,#fff 2px 2px 0px, #fff -2px 2px 0px,#fff 2px -2px 0px, #fff -2px -2px 0px,#fff 1px 2px 0px, #fff -1px 2px 0px,#fff 1px -2px 0px, #fff -1px -2px 0px,#fff 2px 1px 0px, #fff -2px 1px 0px,#fff 2px -1px 0px, #fff -2px -1px 0px,#fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
	-moz-text-shadow: #fff 2px 0px 0px, #fff -2px 0px 0px,#fff 0px -2px 0px, #fff 0px 2px 0px,#fff 2px 2px 0px, #fff -2px 2px 0px,#fff 2px -2px 0px, #fff -2px -2px 0px,#fff 1px 2px 0px, #fff -1px 2px 0px,#fff 1px -2px 0px, #fff -1px -2px 0px,#fff 2px 1px 0px, #fff -2px 1px 0px,#fff 2px -1px 0px, #fff -2px -1px 0px,#fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
	-webkit-text-shadow: #fff 2px 0px 0px, #fff -2px 0px 0px,#fff 0px -2px 0px, #fff 0px 2px 0px,#fff 2px 2px 0px, #fff -2px 2px 0px,#fff 2px -2px 0px, #fff -2px -2px 0px,#fff 1px 2px 0px, #fff -1px 2px 0px,#fff 1px -2px 0px, #fff -1px -2px 0px,#fff 2px 1px 0px, #fff -2px 1px 0px,#fff 2px -1px 0px, #fff -2px -1px 0px,#fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
}

3pxのふち
text-shadow: 0px 1px 0px #000,1px 1px 0px #000,2px 1px 0px #000,3px 1px 0px #000,0px 2px 0px #000,1px 2px 0px #000,2px 2px 0px #000,3px 2px 0px #000,0px 3px 0px #000,1px 3px 0px #000,2px 3px 0px #000,3px 3px 0px #000,0px -1px 0px #000,1px -1px 0px #000,2px -1px 0px #000,3px -1px 0px #000,0px -2px 0px #000,1px -2px 0px #000,2px -2px 0px #000,3px -2px 0px #000,0px -3px 0px #000,1px -3px 0px #000,2px -3px 0px #000,3px -3px 0px #000,-1px 1px 0px #000,-2px 1px 0px #000,-3px 1px 0px #000,-1px 2px 0px #000,-2px 2px 0px #000,-3px 2px 0px #000,-1px 3px 0px #000,-2px 3px 0px #000,-3px 3px 0px #000,-1px -1px 0px #000,-2px -1px 0px #000,-3px -1px 0px #000,-1px -2px 0px #000,-2px -2px 0px #000,-3px -2px 0px #000,-1px -3px 0px #000,-2px -3px 0px #000,-3px -3px 0px #000,1px 0px 0px #000,1px 1px 0px #000,1px 2px 0px #000,1px 3px 0px #000,2px 0px 0px #000,2px 1px 0px #000,2px 2px 0px #000,2px 3px 0px #000,3px 0px 0px #000,3px 1px 0px #000,3px 2px 0px #000,3px 3px 0px #000,-1px 0px 0px #000,-1px 1px 0px #000,-1px 2px 0px #000,-1px 3px 0px #000,-2px 0px 0px #000,-2px 1px 0px #000,-2px 2px 0px #000,-2px 3px 0px #000,-3px 0px 0px #000,-3px 1px 0px #000,-3px 2px 0px #000,-3px 3px 0px #000,1px 0px 0px #000,1px -1px 0px #000,1px -2px 0px #000,1px -3px 0px #000,2px 0px 0px #000,2px -1px 0px #000,2px -2px 0px #000,2px -3px 0px #000,3px 0px 0px #000,3px -1px 0px #000,3px -2px 0px #000,3px -3px 0px #000,-1px 0px 0px #000,-1px -1px 0px #000,-1px -2px 0px #000,-1px -3px 0px #000,-2px 0px 0px #000,-2px -1px 0px #000,-2px -2px 0px #000,-2px -3px 0px #000,-3px 0px 0px #000,-3px -1px 0px #000,-3px -2px 0px #000,-3px -3px 0px #000;

	background: -moz-linear-gradient(top, rgba(19,128,182,1) 0%, rgba(2,85,158,1) 100%);
	background: -webkit-linear-gradient(top, rgba(19,128,182,1) 0%,rgba(2,85,158,1) 100%);
	-moz-background-clip: text;
	-webkit-background-clip: text;
	-moz-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;

color: rgb(255,214,94);
background: -moz-linear-gradient(top, rgba(229,165,4,1) 0%, rgba(255,214,94,1) 30%, rgba(255,214,94,1) 70%, rgba(229,165,4,1) 100%);
background: -webkit-linear-gradient(top, rgba(229,165,4,1) 0%,rgba(255,214,94,1) 30%,rgba(255,214,94,1) 70%,rgba(229,165,4,1) 100%);
background: linear-gradient(to bottom, rgba(229,165,4,1) 0%,rgba(255,214,94,1) 30%,rgba(255,214,94,1) 70%,rgba(229,165,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a504', endColorstr='#e5a504',GradientType=0 );endColorstr='#febf04',GradientType=0 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

	filter: drop-shadow(2px 0px 2px rgba(0,0,0,0.2));
*/
}
.corn {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.text-transform {
	text-transform: capitalize;
	text-transform: uppercase;
	text-transform: lowercase;
	text-transform: full-width;
}
/*
<div id="wrap" class="fade off">
#wrap.on {
	background-color: #fff;
}

$(function(){$(window).scroll(function (){$(".fade").each(function(){var imgPos = $(this).offset().top;var scroll = $(window).scrollTop();var windowHeight = $(window).height();if (scroll > imgPos - windowHeight + windowHeight/5){$(this).addClass("on");} else {$(this).removeClass("on");}});});});
$(function(){$(window).scroll(function (){$(".fade2").each(function(){var imgPos = $(this).offset().top;var scroll = $(window).scrollTop();var windowHeight = $(window).height();if (scroll > imgPos - windowHeight + windowHeight/3){$(this).addClass("on");} else {$(this).removeClass("on");}});});});
*/
.off {/*fade*/
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
.on {
}
/* ------------------------------------------------ */
.width {
	width: 1000px;
	margin: 0px auto;
}
.widths {
	width: 900px;
	margin: 0px auto;
}
.widthss {
	width: 800px;
	margin: 0px auto;
}
@media screen and (max-width: 1000px) {
	.width {
		width: auto;
	}
}
@media screen and (max-width: 900px) {
	.widths {
		width: auto;
	}
}
@media screen and (max-width: 800px) {
	.widthss {
		width: auto;
	}
}
.widthm {
	width: 800px;
	margin: 0px auto;
}
@media screen and (max-width: 1000px) {
	.widthm {
		width: auto;
	}
}

body.single-userentry .width,
body.single-userentry .widths,
body.single-userentry .widthss {
	width: auto;
}
.drawer .width,
.drawer .widths,
.drawer .widthss {
	width: auto;
}
/* ------------------------------------------------ */
#header {
	background-color: var(--black);
}
.header {
	position: relative;
	z-index: 5;
	transition: all 0.2s linear;
}
#header .header {
/*
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
*/
}
.headerouter {
	max-width: 1000px;
	margin: 0px auto;
}
@media screen and (min-width: 768px) {
	.headerouter {
		padding-right: 80px;
	}
}
.headerinner {
	position: relative;
	z-index: 1;
}
@media screen and (min-width: 768px) {
/*
	#container.fixed #header .header {
		width: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		background-color: rgba(29,32,137,0.8);
	}
*/
	#header .headerinner {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
		margin: 0px auto;
	}
	#header .header-box {
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}
	#header .header-box#header-logo {
		width: 200px;
	}
	#header .header-box#header-nav {
	}
	#header .header-box#header-right {

	}
}
/* ------------------------------------------------ */
.header-logo {
	text-align: center;
}
.drawer .header-logo {
	padding: 10px 0px;
}
.header-logo a {
	display: inline-block;
	color: var(--color1);
	text-decoration: none;
}
.header-logo b {
	display: block;
	font-size: 13px;
	vertical-align: bottom;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	display: none;
}
.header-logo b span {
	color: var(--red2);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.header-logo-img {
	vertical-align: bottom;
	width: 150px;
	height: 57px;
	background-image: url("../img/logow.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.header-logo-img img {
	display: block;
}
@media screen and (min-width: 768px) {
	#header .header-logo-img {
		display: inline-block;
	padding: 20px 0px;
	}
	#header .header-logo b {
		display: inline-block;
	display: none;
	}
}
/* ------------------------------------------------ */
/*
#nav {
}
.nav {
	text-align: center;
}
.drawer .nav {
}
#header .nav ul {
}
#header .nav ul li {
	display: inline-block;
	vertical-align: middle;
}
.nav ul li {
	padding: 5px 10px;
}
.nav ul li a {
	display: block;
	display: inline-block;
	color: var(--white);
	border-radius: 50px;
	padding: 10px 20px 10px 40px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 16px;
}

.nav ul li.nav-recruitpost a {
	background-color: rgba(69,140,50,0.3);
	border: 1px solid var(--recruitpost1);
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%2371bf44" d="M21.191,17.667C22.328,15.883 22.986,13.767 22.986,11.5C22.986,5.158 17.831,0 11.493,0C9.227,0 7.112,0.659 5.33,1.797C3.91,2.703 2.702,3.912 1.796,5.332C0.66,7.116 0,9.233 0,11.5C0,17.841 5.156,23 11.493,23C13.759,23 15.875,22.34 17.657,21.203C19.077,20.297 20.286,19.088 21.191,17.667ZM15.22,18.764C14.103,19.341 12.835,19.667 11.493,19.667C6.993,19.667 3.331,16.003 3.331,11.5C3.331,10.158 3.657,8.889 4.233,7.771C5.014,6.256 6.254,5.016 7.768,4.236C8.886,3.659 10.152,3.333 11.493,3.333C15.994,3.333 19.655,6.997 19.655,11.5C19.655,12.842 19.329,14.109 18.753,15.228C17.974,16.743 16.734,17.983 15.22,18.764Z"/><path fill="%2371bf44" d="M29.269,25.732L22.633,19.109C21.689,20.489 20.479,21.699 19.1,22.645L25.735,29.268C26.223,29.756 26.862,30 27.501,30C28.141,30 28.781,29.756 29.269,29.268C30.244,28.291 30.244,26.708 29.269,25.732Z"/></svg>');
}
.nav ul li.nav-jobseekerinfo a {
	background-color: rgba(80,200,240,0.3);
	border: 1px solid var(--jobseekerinfo1);
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%2351c4ed" d="M15.005,17.403C10.202,17.403 6.308,13.509 6.308,8.705C6.308,3.901 10.202,0.007 15.005,0.007C19.81,0.007 23.704,3.901 23.704,8.705C23.704,13.509 19.81,17.403 15.005,17.403ZM15.005,15.527C18.774,15.527 21.828,12.473 21.828,8.705C21.828,4.937 18.774,1.882 15.005,1.882C11.238,1.882 8.184,4.937 8.184,8.705C8.184,12.473 11.238,15.527 15.005,15.527Z"/><path fill="%2351c4ed" d="M29.513,26.379C29.803,27.268 29.96,28.152 30.011,29.014C30.026,29.272 29.934,29.524 29.757,29.712C29.579,29.9 29.333,30.007 29.074,30.007L0.938,30.007C0.68,30.007 0.433,29.9 0.256,29.712C0.079,29.525 -0.013,29.272 0.002,29.015C0.051,28.153 0.209,27.269 0.499,26.379C2.259,20.971 8.655,17.923 15.006,17.923C21.356,17.923 27.753,20.971 29.513,26.379ZM27.729,26.959C26.199,22.257 20.527,19.799 15.006,19.799C9.484,19.799 3.813,22.257 2.283,26.959C2.155,27.352 2.058,27.743 1.99,28.131L28.022,28.131C27.954,27.743 27.857,27.352 27.729,26.959Z"/></svg>');
}
.nav ul li a:hover {
	opacity: .7;
}
.nav ul li a b {
	font-weight: 400;
}
*/
/* ------------------------------------------------ */
.header-link {
	text-align: right;
}
@media screen and (min-width: 768px) {
	.header-link {
		position: absolute;
		z-index: 0;
		right: 0px;
		top: 0px;
	}
}
@media screen and (max-width: 767px) {
	.header-link {
		text-align: center;
		padding: 10px 5px 5px 5px;
	}
}
.header-link ul {
}
.header-link ul li {
	display: inline-block;
	vertical-align: middle;
}
.header-link ul li a {
	display: block;
	color: var(--white);
	font-size: 13px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 10px;
}
.header-link ul li a:hover {
	color: var(--line1);
}
.header-link ul li.header-link-keep a {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M28.417,0L1.583,0L1.583,30L15,21.209L28.417,30L28.417,0ZM15,18.202L4.099,25.344L4.099,2.516L25.901,2.516L25.901,25.344L15,18.202Z"/></svg>');
	background-size: 12px;
	padding: 0px 10px 0px 16px;
}
.header-link ul li.header-link-linetomo a {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%2366e254" fill-rule="evenodd" d="M23.9917 11.1626c-.0125.1941-.0398.4415-.0949.7355-.1476.9364-.4616 1.8307-.917 2.6636-.2146.3924-1.2669 1.8861-1.5896 2.2799-1.7735 2.1644-4.7435 4.6627-9.7102 7.0911-.4634.2267-.9922-.1503-.9354-.6684l.2503-2.2824c.0399-.3638-.2193-.6925-.5787-.7306C4.5376 19.6278 0 15.5746 0 10.6672 0 5.32816 5.37099 1 11.9966 1c6.4387 0 11.6927 4.08755 11.9838 9.2181.0084.1488.032.6243.0113.9445zm-9.8475-2.60911v2.86741s-2.4507-3.23845-2.4881-3.28101c-.1171-.13313-.2896-.21503-.4811-.20767-.3338.01283-.5898.30838-.5898.64678v4.6682c0 .3433.2747.6217.6136.6217.3389 0 .6137-.2784.6137-.6217v-2.8501s2.488 3.2667 2.5245 3.3018c.1085.1041.2543.1685.4152.17.3408.0031.6194-.3023.6194-.6475V8.55349c0-.34335-.2748-.62171-.6137-.62171-.3389.00008-.6137.27836-.6137.62171zm-8.74426.00003v4.07198h1.84092c.33891 0 .61366.2784.61366.6218 0 .3433-.27475.6217-.61366.6217H4.78627c-.33891 0-.61366-.2784-.61366-.6217V8.55352c0-.34335.27475-.62171.61366-.62171s.61367.27836.61367.62171zM8.91697 13.869h.26828c.26483 0 .47953-.2175.47953-.4858V8.41763c0-.26831-.2147-.48582-.47953-.48582h-.26828c-.26483 0-.47953.21751-.47953.48582v4.96557c0 .2683.2147.4858.47953.4858zM19.3601 7.93181c.339 0 .6137.27836.6137.62171 0 .34336-.2747.62172-.6137.62157h-1.8409v1.10351h1.8409c.339 0 .6137.2784.6137.6217 0 .3434-.2747.6217-.6137.6217h-1.8409v1.1035h1.8409c.339 0 .6137.2784.6137.6218 0 .3433-.2747.6217-.6137.6217h-2.4545c-.3389 0-.6137-.2784-.6137-.6217V8.55352c0-.34335.2748-.62171.6137-.62171h2.4545z" clip-rule="evenodd"/></svg>');
	background-size: 15px;
	padding: 0px 10px 0px 18px;
}
.header-link ul li.header-link-logout a {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M16.185,16.184L15,17.369L12.633,15L24.285,3.349L15.799,3.349L15.799,-0L30,-0L30,14.203L26.652,14.203L26.652,5.717L16.185,16.184ZM26.652,26.651L26.652,18.269L30,18.269L30,30L0,30L0,-0L11.731,-0L11.731,3.349L3.349,3.349L3.349,26.651L26.652,26.651Z"/></svg>');
	background-size: 10px;
	padding: 0px 10px 0px 16px;
}
.header-link ul li.header-link-faq a {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M25.606,4.393C22.897,1.681 19.137,-0.001 15,0C10.863,-0.001 7.103,1.681 4.393,4.393C1.681,7.103 -0.001,10.863 0,15C-0.001,19.137 1.681,22.897 4.393,25.607C7.103,28.319 10.863,30.001 15,30C19.137,30.001 22.897,28.319 25.606,25.607C28.319,22.897 30.001,19.137 30,15C30.001,10.863 28.319,7.103 25.606,4.393ZM23.407,6.593C25.56,8.75 26.888,11.712 26.889,15C26.888,18.288 25.56,21.25 23.407,23.407C21.25,25.561 18.288,26.888 15,26.889C11.712,26.888 8.75,25.561 6.593,23.407C4.439,21.25 3.112,18.288 3.111,15C3.112,11.712 4.439,8.75 6.593,6.593C8.75,4.439 11.712,3.112 15,3.111C18.288,3.112 21.25,4.439 23.407,6.593Z"/><path fill="%23ffffff" d="M14.224,19.296C13.391,19.296 12.716,19.971 12.716,20.804C12.716,21.635 13.391,22.311 14.224,22.311C15.055,22.311 15.73,21.635 15.73,20.804C15.73,19.971 15.055,19.296 14.224,19.296Z"/><path fill="%23ffffff" d="M10.803,10.187L11.829,11.009C12.038,11.176 12.337,11.17 12.539,10.994C12.539,10.994 12.665,10.766 13.06,10.541C13.457,10.316 13.972,10.136 14.742,10.133C15.414,10.132 16,10.382 16.399,10.725C16.597,10.895 16.746,11.084 16.837,11.259C16.928,11.434 16.962,11.587 16.961,11.703C16.96,12.096 16.883,12.354 16.773,12.572C16.689,12.736 16.579,12.881 16.438,13.022C16.227,13.233 15.941,13.428 15.62,13.607C15.299,13.788 14.953,13.947 14.603,14.14C14.204,14.361 13.781,14.679 13.469,15.155C13.314,15.391 13.192,15.66 13.114,15.944C13.036,16.229 13.001,16.528 13.001,16.832L13.001,17.423C13.001,17.729 13.249,17.978 13.555,17.978L14.891,17.978C15.197,17.978 15.445,17.729 15.445,17.423L15.445,16.832C15.445,16.715 15.458,16.639 15.471,16.591C15.493,16.519 15.505,16.502 15.542,16.458C15.579,16.416 15.653,16.353 15.79,16.277C15.991,16.164 16.313,16.012 16.677,15.815C17.224,15.516 17.887,15.111 18.447,14.443C18.725,14.108 18.971,13.707 19.142,13.244C19.313,12.781 19.406,12.26 19.405,11.703C19.405,11.138 19.251,10.601 19.002,10.125C18.626,9.41 18.037,8.814 17.307,8.382C16.578,7.952 15.698,7.689 14.742,7.689C13.565,7.686 12.586,7.994 11.848,8.419C11.106,8.842 10.787,9.334 10.787,9.334C10.662,9.443 10.592,9.6 10.595,9.765C10.598,9.93 10.674,10.084 10.803,10.187Z"/></svg>');
	background-size: 14px;
	padding: 0px 10px 0px 16px;
}
@media screen and (min-width: 768px) {
	.header-link ul li.header-link-info a {
		border-left: 1px solid var(--gray2);
		border-right: 1px solid var(--gray2);
		padding: 0px 10px;
	}
}
@media screen and (max-width: 767px) {

}
.header-link ul li a b {
	font-weight: 400;
}
/* ------------------------------------------------ */
#header-right {
}
.header-nav {
}
.header-login {
}
@media screen and (min-width: 768px) {
	.header-right-inner {
		text-align: right;
	}
	.header-nav {
		display: inline-block;
		vertical-align: middle;
		padding: 0px 20px;
	}
	.header-login {
		display: inline-block;
		vertical-align: middle;
	}
}
@media screen and (max-width: 767px) {
	.header-right-inner {
		text-align: center;
	}
	.header-nav,
	.header-login {
		display: inline-block;
		vertical-align: middle;
	}
	.header-nav {
		padding: 5px 1px;
	}
	.header-login {
		padding: 5px 1px;
	}
}
/*
.header-login ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 1px 0px;
}
.header-login ul li {
	display: table-cell;
	text-align: center;
}
*/

.header-nav ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 3px;
}
.header-nav ul li a {
	display: block;
	display: inline-block;
	color: var(--white);
	font-size: 14px;
	border-radius: 50px;
	padding: 10px 20px 10px 40px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 16px;
}
@media screen and (max-width: 767px) {
	.header-nav ul li a {
		font-size: 14px;
		padding: 10px 10px 10px 30px;
	}
}
.header-nav ul li a:hover {
}
.header-nav ul li a b {
	font-weight: 500;
}
.header-nav ul li.header-nav-recruitpost a {
	color: var(--white);
	background-color: rgba(69,140,50,0.3);
	border: 1px solid var(--recruitpost1);
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%2371bf44" d="M21.191,17.667C22.328,15.883 22.986,13.767 22.986,11.5C22.986,5.158 17.831,0 11.493,0C9.227,0 7.112,0.659 5.33,1.797C3.91,2.703 2.702,3.912 1.796,5.332C0.66,7.116 0,9.233 0,11.5C0,17.841 5.156,23 11.493,23C13.759,23 15.875,22.34 17.657,21.203C19.077,20.297 20.286,19.088 21.191,17.667ZM15.22,18.764C14.103,19.341 12.835,19.667 11.493,19.667C6.993,19.667 3.331,16.003 3.331,11.5C3.331,10.158 3.657,8.889 4.233,7.771C5.014,6.256 6.254,5.016 7.768,4.236C8.886,3.659 10.152,3.333 11.493,3.333C15.994,3.333 19.655,6.997 19.655,11.5C19.655,12.842 19.329,14.109 18.753,15.228C17.974,16.743 16.734,17.983 15.22,18.764Z"/><path fill="%2371bf44" d="M29.269,25.732L22.633,19.109C21.689,20.489 20.479,21.699 19.1,22.645L25.735,29.268C26.223,29.756 26.862,30 27.501,30C28.141,30 28.781,29.756 29.269,29.268C30.244,28.291 30.244,26.708 29.269,25.732Z"/></svg>');
}
.header-nav ul li a:hover {
	background-color: rgba(69,140,50,0.6);
	border: 1px solid var(--recruitpost2);
}
.header-nav ul li.header-nav-jobseekerinfo a {
	background-color: rgba(80,200,240,0.3);
	border: 1px solid var(--jobseekerinfo1);
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%2351c4ed" d="M15.005,17.403C10.202,17.403 6.308,13.509 6.308,8.705C6.308,3.901 10.202,0.007 15.005,0.007C19.81,0.007 23.704,3.901 23.704,8.705C23.704,13.509 19.81,17.403 15.005,17.403ZM15.005,15.527C18.774,15.527 21.828,12.473 21.828,8.705C21.828,4.937 18.774,1.882 15.005,1.882C11.238,1.882 8.184,4.937 8.184,8.705C8.184,12.473 11.238,15.527 15.005,15.527Z"/><path fill="%2351c4ed" d="M29.513,26.379C29.803,27.268 29.96,28.152 30.011,29.014C30.026,29.272 29.934,29.524 29.757,29.712C29.579,29.9 29.333,30.007 29.074,30.007L0.938,30.007C0.68,30.007 0.433,29.9 0.256,29.712C0.079,29.525 -0.013,29.272 0.002,29.015C0.051,28.153 0.209,27.269 0.499,26.379C2.259,20.971 8.655,17.923 15.006,17.923C21.356,17.923 27.753,20.971 29.513,26.379ZM27.729,26.959C26.199,22.257 20.527,19.799 15.006,19.799C9.484,19.799 3.813,22.257 2.283,26.959C2.155,27.352 2.058,27.743 1.99,28.131L28.022,28.131C27.954,27.743 27.857,27.352 27.729,26.959Z"/></svg>');
}


.header-login ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 3px;
}

.header-login ul li a {
	display: block;
	display: inline-block;
	color: var(--white);
	line-height: 1em;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 3px;
	padding: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
}
.header-login ul li a span {
	font-size: 13px;
	font-weight: 500;
	line-height: 1em;
}
.header-login ul li.header-login-regist a {
	background-color: var(--recruitpost1);
	border: 1px solid var(--color1);
}
.header-login ul li.header-login-mypage a {
/*
	background-color: var(--gray2);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.3) 100%);
	background-color: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.4);
*/
	background-color: rgba(50,200,10,0.2);
	border: 1px solid var(--color1);
}
.header-login ul li.header-login-linelogin a {
	background-color: rgba(50,200,10,0.2);
	border: 1px solid var(--color1);
}
.header-login ul li a:hover {
	color: var(--white);
	background-color: rgba(255,255,255,0.1);
	border: 1px solid var(--color1);
}
.header-login ul li.header-login-mypage a:hover {
	color: var(--white);
	background-color: var(--recruitpost1);
	border: 1px solid var(--color1);
}
/*
.header-login a:hover {
	opacity: .7;
	background-color: var(--color2);
}
*/
/*
.header-login a b {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1em;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 0px 10px 20px;
}
.header-login ul li.header-login-mypage a b {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M15.005,17.403C10.202,17.403 6.308,13.509 6.308,8.705C6.308,3.901 10.202,0.007 15.005,0.007C19.81,0.007 23.704,3.901 23.704,8.705C23.704,13.509 19.81,17.403 15.005,17.403ZM15.005,15.527C18.774,15.527 21.828,12.473 21.828,8.705C21.828,4.937 18.774,1.882 15.005,1.882C11.238,1.882 8.184,4.937 8.184,8.705C8.184,12.473 11.238,15.527 15.005,15.527Z"/><path fill="%23ffffff" d="M29.513,26.379C29.803,27.268 29.96,28.152 30.011,29.014C30.026,29.272 29.934,29.524 29.757,29.712C29.579,29.9 29.333,30.007 29.074,30.007L0.938,30.007C0.68,30.007 0.433,29.9 0.256,29.712C0.079,29.525 -0.013,29.272 0.002,29.015C0.051,28.153 0.209,27.269 0.499,26.379C2.259,20.971 8.655,17.923 15.006,17.923C21.356,17.923 27.753,20.971 29.513,26.379ZM27.729,26.959C26.199,22.257 20.527,19.799 15.006,19.799C9.484,19.799 3.813,22.257 2.283,26.959C2.155,27.352 2.058,27.743 1.99,28.131L28.022,28.131C27.954,27.743 27.857,27.352 27.729,26.959Z"/></svg>');
	background-size: 14px;
}
.header-login ul li.header-login-linelogin a b {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%2366e254" fill-rule="evenodd" d="M23.9917 11.1626c-.0125.1941-.0398.4415-.0949.7355-.1476.9364-.4616 1.8307-.917 2.6636-.2146.3924-1.2669 1.8861-1.5896 2.2799-1.7735 2.1644-4.7435 4.6627-9.7102 7.0911-.4634.2267-.9922-.1503-.9354-.6684l.2503-2.2824c.0399-.3638-.2193-.6925-.5787-.7306C4.5376 19.6278 0 15.5746 0 10.6672 0 5.32816 5.37099 1 11.9966 1c6.4387 0 11.6927 4.08755 11.9838 9.2181.0084.1488.032.6243.0113.9445zm-9.8475-2.60911v2.86741s-2.4507-3.23845-2.4881-3.28101c-.1171-.13313-.2896-.21503-.4811-.20767-.3338.01283-.5898.30838-.5898.64678v4.6682c0 .3433.2747.6217.6136.6217.3389 0 .6137-.2784.6137-.6217v-2.8501s2.488 3.2667 2.5245 3.3018c.1085.1041.2543.1685.4152.17.3408.0031.6194-.3023.6194-.6475V8.55349c0-.34335-.2748-.62171-.6137-.62171-.3389.00008-.6137.27836-.6137.62171zm-8.74426.00003v4.07198h1.84092c.33891 0 .61366.2784.61366.6218 0 .3433-.27475.6217-.61366.6217H4.78627c-.33891 0-.61366-.2784-.61366-.6217V8.55352c0-.34335.27475-.62171.61366-.62171s.61367.27836.61367.62171zM8.91697 13.869h.26828c.26483 0 .47953-.2175.47953-.4858V8.41763c0-.26831-.2147-.48582-.47953-.48582h-.26828c-.26483 0-.47953.21751-.47953.48582v4.96557c0 .2683.2147.4858.47953.4858zM19.3601 7.93181c.339 0 .6137.27836.6137.62171 0 .34336-.2747.62172-.6137.62157h-1.8409v1.10351h1.8409c.339 0 .6137.2784.6137.6217 0 .3434-.2747.6217-.6137.6217h-1.8409v1.1035h1.8409c.339 0 .6137.2784.6137.6218 0 .3433-.2747.6217-.6137.6217h-2.4545c-.3389 0-.6137-.2784-.6137-.6217V8.55352c0-.34335.2748-.62171.6137-.62171h2.4545z" clip-rule="evenodd"/></svg>');
	background-size: 14px;
}
*/
/* ------------------------------------------------ */
#footer {
	background-color: var(--white);
}
.footer {
}
.footer-outer {
	position: relative;
	background-image: url("./img/parts/bg1.webp");
	background-repeat: repeat;
	background-position: center top;
	background-size: 100%;
	background-size: contain;
	background-size: cover;
}
.footer-outer::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;

	background-color: rgba(0,0,0,0.8);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 100%);
}
.footer-inner {
	position: relative;
	z-index: 1;
	padding: 30px 0px;
}
@media screen and (min-width: 768px) {
	.footer-inner {
		display: table;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.footer-box {
		display: table-cell;
		vertical-align: middle;
	}
	.footer-box#footer-logo {
		width: 30%;
	}
	.footer-box#footer-company {
		text-align: right;
	}
}
@media screen and (max-width: 767px) {
	.footer-inner {
		text-align: center;
		padding: 20px 0px;
	}
	.footer-logo {
		margin-bottom: 10px;
	}
	.footer-company {
	}
}
.footer-logo {
	text-align: center;
}
.footer-logo a {
	display: inline-block;
}
.footer-logo img {
	display: inline-block;
	width: 150px;
}
@media screen and (min-width: 768px) {
	.footer-logo img {
	}
}
.footer-contact {
	text-align: center;
	padding-top: 10px;
}

.footer-contact a {
	display: block;
	display: inline-block;
	color: var(--white);
	border-radius: 3px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.footer-contact a span {
	display: block;
	font-size: 14px;
	line-height: 1em;
}
.footer-contact a {
	font-weight: 700;
	background-color: rgba(50,200,10,0.2);
	background-color: rgba(50,130,200,0.2);
	border: 1px solid var(--color6);
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M29.665,4.54C28.796,1.904 26.305,0 23.386,0L6.614,0C3.69,0 1.2,1.909 0.336,4.544C0.118,5.197 0,5.891 0,6.614L0,23.386C0,23.471 0,23.556 0.005,23.641C0.038,24.562 0.265,25.436 0.639,26.225C1.706,28.455 3.983,30 6.614,30L23.386,30C26.013,30 28.29,28.455 29.358,26.23L29.358,26.225C29.736,25.436 29.958,24.567 29.991,23.646L29.991,23.641C30,23.556 30,23.471 30,23.386L30,6.614C30,5.891 29.882,5.192 29.665,4.54ZM2.835,9.859L9.326,15.519L2.835,21.174L2.835,9.859ZM23.386,27.165L6.614,27.165C4.815,27.165 3.312,25.909 2.93,24.226L11.122,17.083L12.109,17.943C12.936,18.666 13.97,19.03 14.995,19.025C16.025,19.03 17.06,18.666 17.887,17.943L18.875,17.083L27.071,24.232C26.684,25.913 25.181,27.165 23.386,27.165ZM27.165,21.18L20.669,15.515L27.165,9.855L27.165,21.18ZM27.165,6.723L16.332,16.167C15.949,16.498 15.477,16.663 14.995,16.663C14.518,16.663 14.046,16.498 13.663,16.167L2.835,6.723L2.835,6.614C2.835,4.526 4.526,2.835 6.614,2.835L23.386,2.835C25.469,2.835 27.165,4.526 27.165,6.614L27.165,6.723Z"/></svg>');
	background-size: 18px;
	padding: 12px 20px 12px 30px;
}
.footer-contact a:hover {
	color: var(--white);
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,1);
}



.footer-company {
}
@media screen and (min-width: 768px) {
	.footer-company {
		display: inline-block;
		text-align: center;
	}
}
@media screen and (max-width: 767px) {

}
.footer-company b {
	display: block;
	display: inline-block;
	position: relative;
	color: var(--white);
	font-size: 18px;
	font-size: clamp(16px, 1.8vw, 18px);
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 30px;
	padding: 5px 15px;
}
.footer-company b::before,
.footer-company b::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0px;
	width: 1px;
	height: 100%;
	background-color: var(--white);
}
.footer-company b::before {
	left: 0px;
	transform: rotate(-15deg);
}
.footer-company b::after {
	right: 0px;
	transform: rotate(15deg);
}
.footer-company ul {
}
.footer-company ul li {
}
@media screen and (min-width: 768px) {
	.footer-company ul li {
		display: inline-block;
		vertical-align: middle;
		padding: 0px 5px;
	}
}
@media screen and (max-width: 767px) {
	.footer-company ul li {
		max-width: 300px;
		margin: 0px auto;
		padding: 2px 5px;
	}
}
.footer-company ul li a {
	display: block;
	color: var(--white);
	border-radius: 3px;
}

.footer-company ul li a {
	background-repeat: no-repeat;
	background-position: 5px center;
}
.footer-company ul li a span {
	display: block;
	font-size: 14px;
	line-height: 1em;
}
.footer-company ul li a {
	background-color: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.4);
	padding: 12px 10px;
}
.footer-company ul li.footer-company-login a {
	font-weight: 700;
	background-color: rgba(50,200,10,0.2);
	background-color: rgba(50,130,200,0.2);
	border: 1px solid var(--color6);
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M5.625,0L5.625,30L13.125,30L13.125,25.313L16.875,25.313L16.875,30L24.375,30L24.375,0L5.625,0ZM10.781,19.062L7.969,19.062L7.969,15.312L10.781,15.312L10.781,19.062ZM10.781,12.5L7.969,12.5L7.969,8.75L10.781,8.75L10.781,12.5ZM10.781,5.937L7.969,5.937L7.969,2.187L10.781,2.187L10.781,5.937ZM16.406,19.062L13.594,19.062L13.594,15.312L16.406,15.312L16.406,19.062ZM16.406,12.5L13.594,12.5L13.594,8.75L16.406,8.75L16.406,12.5ZM16.406,5.937L13.594,5.937L13.594,2.187L16.406,2.187L16.406,5.937ZM22.031,19.062L19.219,19.062L19.219,15.312L22.031,15.312L22.031,19.062ZM22.031,12.5L19.219,12.5L19.219,8.75L22.031,8.75L22.031,12.5ZM22.031,5.937L19.219,5.937L19.219,2.187L22.031,2.187L22.031,5.937Z"/></svg>');
	background-size: 18px;
	padding: 12px 20px 12px 30px;
}
.footer-company ul li a:hover {
	color: var(--white);
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,1);
}



.footer-link {
	font-size: 11px;
	text-align: center;
	padding: 10px 10px;
}
.footer-link ul {
}
.footer-link ul li {
	display: inline-block;
	border-left: 1px solid #ccc;
	margin-left: 5px;
	padding-left: 5px;
}
.footer-link ul li:first-child {
	border-left: none;
	margin-left: 0px;
	padding-left: 0px;
}
.footer-link ul li a {
	color: var(--white);
	color: var(--black);
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.footer-link ul li {
		display: block;
		border-left: none;
		border-bottom: 1px dashed #ccc;
		margin-left: 0px;
		padding: 10px;
	}
	.footer-link ul li:last-child {
		border-bottom: none;
	}
	.footer-link ul li a:hover {
	}
}
.copyright {
	font-weight: 400;
	text-align: center;
	padding: 5px;
}
.copyright small {
	font-size: 10px;
}
/* ------------------------------------------------ */
@media screen and (max-width: 767px) {
	.gotop{
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.gotop{
		position: fixed;
		bottom: -50px;
		right: 0;
		z-index: 9999;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	.gotop.block {
		bottom: 0;
		visibility: visible;
		opacity: 1;
	}
	.gotop a,
	.gotop a::before,
	.gotop a::after {
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	.gotop a {
		display: block;
		position: relative;
		width: 40px;
		height: 40px;
		background-color: var(--black);
		opacity: .8;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-left: auto;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.gotop a::before,
	.gotop a::after {
		display: inline-block;
		content: "";
		position: absolute;
		left: 50%;
	}
	.gotop a::before {
		bottom: 10px;
		z-index: 1;
		width: 10px;
		height: 10px;
		border-top: 1px solid;
		border-left: 1px solid;
		border-color: var(--white);
		transform: rotate(45deg);
		margin-left: -5px;
	}
	.gotop a::after {
		bottom: -10px;
		z-index: 0;
		width: 1px;
		height: 31px;
		background-color: var(--white);
	}
	.gotop a:hover {
/*
		background-color: var(--color2);
*/
	opacity: .5;
	}
	.gotop a:hover::before {
		bottom: 20px;
		border-color: #fff;
	}
	.gotop a:hover::after {
		bottom: 0px;
		background-color: #fff;
	}
	.gotop a span {
		display: block;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
}
/* ------------------------------------------------ */
.panlink {
	font-size: 0.9em;
	padding: 10px 10px;
}
.panlink span {
	display: inline-block;
	font-weight: 700;
}
.panlink a span {
	display: inline-block;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.panlink {
		width: auto;
	}
}
/* ------------------------------------------------ */
#wrap {
}
#main {
	line-height: 1.8em;
}
.main {
	padding: 50px 0px 50px 0px;
}
html.html_mypage .main {
	padding: 50px 0px 50px 0px;
}
html.html_lp .main {
	padding: 0px 0px;
}
html#html_search_search.html_jobseeker .main {
	padding: 0px 0px;
}
/*
html#html_search_search.html_company .main {
	padding: 0px 0px;
}
*/
@media screen and (max-width: 767px) {
	.main {
		padding: 20px 0px;
	}
}
.home .main {
	padding: 0px;
	padding: 0px 0px 50px 0px;
}
/* link------------------------------------------------ */
.link {
	text-align: center;
	padding: 30px 0px;
}
.link.right {
	text-align: right;
}
.link-bloc {
	text-align: center;
}
.link-bloc .link {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 10px;
}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 767px) {
	.link-bloc .link {
		display: block;
		padding: 5px 10px;
	}
}
.link a,
.link button {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
/*
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
*/
}
.links a,
.links button {
	font-weight: 500;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.link a span,
.link button span {
	display: block;
	line-height: 1em;
}
.links a span,
.links button span {
	display: block;
	font-size: 0.85em;
}
@media screen and (min-width: 768px) {
	.link a span,
	.link button span {
	margin: 0px 10px;
		padding: 20px 50px;
	}
	.link-bloc .link a span {
		padding: 20px 30px;
	}
	.links a span,
	.links button span {
		padding: 15px 20px;
	}
	.link.right a span,
	.link.right button span {
		text-align: right;
	}
}
@media screen and (max-width: 767px) {
	.link a,
	.link button {
		display: block;
		max-width: 320px;
		margin: 0px auto;
	}
	.link a span,
	.link button span {
		padding: 20px 10px;
	}
	.links a span,
	.links button span {
		padding: 15px 10px;
	}
}
.link a,
.link button {
	color: var(--white);
	background-color: var(--color1);
	border-radius: 40px;
}
.html_company .link a,
.html_company .link button {
	background-color: var(--blue1);
}
.link.red a,
.link a.red {
	background-color: var(--red2);
}
.link.black a {
	background-color: var(--black);
}
.link.blue a {
	background-color: var(--blue1);
}
.link.line1 a {
	background-color: var(--line1);
}


.link.border a {
	color: var(--black);
	background-color: var(--white);
	border: 2px solid var(--black);
}
.link.border-color a,
.link.border-color button {
	color: var(--color1);
	background-color: var(--white);
	border: 2px solid var(--color1);
}
.html_company .link.border-color a,
.html_company .link.border-color button {
	color: var(--blue1);
	border: 2px solid var(--blue1);
}
.link a:hover {
	color: var(--white);
	background-color: var(--color2);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.html_company .link a:hover,
.html_company .link button:hover {
	color: var(--white);
	background-color: var(--blue3);
}
.link.blue a:hover {
	background-color: var(--blue3);
}
.link.border a:hover {
	color: var(--color2);
	background-color: var(--white);
	border: 2px solid var(--color2);
}
.link a span {
}
.link a span::after {
	content: "";
	position: absolute;
	z-index: 0;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	background-color: var(--white);
	mask-image: url("./img/icon/arrow1.svg");
	mask-size: 15px;
	mask-repeat: no-repeat;
	mask-position: center;
}

/* table------------------------------------------------ */
table {
	width: 100%;
}
.table {
	width: 100%;
	border-collapse:sepalate;
	/*border-collapse:collapse;*/
	border-spacing: 3px;
	empty-cells:show;
	margin: 0px auto 10px auto;
}
.table th {
	width: 25%;
	color: #fff;
	font-weight: normal;
	background-color: #666;
	text-align: center;
	padding: 5px;
}
.table td {
	border: 1px solid #999;
	padding: 5px;
}

/*
table {
	width: 100%;
}
.table {
	display:table;
	width: 100%;
	border-collapse:sepalate; //collapse
	border-spacing: 5px;
	empty-cells:show;
	margin: 0px auto;
}
.row{
	display:table-row;
}
.th{
	display:table-cell;
	width: 25%;
	text-align: center;
	vertical-align: middle;
	background-color: #f5f3f2;
	border: 1px solid #dcdddd;
	padding: 5px;
}
.td {
	display:table-cell;
	border: 1px solid #dcdddd;
	padding: 5px;
}
.contact table p {
	padding-bottom:5px;
}
@media screen and (max-width:767px) {
	.table,
	.row,
	.th,
	.th:before{
		display:block;
	}
	.table,
	.row .th:last-child{
		border-bottom:none;
	}
	.row{
		margin:20px 0;
	}
	.row .th:nth-child(1){ 
	}
	.row .th:last-child{
	}
	.row:last-child .th,
	.th{
		width: auto;
	}
	.th:before{
		font-weight:bold;
		padding-right:20px;
		font-size:12px;
		content:" "attr(data-label)"";
	}
	.td {
		display: block;
		border: none;
		padding: 10px;
	}
}
*/
/* ------------------------------------------------ */
.photo {}.photo ul {display: table;width: 100%;table-layout: fixed;border-spacing: 0px;margin: 0px auto;}.photo li {display: table-cell;vertical-align: top;}.photo li img {margin: 0px auto;}@media screen and (max-width: 767px) {.photo ul {display: block;width: auto;}.photo li {display: block;}}
.photo.photoB ul {display: table;width: 100%;table-layout: fixed;border-spacing: 0px;margin: 0px auto;}.photo.photoB li {display: table-cell;vertical-align: top;}}
.photo.flex {}.photo.flex ul {display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: flex-start;align-content: flex-start;}.photo.flex li {width: 25%;}
/* ------------------------------------------------ */
.movie {z-index: 9998!important;width: 560px;margin: 0 auto;padding: 20px 0 0 0;}.movie iframe{z-index: 9998!important;}@media screen and (max-width: 767px){.movie {position: relative;width: auto;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}.movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}}
/* ------------------------------------------------ */
.tablebox,.tablebloc dl,.tablebloc ul {display: table;width: 100%;table-layout: fixed;border-spacing: 0px;margin: 0px auto;list-style-type: none;-moz-box-sizing: border-box;box-sizing: border-box;}.tabletd,.tablebloc li,.tablebloc dt,.tablebloc dd {display: table-cell;vertical-align: top;-moz-box-sizing: border-box;box-sizing: border-box;}@media screen and (max-width: 767px) {.tablebox,.tablebloc dl,.tablebloc ul {display: block;width: auto;}.tabletd,.tablebloc li,.tablebloc dt,.tablebloc dd {display: block;width: auto;}}
.tableinner {}
.tableinner dl {
background-color: #fff;border-top: 1px solid #000;margin: 0px auto;
}
.tableinner dl:first-child {border-top: 2px solid #000}
.tableinner dl:last-child {border-bottom: 2px solid #000;}
.tableinner dt {
width: 20%;
color: var(--color1);
font-weight: 700;
text-align: center;vertical-align: middle;border-right: 1px solid #000;padding: 20px 10px;
}
.tableinner dd {
padding: 20px 20px;
}
@media screen and (max-width: 767px) {
	.tableinner dt {
		width: auto;
		text-align: left;border-right: none;border-bottom: 1px dashed #ccc;padding: 10px 10px;
	}
	.tableinner dd {
	padding: 10px 10px;
	}
}
.tableinner dd p {
margin-bottom: 10px;
}
.tableinner dd p:last-child {
margin-bottom: 0px;
}
/* ------------------------------------------------ */
.flexbloc {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: stretch;align-content: stretch;justify-content: flex-start;}.flexbloc .flexitem {flex-grow: 1;/*flex-basis: auto;flex-grow: 0;flex-shrink: 1;order: 1;*/}.flexinline {font-size: 0;line-height: 1em;}.flexinline .flexitem {display: inline-flex;display: -webkit-inline-flex;display: -webkit-inline-box;display: -ms-inline-flexbox;width: 200px;font-size: 16px;line-height: 1em;}.flexbox {}.flexbox ul {display: flex;align-items: stretch;align-content: stretch;justify-content: stretch;flex-wrap: wrap;}.flexbox li {flex-grow: 1;}
/* ------------------------------------------------ */
.inlinebloc dl,.inlinebloc ul {font-size: 0;line-height: 1em;list-style-type: none;}.inlinebloc li,.inlinebloc dt,.inlinebloc dd {display: inline-block;font-size: 16px;line-height: 1em;}@media screen and (max-width: 767px) {.inlineblocA dl,.inlineblocA ul {display: block;}.inlineblocA li,.inlineblocA dt,.inlineblocA dd {display: block;}}@media screen and (max-width: 479px) {.inlineblocB dl,.inlineblocB ul {display: block;}.inlineblocB li,.inlineblocB dt,.inlineblocB dd {display: block;}}
/* ------------------------------------------------ */
.map iframe {width:100%;height:500px;}@media screen and (max-width: 767px) {.map iframe {height:200px;}}
/* ------------------------------------------------ */

/* ------------------------------------------------ */
.page-con {
	padding: 50px 10px;
}
.page-con-inner {
	color: var(--black);
	text-align: center;
	background-color: var(--white);
	border: 3px solid var(--color1);
	padding: 20px 10px;
}
.page-con-inner p {
	font-size: 22px;
	line-height: 1.4em;
	padding: 10px 0px 20px 0px;
}
.page-con-inner p b {
	display: inline-block;
	color: var(--color1);
	font-size: 28px;
	line-height: 1.4em;
}
.contactlist ul {
}
.contactlist ul li {
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px;
}
.contactlist ul li b {
	display: block;
	color: var(--white);
	line-height: 1em;
	background-color: var(--color2);
	margin-bottom: 10px;
	padding: 5px 5px;
}
.contactlist ul li a {
	display: inline-block;
	color: var(--color1);
	color: var(--black);
	text-decoration: none;
}
.contactlist ul li a svg {
	display: inline-block;
	width: 25px;
}
.contactlist ul li a svg path,
.contactlist ul li a svg polygon {
	fill: var(--color2);
}
.contactlist ul li a span {
	display: inline-block;
	font-size: 40px;
	font-weight: 700;
}
.contactlist ul li.tel a span,
.contactlist ul li.fax a span {
	font-family: 'Roboto Condensed', sans-serif;
}
.contactlist ul li.mail a span {
	font-size: 24px;
}
.contactlist ul li a em {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1em;
	padding: 5px 5px;
}
/* ------------------------------------------------ */

/* ------------------------------------------------ */
#drawertriger {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 9999;
}
.drawertrig {
	display: block;
	text-align: center;
	cursor: pointer;
}
.drawertrig span, .drawertrig span::before, .drawertrig span::after {
	position: absolute;
	display: inline-block;
	height: 2px;
	width: 34px;
}
.drawertrig span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-40%);
	-moz-transform: translate(-50%,-40%);
	-ms-transform: translate(-50%,-40%);
	-o-transform: translate(-50%,-40%);
	transform: translate(-50%,-40%);
	-webkit-transition: background 0.3s 0.3s;
	-moz-transition: background 0.3s 0.3s;
	transition: background 0.3s 0.3s;
}
.drawertrig span::before, .drawertrig span::after {
	content: '';
	right: 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}
.drawertrig span::before {
	top: -10px;
}
.drawertrig span::after {
	top: 10px;
}
.drawer-open .drawertrig span {
}
.drawer-open .drawertrig span::before, .drawer-open .drawertrig span::after {
}
.drawer-open .drawertrig span::before {
	-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
	transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.drawer-open .drawertrig span::after {
	-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
	transform: translateX(4px) translateY(2px) rotate(-45deg);
}
.drawer-open #drawertriger {
	-webkit-transform: translateX(-280px);
	-moz-transform: translateX(-280px);
	-ms-transform: translateX(-280px);
	-o-transform: translateX(-280px);
	transform: translateX(-280px);
}
.drawertrig {
	width: 50px;
	height: 50px;
	background-color: var(--white);
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	overflow: hidden;
}
#container .drawertrig span {
	top: 50%;
}
#container.fixed.drawer-open #drawertrig .drawertrig span {
}
.drawer-open .drawertrig {
	background-color: var(--color1);
	box-shadow: none;
}
.drawer-open .drawertrig span {background: rgba(0,0,0,0);}
.drawertrig span, .drawertrig span::before, .drawertrig span::after {
	background: var(--color1);
}
.drawer-open .drawertrig span::before, .drawer-open .drawertrig span::after {
	background: var(--white);
}
#drawertrig a {
	text-decoration: none;
}
.drawer-open #drawertrig a em {
	padding-top: 30px;
}
#container.fixed.drawer-open #drawertrig a em {
	padding-top: 30px;
}
.drawer {
	background-color: var(--white);
	box-shadow: -2px 0px 5px 1px rgba(0,0,0,0.1);
	position: fixed;
	z-index: 9998;
	right: -120%;
	top: 0;
	height: 100%;
	width: 280px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.drawer-open .drawer {
	right: 0;
}
/* ------------------------------------------------ */
.overlay {
	position: fixed;
	z-index: 999;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: rgba(0,0,0, 0.5);
	background-color: rgba(255,255,255,0.5);
	visibility: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.overlay.close {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
/* ------------------------------------------------ */
.modal {
	visibility: hidden;
	opacity: 0;
	position:fixed;
	z-index:9998;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition: all 0.2s linear;
	background:#fff;
	padding:0px;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
}
.modal.open {
	visibility: visible;
	opacity: 1;
	top:50%;
}
.modal .modalinner {
}


.modal-tel {
	visibility: hidden;
	opacity: 0;
	position:fixed;
	z-index: 8888;
	left:50%;
	top:60%;
	transform:translate(-50%,-60%);
	transition: all 0.2s linear;
	background:#fff;
	border: 2px solid var(--gray4);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);

}
.modal-tel.modal-tel-open {
	visibility: visible;
	opacity: 1;
	top:50%;
}
@media screen and (max-width:767px) {
	.modal-tel {
		width: 90%;
		height: auto;
	}
	.modal-tel-outer {
		width: 100%;
		height: auto;
	}
}
@media screen and (min-width:768px) {
	.modal-tel-outer  {
		width: 400px;
		height: auto;
	}
}
.modal-tel-inner {
	text-align: center;
/*
	border: 4px solid var(--black);
*/
	padding: 10px;
}

.modal-tel h2 {
	margin-bottom: 10px;
}
.modal-tel h2 strong {
	display: inline-block;
	position: relative;
	color: var(--black);
	font-size: 24px;
	margin-bottom: 10px;
}
.modal-tel-box {
	font-size: 16px;
}
.modal-tel-box p {
	display: block;
	font-weight: 700;
}
.modal-tel-box p em {
}
.modal-tel-box p b {
	font-size: 20px;
}
.modal-tel-box p span {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
}
.modal-tel-link1 {
	padding: 10px 0px;
}
.modal-tel-link1 a {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	border: 0;
	line-height: 1em;
	vertical-align: middle;
	text-decoration: none;
	background: transparent;
	padding: 0;
}
.modal-tel-link1 a span {
	display: block;
	position: relative;
	z-index: 2;
	top: -3px;
	left: -3px;
	color: var(--white);
	font-weight: 700;
	line-height: 1em;
	background-color: var(--color1);
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	padding: 20px 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.modal-tel-link1 a span strong {
	display: inline-block;
	position: relative;
	font-size: 20px;
	margin-bottom: 5px;
}
.modal-tel-link1 a::before {
	content:"";
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--color3);
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.modal-tel-link1 a:hover span {
	top: 0px;
	left: 0px;
	background-color: var(--color2);
}
.modal-tel-link1 a span strong::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: -30px;
	top: 50%;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 29.83"><path fill="%23ffffff" d="M24.24,13.76l2.13-.36c-.34-1.96-1.26-3.73-2.66-5.14-1.48-1.49-3.36-2.42-5.43-2.71l-.3,2.14c1.6.22,3.06.95,4.21,2.1,1.09,1.09,1.8,2.46,2.06,3.97Z"/><path fill="%23ffffff" d="M27.57,4.49C25.11,2.03,22,.48,18.56,0l-.3,2.14c2.97.42,5.66,1.76,7.79,3.88,2.02,2.02,3.34,4.56,3.82,7.36l2.13-.36c-.56-3.24-2.09-6.19-4.43-8.53Z"/><path fill="%23ffffff" d="M25.71,22.78l-4.08-4.08c-.41-.41-1.06-.44-1.51-.08l-2.13,1.72c-.42.34-1.03.33-1.44-.02,0,0-1.82-1.22-3.82-3.22-2-2-3.22-3.82-3.22-3.82-.35-.41-.36-1.02-.02-1.44l1.72-2.13c.36-.45.33-1.1-.08-1.51l-4.08-4.08c-.42-.42-1.08-.44-1.53-.07L.4,8.35c-.41.34-.52.93-.27,1.4,0,0,.69,1.4,1.33,2.48,1.76,2.95,4.61,6.45,7.15,8.99,2.54,2.54,6.03,5.39,8.99,7.15,1.07.64,2.48,1.33,2.48,1.33.47.25,1.06.14,1.4-.27l4.3-5.12c.38-.45.35-1.11-.07-1.53Z"/></svg>');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}
.modal-tel-link1 a span b {
	display: block;
	font-size: 15px;
}

.modal-close {
	text-align: center;
	padding: 10px;
}
.modal-close span {
	display: inline-block;
	color: var(--white);
	font-weight: 700;
	cursor: pointer;
	background-color: var(--gray2);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 10px 50px;
}






.sandwichs {
	position:absolute;
	z-index: 1;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-color: #000;
}
.sandwichs::before,
.sandwichs::after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 48%;
	width: 100%;
	height: 6%;
	content: "";
	background-color: #fff;
	transition: all 0.8s ease-in-out;
}
.sandwichs::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sandwichs::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sandwichs:hover::before,
.sandwichs:hover::after {
	height: 14%;
}
.sandwichs:hover::before {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
.sandwichs:hover::after {
	-webkit-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.sandwichs:hover {
	cursor: pointer;
}
/* ------------------------------------------------ */
.recaptcha_policy {
	text-align: center;
	font-size: 13px;
	padding: 20px 0px;
}
.recaptcha_policy a {
	text-decoration: underline;
}
/*
.grecaptcha-badge { visibility: hidden; }
*/
/* ------------------------------------------------ */

/* ------------------------------------------------ */