@charset "UTF-8";

/***************************************************

	recruit

***************************************************/

#map_area{
	width: 100%;
	margin: 0 auto 45px;
}

#map_area iframe{
	width: 100%;
	height: 380px;
}


#access_image{
	padding: 0 40px 30px;
	border-bottom: 1px solid #b5b5b5;
}

#access_image ul li{
	margin: 0 0 15px 0;
	padding: 14px;
	display: table;
	width: 100%;
	border: 1px dotted #b5b5b5;
	border-radius: 8px;
	box-sizing: border-box;
}

#access_image ul li:last-child{
	margin-bottom: 0;
}

#access_image ul li .text,
#access_image ul li .image{
	display: table-cell;
	vertical-align: middle;
}

#access_image ul li .image{
	width: 200px;
}

#access_image ul li .text{
	padding: 0 20px;
}

#access_image ul li p.caution{
	font-size: 18px;
	color: #ff3333;
}




#train .caption{
	text-align: center;
	font-size: 18px;
	color: #399b4d;
	margin: 0 0 30px;
}

#train dl dt{
	font-size: 16px;
	color: #399b4d;
	margin: 0 0 8px -6px;
}

#train dl dd{
	margin: 0 0 24px;
}


/********** 20220604 **********/

.mincho{
	font-family: 'Noto Serif JP', serif;
}

#recruit{
	padding: 80px 0 120px;
}

#recruit .innner_wrapp{
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}


#recruit .kv_area{
	margin: 0 0 80px;
	position: relative;
	box-shadow: 2px 2px 4px 0px #d6d6d6;
}

#recruit .kv_area .kv_text{
	position: absolute;
	top: 50%;
	left: 8%;
	transform: translate(0, -50%);
}

#recruit .kv_area .kv_text p{
	font-size: 24px;
	font-weight: bold;
	color: #fc8bcc;
	margin: 0 0 40px;
	text-shadow: 2px 2px 2px rgb(255,255,255,1.0);
}

#recruit .kv_area .kv_text .kv_logo{
	width: 280px;
	margin: 0 0 20px;
}

#recruit .kv_area .kv_text .kv_title{
	width: 470px;
}

.tkv04,
.tkv03,
.tkv02,
.tkv01{
	opacity: 0;
	transition: all 1.2s linear;
}

.tkv04{
	transition: all 2.4s linear;
}

.tkv04.view,
.tkv03.view,
.tkv02.view,
.tkv01.view{
	opacity: 1;
}


#recruit .main_copy{
	margin: 0 0 80px;
}

#recruit .main_copy .point_ul{
	text-align: center;
	margin: 0 0 50px;
}

#recruit .main_copy .point_ul li{
	display: inline-block;
	background: #f65e45;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding: 12px 18px;
	margin: 0 8px;
	border-radius: 6px;
	box-shadow: 2px 2px 4px 0px #d6d6d6;
}

#recruit .main_copy p.main{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 30px;
}

#recruit .main_copy p.main strong{
	font-size: 1.3em;
	color: #399b4d;
}

#recruit .main_copy p.sub{
	text-align: center;
	margin: 0 0 60px;
}

#recruit .main_copy .point_dl{
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 17px;
}

#recruit .main_copy .point_dl dt{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #399b4d;
	font-weight: bold;
}

#recruit .main_copy .point_dl dd{
	margin: -30px 0 11px 0;
	padding: 0 0 0 100px;
}


#recruit .head_anchor_link{
	width: 100%;
	max-width: 600px;
	margin: 0 auto 40px;
	padding: 0 20px;
	box-sizing: border-box;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}

#recruit .head_anchor_link li{
	width: 30%;
}

#recruit .head_anchor_link li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	border: 2px solid #399b4d;
	border-radius: 6px;
	background: #fff;
	position: relative;
}

#recruit .head_anchor_link li a:hover{
	background: #399b4d;
	color: #fff;
}

#recruit .head_anchor_link li a::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #399b4d;
	border-right: solid 2px #399b4d;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -4px;
}

#recruit .head_anchor_link li a:hover::before {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}


#job-information{
	margin: 0 0 80px;
}

#job-information h2{
	margin: 0 0 40px;
	padding: 18px 0 0;
	text-align: center;
	border-top: 2px solid #399b4d;
}

