@charset "utf-8";

div#Contents,
.GridSet,
.Grid4 {
    width: 100%;
    margin: auto;
    overflow: visible;
}

.PageTitleStyle3 {
    background : #fff ;
    margin-bottom: 0;
}

.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%;
}

.PageTitleStyle3 .Inner {
    width: 965px;
    margin: auto;
	
}

.PageTitleStyle3 .Inner h1 {
    font-size: 2.8em;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #000;
}

.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 .Read {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.1em;
    color: #555555;
    padding-top: .5em;
    text-align: left;
}

p.Catch,
#PriceList div.Inner h3{
	font-size: 500%;
    margin: 0;
    font-weight: bold;
    display: inline-block;
    color: #ff8721;
    letter-spacing: 0.08em;
    background: linear-gradient(transparent 50%, #ffff66 50%);
}

p.Catch span{
	font-size: 150%;
    vertical-align: -7px;
    line-height: 1;
}
.Service.Half {
	text-align: left;
}
.Service.Half p.Catch {
	font-size: 450%;
}
@media screen and (max-width: 995px) {
	.JS .Service.Half p.Catch {
		font-size: 400%;
	}
}

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

@media screen and (max-width: 767px) {
	.JS .Inner iframe {
		width: 98%;
	}
	.JS .Service.Half {
		text-align: center;
		width: 100%;
		background-color: #fff;
	}
}
/*Campaign */

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

/*NewsBox*/

div.News_Wrapper{
	padding: .7em 0;
	background: #737373;
}

div .News_Box_Area{
	margin: 0 auto;
    width: 800px;
   
}

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

dl.News_Box dt{
	background-color: #e60027;
    color: #fff;
    text-align: center;
    width: 200px;
    display: table-cell;
    vertical-align: middle;
	font-weight: bold;
	letter-spacing: 1px;
}

dl.News_Box dd{
	background-color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

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;
}

/*Section*/

div.Section {
width: 100%;
padding: 0;
background: #FBFFFA;
}

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

div.Section .Inner {
width: 965px;
margin: auto;
padding: 2em 0;
word-break: break-word;
}

div.Section h2 {
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    padding: .5em 0;
	letter-spacing: 0.1em;
	margin: 0;
}

div.Section .Inner h3 {
    background: transparent;
    border: none;
    font-size: 1.8em;
    color: #000;
    text-align: center;
}

div.Section .TextStyle1 {
    font-size: 1.15em;
    color: #000;
    margin: 0;
	padding: 30px 110px;
	letter-spacing: 1px;
}

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

.Column2 {
	box-sizing: border-box;
	margin-bottom: 15px;
	z-index: 0;
	position: relative;
}

#First 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 #ffd600 dotted;
    display: block;
}

#TroubleList div.bg_img{
	background: url(/-/media/ind/foreigner-employment/image/renewal_202001/img_Sec01_bg.png) no-repeat center / auto 100%;
	position: relative;
}

#TroubleList div.bg_img:before{
    content: '';
  	background-color: rgba(160, 199, 197, 0.3);
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;	
}

#TroubleList div.Trouble {
	z-index: auto;
    margin: 10px 10px 0px;
    background-color: #fdf5de;
    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 #000;
	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: #ffffff;
    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: #fff;
    padding: 5px 15px;
    letter-spacing: 0.1em;
    margin: 30px 0 0;
	border-left: 10px #ff8800 solid;
}

#FuncImage div.Inner .ImgOnlyStyle{
	background-color: #fff;
    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: #117d7d;
}

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


#PriceList{
	background: url(/-/media/ind/foreigner-employment/image/renewal_202001/img_Sec03_bg.png) no-repeat bottom;
	background-color: #FBFFFA;
	position: relative;
	background-size: contain;
    padding-bottom: 25px;
}

#PriceList .Price{
	background: #fff2da;
    height: 380px;
    border-radius: 10px;
	box-shadow: 10px 10px rgba(0,0,0,0.3);
}

#PriceList .Price p{
    font-size: 1000%;
    text-align: center;
    font-weight: bold;
    color: #f97e00;
	
}

#PriceList .Price p span{
	font-size: 50%;
	
}

#PriceList .LastItem .Price p{
	font-size: 450%;
    padding-top: 30px;
}

#PriceList .LastItem .Price p.attention{
	font-size: 85%;
	margin: 0 10px;
	padding-top: 5px;
    padding-left: 1em;
    text-align: left;
    letter-spacing: .05em;
    text-indent: -1em;
}

