@charset "utf-8";
:root{
	--wide: 1275px;
	/*Primary*/
	--Red1:#fa000f;
	--Red2:#cc0000;
	--White:#ffffff;
	--Gray1:#f4f4f4;
	--Gray2:#d9d9d9;
	--Gray3:#b3b3b3;
	--Gray4:#737373;
	--Gray5:#4d4d4d;
	--Gray6:#222222;
	--Black:#0c0c0c;
	/*Secondary*/
	--Orange1: #fdc796;
	--Orange2: #fa6900;
	--Orange3: #c85400;
	--Yellow1: #fdec96;
	--Yellow2: #fad200;
	--Yellow3: #967e00;
	--Pink1: #fd96d4;
	--Pink2: #fa00a5;
	--Pink3: #96005a;
	--Purple1: #d096fd;
	--Purple2: #9b00fa;
	--Purple3: #540096;
	--Blue1: #96c5fd;
	--Blue2: #0064fa;
	--Blue3: #004596;
	--Teal1: #96f0fd;
	--Teal2: #00dcfa;
	--Teal3: #008496;
	--Green1: #96fdcc;
	--Green2: #00fa82;
	--Green3: #00964e;
	--Red1_20_Tint: #ffcbce;
	--Red1_40_Tint: #ff979d;
	--Red1_60_Tint: #ff636c;
	--Red1_20_Dark: #bb000b;
	--Red1_40_Dark: #7d0008;
	--Red_Grad: linear-gradient(145deg, #FA000F, #CC0000);
}
	 html {
	  scroll-behavior: smooth;
}
div#Contents,
.GridSet,
.Grid4 {
    width: 100%;
    margin: auto;
    overflow: visible;
}
/*Section*/

div.Section {
width: 100%;
padding: 0;
background: var(--White);
}

div.Section:before {
content: "";
display: block;
clear: both;
float: none;
}

div.Section .Inner {
width: var(--wide);
margin: auto;
padding: 2em 0;
word-break: break-word;
}

div.Section h2 {
    background: var(--White);
    color: var(--Black);
    text-align: center;
    font-size: 3em;
   
    padding: .5em 0;
	letter-spacing: 0.1em;
	margin: 0;
}

div.Section .Inner h3 {
    background: transparent;
    border: none;
    font-size: 2em;
    color: var(--White);
    text-align: center;
}

div.Section .TextStyle1 {
    font-size: 1.15em;
    color: var(--Black);
    margin: 0;
	padding: 30px 110px;
	letter-spacing: 1px;
}
div.Section .TextStyle3 {
    font-size: 1.4em;
    color: var(--Black);
    margin: 0;
	padding: 30px 10px;
	letter-spacing: 1px;
}

.ColumnSet {
	z-index: auto;
    margin: 10px 0 40px;
}

.Column2 {
	float: none;
	box-sizing: border-box;
	/*margin-bottom: 15px;*/
	margin: 0;
	z-index: 0;
	position: relative;
}
.Column3 {
	box-sizing: border-box;
	margin-bottom: 20px;
	z-index: 0;
	position: relative;
}

.PageTitleStyle3 {
    background: var(--White);
    margin-bottom: 0;
}

.PageTitleStyle3 .Wrapper {
    background: url(/-/media/ind/foreigner-employment/image/renewal_202305/img_branding_bg.png) no-repeat center / auto 100%;
	background-color: var(--White);
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.PageTitleStyle3 .Inner {
    width: var(--wide);
    margin: auto;
	
}

.PageTitleStyle3 .Inner h1 {
    font-size: 3.6em;
    font-weight: bold;
	text-align: center;
    letter-spacing: 0.05em;
    color: var(--Black);
}

.PageTitleStyle3 .Info {
    color: #e23c3c;
    padding: 0;
    border-radius: 5px;
    display: block;
    margin: .5em 0 0 0;
    font-weight: bold;
    text-align: left;
}

.PageTitleStyle3 .Service {
	display: inline-block;
    text-align: center;
	margin: 40px 0px;
}

.PageTitleStyle3 .ReadL {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: /*#ffb000*/ var(--Red2);
    padding-top: 1em;
    text-align: left;
}
.PageTitleStyle3 .Read {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.1em;
    color: #555555;
    padding-top: 1em;
    text-align: left;
}

/* ここから。 */
.hoverS {
	display: inline-block;
	padding: 0.2em 0em;
	cursor: pointer;
	transition: all 0s ease 0s;
}
.hoverS:hover {
	filter: drop-shadow(10px 6px 6px rgba(0,0,0,0.3));
	
}

.parent {
	display: flex;
	position: relative;
 }
 
.child1 {
 color: var(--Black);
	width: 60%;
 text-align: left;
 line-height: 100px;
 
}
.child2 {
 color: var(--White);
	padding: 10px 0px;
	width: 40%;
 text-align: right;
	position: absolute;
    bottom: 0;
	right: 0px;
 
}

dl {
  display: flex;
  flex-wrap: wrap;
}
dl dt {
  width: 8%;
}
dl dd {
  width: 92%;
}

.ProblemTab{
	display: flex;
	text-align: center;
    align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 20px;
}
.ProblemTab li {
	width: 28%;
	background: var(--Gray2);
	border-radius: 20px;
	border: 6px solid var(--White);
	padding: 10px;
	color: var(--Black);
	line-height: 1.3;
	font-size: 200%;
	margin-bottom: 15px;
	
}
.ProblemTab .Kigen {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/kigen_01.png) no-repeat center / 90%;
	background-color: var(--Gray2);
}
.ProblemTab .Jyouhou {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/jyouhou_01.png) no-repeat center / 90%;
	background-color: var(--Gray2);
}
.ProblemTab .Kyouyuu {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/kyouyuu_01.png) no-repeat center / 90%;
	background-color: var(--Gray2);
}

.ProblemTab li .sub {
	width: 100%;
	margin: 30px 0 10px ;
	text-align: left;
	font-size: 0.6em;
	color: var(--Black);
}

.SolutionTab{
	display: flex;
	text-align: center;
    align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 20px;
}
.SolutionTab li {
	width: 28%;
	background: var(--White);
	border-radius: 20px;
	border: 6px solid /*#ffdb00*/ var(--Gray2);
	padding: 10px;
	color: var(--Black);
	line-height: 1.3;
	font-size: 200%;
	margin-bottom: 15px;
	
}
.SolutionTab .Kigen {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/kigen_02.png) no-repeat center / 90%;
	background-color: var(--White);
}
.SolutionTab .Jyouhou {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/jyouhou_02.png) no-repeat center / 90%;
	background-color: var(--White);
}
.SolutionTab .Kyouyuu {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/kyouyuu_02.png) no-repeat center / 90%;
	background-color: var(--White);
}

.SolutionTab li .sub2 {
	width: 100%;
	margin: 30px 0 10px ;
	text-align: left;
	font-size: 0.6em;
	color: var(--Black);
}