#job-information h2 span {
    display: inline-block;
	font-size: 22px;
    font-weight: bold;
    padding: 7px 0 7px 64px;
    position: relative;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22contents%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20200%20167.5%22%20style%3D%22enable-background%3Anew%200%200%20200%20167.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2339954C%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M105.3%2C124.9c-2.3%2C4-4.5%2C7.6-6.6%2C10.5c-1.3%2C1.8-2.5%2C3.3-3.7%2C4.6c-0.8-1.5-1.6-3.3-2.5-5.4%20c-3.4-8.1-11.4-13.4-20.2-13.4c-8.8%2C0-16.8%2C5.3-20.2%2C13.4c-0.9%2C2.1-1.7%2C3.9-2.5%2C5.4c-1.1-1.2-2.4-2.8-3.7-4.6%20c-4.4-6.1-9.3-14.9-14.2-25.4c-9.7-20.9-17.4-44.9-18.7-58.3c-0.9-9.1%2C2.9-19.1%2C10.4-27.3C29.8%2C17.4%2C37.7%2C13%2C43.7%2C13%20c3.6%2C0%2C8%2C2.7%2C12.1%2C7.4c4.2%2C4.7%2C10.2%2C7.4%2C16.5%2C7.4c6.3%2C0%2C12.3-2.7%2C16.5-7.4c4.2-4.7%2C8.6-7.4%2C12.1-7.4c6%2C0%2C13.9%2C4.5%2C20.2%2C11.4%20c2.1%2C2.4%2C4%2C4.9%2C5.5%2C7.4c5.4%2C0.2%2C10.6%2C1.2%2C15.6%2C3c-2.3-6.8-6.2-13.3-11.5-19.2C122%2C6%2C110.5%2C0%2C100.9%2C0c-7.4%2C0-15.2%2C4.2-21.9%2C11.8%20c-1.7%2C1.9-4.2%2C3-6.7%2C3c-2.6%2C0-5-1.1-6.7-3C58.9%2C4.2%2C51.1%2C0%2C43.7%2C0c-9.6%2C0-21%2C6-29.8%2C15.7C4%2C26.6-1%2C40.2%2C0.2%2C52.9%20C1.6%2C67.9%2C9.6%2C93%2C20%2C115.5c5.2%2C11.2%2C10.5%2C20.7%2C15.4%2C27.5c5.9%2C8.3%2C11%2C12.3%2C15.5%2C12.3c1.6%2C0%2C3-0.5%2C4.3-1.5c2.9-2.2%2C5.7-6.7%2C8.8-14.1%20c1.4-3.3%2C4.6-5.5%2C8.3-5.5s6.9%2C2.1%2C8.3%2C5.5c3.1%2C7.4%2C5.9%2C11.9%2C8.8%2C14.1c1.3%2C1%2C2.7%2C1.5%2C4.3%2C1.5h0c4.5%2C0%2C9.5-4%2C15.5-12.3%20c2.8-3.9%2C5.8-8.8%2C8.8-14.4C113.6%2C127.9%2C109.3%2C126.7%2C105.3%2C124.9z%22%2F%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M154.5%2C55.9c-13.5-16.1-37.6-18.2-53.8-4.7C84.6%2C64.8%2C82.5%2C88.9%2C96%2C105c12%2C14.3%2C32.3%2C17.6%2C48%2C8.7l5.2%2C6.2%20c-0.5%2C3%2C0.3%2C6.2%2C2.4%2C8.7l4.4%2C5.3l16.6-13.9l-4.4-5.3c-2.1-2.5-5.1-3.8-8.2-3.9l-5.2-6.2C166.2%2C90.8%2C166.5%2C70.2%2C154.5%2C55.9z%20M104.6%2C97.8c-9.5-11.4-8.1-28.4%2C3.3-38s28.4-8.1%2C38%2C3.3c9.5%2C11.4%2C8.1%2C28.4-3.3%2C38C131.2%2C110.6%2C114.1%2C109.2%2C104.6%2C97.8z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M180.9%2C163.6c3.8%2C4.6%2C10.6%2C5.2%2C15.2%2C1.3c4.6-3.8%2C5.2-10.6%2C1.3-15.2L177%2C125.3l-16.6%2C13.9L180.9%2C163.6z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M113.5%2C94.1c-1.1%2C0-2.2-0.5-3-1.4c-3.3-3.9-4.8-8.9-4.4-14c0.4-5.1%2C2.8-9.7%2C6.8-13c1.6-1.4%2C4.1-1.2%2C5.4%2C0.5%20c1.4%2C1.6%2C1.2%2C4.1-0.5%2C5.4c-2.3%2C2-3.8%2C4.7-4%2C7.8c-0.3%2C3%2C0.7%2C6%2C2.6%2C8.3c1.4%2C1.6%2C1.2%2C4.1-0.5%2C5.4C115.2%2C93.8%2C114.4%2C94.1%2C113.5%2C94.1z%22%20%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}

