
#Contents * {
	box-sizing: border-box;
}
.Flexbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.PageTitleStyle3 .Inner h1 {
	font-size: 2.6em;
}
.PageTitleStyle3 .Read {
	line-height: 2;
}
.PageTitleStyle3 .Read span {
	font-size: 1.3em;
	color: #555555;
	background: linear-gradient(transparent 70%, Yellow 30%);
}
.Service.Half {
	width: 38%;
}
.Service.Half:first-child {
	width: 62%;
}
.Service.Half p.Catch {
	font-size: 2em;
	color: #000;
	transform: skewX(-14deg) rotate(-10deg) translate(0px, 70px);
}

.PageTitleStyle3 .Contact a:link,
.PageTitleStyle3 .Contact a:visited,
.Contact a:link,
.Contact a:visited {
	font-size: 1.4em;
	border: 3px solid #ffd600;
	min-height: 80px;
}
.Contact.Wh a:link, .Contact.Wh a:visited {
	color: #000;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
}
.Img .Contact .TextStyle2 {
	width: 100%;
}
#First {
	background-color: #f2f2e9;
}
#First h2 {
	font-size: 1.8em;
}


#Func h2 {
	font-size: 2em;
	font-weight: bold;
	color: #000;
	margin: 0 240px;
	padding: 20px 0 10px;
	text-align: center;
	letter-spacing: 1px;
	background: none;
	/*border-bottom: 5px #117d7d dotted;*/
	display: block;
}
#Func div.bg_img {
	/*background: url(/-/media/ind/foreigner-employment/image/renewal_202001/img_Sec01_bg.png) no-repeat center / auto 100%;*/
	background: #fff;
	position: relative;
}
.Grid4 .Img {
		background: #f2f2e9 url(/-/media/ind/foreigner-employment/image/renewal_202305/img_Sec01_bg.png) no-repeat center / 100% auto;
		position: relative;
	    
}
.Flexbox * {
	box-sizing: border-box;
}
.Flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.Flexbox li {
	width: calc((100% / 2) - 1em);
	margin: 0 0 1.5em;
}
.Flexbox li dl {
	height: 100%;
	padding: 1em;
	margin: 0 0 1em;
	border-color: #ffd600;
	border: 6px dotted #ffdb00;
	border-radius: 20px;
	

}
div.Section .Inner .Flexbox li h3 {
	text-align: left;
}
.Flexbox li dd {
	font-size: 1.2em;
	margin: 0 0 .5em;
	display: flex;
	align-items: flex-start;
}
.Flexbox li dd::before {
	content: "";
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/icon_check.svg) no-repeat center;
	display: block;
	width: 25px;
	min-width: 25px;
	height: 28px;
	margin: 0 .5em 0 0;
}

.Flexbox dl#F01 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/pict01.svg) no-repeat 90% 90% / 150px 130px;
}
.Flexbox dl#F02 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/pict02.svg) no-repeat 90% 90% / 112px 140px;
}
.Flexbox dl#F03 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/pict03.svg) no-repeat 90% 90% / 98px 130px;
}
.Flexbox dl#F04 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/pict04.svg) no-repeat 90% 90% / 136px 117px;
}
.Flexbox dl#F05 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/pict05.svg) no-repeat right bottom / 164px 121px;
}
.Plate {
	background: rgba(255,255,255,.9);
	/*border: 10px solid rgb(122 106 86);*/
	border-radius: 40px;
	padding: 1em;
	margin: 2em auto;
}
div.Section .Inner .Plate h3 {
	font-size: 2em;
	line-height: 1.4;
	color: #000;
}
#Last {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/img_Sec03_bg.png) no-repeat bottom;
	background-color: #fff;
	position: relative;
	background-size: contain;
	padding: 2em 0;
}
div.Inner h4::before {
	content: "";
}
.Img div.Inner h4 {
	text-align: center;
	font-size: 1.5em;
	color: #000 !important;
	background-color: inherit !important;
}
@media screen and (max-width: 994px) {
.JS #Last {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/img_Sec03_bg2.png) no-repeat bottom;
	background-color: #fff;
	position: relative;
	background-size: contain;
	padding: 2em 0;
}
}

@media screen and (max-width: 767px) {
	.JS br.PC {
		display: none;
	}
	.JS .Service.Half p.Catch {
		font-size: 1.8em;
	}
	.JS #Func h2 {
		margin: auto;
	}
	.JS .Flexbox li {
		width: 100%;
	}
	.JS .Flexbox {
		flex-flow: column;
	}
	.JS .Service.Half:first-child,
	.JS .Service.Half {
		width: auto;
	}
	.JS .Grid4 .Img {
		background: #f2f2e9 url(/-/media/ind/foreigner-employment/image/renewal_202305/img_Sec01_bg.png) no-repeat top center / 100% auto;
	}
	
}