.KinouTab{
	display: flex;
	text-align: center;
    align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 20px;
}
.KinouTab li {
	width: 45%;
	background: var(--White);
	border-radius: 20px;
	border: 6px solid /*#ffdb00*/ var(--Gray2);
	padding: 10px;
	color: var(--Black);
	line-height: 1.3;
	font-size: 2em;
	margin-bottom: 15px;
	
}
.KinouTab .Kinou01 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/kinou_01.png) no-repeat center / 90%;
}
.KinouTab .Kinou02 {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/kinou_02.png) no-repeat center / 90%;
	background-color: var(--White);
}
.KinouTab .Kinou03 {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/kinou_03.png) no-repeat center / 85%;
	background-color: var(--White);
}
.KinouTab .Kinou04 {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/kinou_04.png) no-repeat center / 85%;
	background-color: var(--White);
}


.KinouTab li .sub {
	width: 100%;
	margin: 30px 0 10px ;
	text-align: left;
	font-size: 0.6em;
	color: var(--Black);
}
.KinouTab dl {
  display: flex;
  flex-wrap: wrap;
}
.KinouTab dl dt {
  width: 5%;
}
.KinouTab dl dd {
  width: 95%;
}

.PriceTab{
	display: flex;
	text-align: center;
    align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 0px;
}

.PriceTab li {
	width: 100%;
	background: var(--Gray1);
	border-radius: 20px;
	border: 6px solid var(--Gray1);
	padding: 10px;
	color: var(--Black);
	line-height: 1.3;
	font-size: 110%;
	margin: 0px 0 15px ;
}


.PriceTab li .strong {
	width: 100%;
	margin: 20px 0 ;
	font-size: 1.6em;
	font-weight: bold;
	color: #ffa300;
}
.PriceTab li .strongY {
	width: 100%;
	margin: 20px 0 10px ;
	font-size: 3em;
	font-weight: bold;
	color: #ffa300;
}
.PriceTab li .strongRed {
	width: 100%;
	margin: 20px 0 10px ;
	font-size: 1.4em;
	font-weight: bold;
	color: #c1272d;
}

.TrialTab{
	display: flex;
	text-align: center;
    align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 0px;
}

.TrialTab li {
	width: 45%;
	background: var(--White);
}

.WPTab{
	display: flex;
	text-align: center;
    align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 20px;
}
.WPTab li {
	width: 98%;

	background: var(--White);
	border-radius: 20px;
	
	padding: 30px;
	color: var(--Black);
	line-height: 1.3;
	font-size: 100%;
	margin-bottom: 15px;
	
}
.WPTab li .sub {
	width: 100%;
	margin: 0px 20px 15px ;
	text-align: left;
	font-size: 1.2em;
	color: var(--Black);
}

.WPTab dl {
  display: flex;
  flex-wrap: wrap;
}
.WPTab dl dt {
  width: 5%;
}
.WPTab dl dd {
  width: 95%;
}

.HIS-ATab{
	display: flex;
	text-align: center;
    align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 0px;
}
.HIS-ATab li {
	width: 98%;

	background: var(--White);
	border-radius: 20px 20px 0px 0px;
	border: 6px solid /*#ffd600*/ var(--Gray1);
	padding: 10px 30px 0px;
	color: var(--Black);
	line-height: 1.3;
	font-size: 100%;
	margin-bottom: 0px;
	
}
.HIS-ATab li .sub {
	width: 100%;
	margin: 0px 20px 0px ;
	text-align: left;
	font-size: 1.2em;
	color: var(--Black);
}
.HIS-BTab{
	display: flex;
	text-align: left;
    align-content: left;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
}
.HIS-BTab li {
	width: 98%;

	background: /*#ffd600*/ var(--Gray1);
	border-radius: 0px 0px 20px 20px;
	border: 6px solid /*#ffd600*/ var(--Gray1);
	padding: 10px 30px;
	color: var(--Black);
	line-height: 1.3;
	font-size: 100%;
	margin-bottom: 15px;
	
}
.HIS-BTab li .sub {
	width: 100%;
	margin: 0px 20px 15px ;
	text-align: left;
	font-size: 1.2em;
	color: var(--Black);
}
.Grid4.Sitemap .PageTitleStyle3 .Inner h1,
.Trial .PageTitleStyle3 .Inner h1,
.Library .PageTitleStyle3 .Inner h1 {
	font-size: 2.8em;
}
.Trial .Section,
.Library .Section {
	background: var(--Gray1);
}
.Grid4.Sitemap .PageTitleStyle3 .Wrapper,
.Trial .PageTitleStyle3 .Wrapper,
.Library .PageTitleStyle3 .Wrapper {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/img_branding_opbg.png) no-repeat center right / auto 100%;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.Library .PageTitleStyle3 .Inner,div.Section .Inner{
    width: var(--wide);
}
.Library div.Section .Inner h2.TitleStyleWP {
	font-size: 1em;
	text-align: left;
	color: var(--Black);
	margin: 0 0 10px;
	padding: 16px 15px 12px 25px;
	border-left: 6px solid var(--Red2);
	/*background: url(/-/media/ind/foreigner-employment/image/renewal_202305/bg_title_markerY.png) repeat-y 0 0 var(--White);*/
	line-height: 1.35;
	font-weight: bold;
	letter-spacing: normal;
}
.Library a.DownloadLink:link,
.Library a.DownloadLink:visited {
	font-size: 1.2em;
	background: var(--Red2);
	color: var(--White);
	text-decoration: none;
	width: max-content;
	border-radius: 5px;
	padding: .5em 1em;
	transition: .08s ease;
}
.Library a.DownloadLink:hover,
.Library a.DownloadLink:active {
	background: var(--Red1);
}
.Library table th, table td{
    padding: 18px;
}
.Library .Wide15Per{
    width: 16%;
}
.Library div .Section .Inner h2.TitleStyleWP{
    margin: 0 0 20px;
}
.Library div.ImgW170SetStyle div.ImgSet{
    margin-left:-230px;
}
.Library div.ImgW170SetStyle p.Img {
    width: 230px;
    text-align: center;
}
.Library div.Section div.ImgW170SetStyle.ClearFix div.ImgSet div.Overflow{
    /*margin: 0 0 0 120px;*/
}
.Library table.TableStyleGen01,
.Library table.TableStyleGen02 { width: 100%; }
.Library table.TableStyleGen01 th,
.Library table.TableStyleGen01 td,
.Library table.TableStyleGen02 th,
.Library table.TableStyleGen02 td { border: dotted 2px var(--Gray1); }
.Library table.TableStyleGen01 th,
.Library table.TableStyleGen02 th { background-color: var(--Gray2); }
.Library table.TableStyleGen01 caption,
.Library table.TableStyleGen02 caption { display: none; }
.Library table.TableStyleGen01 td.SubHeader { background-color: #ffe899; }
.Library table.TableStyleGen01 td { background-color: var(--White); }
.Library table.TableStyleGen02 td.SubHeader { background-color: #e9e8dd; }
.Library table.TableStyleGen02 td { background-color: var(--White); }


p.Catch span{
	font-size: 150%;
    vertical-align: -7px;
    line-height: 1;
}
.Service.Half {
	text-align: left;
}
.Service.Half p.Catch {
	font-size: 450%;
	align-content: center;
}
.InnerLink {
	width: var(--wide);
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.InnerLink li a:link,
.InnerLink li a:link *,
.InnerLink li a:visited {
	padding: 1em .6em;
	font-size: 1.4em;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	display: flex;
	background: var(--White);
	transition: .08s ease-in;
}
.InnerLink li a:hover {
	background: #ffd5008a;
}
.InnerLink li a::after {
	content: url(/-/media/ind/foreigner-employment/image/icon_under.svg);
	width: 18px;
	height: 9px;
	display: block;
	margin: 0 0 0 .5em;
}
.InnerLink li a:link,
.InnerLink li a:link *,
.InnerLink li a:visited {
	padding: 1em .6em;
	font-size: 1.4em;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	display: flex;
	background: var(--White);
	transition: .08s ease-in;
}
.InnerLink li a:hover {
	background: /*#ffd5008a*/ var(--Gray1);
}
.InnerLink li a::after {
	content: url(/-/media/ind/foreigner-employment/image/icon_under.svg);
	width: 18px;
	height: 9px;
	display: block;
	margin: 0 0 0 .5em;
}

.Movie a {
    flex-flow: column;
}
.Movie a>span {
    font-size: .6em;
    color: var(--White);
}

/*====== Case ======*/
.Under.Case .PageTitleStyle3 .Inner h1 {
	font-size: 2.8em;
}
.Under.Case div.Section h2.Left {
	text-align: left;
	margin-bottom: 50px;	
}
.Grid4.Sitemap .Section h2,
.Grid4.Trial .Section.First h2 {
	font-size: 2em;
	font-weight: bold;
	color: #000;
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
	letter-spacing: 1px;
	background: none;
	border-bottom: 5px var(--Gray3) dotted;
	display: block;
	width: max-content;
}
.Grid4.Sitemap .Section h2,
.Grid4.Sitemap .Section h2 a:link {
	text-align: left;
	width: auto;
	max-width: 80%;
}
.Grid4.Sitemap .Section.First,
.Grid4.Under.Case .Section.First {
	background: var(--Gray1);
}
.Grid4.Under.Case #Sec02,
.Grid4.Under.Case #Sec02 .Inner {
	background: var(--White);
}
.Grid4.Sitemap #Sec03,
.Grid4.Library #Sec03,
.Grid4.Under.Case #Sec03 {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/img_Sec03_bg.png) no-repeat bottom;
	background-color: var(--Gray1);
	position: relative;
	background-size: contain;
	padding-bottom: 25px;
}
.Grid4.Sitemap #Sec03 div.Inner h4,
.Trial #Sec03 div.Inner h4,
.Grid4.Library #Sec03 div.Inner h4,
.Under.Case #Sec03 div.Inner h4 {
	text-align: center;
	font-size: 1.5em;
	color: var(--Black);
}
.Grid4.Sitemap h2 a:link,
.Under.Case h2 a:link,
.Under.Case h2 a:visited {
	color: var(--Black);
}
.Under.Case h2 a:hover,
.Under.Case h2 a:active {
	color: #ffd600;
}
.Under.Case div.Section .Inner h3 {
	background: transparent;
	border: none;
	font-size: 1.8em;
	color: var(--Black);
	text-align: center;
}
.Under.Case .PageTitleStyle3 .Wrapper {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/img_branding_opbg.png) no-repeat center right / auto 100%;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.Under div.Section.First .TextStyle1 {
	margin: auto; 
}
.Under.Case div.Section .TextStyle1 {
	font-size: .9em;
	padding: 0;
}
.Under.Case div.Section.First .TextStyle1 {
	font-size: 1.15em;
	margin: 0;
	padding: 30px 110px;
	letter-spacing: 1px;
}
.Under.Case #Sec02 div.Inner h3 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: auto 0 .5em;
	letter-spacing: 0.02em;
}
.Grid4.Under.Case #Sec02,
.Grid4.Under #Sec02 .Inner {
	background: var(--White);
}
.Grid4.Under.Case .Flexbox {
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
}
.Grid4.Under.Case .Flexbox.ImgTxt .Img {
	width: calc(100% / 3);
	border-radius: 5px;
	overflow: hidden;
}
.Grid4.Under .Flexbox.ImgTxt .Img img,
.Grid4.Under #Sec02 .Flexbox.ImgTxt .Img img {
	width: 100%;
	height: auto;
}
.Grid4.Under .Flexbox.ImgTxt .Txt {
	width: calc((100% / 3) * 1.8);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
justify-content: space-between;
	height: stretch;
}
.Grid4.Under #Sec02 div.Inner h3:before {
	content: none;
}
.Grid4.Under .Inner	.Button {
	display: flex;
justify-content: flex-end;
}