#Func div.Inner h4,
#PriceList div.Inner h4{
    text-align: center;
    font-size: 1.5em;
    color: #6d6035 !important;
    background-color: inherit !important;
    
}

#Func div.Inner h4::before,
#PriceList div.Inner h4::before{
    content: "";
}

#PriceList table{
    margin: 0 auto 50px;
   
}

#PriceList table caption::before{
    content: "■";
    
}


#PriceList table caption{
    font-size: 1.2em;
    color: #117d7d;
    font-weight: bold;
    padding-bottom: 0.5em;
    
}

#PriceList table caption span{
    font-size: 0.65em;
    font-weight: normal;
    
}

#PriceList table th{
    font-weight: bold;
    background-color: #3c8dbc;
    color: #fff;
    
}

#PriceList table th,
#PriceList table td{
    font-size: 100%;
    padding: 20px 30px;
    text-align: center;
    
}

#PriceList table tr.frame1 td:nth-of-type(1){
    font-weight: bold;
    background-color: #3ebdb3;
    color: #fff;
    
}
#PriceList div.Inner h3{
    font-size: 300%;
    display: block;
        margin: 0 50px 50px;
    color: #117d7d;
}

#PriceList div.Inner h3 span{
    font-size: 2em;
}
#PriceList div.Inner h4.Default {
	font-size: 1em;
	text-align: left;
}
#PriceList div.Inner h4.Default span {
	font-size: .9em;
	margin: 0 1em;
}
.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: #fff;
	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: #fff;
	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: 500px;
    display: block;
    margin: auto;
}

div.Contact2{
    font-weight: bold;
    font-size: 1.7em;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    background: #3c8dbc;
}

div.Contact2-flex{
    display: flex;
    margin: 0;
    background: #e9f5ff;
    justify-content: center;
    z-index: auto;
    width: 100%;
}

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

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

.PageTitleStyle3 .Wrapper .Contact .TextStyle2{
	width: 100%;
	
}

.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;

}

.Contact a:before{content: '\f15c';}
.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: #000;
    width: 100%;
    background: #ffd600;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    text-decoration: none;
    border-radius: 20px;
    border: none;
    box-sizing: border-box;
    padding: .5em 0;
    margin: 1em auto;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    transition: .08s ease-in;
}
.Movie a {
    flex-flow: column;
}
.Movie a>span {
    font-size: .6em;
    color: #fff;
}
.Contact a:hover,
.Movie a:hover{
    box-shadow: 0 5px 10px 2px rgba(0,0,0,.3);
}

/*TableStyle01*/

.Section table.TableStyle01 th,
.Section table.TableStyle01 td{
	border: 5px solid #fff;
	
}

.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: #fff;
	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: #fff;
    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: #fff;
    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 li.Logo1 img{
    padding-bottom: 10px;
}*/


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


@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.TableStyle01 td:nth-of-type(1){
		font-size: 98%;
	}*/
    
    
	
	.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: 320px;
    }
    
    .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 #PriceList{
	background: url(/-/media/ind/foreigner-employment/image/renewal_202001/img_Sec03_bg2.png) no-repeat bottom;
	background-color: #FBFFFA;
	position: relative;
	background-size: contain;
    padding-bottom: 25px;
}
}

@media screen and (max-width: 767px) {
	
	.JS .PageTitleStyle3 .Wrapper{
		background: none;
		background-color: #fff;
	}
    
    .JS div.Contact2-flex p.TextStyle2{
        width: auto;
    }
	
	
	.JS .PageTitleStyle3 .Wrapper .Inner{
		margin: 0 10px;
	}
	
    .JS #FuncImage h3 span{
		background: none;
	}
	
    .JS .PageTitleStyle3 h1{
        font-size: 2em;
		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{
		width: 100%;
		background: #fff;
	}
	
	.JS dl.News_Box dt{
		background: #e60027;
		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{
		font-size: 1.5em;
		margin: 0;
		letter-spacing: 0;	
	}
	
	.JS p.Catch{
		font-size: 300%;
	}
	
	.JS .ColumnSet,
	.JS #PriceList .ColumnSet,
	.JS .Contact{
		margin: 0 10px 20px;
	}
	
	
	.JS .Grid4 .Column2,
	.JS #PriceList .Column2{
		width: 100%;
    	padding: 0;
        margin: 0 0 20px 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 th{
		font-size: 100%;
	}*/
    
    .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: 150%;
        margin: 0 0 20px;
    }
    
    .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;
}
	
    
    
	
}

@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 .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;
    }
    
	
}