#job-information .anchor_link{
	margin: 0 0 60px;
	text-align: center;
}

#job-information .anchor_link li{
	display: inline-block;
	margin: 0 8px;
}

#job-information .anchor_link li a{
	display: block;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	padding: 0 2em 0 0.5em;
	border-bottom: 2px solid #399b4d;
	position: relative;
}

#job-information .anchor_link li a::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #399b4d;
	border-right: solid 2px #399b4d;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 9px;
	margin-top: -4px;
}

#job-information .information_cont{
	width: 100%;
	max-width: 640px;
	margin: 0 auto 40px;
	box-sizing: border-box;
	border-radius: 12px;
	border: 1px solid #399b4d;
	padding: 18px;
	background: #fff;
	box-shadow: 2px 2px 4px 0px #d6d6d6;
	position: relative;
}

#job-information .information_cont.active{

}

#job-information .information_cont .toggle_btn{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#job-information .information_cont .info_cont_inner{
	position: relative;
}

#job-information .information_cont h3{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 40px;
	position: relative;
}

#job-information .information_cont h3::after{
	content: '';
	width: 50px;
	height: 3px;
	background: #399b4d;
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	margin: auto;
}

#job-information .information_cont .info_cont_inner .grad-trigger{
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1;
	background: #399b4d;
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	z-index: 1;
	border-radius: 0 0 6px 6px;
	cursor: pointer;
}

#job-information .information_cont .info_cont_inner .grad-trigger::after,
#job-information .information_cont .info_cont_inner .grad-trigger::before{
	content: "";
	border: 8px solid transparent;
	border-top: 10px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -4px;
}

#job-information .information_cont .info_cont_inner .grad-trigger::before{
	left: 3%;

}

#job-information .information_cont .info_cont_inner .grad-trigger::after{
	right: 3%;
}


#job-information .information_cont .info_cont_inner > dl{
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
	position: relative;
	overflow: hidden;
}

#job-information .information_cont .info_cont_inner > dl.is-hide{
	height: 200px;
}

#job-information .information_cont .info_cont_inner > dl > dt{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #399b4d;
	font-weight: bold;
	position: relative;
}

#job-information .information_cont .info_cont_inner > dl > dt::before{
	content: '◎';
	display: inline-block;
	position: absolute;
	top: 0;
	left: -1.1em;
}

#job-information .information_cont .info_cont_inner > dl > dd{
	margin: -28px 0 12px 0;
	padding: 0 0 0 148px;
}

#job-information .information_cont .info_cont_inner > dl > dd .ul_list li{
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding: 0 0 0 1.2em;
}

#job-information .information_cont .info_cont_inner > dl > dd .ul_list li::before{
	content: '●';
	display: inline-block;
	color: #399b4d;
	position: absolute;
	top: 0;
	left: 0;
}

#job-information .information_cont .info_cont_inner > dl > dd .ul_list li p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0 0 8px;
}

#job-information .information_cont .info_cont_inner > dl > dd .ul_list li:last-child p{
	margin-bottom: 0;
}

#job-information .information_cont .info_cont_inner > dl > dd .note{
	margin: 12px 0 0;
}

#job-information .information_cont .info_cont_inner > dl > dd .note li{
	font-size: 13px;
	line-height: 1.4;
	position: relative;
	margin: 0 0 6px;
	padding: 0 0 0 1.2em;
}

#job-information .information_cont .info_cont_inner > dl > dd .note li::before{
	content: '※';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

#job-information .information_cont .info_cont_inner > dl > dd dl.dt_dot{
	font-size: 13px;
	font-weight: normal;
}

#job-information .information_cont .info_cont_inner > dl > dd dl.dt_dot dt{
	margin: 0 0 0 0;
	padding: 0 0 0 1.2em;
	position: relative;
}

#job-information .information_cont .info_cont_inner > dl > dd dl.dt_dot dt::before{
	content: '・';
	display: inline-block;
	color: #399b4d;
	position: absolute;
	top: 0;
	left: 0;
}