.Grid4.Under .Inner	.Button a:link,
.Grid4.Under .Inner	.Button a:visited {
	font-weight: bold;
	color: var(--Gray5);
	display: inline-flex;
	align-items: center;
	border: 2px solid var(--Gray4);
	padding: .25em;
	text-decoration: none;
	border-radius: 2px;
	transition: .08s ease-in;
	opacity: 1;
}
.Grid4.Library .Inner	.Button a:hover,
.Grid4.Under .Inner	.Button a:hover {
	text-decoration: none;
	opacity: .6;
}
.Contact a:before,
.Trial a:before{
    font-family: "Font Awesome 5 Free";
    margin: 0 .5em 0 0;
    display: flex;
    font-weight: 900;
    font-size: 1.5em;
    padding: 0;
		color: var(--White);
}
.Grid4.Sitemap .Contact a:before,
.Grid4.Trial .Contact a:before,
.Contact a:before {content: '\f15c';}
.Trial a:before,
.Grid4.Trial .Trial a:before {
    content: '\f1d8';
   
}

.Movie {
    width: 400px;
    margin: auto;
}

.Contact a:link,
.Contact a:visited,
.Movie a:link,
.Movie a:visited {
    display: flex;
    align-items: center;
    justify-content: center;;
    color: var(--White);
    width: 100%;
    background: var(--Red2);
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    text-decoration: none;
    border-radius: 45px;
    border: none;
    box-sizing: border-box;
    padding: 1em;
    margin: 1em auto;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    transition: .08s ease-in;
}
.Grid4.Sitemap .Contact .TextStyle1,
.Grid4.Trial .Contact .TextStyle1,
.Grid4.Library .Contact .TextStyle1,
.Grid4.Under .Contact .TextStyle1 {
	max-width: 500px;
	margin: auto;
}
.Grid4.Sitemap .Contact a:link,
.Grid4.Sitemap .Contact a:visited,
.Grid4.Trial .Contact a:link,
.Grid4.Trial .Contact a:visited,
.Grid4.Library .Contact a:link,
.Grid4.Library .Contact a:visited,
.Grid4.Under .Contact a:link,
.Grid4.Under .Contact a:visited {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--White);
	width: 100%;
	background: var(--Red2);
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	text-decoration: none;
	border-radius: 10px;
	border: none;
	box-sizing: border-box;
	padding: 1em;
	margin: 1em auto;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	transition: .08s ease-in;
}
.Contact a:hover,
.Movie a:hover,
.Grid4.Sitemap .Contact a:hover,
.Grid4.Library .Contact a:hover,
.Under.Case .Contact a:hover {
	box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .3);
}


.Inner iframe {
	margin: auto auto 2em;
	width: 640px;
	display: block;
}

/*Campaign */

.PageTitleStyle3 img.campaign {
    margin: 20px 0 0;
}

/*NewsBox*/

div.News_Wrapper{
	padding: 1em 0;
	background: var(--White);
}

div .News_Box_Area{
	margin: 10px auto;
    width: 940px;
}

dl.News_Box{
	display: table;
    width: 100%;
    box-sizing: border-box;
}

dl.News_Box dt{
	background-color: /*#ffd600*/ var(--Gray2);
    color: var(--Black);
    text-align: center;
    width: 260px;
    display: table-cell;
    vertical-align: middle;
	font-weight: bold;
	border-radius: 10px 0px 0px 10px;
}

dl.News_Box dd{
	background-color: var(--Gray1);
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
	border-radius: 0px 10px 10px 0px;
}

dl.News_Box li{
	font-size: 90%;
	position: relative;
}

dl.News_Box li p{
	padding-left: 20px;
}

dl.News_Box li:before{
	content: url(/-/media/image/jp/r1/icon/icon_link2_right.gif);
	position: absolute;
	padding: 2px 0;
}

#First {
	background-color: var(--Gray1);
}

#First h2 {
    font-size: 3em;
   
    color: var(--Black);
    padding: 10px 0 20px;
    text-align: center;
    letter-spacing: 1px;
    background: none;
    display: block;
}
#First div.First h2:before {
    content: url(/-/media/ind/foreigner-employment/image/renewal_202305/attention.png);

    margin: 0px 10px ;
}
#Support {
	background-color: var(--White);
}

#Support h2 {
    font-size: 2.6em;
   
    color: var(--Black);
    margin: 0 0px;
    padding: 10px 0 0px;
    text-align: center;
    letter-spacing: 0px;
    background: none;
    display: block;
}
#Support div.Support h2:before {
    content: url(/-/media/ind/foreigner-employment/image/renewal_202305/attention.png);
    margin: 0 10px 10px 0;
}
#Kinou {
	background-color: var(--Gray1);
}

#Kinou h2 {
    font-size: 3em;
   
    color: var(--Black);
    margin: 0 0px;
    padding: 10px 0 20px;
    text-align: center;
    letter-spacing: 1px;
    background: none;
    display: block;
}
#Kinou div.Kinou h2:before {
    content: url(/-/media/ind/foreigner-employment/image/renewal_202305/attention.png);
   
    margin: 0 10px 10px 0;
}
#Kouka {
	background-color: var(--Gray1);
}

#Kouka h2 {
    font-size: 3em;
   
    color: var(--Black);
    margin: 0 0px;
    padding: 10px 0 20px;
    text-align: center;
    letter-spacing: 1px;
    background: none;
    display: block;
}
#Kouka div.Kouka h2:before {
    content: url(/-/media/ind/foreigner-employment/image/renewal_202305/attention.png);
    
    margin: 0 10px 10px 0;
}
#WP {
	background-color: var(--Gray1);
}

#WP h2 {
    font-size: 3em;
   
    color: var(--Black);
    margin: 0 0px;
    padding: 10px 0 20px;
    text-align: center;
    letter-spacing: 1px;
    background: none;
    display: block;
}
#WP div.WP h2:before {
    content: url(/-/media/ind/foreigner-employment/image/renewal_202305/attention.png);
    
    margin: 0 10px 10px 0;
}
#WP h3 {
    font-size: 2em;
    color: var(--Black);
	font-weight: normal;
    margin: 20px 0px;
    padding: 10px 0 0px;
    text-align: center;
    background: none;
    display: block;
}

#Gamen {
	background-color: var(--White);
}

#Gamen h2 {
    font-size: 3em;
   
    color: var(--Black);
    margin: 0 0px;
    padding: 10px 0 0px;
    text-align: center;
    letter-spacing: 0px;
    background: none;
    display: block;
}
#Gamen div.Gamen h2:before {
    content: url(/-/media/ind/foreigner-employment/image/renewal_202305/attention.png);
    margin: 0 10px 10px 0;
}

#Gamen .text {
    font-size: 1.2em;
   
    color: var(--Black);
    margin: 10px 80px;
    padding: 10px 0 0px;
    text-align: left;
    letter-spacing: 0px;
    background: none;
    display: block;
}

#HIS {
	background-color: var(--White);
}

#HIS h2 {
    font-size: 2.0em;
   
    color: var(--Black);
    margin: 0 0px;
    padding: 10px 0 20px;
    text-align: center;
    letter-spacing: 1px;
    background: none;
    display: block;
}

#HIS h3 {
    font-size: 2em;
    color: var(--Black);
	font-weight: normal;
    margin: 20px 0px;
    padding: 10px 0 0px;
    text-align: center;
    background: none;
    display: block;
}

#PriceList {
	background-color: var(--White);
}

#PriceList h2 {
    font-size: 3em;
    color: var(--Black);
    margin: 0 0px;
    padding: 10px 0 0px;
    text-align: center;
    letter-spacing: 1px;
    background: none;
    display: block;
}
#PriceList div.PriceList h2:before {
    content: url(/-/media/ind/foreigner-employment/image/renewal_202305/attention.png);
   
    margin: 0 10px 10px 0;
}
#PriceList h3 {
    font-size: 2em;
    color: var(--Black);
	font-weight: normal;
    margin: 20px 0px;
    padding: 10px 0 0px;
    text-align: center;
    background: none;
    display: block;
}

#Trial {
	background-color: var(--White);
}

#Trial h2 {
    font-size: 3em;
    color: var(--Black);
    margin: 0 0px;
    padding: 10px 0 0px;
    text-align: center;
    letter-spacing: 1px;
    background: none;
    display: block;
}
#Trial div.Trial h2:before {
    content: url(/-/media/ind/foreigner-employment/image/renewal_202305/attention.png);
    
    margin: 0 10px 10px 0;
}
#Trial h3 {
    font-size: 1.8em;
	line-height: 1.6em;
    color: var(--Black);
    margin: 30px 0px;
    padding: 10px 0 0px;
    text-align: center;
    display: block;
}
#Trial .Trial h3 span {
	background: linear-gradient(transparent 60%, var(--Red1_20_Tint) 30%)!important;
}
.Grid4.Trial div.Section .TextStyle1 {
	padding: 2em 0;
}
.notice li {
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px;
	line-height: 1.4em;
}
.notice li::before {
	content: "※";
	position: absolute;
	left: 0;
}
#TroubleList div.bg_img:before{
    content: '';
  	
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;	
}

#TroubleList div.Trouble {
	z-index: auto;
    margin: 10px 10px 0px;
    background-color: var(--White);
    height: 220px;
    border-radius: 20px;
    padding: 0 10px;
    box-shadow: 8px 8px rgba(0,0,0,0.4);
}

#TroubleList div.Trouble h3 {
    font-size: 1.25em;
    z-index: 0;
    display: flex;
    align-items: center;
    line-height: 1.4;
    letter-spacing: 0.03em;
    border-bottom: 1px dotted var(--Black);
	padding-bottom: 10px;
	color: #4d5a5d;
	text-align: left;
}

#TroubleList div.Trouble h3:before {
    content: url(/-/media/ind/foreigner-employment/image/renewal_202001/icon_attention.png);
    z-index: 1;
    display: block;
    margin: 0 10px 5px 0;
}
#TroubleList div.Trouble p:before {
    content: url(/-/media/ind/foreigner-employment/image/renewal_202001/icon_solution.svg);
    min-width: 51px;
    height: 51px;
    margin: 0 .5em 0 0;
}
#TroubleList div.Trouble p {
    padding: 0px 10px 10px;
    color: #945426;
    font-weight: bold;
    display: flex;
    font-size: 1em;
}