#job-information .information_cont .info_cont_inner > dl > dd dl.dt_dot dd{
	margin: -24px 0 2px 0;
	padding: 0 0 0 130px;
}

#job-information .information_cont .info_cont_inner > dl > dd .ul_icon{
	line-height: 1;
}

#job-information .information_cont .info_cont_inner > dl > dd .ul_icon li{
	display: inline-block;
	font-size: 12px;
	color: #fff;
	background: #399b4d;
	margin: 0 4px 6px 0;
	padding: 4px 8px;
	border-radius: 20px;
}


#location{
	margin: 0 0 80px;
}

#location h2{
	margin: 0 0 40px;
	padding: 18px 0 0;
	text-align: center;
	border-top: 2px solid #399b4d;
}

#location h2 span {
    display: inline-block;
	font-size: 22px;
    font-weight: bold;
    padding: 10px 0 1px 71px;
    position: relative;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22contents%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20200%20185.6%22%20style%3D%22enable-background%3Anew%200%200%20200%20185.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23398F4A%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22200%2C163.3%20140.3%2C185.6%20140.3%2C73.6%20200%2C51.3%20%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M109.2%2C65.8c-1.2%2C2.1-25%2C39.9-28.5%2C45.4c-2.7%2C4.3-6.4%2C7.4-10.5%2C8.9v43.1l59.7%2C22.3v-112L109.2%2C65.8z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M58.9%2C120.3c0%2C0-0.1%2C0-0.1%2C0c-0.5-0.2-1-0.4-1.6-0.6c0%2C0-0.1%2C0-0.1-0.1c-0.5-0.2-1-0.5-1.5-0.8%20c0%2C0-0.1%2C0-0.1-0.1c-0.5-0.3-1-0.6-1.4-0.9c0%2C0-0.1-0.1-0.1-0.1c-0.2-0.2-0.5-0.3-0.7-0.5c0%2C0%2C0%2C0%2C0%2C0c-0.2-0.2-0.4-0.4-0.7-0.5%20c0%2C0-0.1-0.1-0.1-0.1c-0.2-0.2-0.4-0.4-0.6-0.6c0%2C0%2C0%2C0%2C0%2C0c-0.2-0.2-0.4-0.4-0.6-0.6c0%2C0-0.1-0.1-0.1-0.1%20c-0.2-0.2-0.4-0.4-0.6-0.6c0%2C0%2C0%2C0%2C0%2C0c-0.2-0.2-0.4-0.4-0.6-0.7c0-0.1-0.1-0.1-0.1-0.2c-0.2-0.2-0.4-0.5-0.5-0.7c0%2C0%2C0%2C0%2C0%2C0%20c-0.2-0.2-0.4-0.5-0.5-0.7c0-0.1-0.1-0.1-0.1-0.2c-0.2-0.3-0.3-0.5-0.5-0.8c-3.5-5.6-27.7-44-28.3-45.1c0%2C0%2C0%2C0%2C0%2C0L0%2C73.6v112%20l59.7-22.3v-42.8C59.4%2C120.5%2C59.1%2C120.4%2C58.9%2C120.3z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M64.4%2C0L64.4%2C0C41.7%2C0%2C23.4%2C18.3%2C23.4%2C40.9c0%2C5.8%2C1.2%2C11.2%2C3.3%2C16.2c1%2C2.3%2C3.8%2C6.9%2C3.9%2C7%20C39%2C77.8%2C48%2C91.8%2C56.8%2C105.8c2.1%2C3.3%2C4.8%2C5%2C7.6%2C5l0%2C0c2.7%2C0%2C5.5-1.7%2C7.6-5c8.8-14%2C17.8-27.9%2C26.2-41.6c0.1-0.2%2C2.9-4.7%2C3.9-7%20c2.1-5%2C3.3-10.5%2C3.3-16.2C105.3%2C18.3%2C87%2C0%2C64.4%2C0z%20M64.4%2C58.6c-9.7%2C0-17.5-7.8-17.5-17.5c0-9.7%2C7.8-17.5%2C17.5-17.5%20c9.7%2C0%2C17.5%2C7.8%2C17.5%2C17.5C81.8%2C50.8%2C74%2C58.6%2C64.4%2C58.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}

#location dl{
	text-align: center;
}

#location dl dt{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 27px;
	position: relative;
}