#FuncImage{
    background: #dbfffd;
}
#FuncImage div.Inner{
	background: var(--White);
    padding: 30px 20px;
}

#FuncImage div.Inner h3 {
	width: 720px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: auto;
	letter-spacing: 0.02em;
}

#FuncImage div.Inner h3:before {
	content: url("/-/media/ind/foreigner-employment/image/renewal_202001/icon_gire.svg");
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	margin: 0 .25em 0 0;
}

#FuncImage div.Inner p.Point{
	font-weight: bold;
    font-size: 120%;
    background-color: #96907b;
    color: var(--White);
    padding: 5px 15px;
    letter-spacing: 0.1em;
    margin: 30px 0 0;
	border-left: 10px #ff8800 solid;
}

#FuncImage div.Inner .ImgOnlyStyle{
	background-color: var(--White);
    padding: 10px 0;
    margin: 0 0 30px;
}

#FuncImage img{
	width: 88%;
}

#FuncImage h3 span {
    background: linear-gradient(transparent 60%, rgb(255,221,221) 60%);
}

#Corporate div.Inner h3
{
    font-weight: bold;
    text-align: center;
    color: var(--Black);
}

#Corporate div.Inner h2 {
	background: none;
    color: var(--Black);
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    padding: .5em 0;
	letter-spacing: 0.1em;
	margin: 0;
}

.PanelParent {
	width: 100%;
	margin: 1em 0;
}
.PanelChild {
	border-radius: 10px;
	padding: 1em;
}
.PanelChild.Sax {
	background: #d4eceb;
}
.PanelChild.Three {
	padding: 1em 0;
}
.PanelChild dl {
	display: flex;
	align-items: center;
	color: #666;
	margin: .5em 0;
}
.PanelChild dt {
	font-size: 1.2em;
}
.PanelChild.Three dt {
	font-size: 1.1em;
}
.PanelChild dd {
	font-weight: bold;
	font-size: 1.4em;
}
.PanelChild.Three dd {
	font-size: 1.3em;
}
.PanelChild dd span {
	background: var(--White);
	border: 3px solid #888;
	border-radius: 5px;
	margin: 0 .5em;
	padding: 0 .25em;
}
#PriceList div.Inner .PanelChild h3 {
	font-size: 1.6em;
	background: transparent;
	color: #666;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
div.Section .Inner .PanelChild.Three h3 {
	text-align: left;
}
#PriceList div.Inner .PanelChild.Three h3 span {
	background: var(--White);
	color: #ab0202;
	border: 3px solid #888;
	border-radius: 5px;
	margin: 0 .5em;
	padding: 0 .25em;
	font-size: .9em;
}
#PriceList div.Inner .PanelChild.Three ul {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	margin: .5em 0;
}
#PriceList div.Inner .PanelChild.Three ul li {
	width: calc((100% / 3) - .5em);
	background: #e8e8e8;
	padding: 1em;
	border-radius: 5px;
	box-sizing: border-box;
}
#PriceList div.Inner .PanelChild.Three ul li h4 {
	font-size: 1em;
	text-align: left;
	padding: 0;
}
#Func div.Inner h4.Default {
	font-size: 1.3em;
	text-align: left;
	margin: 0;
}
#Func .PanelChild {
	margin: 0 auto 1em;
}
#Func .PanelChild dl {
	display: block;
}
#Func .PanelChild dt {
	font-weight: bold;
}
#Func .PanelChild dd {
	font-weight: normal;
	font-size: 1.2em;
}
#Func .columnList {
	z-index: auto;
	margin: 0;
	display: flex;
	justify-content: center;
}
#Func .columnList div.ColumnSet {
		display: flex;
		justify-content: center;
}
#Func .columnList .Column2 {
	margin: 0 0 15px;
}
#Func .columnList .Logo1,
#Func .columnList .Logo2 {
	padding: 0;
	margin: auto; /*追加*/
}
/*Contact*/

.Contact .TextStyle2 {
    width: 600px;
    display: block;
    margin: auto;
	/*background: var(--Red2);*/
    justify-content: center;
}
.ContactY a:link,
.ContactY a:visited{
    display: flex;
    align-items: center;
    justify-content: center;;
    color: var(--White);
    width: 100%;
    background: var(--Gray6);
		line-height: 1.6;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    text-decoration: none;
    border-radius: 20px;
    border: none;
    box-sizing: border-box;
    padding: 1em 1em;
    margin: 3em auto; 
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    transition: .08s ease-in;	
}
.ContactY a:hover{
    box-shadow: 0 5px 10px 2px rgba(0,0,0,.3);
}

.ButtonY a:link,
.ButtonY a:visited{
    display: flex;
    align-items: center;
    justify-content: center;;
    color: var(--Black);
    width: 100%;
    background: #ffd500;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
    border-radius: 20px;
    border: none;
    box-sizing: border-box;
    padding: 1em 1em;
    margin: 3em auto; 
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    transition: .08s ease-in;	
}
.ButtonY a:hover{
    box-shadow: 0 5px 10px 2px rgba(0,0,0,.3);
}

div.Contact2{
    font-weight: bold;
    font-size: 1.7em;
    text-align: center;
    color: var(--White);
    padding: 20px 0;
    background: var(--White);
}

div.Contact2-flex{
    display: flex;
    margin: 0;
		gap: 2em;
    background: var(--Gray2);
    justify-content: center;
    z-index: auto;
    width: 100%;
}

div.Contact2-flex .Column2{
    width: auto;
    
}

div.Contact2-flex p.TextStyle2{
    width: 450px;
    /*margin: 0 20px;*/
		margin: 0;
}

div.Contact1-flex{
    display: flex;
    margin: 0;
    background: var(--Gray2);
    justify-content: center;
    z-index: auto;
    width: 100%;
}

div.Column3 .Column2{
    width: auto;
    
}

div.Contact1-flex p.TextStyle2{
    width: 600px;
    margin: 0 20px;
}

.PageTitleStyle3 .Wrapper .Contact .TextStyle2{
	width: 100%;
}
/*TableStyle01*/
.Section table.TableStyle01 th,
.Section table.TableStyle01 td{
	border: 5px solid var(--White);
}
.Section table.TableStyle01 td{
	height: 60px;
}
.Section table.TableStyle01 td:nth-of-type(1){
	width: 12%;
	background-color: #3ebdb3;
	/*font-weight: bold;*/
	font-size: 100%;
	color: var(--White);
	padding-left: 15px;
}
.Section table.TableStyle01 td:nth-of-type(2),
.Section table.TableStyle01 th[colspan="2"] + td:nth-of-type(1){
	background-color: #e9f5ff;
	padding: 20px;
	color: #484848;
	font-size: 95%;
	letter-spacing: 0.03em;
}
.Section table.TableStyle01 th{
    text-align: center;
    /*font-weight: bold;*/
    color: var(--White);
    font-size: 100%;
    /*letter-spacing: 0.1em;*/
    width: 10%;
    background-color: #3c8dbc;
    line-height: 2em;
}