#location dl dt::after{
	content: '';
	display: inline-block;
	width: 16px;
	height: 6px;
	background: #399b4d;
	position: absolute;
	bottom: -9px;
	left: 0;
	right: 0;
	margin: auto;
}

#location dl dd{
	margin: 0 0 30px;
	font-size: 16px;
}

#location dl dd .map{
	width: 100%;
	height: 400px;
	margin: 18px 0 0;
}

#location dl dd .map iframe{
	width: 100%;
	height: 100%;
}

#location dl dd ul{
	display: inline-block;
	text-align: left;
}

#location dl dd ul.ul_list li{
	position: relative;
	padding-left: 1.2em;
}

#location dl dd ul.ul_list li::before{
	content: '・';
	display: inline-block;
	color: #399b4d;
	position: absolute;
	top: 0;
	left: 0;
}

#location dl dd .data{
	font-size: 12px;
	margin: 8px 0 18px;
}

#location dl dd .comment p{
	display: inline-block;
	font-size: 18px;
	padding: 12px;
	border: 2px solid #399b4d;
	border-radius: 6px;
}

#location dl dd ul.image_box{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

#location dl dd ul.image_box li{
	float: left;
	width: 48%;
	margin: 0 0 28px;
}

#location dl dd ul.image_box li:nth-child(even){
	float: right;
}

#location dl dd ul.image_box li img{
	width: 100%;
	height: auto;
}

#location dl dd ul.image_box li figcaption{
	margin: 8px 0 0;
	font-size: 14px;
	line-height: 1;
	padding-left: 1.2em;
	position: relative;
}

#location dl dd ul.image_box li figcaption::before{
	content: '●';
	color: #399b4d;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}


#application{
	margin: 0 0 80px;
}

#application h2{
	margin: 0 0 40px;
	padding: 18px 0 0;
	text-align: center;
	border-top: 2px solid #399b4d;
}

#application h2 span {
    display: inline-block;
	font-size: 22px;
    font-weight: bold;
    padding: 5px 0 7px 69px;
    position: relative;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22contents%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20200%20194%22%20style%3D%22enable-background%3Anew%200%200%20200%20194%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23398F4A%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M194.1%2C0H56.4c-3.3%2C0-5.9%2C2.7-5.9%2C5.9V73c0%2C0-32.7%2C22.5-34.2%2C23.7c-1.8%2C1.4-1.9%2C3.5-2.2%2C5.1l-5.2%2C36.6L0%2C160.6%20L34.9%2C194l15.6-24.8v5.8c0%2C3.3%2C2.7%2C5.9%2C5.9%2C5.9h137.7c3.3%2C0%2C5.9-2.7%2C5.9-5.9V5.9C200%2C2.7%2C197.3%2C0%2C194.1%2C0z%20M188.1%2C169.1H62.3V151%20l17.7-26.9h91.7v-11.9H86.2c0.1-1%2C0.1-2-0.1-3c-0.5-3.4-2.2-6.4-5-8.4c-1.2-0.9-3.8-2.5-7.4-2.5c-3.7%2C0-7.3%2C1.6-10.7%2C4.9%20l-18.9%2C19.3l-2.3-5.7l20.4-21V11.9h125.8V169.1z%22%2F%3E%20%3Crect%20x%3D%2277.6%22%20y%3D%2229.2%22%20class%3D%22st0%22%20width%3D%2284.9%22%20height%3D%2211.9%22%2F%3E%20%3Crect%20x%3D%2277.6%22%20y%3D%2256.8%22%20class%3D%22st0%22%20width%3D%2266.3%22%20height%3D%2211.9%22%2F%3E%20%3Crect%20x%3D%2277.6%22%20y%3D%2284.5%22%20class%3D%22st0%22%20width%3D%2277%22%20height%3D%2211.9%22%2F%3E%20%3Crect%20x%3D%2277.6%22%20y%3D%22139.9%22%20class%3D%22st0%22%20width%3D%2288.6%22%20height%3D%2211.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}

#application .dl_list01{
	width: 100%;
	max-width: 720px;
	margin: 0 auto 80px;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 16px;
	position: relative;
	line-height: 1.4;
}

#application .dl_list01 dt{
	margin: 0 0 0 0;
	padding: 0 0 0 1.3em;
	position: relative;
}

#application .dl_list01 dt::before{
	content: '●';
	display: inline-block;
	color: #399b4d;
	position: absolute;
	top: 0;
	left: 0;
}