/*Logo*/
.columnList {
    margin: 0 0 50px -15px;
    text-align: center;
}
.columnList li {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 0 15px 0;
    padding-left: 15px;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.columnList div.ColumnSet {
    margin: auto;
}

.columnList div.Column2 {
    width: auto;
}

.columnList li.Logo1 p,
.columnList li.Logo2 p{
    font-size: 100%;
    background: #9e9e9e;
    color: var(--White);
    padding: 3px;
}

.columnList a:link,
.columnList a:visited{
    display: block;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    transition: .08s ease-in;
    margin: 5px;
}

.columnList li.Logo1 a{
    margin-bottom: 20px;
}

.columnList a:hover{
    box-shadow:  0px 0px 10px 2px rgba(0,0,0,.2);
}

td .columnList{
    margin: 10px 0 0 0;
}

td .columnList img {
    width: 100%;
}

td .columnList div.Column2{
    width: 45%;
}

td .columnList li.Logo1 p,
td .columnList li.Logo2 p{
    font-size: 75%;
}

td .columnList li.Logo2{
    width: 300px;
}

td .columnList li.Logo1{
    width: 147px;
    vertical-align: bottom;
}
td .columnList a:hover{
    box-shadow:  0px 0px 9px 0px rgba(0,0,0,.2)
}
.Employmentad .PageTitleStyle3 .Wrapper {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/img_branding_bg-2.png) no-repeat center / auto 100%;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.Employmentad .Flexbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.Employmentad .PageTitleStyle3 .Inner h1 {
	font-size: 2.6em;
	text-align: left;
}
.Employmentad .PageTitleStyle3 .Read {
	line-height: 2;
}
.Employmentad .PageTitleStyle3 .Read span {
	font-size: 1.3em;
	color: var(--Gray5);
	background: linear-gradient(transparent 70%, var(--Red1_20_Tint) 30%);
}
.Employmentad .Service.Half {
	width: 38%;
}
.Employmentad .Service.Half:first-child {
	width: 62%;
}
.Employmentad .Service.Half p.Catch {
	font-size: 2em;
	color: #000;
	transform: skewX(-14deg) rotate(-10deg) translate(0px, 70px);
}

.Employmentad .PageTitleStyle3 .Contact a:link,
.Employmentad .PageTitleStyle3 .Contact a:visited,
.Employmentad .Contact a:link,
.Employmentad .Contact a:visited {
	font-size: 1.4em;
	border: 3px solid var(--Red2);
	border-radius: 20px;
	min-height: 80px;
}
.Employmentad .Contact.Wh a:link, .Contact.Wh a:visited {
	color: #000;
	width: 100%;
	background: var(--White);
	box-sizing: border-box;
}
.Employmentad .Contact.Wh a:before {
	color: var(--Black);
}
.Employmentad .Img .Contact .TextStyle2 {
	width: 100%;
}
.Employmentad #First {
	background-color: var(--Gray1);
}
.Employmentad #First h2 {
	font-size: 1.8em;
	font-weight: bold;
	width: max-content;
	margin: auto;
	border-bottom: 5px var(--Gray3) dotted;
}
.Employmentad div.Section .Inner h3 {
	color: var(--Black);
}

.Employmentad #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;
}
.Employmentad #Func div.bg_img {
	/*background: url(/-/media/ind/foreigner-employment/image/renewal_202001/img_Sec01_bg.png) no-repeat center / auto 100%;*/
	background: var(--White);
	position: relative;
}
.Grid4.Employmentad .Img {
		background: #f2f2e9 url(/-/media/ind/foreigner-employment/image/renewal_202305/img_Sec01_bg.png) no-repeat center / 100% auto;
		position: relative;
	    
}
.Employmentad .Flexbox * {
	box-sizing: border-box;
}
.Employmentad .Flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.Employmentad .Flexbox li {
	width: calc((100% / 2) - 1em);
	margin: 0 0 1.5em;
}
.Employmentad .Flexbox li dl {
	display: inherit;
	height: 100%;
	padding: 1em;
	margin: 0 0 1em;
	border: 6px dotted var(--Gray2);
	border-radius: 20px;
}
.Employmentad dl dt {
	width: auto;
}
.Employmentad div.Section .Inner .Flexbox li h3 {
	text-align: left;
}
.Employmentad .Flexbox li dd {
	font-size: 1.2em;
	margin: 0 0 .5em;
	display: flex;
	align-items: flex-start;
}
.Employmentad .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;
}
.Employmentad .Flexbox dl#F01 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/pict01.svg) no-repeat 90% 90% / 150px 130px;
}
.Employmentad .Flexbox dl#F02 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/pict02.svg) no-repeat 90% 90% / 112px 140px;
}
.Employmentad .Flexbox dl#F03 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/pict03.svg) no-repeat 90% 90% / 98px 130px;
}
.Employmentad .Flexbox dl#F04 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/pict04.svg) no-repeat 90% 90% / 136px 117px;
}
.Employmentad .Flexbox dl#F05 {
	background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/pict05.svg) no-repeat right bottom / 164px 121px;
}
.Employmentad .Plate {
	background: rgba(255,255,255,.9);
	border-radius: 40px;
	padding: 1em;
	margin: 2em auto;
}
.Employmentad div.Section .Inner .Plate h3 {
	font-size: 2em;
	line-height: 1.4;
	color: #000;
}
.Employmentad #Last {
	background: url(/-/media/ind/foreigner-employment/image/renewal_202305/img_Sec03_bg.png) no-repeat bottom;
	background-color: var(--White);
	position: relative;
	background-size: contain;
	padding: 2em 0;
}
.Employmentad div.Inner h4::before {
	content: "";
}
.Employmentad .Img div.Inner h4 {
	text-align: center;
	font-size: 1.5em;
	color: #000 !important;
	background-color: inherit !important;
}
a:link img {
	opacity: 1;
	transition: .08s ease;
}
.Trial .ImgOnlyStyle a::before {
	content: none;
}
a:hover img {
	opacity: .8;
}
@media screen and (min-width: 995px) and (max-width: 1304px) {
	.OptionWideRWD .PageTitleStyle3 .Inner,
	.OptionWideRWD div.Section .Inner,
	.OptionWideRWD .InnerLink {
		width: 100%;
	}
	.OptionWideRWD .PageTitleStyle3 .Inner,
	.OptionWideRWD div.Section .Inner {
		padding: 1em;
		box-sizing: border-box;
	}
	.OptionWideRWD #Contents,
	.OptionWideRWD .Grid4 {
		padding: 0;
	}
	.OptionWideRWD .GridSet {
		margin: 0;
	}
	.OptionWideRWD .Employmentad .PageTitleStyle3 .Wrapper {
		background-position: right bottom;
		background-size: auto 70%;
	}
}
@media screen and (max-width: 995px) {
	.JS .Service.Half p.Catch {
		font-size: 400%;
	}
	.JS .InnerLink {
		width: 100%;
	}
	.JS .InnerLink li a:link,
	.JS .InnerLink li a:visited {
	padding: .5em 1em;
	}
	.JS .InnerLink li a:link,
	.JS .InnerLink li a:visited {
	font-size: 1.2em;
	}
	.JS .Grid4.Sitemap .Section h2 {
		width: auto;
		max-width: inherit;
		font-size: 1.5em;
	}
}