#application .dl_list01 dd{
	margin: -23px 0 23px 0;
	padding: 0 0 22px 150px;
	border-bottom: 1px solid #399b4d;
}

#application .process_ul{
	counter-reset: my-counter;
}

#application .process_ul li {
	font-size: 16px;
	margin: 0 0 26px;
	padding-left: 4.6em;
	position: relative;
}

#application .process_ul li:last-child{
	margin-bottom: 0;
}

#application .process_ul li::before{
    content: 'step 'counter(my-counter);
    counter-increment: my-counter;
    background-color: #399b4d;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    line-height: 18px;
    text-align: center;
    height: 18px;
    width: 58px;
    border-radius: 10px;
    position: absolute;
    top: 3px;
    left: 0;
}

#application .process_ul li::after{
	content: "";
	border: 8px solid transparent;
	border-top: 10px solid #399b4d;
	position: absolute;
	bottom: -27px;
	left: 16%;
}

#application .process_ul li:last-child::after{
	content: none;
}

#application .process_ul li small{
	display: inline-block;
	font-size: 0.8em;
}


#form{
	width: 100%;
	max-width: 720px;
	margin: 0 auto 80px;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 16px;
	position: relative;
	line-height: 1.4;
}

#form .title{
	background: #399b4d;
	margin: 0 0 30px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 1;
	padding: 14px 0;
}

#form .caption{
	text-align: center;
	margin: 0 0 40px;
}

#form form > ul{
	width: 100%;
}

#form form > ul > li{
	display: table;
	width: 100%;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ccc;
}

#form form > ul > li .data,
#form form > ul > li .item{
	display: table-cell;
	vertical-align: top;
}

#form form > ul > li .item{
	width: 250px;
	color: #399b4d;
	font-weight: bold;
	padding-left: 1em;
}

#form form > ul > li .item .required{
	display: inline-block;
	line-height: 1;
	font-size: 11px;
	color: #fff;
	padding: 3px 6px;
	margin-left: 8px;
	background: #ff0000;
	border-radius: 10px;
	vertical-align: baseline;
}

#form form > ul > li .data textarea,
#form form > ul > li .data input[type="text"]{
	width: 90%;
	box-sizing: border-box;
	padding: 6px;
	font-size: 16px;
	border-radius: 4px;
	border: 2px solid #ccc;
}

#form form > ul > li .data textarea:focus,
#form form > ul > li .data input[type="text"]:focus{
	border: 2px solid #399b4d;
	outline: 0;
}

#form form > ul > li .data label{
	display: inline-block;
	margin-right: 8px;
	cursor: pointer;
}

#form form > ul > li .data .day,
#form form > ul > li .data .month,
#form form > ul > li .data .year{
	display: inline-block;
}

#form form > ul > li .data .month,
#form form > ul > li .data .year{
	margin-right: 12px;
}

#form form > ul > li .data .day select,
#form form > ul > li .data .month select,
#form form > ul > li .data .year select{
	box-sizing: border-box;
	padding: 6px;
	font-size: 16px;
	border-radius: 4px;
	border: 2px solid #ccc;
}

#form form > ul > li .data .supp{
	font-size: 13px;
}

#form form .submit{
	width: 300px;
	margin: 40px auto 0;
}

#form form .submit input{
	width: 100%;
	padding: 14px 0;
	cursor: pointer;
	transition: all 0.2s linear;
	background: #399b4d;
	border: none;
	border-radius: 6px;
	outline: 0;
	box-shadow: 2px 2px 4px 0px #d6d6d6;
	font-size: 18px;
	color: #fff;
	line-height: 1;
	font-weight: bold;
}

#form form .submit input:hover{
	opacity: 0.8;
}


/********************************************************************************
	max-width: 1280px CSS
********************************************************************************/
@media (max-width: 1280px) {

}

/********************************************************************************
	max-width: 1024px CSS
********************************************************************************/
@media (max-width: 1024px) {

}

/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/
@media (max-width: 768px) {

#map_area{
	margin: 0 auto 25px;
}

#map_area iframe{
	height: 260px;
}


#access_image{
	width: 90%;
	margin: 0 auto;
	padding: 0 0 10px;
}

#access_image ul li{
	margin: 0 0 14px 0;
	padding: 8px;
	display: block;
}

#access_image ul li .text,
#access_image ul li .image{
	display: block;
}

#access_image ul li .image{
	width: 80%;
	margin: 0 auto 14px;
}

#access_image ul li .text{
	padding: 0 4%;
}

#access_image ul li p.caution{
	font-size: 16px;
}


#train .caption{
	font-size: 16px;
	margin: 0 0 20px;
}

#train dl dt{
	font-size: 16px;
	margin: 0 0 8px;
	text-align: center;
}

#train dl dd{
	margin: 0 0 24px;
}



/********** 20220604 **********/

#recruit{
	padding: 40px 0 60px;
}

#recruit .innner_wrapp{
	padding: 0 6%;
}


#recruit .kv_area{
	margin: 0 0 30px;
}

#recruit .kv_area .kv_text{
	left: 6%;
}

#recruit .kv_area .kv_text p{
	font-size: 3.733333vw;
	margin: 0 0 5px;
}

#recruit .kv_area .kv_text .kv_logo{
	width: 90%;
	margin: 0 0 9px;
}

#recruit .kv_area .kv_text .kv_title{
	width: 140%;
}


#recruit .main_copy{
	margin: 0 0 40px;
}

#recruit .main_copy .point_ul{

	margin: 0 0 10px;
}

#recruit .main_copy .point_ul li{
	font-size: 3.733333vw;
	padding: 9px 12px;
	margin: 0 10px 14px 0;
}

#recruit .main_copy p.main{
	font-size: 4vw;
	margin: 0 0 24px;
}

#recruit .main_copy p.sub{
	margin: 0 0 24px;
}

#recruit .main_copy .point_dl{
	padding: 0 4%;
	font-size: 3.733333vw;
}

#recruit .main_copy .point_dl dt{

}

#recruit .main_copy .point_dl dd{
	margin: -8.2% 0 11px 0;
	padding: 0 0 0 26%;
}


#recruit .head_anchor_link{
	width: 100%;
	max-width: 100%;
	margin: 0 auto 30px;
	padding: 0 0;
}

#recruit .head_anchor_link li{
	width: 32%;
}

#recruit .head_anchor_link li a{
	font-size: 3.466667vw;
}

#recruit .head_anchor_link li a:hover{
	background: #399b4d;
	color: #fff;
}

#recruit .head_anchor_link li a::before {
	width: 4px;
	height: 4px;
	right: 4%;
}


#job-information{
	margin: 0 0 40px;
}

#job-information h2{
	margin: 0 0 24px;
}

#job-information h2 span {
	font-size: 4.8vw;
	padding: 2px 0 3px 14%;
}

#job-information .anchor_link{
	margin: 0 0 30px;
}

#job-information .anchor_link li a{
	font-size: 4vw;
	padding: 0 1.4em 0 0.4em;
}

#job-information .anchor_link li a::before {
	content: '';
	width: 5px;
	height: 5px;
	right: 4%;
}

#job-information .information_cont{
	margin: 0 auto 24px;
	padding: 12px;
}

#job-information .information_cont h3{
	font-size: 4.8vw;
	margin: 0 0 30px;
}

#job-information .information_cont h3::after{
	content: '';
	width: 50px;
	height: 3px;
	background: #399b4d;
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	margin: auto;
}

#job-information .information_cont .info_cont_inner .grad-trigger{
	font-size: 3.733333vw;
	color: #fff;
	padding: 8px 0;
}

#job-information .information_cont .info_cont_inner > dl{
	width: 100%;
	font-size: 3.733333vw;
}

#job-information .information_cont .info_cont_inner > dl.is-hide{
	height: 200px;
}

#job-information .information_cont .info_cont_inner > dl > dt{
	padding: 0 0 2px 1.6rem;
	margin: 0 0 3px;
	border-bottom: 1px dotted #399b4d;
}

#job-information .information_cont .info_cont_inner > dl > dt::before{
	left: 0;
}

#job-information .information_cont .info_cont_inner > dl > dd{
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
}

#job-information .information_cont .info_cont_inner > dl > dd .ul_list li{
	font-size: 3.733333vw;
}

#job-information .information_cont .info_cont_inner > dl > dd .ul_list li p{
	font-size: 2.933333vw;
	margin: 0 0 8px;
}

#job-information .information_cont .info_cont_inner > dl > dd .note{
	margin: 3px 4% 0;
}

#job-information .information_cont .info_cont_inner > dl > dd .note li{
	font-size: 3.2vw;
	margin: 0 0 6px;
}

#job-information .information_cont .info_cont_inner > dl > dd dl.dt_dot{
	font-size: 3.2vw;
}