@media screen and (max-width: 994px) {
	.JS div#Contents,
	.JS .GridSet,
	.JS .Grid4 {
			padding:0;
			margin: 0;
			width: auto;
	}
	.JS .PageTitleStyle3{
		height: auto;
	}
	.JS .PageTitleStyle3 .Wrapper{
		align-items:baseline;
	}
	.JS .PageTitleStyle3 .Wrapper .Inner{
		margin: 0 30px;
	}
	.JS div.Section .Inner {
			padding: 1em;
			width: auto;
	}
	.JS div .News_Box_Area{
		width: 700px;
	}	
	.JS #First h2{
		margin: 0 130px;
	}
	.JS div.Section h2,
	.JS div.Section .Inner h3{
		font-size: 1.7em;
	}
	.JS #TroubleList div.Trouble{
		margin: 10px 5px 10px;
	}
	.JS #TroubleList div.Trouble p{
			font-size: 0.85em;
	}
	.JS #TroubleList div.Trouble h3{
		font-size: 100%;
		padding: 10px 0 0;
	}	
	.JS #PriceList h3{
		text-align: center;
	}
	.JS .Section table.management td:nth-of-type(1):before,
	.JS .Section table.alarm td:nth-of-type(1):before{
		display: none;
	}
	.JS .PageTitleStyle3 .Wrapper .Contact{
		width: 100%;
		font-size: 80%;
	}
	.JS .PageTitleStyle3 .Wrapper .Contact a:link, .Contact a:visited{
		padding: .5em 0;
	}
	.JS div.Contact2-flex .Column2{
		width: 100%;
		padding: inherit;
	}
	.JS div.Contact2-flex p.TextStyle2{
			width: 360px;
	}
	
	.JS #PriceList div.Inner h4{
			font-size: 1.2em;
	}
	
	.JS .columnList div.ColumnSet {
		display: flex;
		margin-bottom: 0 .5em;
	}
	.JS .columnList{
		margin: inherit;
	}
	.JS #Func .columnList {
		display: flex;
		flex-wrap: wrap;
	}
	.JS #Func .columnList .Logo1,
	.JS #Func .columnList .Logo2 {
		margin: 0 .5em 1em;
	}
	.JS #Func .columnList .Logo1 a {
		margin-bottom: 0 .5em;
	}
	.sp-only {
		display: inherit;
  }
  .pc-only {
    display: none;
  }
	.JS div.Section div.ImgW170SetStyle.ClearFix div.ImgSet div.Overflow{
		margin: 0px
	}
	.JS div.ImgW170SetStyle p.Img{
			width: 100%;
			text-align: center;
			float: none;
	}
	
	.JS div.ImgW170SetStyle div.ImgSet{
			margin: 0;
	}
		.JS #Sec03 {
		background: url(/-/media/ind/foreigner-employment/image/renewal_202305/img_Sec03_bg2.png) no-repeat bottom;
		background-color: var(--Gray1);
		position: relative;
		background-size: contain;
		padding-bottom: 25px;
	}
	.JS .Grid4.Sitemap #Sec03 div.Inner h4,
	.JS .Trial #Sec03 div.Inner h4,
	.JS .Grid4.Library #Sec03 div.Inner h4,
	.JS .Under.Case #Sec03 div.Inner h4,
	.JS #Sec03 div.Inner h4 {
		font-size: 1.2em;
	}
	.JS .Employmentad #Last {
		background: url(/-/media/ind/foreigner-employment/image/renewal_202305/img_Sec03_bg2.png) no-repeat bottom;
		background-color: var(--White);
		position: relative;
		background-size: contain;
		padding: 2em 0;
	}
}

@media screen and (max-width: 767px) {
	.JS .Inner iframe {
		width: 98%;
	}
	.JS .Service.Half {
		text-align: center;
		width: 100%;
	}
	.JS .parent {
		display: block;
 }
	.JS .child1 {
		width: 100%;
	text-align: left;
	align-items: center;
	line-height: 100px;
		position: relative;
	
	}
		
	.JS .child2 {
	color: var(--White);
	width: 100%;
		text-align: center;
		align-items: center;
			position: relative;
	}
	.JS div.Section div.ImgW170SetStyle.ClearFix div.ImgSet div.Overflow{
    margin: 0px
	}
	.JS div.ImgW170SetStyle p.Img{
		width: 100%;
		text-align: center;
		float: none;
		padding: 0 0 1em;
	}
	.JS div.ImgW170SetStyle div.ImgSet{
		margin: 1em 0;
	}
	.JS .Under .PageTitleStyle3 .Wrapper {
		background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/img_branding_opbg.png) no-repeat center right / auto 100%;;
	}
	.JS .PageTitleStyle3 .Wrapper{
		background: none;
		background-color: var(--White);
	}
    
    .JS div.Contact2-flex p.TextStyle2{
        width: auto;
    }
	.JS div.Contact1-flex p.TextStyle2{
        width: auto;
    }
	
	
	.JS .PageTitleStyle3 .Wrapper .Inner{
		margin: 0 10px;
	}
	
    .JS #FuncImage h3 span{
		background: none;
	}
	.JS .Grid4.Sitemap .PageTitleStyle3 .Inner h1,
	.JS .Trial .PageTitleStyle3 .Inner h1,
	.JS .Library .PageTitleStyle3 .Inner h1	{
		font-size: 2em;
		letter-spacing: 0;
	}
	.JS .PageTitleStyle3 .Wrapper {
		background: #fff url(/-/media/ind/foreigner-employment/image/renewal_202305/img_branding_opbg.png) no-repeat center right / auto 100%;
	}
	.JS .Employmentad .PageTitleStyle3 .Wrapper {
		background: none;
	}
	.JS .PageTitleStyle3 .ReadL{
        font-size: 1.4em;
    	text-align: center;
		padding: 10px 0 0 0;
	    letter-spacing: 0;
    }
	.JS .PageTitleStyle3 .Read{
        font-size: 1em;
    	text-align: center;
		padding: 10px 0 0 0;
	    letter-spacing: 0;
    }
	
	.JS .PageTitleStyle3 img.campaign{
		margin: 10px 0 0;
	}
	
	.JS dl.News_Box{
		margin: 1em;
		width: auto;
		background: var(--White);
	}
	
	.JS dl.News_Box dt{
		background: var(--Gray2);
		width: 20%;
	}
	
	.JS dl.News_Box dd{
		padding: 10px;
	}
	
	
	.JS .Section .TextStyle1{
        font-size: 1em;
    	text-align: left;
        padding: inherit;
    }
	
	.JS div.Section h2{
		font-size: 1.2em;
		letter-spacing: normal;
	}
	
	.JS #First h2,
	.JS #Support h2,
	.JS #Kinou h2,
	.JS #Gamen h2,
	.JS #Kouka h2,
	.JS #PriceList h2{
		font-size: 1.8em;
		margin: 0;
		letter-spacing: 0;
	}
	.JS #First div.First h2:before,
	.JS #Support div.Support h2:before,
	.JS #Kinou div.Kinou h2:before,
	.JS #Gamen div.Gamen h2:before,
	.JS #Kouka div.Kouka h2:before,
	.JS #PriceList div.PriceList h2:before{
    content: url(/-/media/ind/foreigner-employment/image/renewal_202305/attention_s.png);
    margin: 0px 10px ;
}
	.JS #Gamen .text {
    font-size: 1em;
   
    margin: 10px 0px;
    
}
	.JS div.Section .TextStyle3 {
    font-size: 1.0em;
    
}
	
	.JS p.Catch{
		font-size: 300%;
	}
	
	.JS .ColumnSet,
	.JS #PriceList .ColumnSet,
	.JS .Contact{
		margin: 0 10px 20px;
	}

	.JS .Grid4 .Column2,
	.JS #PriceList .Column{
		width: 100%;
    	padding: 0;
        margin: 0 0 10px 0;
    	
	}
    
    .JS div.Contact2-flex .Column2{
        margin: 0;
    }
	
	.JS #TroubleList div.Trouble{
		margin: 0;
		height: auto;
        padding-bottom: 20px;
	}

	.JS #TroubleList div.Trouble h3:before,
    .JS #TroubleList div.Trouble p:before{
		 transform: scale(.7);
		 margin: 0;
	}
	.JS #TroubleList div.Trouble p {
		padding: 0;
	}
   
	.JS #FuncImage div.Inner p.Point{
		font-size: 100%;
		line-height: 1.4;
	}
    .JS div.Section .Inner h3 {
        font-size: 1.4em;
        text-align: left;
    }
    .JS .Section table.TableStyle01{
		width: 700px;
        font-size: 80%;
	}

    .JS .Section table.TableStyle01 td{
		padding: 10px;
	}
	
	.JS .Section table.alarm td:nth-of-type(1):before,
    .JS .Section table.management td:nth-of-type(1):before{
	content: '';
    margin: 0 .4em 0 0;
    display: none;
    vertical-align: middle;
}

	
	.JS #FuncImage div.Inner h3:before{
	transform: scale(1.3);
    margin: 0 .7em 0 0;
	}
	
	.JS #FuncImage div.Inner h3 {
		width: auto;
	}
    
    .JS #PriceList div.Inner h3{
        font-size: 130%;
        margin: 20px 0 ;
    }
    
    .JS #PriceList table {
    margin: auto;
    width: 700px;
    font-size: 0.8em;
    }
    
    .JS #PriceList table th, #PriceList table td{
        padding: 10px;
	}
	.JS #PriceList div.Inner .PanelChild.Three h3 {
		flex-flow: column;
		align-items: flex-start;
	}
	.JS .PanelChild dl {
		flex-wrap: wrap;
	}
	.JS #PriceList div.Inner .PanelChild.Three ul {
		flex-flow: column;
	}
	.JS #PriceList div.Inner .PanelChild.Three ul li {
		width: 100%;
		margin: 0 0 1em;
	}
	.JS #Func .columnList {
		margin: auto;
		justify-content: center;
	}
	.JS #Func .columnList .ColumnSet {
		flex-wrap: wrap;
	} 
   .JS .Contact a:link,
   .JS .Contact a:visited,
   .JS .Contact .TextStyle2 {
       width: auto;
       justify-content: flex-start;
    }

    .JS .Contact a:link,
    .JS .Contact a:visited {
        font-size: 1.3em;
        justify-content: center;
    }

	
	.JS .PageTitleStyle3 .Wrapper .Contact{
		width: 100%;
		margin: auto;
	}
	
	.JS .PageTitleStyle3 .Wrapper .Contact a:link,
    .JS .PageTitleStyle3 .Wrapper .Contact a:visited {
        font-size: 1.8em;
    }
	
	.JS .PageTitleStyle3 .Wrapper .Contact a:before {
        transform: scale(.6);
        margin: 0 .3em .3em 0;
}
    
    .JS div.Contact2{
        font-size: 1.2em;
    }
    
    .JS div.Contact2-flex{
        display: inline-block;
    }
    
    .JS .columnList div.ColumnSet {
        margin-bottom: 0;
}
	