#job-information .information_cont .info_cont_inner > dl > dd dl.dt_dot dt{
	margin: 0 0 0 0;
}

#job-information .information_cont .info_cont_inner > dl > dd dl.dt_dot dd{
	margin: -7.5% 0 2px 0;
	padding: 0 0 0 43%;
}

#job-information .information_cont .info_cont_inner > dl > dd .ul_icon li{
	font-size: 3.2vw;
	margin: 6px 4px 3px 0;
	padding: 4px 8px;
}


#location{
	margin: 0 0 40px;
}

#location h2{
	margin: 0 0 24px;
}

#location h2 span {
    font-size: 4.8vw;
    padding: 5px 0 0px 15%;
}

#location dl dt{
	font-size: 4.266667vw;
	margin: 0 0 27px;
}

#location dl dt::after{
	height: 4px;
	bottom: -9px;
}

#location dl dd{
	margin: 0 0 24px;
	font-size: 3.733333vw;
}

#location dl dd .map{
	height: 340px;
	margin: 14px 0 0;
}

#location dl dd .data{
	font-size: 3.2vw;
	margin: 2px 0 14px;
}

#location dl dd .comment p{
	font-size: 4.266667vw;
	padding: 10px 6%;
}

#location dl dd ul.image_box{
	padding: 0 6%;
}

#location dl dd ul.image_box li{
	float: none;
	width: 86%;
	margin: 0 auto 24px;
}

#location dl dd ul.image_box li:nth-child(even){
	float: none;
}

#location dl dd ul.image_box li figcaption{
	margin: 8px 0 0;
	font-size: 3.433333vw;
}


#application{
	margin: 0 0 40px;
}

#application h2{
	margin: 0 0 24px;
}

#application h2 span {
    font-size: 4.8vw;
    padding: 3px 0 2px 15%;
}

#application .dl_list01{
	padding: 0 6%;
	margin-bottom: 40px;
	font-size: 3.733333vw;
}

#application .dl_list01 dd{
	margin: 5px 0 14px 0;
	padding: 0 0 12px 1.3em;
}

#application .process_ul li {
	font-size: 14px;
	margin: 0 0 26px;
}

#application .process_ul li::before{
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    width: 51px;
    top: 2px;
}

#application .process_ul li::after{
	left: 23%;
}

#application .process_ul li small{
	font-size: 0.6em;
}


#form{
	width: 100%;
	max-width: 720px;
	margin: 0 auto 80px;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 16px;
	position: relative;
	line-height: 1.4;
}

#form .title{
	margin: 0 0 18px;
	font-size: 4.266667vw;
	padding: 10px 0;
}

#form .caption{
	font-size: 3.466667vw;
	margin: 0 0 24px;
}

#form form > ul{
	width: 100%;
}

#form form > ul > li{
	display: block;
	margin: 0 0 14px;
	padding: 0 0 14px;
}

#form form > ul > li .data,
#form form > ul > li .item{
	display: block;
	font-size: 3.733333vw;
}

#form form > ul > li .item{
	width: auto;
	margin: 0 0 8px;
}

#form form > ul > li .item .required{
	font-size: 2.666667vw;
	padding: 3px 6px;
}

#form form > ul > li .data{
	padding: 0 1em;
	font-size: 3.733333vw;
}

#form form > ul > li .data textarea,
#form form > ul > li .data input[type="text"]{
	width: 100%;
	padding: 4px;
	font-size: 3.733333vw;
}

#form form > ul > li .data label{
	margin-right: 3%;
	cursor: pointer;
}

#form form > ul > li:nth-child(1) .data label{
	margin: 0 0 8px;
}

#form form > ul > li:nth-child(1) .data label:last-child{
	margin-bottom: 0;
}

#form form > ul > li .data .day,
#form form > ul > li .data .month,
#form form > ul > li .data .year{
	display: inline-block;
}

#form form > ul > li .data .month,
#form form > ul > li .data .year{
	margin-right: 1%;
}

#form form > ul > li .data .day select,
#form form > ul > li .data .month select,
#form form > ul > li .data .year select{
	padding: 4px;
	font-size: 3.466667vw;
}

#form form > ul > li .data .supp{
	font-size: 3.2vw;
}

#form form .submit{
	width: 80%;
	margin: 30px auto 0;
}

#form form .submit input{
	padding: 14px 0;
	font-size: 4.533333vw;
}




}