/* ここ。 */
    .JS .ServiceTab{
		margin-bottom: 0;
	}
	.JS .ServiceTab li{
		width: 46%;
		margin-bottom: 4%;
	}
	.JS .ServiceTab li a{
		font-size: 1.2em;
	}
	.JS .ProblemTab li{
		width: 96%;
		font-size: 1.8em;
	}
	.JS .SolutionTab li{
		width: 96%;
		font-size: 1.8em;
	}
	/* ここ。 */
	.JS .KinouTab li{
		width: 96%;
		
		font-size: 1.6em;
	}
	.JS .PriceTab li {
		width: 96%;
		font-size: 0.9em;
	}
	.JS .TrialTab li {
		width: 96%;
		font-size: 0.9em;
	}
    .JS .HIS-ATab li {
		width: 96%;
		font-size: 0.85em;
	}
	 .JS .HIS-BTab li {
		width: 96%;
		font-size: 0.85em;
	}
	.JS br.PC {
		display: none;
	}
	.JS .Employmentad .Service.Half p.Catch {
		font-size: 1.8em;
	}
	.JS .Employmentad #Func h2 {
		margin: auto;
	}
	.JS .Employmentad .Flexbox li {
		width: 100%;
	}
	.JS .Employmentad .Flexbox {
		flex-flow: column;
	}
	.JS .Employmentad .Service.Half:first-child,
	.JS .Employmentad .Service.Half {
		width: auto;
	}
	.JS .Employmentad .Grid4 .Img {
		background: #f2f2e9 url(/-/media/ind/foreigner-employment/image/renewal_202305/img_Sec01_bg.png) no-repeat top center / 100% auto;
	}

}
@media screen and (max-width: 579px) {
	.JS .PageTitleStyle3 {
		background: transparent;
	}
	.JS .Grid4.Under .Flexbox {
		flex-direction: column;
	}
	.JS .Grid4.Under .Flexbox.ImgTxt .Img,
	.JS .Grid4.Under .Flexbox.ImgTxt .Txt {
		width: auto;
	}
	
}

@media screen and (max-width: 360px) {
	
	
	.JS .PageTitleStyle3 h1{
		font-size: 1.5em;
   		letter-spacing: 0;
	}
	
	.JS .PageTitleStyle3 .Info{
		text-align: center;
	}
	
	.JS p.Catch{
		font-size: 260%;
	}
	.JS .PageTitleStyle3 .ReadL{
		font-size: 100%;
		line-height: 1.5;
	}
	.JS .PageTitleStyle3 .Read{
		font-size: 85%;
		line-height: 1.5;
	}
	
	.JS #First h2{
		font-size: 120%;
	}
	
	.JS .Section .TextStyle1,
	.JS div.Section h2{
		font-size: 100%;
		letter-spacing: 0;
	}
	
	.JS #TroubleList div.Trouble h3{
		font-size: 100%;
	}
	
	.JS .ColumnSet, .JS #PriceList .ColumnSet, .JS .Contact{
		margin: 0px;
	}
	
	.JS div.Section .Inner h3{
		font-size: 1.2em;
	}
	
	.JS #TroubleList div.Trouble p{
		font-size: 90%;
			
		}

	.JS .Section table.TableStyle01 td:nth-of-type(1){
		font-size: 90%;
		padding: 10px;
	}
	
	.JS .Section table.TableStyle01 td:nth-of-type(2){
		padding: 20px 10px;
	}
	
	.JS #FuncImage div.Inner h3:before{
		transform: scale(1);
		margin: 0 5px 0 0;
	}
	
    .JS #PriceList div.Inner h4{
        font-size: 1em;
        padding: 0;
        margin: 10px 0;
    }
	
}