@charset "UTF-8";
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
}
body {
	font-family:'Noto Sans JP',"YuGothic","Yu Gothic","游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",sans-serif;
	background-color: #FFF;
	color: #000;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
	font-weight: 400;
	letter-spacing: 0.04em;
	
}
body{
	
}
.wrapper{
	overflow: hidden;
}
::selection {
	background-color:#00aecb;
	color: #000;/* Safari */
}

::-moz-selection {
	background-color:#00aecb;
	color: #000;/* Firefox */
}
.clearfix {
	clear: both;
}
.onPc{
	display:block !important;
}
.onSmt{
	display:none !important;
}
.headclearfix {
	clear: both;
	width:100%;
	height:1px;
	display:block;
	float:left;
	margin-bottom:-1px;
}
a{
	color: #777;
	text-decoration: underline;
}
a:hover{
	color: #000;
	text-decoration: underline;
}
a img.linkimg{
background:none!important;
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out; 
-o-transition: 0.3s ease-in-out;  
transition: 0.3s ease-in-out;  
}
a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}
.imground{
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.imgshadow{
    box-shadow: 0 12px 10px -6px rgba(0,0,0,.6);
}
.imgCenter{
	width:100%;
	height:auto;
	float:left;
	display:table;
	text-align:center;
}
.imgLeft{
	width:100%;
	height:auto;
	float:left;
	display:table;
}
/* Space */
.mt0{ margin-top:0;}
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}
.mt100{ margin-top:100px;}
.mt110{ margin-top:110px;}
.mt120{ margin-top:120px;}
.mt130{ margin-top:130px;}
.mt140{ margin-top:140px;}
.mt150{ margin-top:150px;}
.mt160{ margin-top:160px;}

.mr0{ margin-right:0;}
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr60{ margin-right:60px;}

.mb0{ margin-bottom:0;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}
.mb100{ margin-bottom:100px;}
.mb110{ margin-bottom:110px;}
.mb120{ margin-bottom:120px;}
.mb130{ margin-bottom:130px;}
.mb140{ margin-bottom:140px;}
.mb150{ margin-bottom:150px;}
.mb160{ margin-bottom:160px;}
.mb170{ margin-bottom:170px;}
.mb180{ margin-bottom:180px;}
.mb190{ margin-bottom:190px;}
.mb200{ margin-bottom:200px;}

.ml0{ margin-left:0;}
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml150{ margin-left:150px;}

.mW05{ margin:0 5px;}
.mW10{ margin:0 10px;}
.mW15{ margin:0 15px;}
.mW20{ margin:0 20px;}
.mW30{ margin:0 30px;}

.pt0{ padding-top:0;}
.pt02{ padding-top:2px;}
.pt03{ padding-top:3px;}
.pt04{ padding-top:4px;}
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt80{ padding-top:80px;}
.pt90{ padding-top:90px;}
.pt100{ padding-top:100px;}

.pr0{ padding-right:0;}
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr40{ padding-right:40px;}
.pr50{ padding-right:50px;}
.pr60{ padding-right:60px;}
.pr70{ padding-right:70px;}
.pr80{ padding-right:80px;}
.pr90{ padding-right:90px;}
.pr100{ padding-right:100px;}
.pr110{ padding-right:110px;}
.pr120{ padding-right:120px;}


.pb0{ padding-bottom:0;}
.pb03{ padding-bottom:3px;}
.pb04{ padding-bottom:4px;}
.pb05{ padding-bottom:5px;}
.pb07{ padding-bottom:7px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}
.pb70{ padding-bottom:70px;}
.pb80{ padding-bottom:80px;}
.pb90{ padding-bottom:90px;}
.pb100{ padding-bottom:100px;}

.pl0{ padding-left:0;}
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}
.pl60{ padding-left:60px;}
.pl70{ padding-left:70px;}
.pl80{ padding-left:80px;}
.pl90{ padding-left:90px;}
.pl100{ padding-left:100px;}
.pl110{ padding-left:110px;}
.pl120{ padding-left:120px;}

.pW05{ padding:0 5px;}
.pW10{ padding:0 10px;}
.pW15{ padding:0 15px;}
.pW20{ padding:0 20px;}
.pW30{ padding:0 30px;}

.pd05{ padding: 5px;}
.pd10{ padding: 10px;}
.pd15{ padding: 15px;}
.pd20{ padding: 20px;}
/* Space */
.header {
	width: 100%;
	height: auto;
	display: block;
	position: fixed;
	top: 0px;
	z-index: 1000;
	background-color: rgba(255,255,255,0.00);
	transition-property: all;
	transition: 0.2s ease;
	
}
.header.on {
    background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}
.box1080{
	width:100%;
	height:auto;
	margin: 0 auto;
	max-width: 1080px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
    position: relative;
   
}
.box1080Pd{
	width:100%;
	height:auto;
	margin: 0 auto;
	max-width: 1120px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
    position: relative;
   
}
.box960{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width: 960px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
    position: relative;
    
}

.box800{
	width:100%;
	height:auto;
	margin: 0 auto;
	max-width: 800px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
    position: relative;
    z-index: inherit;
}
.box800Pd{
	width:100%;
	height:auto;
	margin: 0 auto;
	max-width: 800px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
    position: relative;
    z-index: inherit;
}
.box600{
	width:100%;
	height:auto;
	margin: 0 auto;
	max-width: 600px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    position: relative;
    
}
.box1280{
	width:100%;
	height:auto;
	margin: 0 auto;
	max-width:1280px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    position: relative;
    
}
.box1280Pd{
	width:100%;
	height:auto;
	margin: 0 auto;
	max-width:1280px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;

    position: relative;
    
}
.box1600{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width:1600px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
    position: relative;
    
}
.box1600Pd{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
	max-width:1600px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 60px;
	padding-bottom: 60px;
}
.boxFull{
	width:100%;
	display:table;
	height:auto;
	margin: 0 auto;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
    position: relative;
}
.headLogo{
	width: auto;
	height: auto;
	display:block;
	position: relative;
	float: left;
	transition-property: all;
	transition: 0.2s ease;
    opacity:1.0;
	/*filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";*/
	margin-top: 20px;
	margin-bottom: 10px;
}

.on .headLogo{
	
}
.headLogo img{
	height: 40px;
	width:auto;
	transition-property: all;
	transition: 0.2s ease;
    display: block;
}
.headLogo.changeColor img{
	/*-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);*/
}
.on .headLogo.changeColor img{
	/*-webkit-filter: none;
	filter: none;*/
}
.headLogo img.whtLogo{
	display: block;
}
.headLogo img.baseLogo{
	display: none;
}
.on .headLogo img.whtLogo{
	display: none;
}
.on .headLogo img.baseLogo{
	display: block;
}
.blkLogoFix .headLogo img.whtLogo{
	display: none !important;
}
.blkLogoFix .headLogo img.baseLogo{
	display: block !important;
}
.contentBox {
	height: auto;
	width: 100%;
	margin: 0 auto;
	display: table;
	background-color:#fff;
    position: relative;
}

.contentBoxGrey {
	height: auto;
	width: 100%;
	margin: 0 auto;
display: table;
	background-color:#f2f2f2;
    position: relative;
}


.ph100{
    width:100%;
	height:auto;
	float:left;
	display:inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    z-index: 0;
}
.ph100 img{
    width:100%;
	height:auto;
	float:left;
    z-index: 0;
    position: relative;
}
.ph80{
    width:100%;
	height:auto;
	float:left;
	display:inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    z-index: 0;
    text-align: center;
}
.ph80 img{
    width:80%;
	height:auto;
    z-index: 0;
    position: relative;
}
.footBox {
	height: auto;
	width: 100%;
	margin: 0 auto;
	display: table;
	background-color: #000;
	position: relative;
	z-index: 0;
}

.moreBtn{
	width:100%;
	height:auto;
	float:left;
	display:flex;
	text-align:center;
    position: relative;
	justify-content: center;
}

.moreBtn a{
    width: 100%;
    height: auto;
    display: flex;

    line-height: 40px;
    font-size: 14px;
    color: #999;
    text-decoration: none;
    transition-property: all;
    transition: 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    padding: 5px 0;
    position: relative;
    letter-spacing: 0.05em;
    max-width: 200px;
	font-family: 'Roboto', sans-serif;
	border-radius: 40px;
    background-repeat: no-repeat;
	border: #d5d5d5 1px solid;
	align-items: center;
	justify-content: center;
}
.moreBtn.t-left{
    justify-content: left;
}
.moreBtn a::before{

}
.moreBtn a.c-blk{
    color: #000;
    border-color: #000;
}
.moreBtn a.c-blk::before{
    
}

.moreBtn a span{
   
}
.moreBtn a:hover{
    background-color: rgba(0,0,0,0.05);
}
.moreBtn a.wht:hover{
    background-color: #FFF;
    color: #774b65;
}
.moreBtn a.wht:hover::before{
    background-color: #774b65;
}
.moreBtn a:hover::before{
    
}
.moreBtn.t-line a{
	background-color: #FFF;
    border: #5a7c6d 1px solid;
	color: #5a7c6d;
}
.goTopBtn{
	width:60px;
	height:60px;
	display:inline-block;
	position:fixed;
	right:20px;
	bottom:-90px;
	z-index:100;
	transition-property: all;
	transition: 0.6s ease;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    padding: 15px;
    background-color: #000000;
}

.goTopBtn.on{
	bottom:20px;
}
.goTopBtn.on:hover{
	
}
.goTopBtn img{
	width:100%;
	height:auto;
	
}
.goTopBtn img:hover{
	
}

.copyright{
	width:100%;
	height:auto;
	float:left;
	display:inline-block;
	text-align:left;
	font-size:12px;
	color:#999;
	line-height:1;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding-top: 40px;
	border-top: #333 1px solid;
}
.text60{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:60px;
	text-align:left;
	line-height:1.4em;
}
.text30{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:30px;
	text-align:left;
	line-height:1.4em;
}
.text30Center{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:30px;
	text-align:center;
	line-height:1.4em;
}
.text36{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:36px;
	text-align:left;
	line-height:1.4em;
}
.text36Center{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:36px;
	text-align:center;
	line-height:1.4em;
    position: relative;
}
.text48{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:48px;
	text-align:left;
	line-height:1.3em;
    position: relative;
}
.text48Center{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:48px;
	text-align:center;
	line-height:1.3em;
    position: relative;
}
.text24Center{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:24px;
	text-align:center;
	line-height:1.6em;
}
.text24{
	display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:24px;
	text-align:left;
	line-height:1.6em;
}
.text22{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:22px;
	text-align:left;
	line-height:1.6em;
}
.text22Center{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:22px;
	text-align: center;
	line-height:1.6em;
}
.text20{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:20px;
	text-align:left;
	line-height:1.6em;
}
.text20Center{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:20px;
	text-align: center;
	line-height:1.6em;
}
.text18{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:18px;
	text-align:left;
	line-height:1.8em;
}
.text18Center{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:18px;
	text-align: center;
	line-height:1.8em;
}
.text16{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:16px;
	text-align:left;
	line-height:1.8em;
}
.text16Center{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:16px;
	text-align:center;
	line-height:1.8em;
}
.text14{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:14px;
	text-align:justify;
	line-height:1.8em;
}
.text14Center{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:14px;
	text-align:center;
	line-height:1.8em;
    position: relative;
}
.text12{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:12px;
	text-align:left;
	line-height: 2em;
}
.text12Center{
	 display: block;
    float: left;
    height: auto;
    width: 100%;
	font-size:12px;
	text-align:center;
	line-height: 2em;
}

.bd{
	font-weight: bold;
}

.gNavi {
	width: auto;
	height: auto;
	display:block;
    float: right;
}
.gNavi ul{
	width: auto;
	height: auto;
	float: right;
	display:block;
}
.gNavi li{
	width: auto;
	height: auto;
	float: left;
	display:block;
	position: relative;
}
.gNavi li a,.gNavi li span{
	width: auto;
	height: auto;
	font-size:14px;
	line-height:20px;
	text-align:center;
    color: #FFF;
	display:inline-block;
	text-decoration:none;
	font-weight: 600;
	transition-property: all;
	transition: 0.2s ease;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
    padding: 30px 20px;
	position: relative;
    cursor: pointer;
    letter-spacing: 0.08em;
	font-family: 'Roboto', sans-serif;
}

.on .gNavi li a,.on .gNavi li span{
	color: #000;
}
.pageFix .gNavi li a,.pageFix .gNavi li span{
	color: #000;
}
.gNavi li a:hover,.gNavi li span:hover{
	background-color: rgba(0,0,0,1.00);
	color: #FFF;
}
.gNavi li a:hover span{
   
}
.gNavi li.add a,.gNavi li.add span{
	background-color: rgba(0,0,0,1.00);
	color: #FFF;
}
.gNavi li.add a span{
    
}
.gNavi li a::before, .gNavi li span::before{
	content: '-';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	text-align: center;
	color: #FFF;
	background-color: #000;
	transition-property: all;
transition: 0.1s ease;
	opacity:0.0;
filter:alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";
	font-family: 'Noto Sans JP',"YuGothic","Yu Gothic","游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",sans-serif;
	font-weight: 600;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gNavi li span:hover::before,.gNavi li.add span::before, .gNavi li a:hover::before{
	opacity:1.0;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
.gNavi li.m-about span::before{
	content: '会社案内';
}
.gNavi li.m-service span::before{
	content: '事業案内';
}
.gNavi li.m-recruit a::before{
	content: '採用情報';
}
.gNavi li.m-blog a::before{
	content: 'ブログ';
}
.gNavi li.m-news a::before{
	content: 'お知らせ';
}
.gNavi li.m-contact a::before{
	content: 'お問い合わせ';
}
.megaBox {
  width: 100%;
  height: 0;
  padding: 0px;
  position: absolute;
  z-index: 1000;
  margin-top: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  right: 100px;
  top: 80px;
  transition-property: all;
  transition: 0.2s ease;
  overflow: hidden;
  background-color: #ffffee;
  background-color: #fff;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  margin-left: 0px;
  max-width: 750px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha( opacity=0 )";
}

.add .megaBox {
  height: auto;
  transition-property: all;
  transition: 0.2s ease;
  border-top-width: 6px;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
}
.megaLeft {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 40px 40px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.megaRight {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
	padding: 0px 40px 40px;
}
ul.megaList {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
ul.megaList li {
  width: calc(50% - 30px);
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0px;
  margin-right: 30px;
  border-bottom: #ededed 0px solid;
}
ul.megaList li a {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 20px 0px;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  text-decoration: none;
 font-weight: 600;
  transition-property: all;
  transition: 0.2s ease;
  display: flex;
  align-items: center;
	justify-content: flex-start;
	padding-left: 1.2em;
}
ul.megaList li a::before {
    content: '';
    width: 8px;
    height: 1px;
    background-color: #999;
    position: absolute;
    top: 50%;
    left: 0;
}
ul.megaList li a:hover {
  
  background-color: rgba(0, 0, 0, 0.05);
}
.gNavi li.add::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  z-index: 10;
}
.moreBtn.t-min a,
.moreBtn.t-min span {
  line-height: 20px;
  font-size: 14px;
  padding: 5px 0;
  max-width: 140px;
}
.megaTitle{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 1;
	color: #000;
}
.megaTitle span.jpSub{
	color: #999;
    font-size: 0.6em;
    font-family:'Noto Sans JP',"YuGothic","Yu Gothic","游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",sans-serif;
    font-weight: 500;
    margin-left: 10px;
}
.bc {
    color: #000;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: auto;
    letter-spacing: 0em;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	font-weight: 600;
	letter-spacing: 0.08em;
font-family: 'Roboto', sans-serif;
}
.bc a {
    color: #777;
	text-decoration: none;
}
.bc a:hover {
    color: #000;
    text-decoration: underline;
}

.grn{
	color: #5a7c6d;
}
.gry{
	color: #666;
}
.gry02{
	color: #999;
}
.flex {
    display: flex;
    width: 100%;
    height: auto;
    flex-flow: row wrap;
}

.bd500{
	font-weight: 500;
}
.heroImage{
	width: 100%;
	height: 100Vh;
	float: left;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	max-height: 1200px;
	background-image: url("../images/heroimage01.webp");
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
	position: relative;
	background-color: #000;
	/*display: flex;
	align-items: center;*/
}
.heroImage::after{

}
.heroLogo{
	width: 460px;
	height: auto;
	position: absolute;
	top: calc(50% - 150px);
	left: calc(50% - 230px);
	z-index: 10;
}
.heroLogo img{
	width: 100%;
	height: auto;
}
.logoWht{
	fill: #FFF;
	color: #FFF;
	filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}
.heroScroll{
	width: 35px;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 10%;
}
.heroScroll img{
	width: 100%;
	height: auto;
}
.video-wrap {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
}
video#makingMv {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    background-position: center bottom;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.maskArea{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color:rgba(40,53,147,0.40);
	max-height: 1200px;
}
.newsList{
	 width:100%;
	height:auto;
	float:left;
	display:block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	
}
.newsList dl{
	 width:100%;
	height:auto;
	float:left;
	display:block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding: 30px 30px;
	transition-property: all;
transition: 0.2s ease;
	border-bottom: #d2d2d2 1px solid;
}
.newsList dl:hover{
	background-color: rgba(0,0,0,0.05);
}
.newsList dl a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.newsList dl dt{
	width:140px;
	height:auto;
	float:left;
	display:block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	font-size: 16px;
	line-height: 1.6em;
	color: #999;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: 0;
}
.newsList dl dd{
	width:calc(100% - 140px);
	height:auto;
	float:left;
	display:block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	font-size: 16px;
	line-height: 1.6em;
}


.wht{
	color: #FFF;
}

.font07{
	font-size: 0.7em;
}
.font08{
	font-size: 0.8em;
}
.font09{
	font-size: 0.9em;
}
.mainTitle span{
	font-size: 0.8em;
}

.fontEn{
	font-family: 'Roboto', sans-serif;
}
.fontJp{
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
.bd900{
	font-weight: 900;
}
.footLogo{
	width:100%;
	height:auto;
	float:left;
	display:block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	text-align: left;
	margin-bottom: 40px;
}
.footLogo img{
	width: 200px;
	height: auto;
}
.snsList {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 60px;
}
.snsList a {
    text-decoration: none;
    margin-right: 8px;
    margin-left: 8px;
}
.snsList img {
    width: 36px;
    height: auto;
}
.headSnsList {
	width: auto;
	height: auto;
	display:block;
    float: right;
}
.headSnsList ul {
    width: auto;
    height: auto;
    float: right;
    display: block;
}
.headSnsList li {
    width: auto;
    height: auto;
    float: left;
    display: block;
}
.headSnsList li a {
    width: auto;
    height: auto;
    transition-property: all;
    transition: 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 10px;
    position: relative;
    letter-spacing: 0em;
	display: inline-block;
}

#menuButton{
	display: none;
}

#overlay{
	display: none;
}
#overlayBg{
	display: none;
}
.menuLogo{
	width: 80px;
	height: auto;
	display:block;
	position: absolute;
	float: left;
	transition-property: all;
	transition: 0.2s ease;
	top: -50px;
	left: calc(50% - 40px);
}

.menuLogo img{
	height: auto;
	width:100%;
	transition-property: all;
	transition: 0.2s ease;
    display: block;
}


.bd300{
	font-weight: 300;
}
.bd200{
	font-weight: 200;
}

/*humanwave*/
.heroNews{
padding: 40px 15px;
width: 50%;
text-align: left;
position: absolute;
overflow: hidden;
background-color: #FFF;
bottom: 0px;
left: 0px;
z-index: 100;
border: #FFF 0px solid;
padding-left: 130px;
padding-right: 60px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.heroNews::before {
    content: 'NEWS';
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
	font-weight: 600;
    position: absolute;
    color: #000;
    top: calc(50% - 10px);
    left: 40px;
    letter-spacing: 0.1em;
}
.heroNews ul {
    width: 100%;
    position: relative;
}
.heroNews ul li {
    width: 100%;
    line-height: 20px;
}
.heroNews ul li a {
    color: #111;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 14px;
    text-decoration: none;
}
.heroNews ul li a:hover {
	text-decoration: underline;
}
.heroNews ul li a span {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-right: 15px;
    color: #999;
	letter-spacing: 0;
}
.phHalf{
	width: 50%;
    height: auto;
    float: left;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	background-image: url("../images/heroimage01.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.phHalf.t-topAbout{
	height: 560px;
	background-image: url("../images/heroimage02.jpg");
	background-position: left center;
}
.textHalf{
	width: 50%;
    height: auto;
    float: left;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
}
.textHalf.t-topCc{
	align-items: center;
	justify-content: flex-end;
}
.textHalf.t-topAbout{
	align-items: flex-end;
	
}
.textHalf.t-topAboutRight{
	align-items:center;
	justify-content: flex-start;
}
.topAboutCcBox{
	width: 100%;
    height: auto;
    float: left;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	max-width: auto;
	padding-right: 40px;
	padding-left: 40px;
	align-items: center;
	justify-content: center;
}
.topAboutTextBox{
	width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	max-width: 640px;
	padding-right: 20px;
	padding-left: 80px;
	z-index: 10;
}
/*.mainCc{
	font-size: 48px;
line-height: 1.2;
	text-align: left;
	font-family: 'Roboto', sans-serif;
    font-weight: 900;
	position: relative;
	z-index: 10;

	background-image: url("../images/sea02.jpg");
   background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 60px;
	text-align: center;
	top: 15px;
	letter-spacing: 0;
	mix-blend-mode: darken;
}*/
.mainCc{
	font-size: 88px;
	font-size: 6.6vw;
	line-height: 1.3;
	text-align: left;
	font-family: 'Roboto', sans-serif;
    font-weight: 900;
	position: relative;
	z-index: 10;

	background-image: url("../images/sea02.webp");
   background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 0px;
	text-align: left;
	letter-spacing: 0;
}
@media screen and (max-width:1600px){
	.mainCc{
		font-size: 7.0vw;
	}
}
@media screen and (max-width:1280px){
	.mainCc{
		font-size: 7.4vw;
	}
}
.ccText{
	width: auto;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	font-size: 40px;
	line-height: 2em;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 60px;
	/*font-family: 'Zen Kaku Gothic New', sans-serif;*/
}
.ccText span{
	position: relative;
}
.ccText span.t-start::before{
	content: '“';
	position: absolute;
	top: -10px;
left: -38px;
	color: #00aecb;
	font-size: 60px;
	line-height: 1;
}
.ccText span.t-end::after{
	content: '”';
	position: absolute;
	bottom: -30px;
right: -45px;
	color: #00aecb;
	font-size: 60px;
	line-height: 1;
}
.topAboutBtn{
	width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	z-index: 10;
}
.topAboutBtn a{
	width: 100%;
height: auto;
display: inline-block;
text-align: center;
line-height: 50px;
font-size: 16px;
color: #FFF;
text-decoration: none;
transition-property: all;
transition: 0.2s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600;
padding: 15px 0;
position: relative;
letter-spacing: 0.1em;
background-color: #000;
font-family: 'Roboto', sans-serif;
background-repeat: no-repeat;
	max-width: 640px;
}
.ls01{
	letter-spacing: 0.1em;
}
.ls008{
	letter-spacing: 0.08em;
}
.sky{
	color: #00aecb;
}
/*.topServiceBox{
	width: 20%;
	height: 550px;
	background-color: #eee;
	position: relative;
	display: flex;
	background-image: url("../images/heroimage02.jpg");
	background-position: center center;
	background-size: cover;
	align-items: flex-end;
	
}*/
.topServiceBox{
	width: 33.3333%;
	height: 300px;
	background-color: #eee;
	position: relative;
	display: flex;
	background-image: url("../images/heroimage02.webp");
	background-position: center top;
	background-size: cover;
	align-items: flex-end;
	transition-property: all;
transition: 0.2s ease;
}
.topServiceBox a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.topServiceBox.s01{
	background-image: url("../images/service/block_semiconductor.webp");
}
.topServiceBox.s02{
	background-image: url("../images/service/block_outsourcing.webp");
}
.topServiceBox.s03{
	background-image: url("../images/service/block_facility.webp");
}
.topServiceBox.s04{
	background-image: url("../images/service/block_medical02.jpg");
}
.topServiceBox.s05{
	background-image: url("../images/service/block_system02.jpg");
}
.topServiceBox.s06{
	background-image: none;
	background-color: #000000;
	align-items: center;
}
.topServiceBox::before{
	content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0,0,0,0.50);
top: 0;
left: 0;
z-index: 1;
	transition-property: all;
transition: 0.2s ease;
}
.topServiceBox.s06::before{
	background-color: rgba(0,0,0,0.0);
}
.topServiceBox:hover::before {
	background-color: rgba(0,0,0,0.30);
}
.topServiceBox.s06:hover{
	background-image: none;
	background-color: #333;
}
.cnt{
	position: relative;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.flex.t-topService{
	width: 100%;
	padding-right:10.4165%;
	/*padding-left:10.4165%;*/
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.boxFull.t-topService{
	padding-left:10.4165%;
}
.topColumnLeft{
	width: calc(50% - 50px);
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	margin-right: 50px;
	border-bottom: #d2d2d2 1px solid;
}
.topColumnRight{
	width: calc(50% - 50px);
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	margin-left: 50px;
	border-bottom: #d2d2d2 1px solid;
}
.topColumnBox{
	width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	padding-bottom: 20px;
	transition-property: all;
transition: 0.2s ease;
}
.topColumnBox:hover{
	background-color: rgba(0,0,0,0.05);
	opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.topColumnBox a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.columnInfo{
	width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	padding: 20px 0px;
}
.j-between{
	justify-content: space-between;
}
.a-center{
	align-items: center;
}
.topColumnRight dl{
	width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	border-top: #d2d2d2 1px solid;
	padding: 30px 20px;
	transition-property: all;
transition: 0.2s ease;
}
.topColumnRight dl:hover{
	background-color: rgba(0,0,0,0.05);
}
.topColumnRight dl a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.topColumnRight dl dt{
	width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	font-size: 12px;
text-align: left;
line-height: 1em;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
	color: #999;
}
.topColumnRight dl dd{
	width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	font-size: 14px;
text-align: left;
line-height: 1.6em;;
}
.topCntBox {
    width: 33.3333%;
    height: 540px;
    color: #15171b;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("../images/heroimage02.jpg");
	background-position: center center;
	background-size: cover;
	transition-property: all;
transition: 0.2s ease;
	cursor: pointer;
}
.topCntBox a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.topCntBox.s01 {
	background-image: url("../images/top_company_bg.webp");
}
.topCntBox.s02 {
	background-image: url("../images/top_message_bg.webp");
}
.topCntBox.s03 {
	background-image: url("../images/top_location_bg.webp");
}
.topCntBox.s04 {
	background-image: url("../images/about/vision01.jpg");
}
.topCntBox::before{
	content: '';
	width: 1px;
	height: calc(100% - 60px);
	position: absolute;
	top: 30px;
	right: 0;
	background-color: #d2d2d2;
	z-index: 4;
}
.topCntBox::after{
	content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(255,255,255,1.0);
top: 0;
left: 0;
z-index: 1;
	transition-property: all;
transition: 0.4s ease;
}
.topCntBox:hover::after{
	background-color: rgba(0,0,0,0.4);
	
}
.topCntBox .cnt{
	z-index: 3;
}
.topCntBox:hover .cnt .text30Center,.topCntBox:hover .cnt .text14Center{
	color: #FFF;
}
.bgRecruit{
	background-image: url("../images/recruit_bg03.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 480px;
}
.bgRecruit::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.01);
	top: 0;
	left: 0;
	z-index: 1;
}
.bgRecruit.p-toppage{
	min-height: 540px;
}
.topNewsLeft{
	width: calc(30% - 50px);
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	margin-right: 50px;
	
	border-top: #00aecb 1px solid;
	border-top: #d2d2d2 1px solid;
	padding-top: 20px;
	min-height: 200px;
}
.topNewsRight{
	width: calc(70% - 50px);
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	margin-left: 50px;
	border-bottom: #d2d2d2 1px solid;
}
.topNewsRight dl{
	width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	border-top: #d2d2d2 1px solid;
	padding: 30px 20px;
	transition-property: all;
transition: 0.2s ease;
}
.topNewsRight dl:hover{
	background-color: rgba(0,0,0,0.05);
}
.topNewsRight dl a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.topNewsRight dl dt{
	width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	font-size: 12px;
text-align: left;
line-height: 1em;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
	color: #999;
}
.topNewsRight dl dd{
	width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	font-size: 14px;
text-align: left;
line-height: 1.6em;
	font-weight: 500;
}
.topNewsMoreBtn{
	width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
z-index: 10;
	bottom: 0;
	left: 0;
}
.topNewsMoreBtn a {
    width: 100%;
height: auto;
display: flex;
line-height: 40px;
font-size: 14px;
color: #999;
text-decoration: none;
transition-property: all;
transition: 0.2s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600;
padding: 5px 0;
position: relative;
letter-spacing: 0.05em;
font-family: 'Roboto', sans-serif;
border-radius: 40px;
background-repeat: no-repeat;
border: #d5d5d5 1px solid;
align-items: center;
justify-content: center;
	max-width: 200px;
}
.topNewsMoreBtn a:hover {
	background-color: rgba(0,0,0,0.05);
	color: #000;
	border-color: #000;
}
.topNewsMoreBtn a:hover .btnArrow{
	right: -16px;
}
.topNewsMoreBtn a:hover .btnArrow::before {
  background: #000;
}
.topNewsMoreBtn a:hover .btnArrow::after {
  border-top-color: #000;
  border-right-color: #000;
}
.bottomBnList ul{
	width: 100%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	align-items: center;
	justify-content: space-between;
	flex-flow: row wrap;
}
.bottomBnList ul li{
	width: 32%;
	width: 24%;
height: auto;
}
.bottomBnList ul li img{
	width: 100%;
	height: auto;
}
.footLeft{
	width: 66%;
    height: auto;
    float: left;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
	justify-content: center;
}
.footRight{
	width: 34%;
    height: auto;
    float: left;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
	background-color: #00aecb;
	justify-content: center;
	align-items: center;
}
.footInfo{
	width: 100%;
height: auto;
margin: 0 auto;
max-width: 800px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.footCnt{
	width: 100%;
height: auto;
margin: 0 auto;
max-width: 700px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.footMoreBtn{
	width: 100%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	justify-content: center;
}
.footMoreBtn a{
	width: 100%;
    height: auto;
    display: flex;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    transition-property: all;
    transition: 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    padding: 10px 0;
    position: relative;
    letter-spacing: 0.1em;
    background-color: #000;
    font-family: 'Roboto', sans-serif;
    background-repeat: no-repeat;
    max-width: 300px;
	align-items: center;
	justify-content: center;
}
.footMoreBtn a .btnArrow {
    right: 20px;
	transition-property: all;
    transition: 0.2s ease;
}
.footMoreBtn a:hover{
	opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.footMoreBtn a:hover .btnArrow {
    right: 15px;
}
.bgRecruit .box1280{
	z-index: 2;
	
}
.halfBox{
	width: 50%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	position: relative;
}
.recruitBottomBtn {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
	position: absolute;
	bottom: -40px;
	right: 0;
	text-align: right;
}
.recruitBottomBtn a {
    width: 100%;
    height: auto;
    display: flex;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    transition-property: all;
    transition: 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    padding: 15px 0;
    position: relative;
    letter-spacing: 0.1em;
    background-color: #000;
    font-family: 'Roboto', sans-serif;
    background-repeat: no-repeat;
    max-width: 520px;
	align-items: center;
	justify-content: center;
}
.btnArrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
	left: auto;
right: -13px;
width: 26px;
height: 7px;
	transition-property: all;
    transition: 0.2s ease;
}
.btnArrow::after, .btnArrow::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.btnArrow::before {
    left: 0;
    width: 100%;
    height: 1px;
    background: #d5d5d5;
}
.btnArrow::after {
    left: auto;
    width: 5px;
    height: 5px;
    border-top: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.c-blk .btnArrow::before {
	background: #000;
}
.c-blk .btnArrow::after {
	border-top-color: #000;
	border-right-color: #000;
}
.moreMinBtn{
	width: 140px;
height: auto;
float: left;
display: block;
position: relative;
}
.moreMinBtn a {
    width: 100%;
    height: auto;
    display: flex;
    line-height: 40px;
    font-size: 12px;
    color: #999;
    text-decoration: none;
    transition-property: all;
    transition: 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    padding: 0px 0;
    position: relative;
    letter-spacing: 0.05em;
    max-width: 200px;
    font-family: 'Roboto', sans-serif;
    border-radius: 40px;
    background-repeat: no-repeat;
    border: #d5d5d5 1px solid;
    align-items: center;
    justify-content: center;
}
.recruitBottomBtn a .btnArrow {
    right: 20px;
}
.moreMinBtn a:hover {
	background-color: rgba(0,0,0,0.05);
	color: #000;
	border-color: #000;
}
.moreMinBtn a:hover .btnArrow{
	right: -16px;
}
.moreMinBtn a:hover .btnArrow::before {
  background: #000;
}
.moreMinBtn a:hover .btnArrow::after {
  border-top-color: #000;
  border-right-color: #000;
}
.topServiceBox .cnt{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	z-index: 2;
	width: 100%;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.topServiceBox.s06 .cnt{
	padding-bottom: 0;
}
.topServiceBox .cnt .text20{
	margin-bottom: 5px;
	letter-spacing: 0;
}
.serviceCircleBtn{
	width: 100%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	justify-content: right;
}
.serviceCircleBtn span{
	font-size: 1.4rem;
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
border: 1px solid #e6eaed;
border-radius: 100%;
	display: block;
}
.serviceCircleBtn span::after, .serviceCircleBtn span::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.serviceCircleBtn span::before {
    left: 0;
    width: 30px;
    height: 1px;
    background: #d5d5d5;
}
.serviceCircleBtn span::after {
    left: auto;
    width: 5px;
    height: 5px;
    border-top: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	right: 20px;
}
.topServiceBox .serviceCircleBtn{
	position: absolute;
	width: auto;
	bottom: 20px;
	right: 20px;
}
.footMenu{
	width: 33.3333%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.footMenu li{
	width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	color: #FFF;
	margin-bottom: 10px;
}
.footMenu li a{
	width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	font-size: 12px;
	line-height: 1.4;
	color: #999;
	text-decoration: none;
	padding-right: 20px;
}
.footMenu li a:hover{
	color: #FFF;
	text-decoration: underline;
}
.footMenu li.tl{
	font-size: 18px;
	letter-spacing: 0.08em;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
}
.footMenu li.tl a{
	font-size: 18px;
	color: #FFF;
}
.heroTextBox{
	position: relative;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding-left: 8%;
}
.heroTextBox .ccText{
	font-size: 2.6vw;
	line-height: 1.8em;
	letter-spacing: 0.12em;
	color: #FFF;
	font-weight: 600;
	/*font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-family: 'Zen Kaku Gothic New', sans-serif;*/
	margin-bottom: 0;
	margin-top: 0;
}
.topCntBox .serviceCircleBtn{
	width: 70px;
height: 70px;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
	justify-content: center;
	bottom: 30px;
	left: calc(50% - 35px);
	z-index: 4;
}
.topCntBox .serviceCircleBtn span {
    border-color: #aaa;
}
.topCntBox .serviceCircleBtn span::before {
    background: #aaa;
}
.topCntBox .serviceCircleBtn span::after {
    border-top-color: #aaa;
    border-right-color: #aaa;
}
.topCntBox:hover .serviceCircleBtn span {
    border-color: #FFF;
}
.topCntBox:hover .serviceCircleBtn span::before {
    background: #FFF;
}
.topCntBox:hover .serviceCircleBtn span::after {
    border-top-color: #FFF;
    border-right-color: #FFF;
}
.topAboutTextBox .text16,.topAboutTextBox .text16Center{
	line-height: 2.2em;
	font-weight: 500;
}
.cntBgSea{
	width: 100%;
height: 71%;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
	bottom: -60px;
	right: 0;
	background-image: url("../images/sea02.webp");
	background-position: right center;
	background-size: cover;
	z-index: 0;
}
.boxFull.nonPd{
	padding-left: 0;
	padding-right: 0;
}
.serviceCircleBtnMin{
	width: 100%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	justify-content: flex-end;
}
.serviceCircleBtnMin span{
	font-size: 1.4rem;
position: relative;
width: 50px;
height: 50px;
cursor: pointer;
border: 1px solid #e6eaed;
border-radius: 100%;
	display: block;
}
.serviceCircleBtnMin span::after, .serviceCircleBtnMin span::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	transition-property: all;
transition: 0.2s ease;
}
.serviceCircleBtnMin span::before {
    left: 0;
    width: 20px;
    height: 1px;
    background: #d5d5d5;
}
.serviceCircleBtnMin span::after {
    left: auto;
    width: 5px;
    height: 5px;
    border-top: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	right: 15px;
}
.topServiceBox:hover .serviceCircleBtnMin span::before {
	left: 10px;
}
.topServiceBox:hover .serviceCircleBtnMin span::after {
	right: 10px;
}
.topServiceBox .serviceCircleBtnMin {
    position: absolute;
    width: auto;
    bottom: 24px;
    right: 20px;
}

.topServiceMoreText{
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 0.05em;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	position: absolute;
	bottom: 20px;
	right: 26px;
	color: #999;
	border-bottom: #999 1px solid;
	padding-bottom: 5px;
}
.heroCnt{
	width: 100%;
	height: 100Vh;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	max-height: 1200px;
	position: absolute;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.bgSea{
	background-image: url("../images/sea02.jpg");
background-position: right center;
background-size: cover;
}
.pageTop{
	width: 100%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.pageTopLeft{
	width: 50%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-color: #000;
	align-items: center;
	justify-content: flex-end;
}
.pageTopLeft::before{
	content: '';
	width: 100%;
	height: 60px;
	background-color: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
}
.pageTopLeft .cnt{
	width: 100%;
	max-width: 640px;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 60px;
}
.pageTopRight{
	width: 50%;
height: 600px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-image: url("../images/heroimage03.jpg");
    background-position: center top;
    background-repeat: no-repeat;
	background-size:cover;
	align-items: flex-end;
	justify-content: flex-start;
}
.pageTopRight .cnt{
	width: 100%;
	max-width: 640px;
	box-sizing: border-box;
	padding-left: 60px;
	padding-right: 40px;
	padding-bottom: 60px;
}
.p-facility .pageTopRight{
	background-image: url("../images/facility/pagetop.jpg");
}
.p-semiconductor .pageTopRight{
	background-image: url("../images/semiconductor/pagetop.jpg");
}
.p-medical .pageTopRight{
	background-image: url("../images/medical/pagetop02.jpg");
}
.p-system-software .pageTopRight{
	background-image: url("../images/system-software/pagetop03.jpg");
}
.p-outsourcing .pageTopRight{
	background-image: url("../images/outsourcing/pagetop.jpg");
}
.p-message .pageTopRight{
	background-image: url("../images/message/ph01.jpg");
	height: 660px;
}
.serviceCnt{
	width: 100%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.serviceCnt dl{
	width: 100%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	z-index: 10;
}
.serviceCnt dl dt{
	width: 360px;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	align-items: flex-start;
	justify-content: flex-start;
}
.serviceCnt dl dd{
	width: calc(100% - 360px);
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-color: #FFF;
	padding: 0px 60px 60px;
}
.servicePh{
	width: 100%;
height: 360px;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-image: url("../images/service_facility_full01.jpg");
    background-position: center center;
    background-repeat: no-repeat;
	background-size:cover;
	top: -60px;
	z-index: 0;
}
.servicePh.p-semiconductor{
	background-image: url("../images/service_semiconductor_full01.jpg");
}
.servicePh.p-medical{
	background-image: url("../images/medical/service.jpg");
}
.servicePh.p-system-software{
	background-image: url("../images/system-software/service.jpg");
}
.servicePh.p-outsourcing{
	background-image: url("../images/outsourcing/service.jpg");
}
.lh2em{
	line-height: 2em;
}
.dotBold{
	font-weight: bold;
	position: relative;
	border-bottom: #00aecb 3px dotted;
	padding-bottom: 2px;
}
.flexItemCenter{
	display: flex;
	align-items: center;
}
.serviceSolidBox{
	width: 100%;
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	/*background-color: #f8f8f8;*/
	padding: 40px;
}
.serviceSolidBox dl{
	width: 100%;
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	margin-bottom: 20px;
}
.serviceSolidBox dl dt{
	width: 150px;
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 500;
}
.serviceSolidBox dl dd{
	width: calc(100% - 150px);
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	font-size: 14px;
	line-height: 1.6;
	color: #666;
}
.flex.t-bottomService{
	width: 100%;
	padding-right:60px;
	padding-left:60px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
ul.topAnchor{
	width: 100%;
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
ul.topAnchor li{
	width: 100%;
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	margin-bottom: 10px;
}
ul.topAnchor li a{
	width: 100%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
	font-size: 13px;
	line-height: 1;
	padding: 5px 0;
	padding-left: 1.5em;
	font-weight: 600;
	color: #FFF;
	text-decoration: none;
	display: block;
}
ul.topAnchor li a:hover{
	text-decoration: underline;
	color: #666;
}
ul.topAnchor li a::before{
	content: '';
	width: 8px;
	height: 1px;
	background-color: #999;
	position: absolute;
	top: 11px;
	left: 0;
}
.pageTopRight ul.topAnchor li a::before{
	background-color: #FFF;
}
ul.topAnchor.t-blk li a{
	color: #000;
}
ul.topAnchor.t-blk li a::before{
	background-color: #000;
}
ul.numberList{
	width: 100%;
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	margin-bottom: 40px;
}
ul.numberList li{
	width: 30%;
	box-sizing: border-box;
position: relative;
	font-size: 18px;
	line-height: 80px;
	letter-spacing: 0.08em;
	font-weight: 600;
	
	padding-left: 80px;
	border: #d2d2d2 1px solid;
	align-items: center;
	display: flex;
}
ul.numberList li::before{
	content: '1';
	width: 60px;
	line-height: 40px;
	font-size: 40px;
	text-align: center;
	position: absolute;
	top: calc(50% - 20px);
	left: 0;
	font-family: 'Roboto', sans-serif;
	border-right: #d2d2d2 1px solid;
	font-weight: 400;
}
ul.numberList li:first-child{
	border-color: #00aecb;
	color: #00aecb;
}
ul.numberList li:first-child::before{
	border-color: #00aecb;
}
ul.numberList li:nth-child(2)::before{
	content: '2';
}
ul.numberList li:nth-child(3)::before{
	content: '3';
}
.secCharm{
	width: 100%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.secCharmLeft{
	width: calc(50% + 60px);
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-color: #f2f2f2;
	align-items: center;
	justify-content: flex-end;
	padding-top: 120px;
	padding-bottom: 40px;
}
.secCharmLeft::before{
	content: '';
	width: 100%;
	height: 60px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
}
.secCharmLeft::after{
	content: '';
	width: 100%;
	height: 60px;
	background-color: #f2f2f2;
	position: absolute;
	bottom: -60px;
	left: 0;
	z-index: 10;
}
.secCharmLeft .cnt{
	width: 100%;
	max-width: 700px;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 60px;
}
.secCharmLeft.nonBefore{
	justify-content: flex-start;
	padding-top: 60px;
}
.secCharmLeft.nonBefore::before{
	display: none;
}
.secCharmLeft.nonBefore .cnt {
  padding-left: 60px;
  padding-right: 20px;
}
.secCharmRight{
	width: calc(50% - 60px);
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-image: url("../images/service_facility02.jpg");
    background-position: center top;
    background-repeat: no-repeat;
	background-size:cover;
}
.p-facility .secCharmRight{
	background-image: url("../images/facility/sec01.jpg");
	
}
.p-semiconductor .secCharmRight{
	background-image: url("../images/semiconductor/charm01.jpg");
}
.p-semiconductor02 .secCharmRight{
	background-image: url("../images/semiconductor/charm02_re.jpg");
	background-position: right 60px;
}
.p-medical .secCharmRight{
	background-image: url("../images/medical/charm01_02.jpg");
}
.p-system-software .secCharmRight{
	background-image: url("../images/system-software/charm01.jpg");
}
.p-system-software02 .secCharmRight{
	background-image: url("../images/system-software/charm03.jpg");
	/*background-position: left top;*/
}
@media screen and (max-width:1280px){
.p-system-software02 .secCharmRight{
	/*background-image: url("../images/system-software/charm02_tate.jpg");
	background-position: center top;*/
}
}
ul.charmList{
	width: 100%;
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
ul.charmList li{
	width: 100%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
	font-size: 16px;
	line-height: 1.8;
	padding-left: 1.2em;
	font-weight: normal;
	color: #111;
	text-decoration: none;
	display: block;
	margin-bottom: 1.5em;
	/*background-image: url("../images/icon_star.png");
    background-position: left 3px;
    background-repeat: no-repeat;
	background-size:24px auto;*/
}
ul.charmList li:last-child{
	margin-bottom: 0;
}
ul.charmList li::before{
	content: '';
	width: 6px;
	height: 6px;
	
	position: absolute;
	top: 11px;
	left: 0px;
	border: #00aecb 1px solid;
}

.detailList {
    display: table;
    float: left;
    height: auto;
    width: 100%;
	position: relative;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: #aaa 0px solid;
}
ul#detailTab{
	width: 100%;
	height:auto;
    margin: 0 auto;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0%;
    text-align: center;
	justify-content: space-between;
    display: flex;
}
#detailTab li {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    height: auto;
    letter-spacing: 0em;
    line-height: 1.4;
    list-style: outside none none;
    text-align: center;
    width: 19%;
    transition-property: all;
    transition: 0.2s ease;
    position: relative;
    background-repeat: no-repeat;
	font-weight: 600;
	float: left;
	border: #000 1px solid;
	padding: 20px 5px 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#detailTab li:hover {
     background-color: rgba(0,0,0,0.05);
}
#detailTab li::after {
	content: "";
position: absolute;
bottom: 10px;
left: calc(50% - 4px);
width: 4px;
height: 4px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
transform: rotate(45deg);
transition: all ease 0.1s;
}
#detailTab li.select {
    background-color: #00aecb;
	color: #FFF;
	border-color: #00aecb;
}
#detailTab li.select span{
	color: #FFF;
}
#detailTab li.select::after {
	border-color: #FFF;
}
#detailTabBody{
    float: left;
    text-align: left;
    width: 100%;
	height:auto;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    display: block;
}
.detailCnt {
    float: left;
    text-align: left;
    width: 100%;
	height:auto;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
	
	border-bottom: #d2d2d2 0px solid;
	padding: 40px 0;
}
.disnon {
    display: none;
}
.daySchedule {
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
}
.daySchedule dl {
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
}
.daySchedule dl::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #00aecb;
    position: absolute;
    bottom: 0;
    left: 10px;
}
.daySchedule dl:first-child::before {
    height: calc(100% - 11px);
}
.daySchedule dl:last-child::before {
    height: 11px;
    top: 0;
    bottom: initial;
}
.daySchedule dl dt {
    width: 200px;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: 0.03em;
    font-size: 18px;
    line-height: 1;
    color: #00aecb;
    padding-left: 30px;
    padding-top: 1px;
}
.daySchedule dl dt::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #00aecb;
    position: absolute;
    top: 6px;
    left: 6.5px;
    border-radius: 0;
}
.daySchedule dl dd {
    width: calc(100% - 200px);
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.8;
	top: -6px;
}
.wlineTitle{
	width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	padding: 20px;
	padding-left: 28px;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	margin-bottom: 40px;
}
.cpList{
	width: 100%;
height: auto;
margin: 0 auto;
max-width: 800px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.cpList dl{
	width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: flex;
	align-items: center;
	justify-content: flex-start;
	border: #000 1px solid;
	padding: 40px 30px;
	margin-bottom: 60px;
}
.cpList dl.downArrow::before{
    content: "";
    position: absolute;
    bottom: -35px;
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border-right: 1px solid #00aecb;
    border-bottom: 1px solid #00aecb;
    transform: rotate(45deg);
    transition: all ease 0.1s;
}
.cpList dl dt {
    width: 180px;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-size: 40px;
    line-height: 1;
    color: #000;
	border-right: #d2d2d2 1px solid;
}
.cpList dl dt span{
	font-size: 16px;
	position: relative;
	top: -1px;
}
.cpList dl dd {
    width: calc(100% - 180px);
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
	font-size: 16px;
	line-height: 1.8;
	padding-left: 40px;
}
.faqList{
	width: 100%;
height: auto;
margin: 0 auto;
max-width: 800px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.faqList dl {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	padding-bottom: 20px;
    margin-bottom: 20px;
	border-bottom: #d2d2d2 1px dotted;
}
.faqList dl dt {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.8em;
    font-weight: 600;
    margin-bottom: 0px;
	cursor: pointer;
}
.faqList dl dt:hover {
	background-color: rgba(0,0,0,0.05);
}
.faqList dl dt::before {
    content: 'Q.';
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    color: #00aecb;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
	font-size: 30px;
}
.faqList dl dt::after {
    font-family: "Font Awesome 5 Free";
	content: "\f067";
	font-weight: 900;
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 1;
    transition-property: all;
    transition: 0.2s ease;
}
.faqList dl dt.on::after {
    transform: rotate(-45deg);
}
.faqList dl dd {
    width: 100%;
    height: auto;
    float: left;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    line-height: 1.8em;
	padding-bottom: 20px;
}
.jobInfo {
    width: calc(100% - 40px);
    height: auto;
    margin: 0 auto;
    /*max-width: 800px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	border: #000 1px solid;
	padding: 40px ;
	display: table;
	/*background-color: #f6f6f6;*/
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 16px;
}
.jobInfo dl {
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: #000 1px dotted;
}
.jobInfo dl:last-child {
	margin-bottom: 0;
	border-bottom-width: 0;
	padding-bottom: 5px;
}
.jobInfo dl dt {
    width: 200px;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
}
.jobInfo dl dd {
    width: calc(100% - 200px);
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    line-height: 1.8;
    color: #000;
	padding-left: 60px;
	top: 0;
}
.jobInfo dl dd::before {
	/*content: '／';
	position: absolute;
	top: 0;
	left: 0;*/
}
.jobPoint{
	width: calc(50% - 40px);
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	border: #000 1px solid;
	padding: 40px 40px;
	padding-left: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	/*background-color: #f6f6f6;*/
	border-radius: 16px;
}
.p-recruit .jobPoint{
	margin-bottom: 20px;
}
.jobPoint.w-full{
	width: calc(100% - 40px);
}
ul.dotList {
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
ul.dotList li {
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    line-height: 1.8;
    padding-left: 1em;
    font-weight: normal;
    text-decoration: none;
    display: block;
}
ul.dotList.text-min li {
	font-size: 14px;
}
.svThumText ul.dotList li {
	font-size: 14px;
}
ul.dotList li::before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #00aecb;
    position: absolute;
    top: 12px;
    left: 0;
	border-radius: 100%;
}
ul.dotList.t-mb li {
	margin-bottom: 5px;
}
.sky{
	color: #00aecb;
}
.barIcon{
	position: relative;
}
.barIcon::before {
    content: '';
    width: 15px;
    height: 2px;
    background-color: #00aecb;
    position: absolute;
    bottom: -18px;
left: 0px;
}
.jobPointIcon{
	width: 80px;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
    position: relative;
	display: flex;
	align-items: center;
}
.jobPointIcon img{
	width: 100%;
	height: auto;
}
.jobPointText{
	width: calc(100% - 80px);
	float: left;
	box-sizing: border-box;
    position: relative;
	display: flex;
	align-items: center;
}
.jobPointSubText{
	width: 100%;
	float: left;
	box-sizing: border-box;
    position: relative;
	padding-left: 80px;
	margin-top: 40px;
}
.contactSection{
	width: 100%;
    height: 120px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	background-color: #FFF;
	border: #000 1px solid;
	padding-left: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	transition-property: all;
transition: 0.2s ease;
}

.contactSection a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.bgContact{
	position: relative;
}
.bgContact::before {
    content: '';
    width: calc(50% + 60px);
    height: 220px;
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
}
.bgContact02{
	position: relative;
}
.bgContact02::before {
    content: '';
    width: 100%;
    height: 50%;
    background-color: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
}
.bgContact03{
	position: relative;
}
.bgContact03::before {
    content: '';
    width: 100%;
    height: 50%;
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
}
.contactText01{
	padding-right: 40px;
	margin-right: 40px;
	position: relative;
	font-size: 30px;
	line-height: 1;
	border-right: #000 1px solid;
}
.contactText02{
	position: relative;
	font-size: 16px;
	line-height: 1;
}
.contactSection .serviceCircleBtnMin {
    position: absolute;
    width: 50px;
    right: 40px;
}
.contactSection .serviceCircleBtnMin span{
	border-color: #000;
}
.contactSection .serviceCircleBtnMin span::after {
	border-top-color: #000;
	border-right-color: #000;
}
.contactSection .serviceCircleBtnMin span::before {
    background-color: #000;
}
.contactSection:hover{
	background-color: #000;
	color: #FFF;
}
.contactSection:hover .serviceCircleBtnMin span{
	border-color: #FFF;
}
.contactSection:hover .serviceCircleBtnMin span::after {
	border-top-color: #FFF;
	border-right-color: #FFF;
}
.contactSection:hover .serviceCircleBtnMin span::before {
    background-color: #FFF;
}
.box1280.t-contact{
	max-width: 880px;
	padding-left: 60px;
	padding-right: 60px;
}
.iconFlex{
	display: flex;
	align-items: center;
}
.iconFlex.text36 img{
	width: 44px;
	height: auto;
	margin-right: 10px;
}
.iconFlex.text30Center img{
	width: 44px;
	height: auto;
	margin-right: 5px;
}
.moreBlkBtn {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.moreBlkBtn a {
    width: 100%;
    height: auto;
    display: flex;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    transition-property: all;
    transition: 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    padding: 15px 0;
    position: relative;
    letter-spacing: 0.1em;
    background-color: #000;
    font-family: 'Roboto', sans-serif;
    background-repeat: no-repeat;
    max-width: 520px;
	align-items: center;
	justify-content: center;
}
.moreBlkBtn a .btnArrow {
    right: 20px;
}
.moreBlkBtn a:hover .btnArrow {
    right: 15px;
}
.megaBox .moreMinBtn{
	width: 100px;
}
.megaBox .moreMinBtn a{
	line-height: 30px;
	color: #000;
	border-color: #000;
}
.megaBox .moreMinBtn a:hover{
	background-color: #000;
	color: #FFF;
}



ul.tab{
	width: 100%;
	height:auto;
    margin: 0 auto;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0%;
    text-align: center;
    display: flex;
}
.tab li {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: auto;
    letter-spacing: 0em;
    line-height: 1.4;
    list-style: outside none none;
    text-align: center;
    width: 33.3333%;
    transition-property: all;
    transition: 0.2s ease;
    position: relative;
    background-repeat: no-repeat;
	font-weight: 600;
	float: left;
	border: #d2d2d2 1px solid;
	border-right-width: 0;
	border-left-width: 0;
	border-top-width: 0;
	padding: 35px 0;
}

.tab li:hover {
     background-color: rgba(0,0,0,0.05);
}

.tab li.active {
    background-color: #00aecb;
	color: #FFF;
	border-color: #00aecb;
}
.tab li.active span{
	color: #FFF;
}


.tabArea{
	width: 100%;
height: auto;
margin: 0 auto;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0px;
padding-right: 0%;
text-align: center;
display: flex;
}
.one_tab {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: auto;
    letter-spacing: 0em;
    text-align: center;
    width: 33.3333%;
    transition-property: all;
    transition: 0.2s ease;
    position: relative;
	float: left;
}
.one_tab a{
	-moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: auto;
    letter-spacing: 0em;
    line-height: 1.4;
    text-align: center;
    width: 100%;
    transition-property: all;
    transition: 0.2s ease;
    position: relative;
    background-repeat: no-repeat;
	font-weight: 600;
	float: left;
	border: #d2d2d2 1px solid;
	border-right-width: 0;
	border-left-width: 0;
	border-top-width: 0;
	padding: 35px 0;
	text-decoration: none;
}
.one_tab:hover {
     background-color: rgba(0,0,0,0.05);
}

.one_tab a.select {
    background-color: #00aecb;
	color: #FFF;
	border-color: #00aecb;
}
.one_tab a.select span{
	color: #FFF;
}
.tabBox .tabArea.bottom {
  align-items: flex-start;
}
.contents .tab_main {
  display: none;
}
.tab_main.is_show {
  display: block;
}
.tab_main {
    float: left;
    text-align: left;
    width: 100%;
	height:auto;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
	
	border-bottom: #d2d2d2 1px solid;
	padding: 40px;
}
.svThumList{
	width: 100%;
    height: auto;
    float: left;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.svThumList.t-reverse{
	flex-flow: row-reverse;
flex-wrap: wrap-reverse;
}

.svThum{
	width: 340px;
	box-sizing: border-box;
	float: left;
}
.svThum img{
	width: 100%;
	height: auto;
}
.svThumText{
	width: calc(100% - 340px);
    height: auto;
    float: left;
	box-sizing: border-box;
	padding-left: 40px;
}
.t-reverse .svThumText{
	padding-left: 0px;
	padding-right: 40px;
}
.p-system-software.flex{
	justify-content: space-between;
}
.p-system-software .svThumList{
	width: 48%;
	margin-bottom: 60px;
}
.p-system-software .svThum{
	width: 180px;
}
.p-system-software .svThumText{
	width: calc(100% - 180px);
}
.boxTitle{
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  line-height: 1.4em;
  letter-spacing: 0.08em;
  font-weight: 600;
  padding: 20px;
	padding-left: 70px;
  border: #00aecb 1px solid;
  align-items: center;
  display: flex;
	justify-content: flex-start;
	margin-bottom: 20px;
}
.boxTitle::before {
  content: '1';
  width: 50px;
  line-height: 32px;
  font-size: 32px;
  text-align: center;
  position: absolute;
  top: calc(50% - 16px);
  left: 0;
  font-family: 'Roboto', sans-serif;
  border-right: #00aecb 1px solid;
  font-weight: 400;
	color: #00aecb;
}
.boxTitle.number02::before {
	content: '2';
}
.boxTitle.number03::before {
	content: '3';
}
.boxTitle.number04::before {
	content: '4';
}
.boxTitle.number05::before {
	content: '5';
}
.charmList .dotList {
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.charmList .dotList li {
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.6;
    padding-left: 1em;
    font-weight: normal;
    text-decoration: none;
    display: block;
	background-image: none;
	margin-bottom: 10px;
}
.charmList .dotList li::before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #00aecb;
    position: absolute;
    top: 10px;
    left: 0;
	border-radius: 100%;
	border-width: 0;
}
.charmTitle{
	width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	position: relative;
}
.charmTitle span{
	padding: 10px 20px;
	border: #00aecb 1px solid;
	display: inline-block;
	position: relative;
}
.charmTitle span::before {
  content: '“';
  position: absolute;
  top: -5px;
  left: -25px;
  color: #00aecb;
  font-size: 30px;
  line-height: 1;
	display: none;
}
.charmTitle span::after {
  content: '”';
  position: absolute;
  top: -3px;
  right: -25px;
  color: #00aecb;
  font-size: 30px;
  line-height: 1;
	display: none;
}
.flexBetween{
	width: 100%;
	position: relative;
	display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexBetween::after {
  content: "";
  display: block;
  width: 29.3333%;
  height: 0;
}
.msgBox{
	width: 29.3333%;
	margin-bottom: 0px;
	position: relative;
	transition-property: all;
transition: 0.2s ease;
}
.msgBox:hover{
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.block-2 .msgBox{
	width: 42%;
}
.msgBox a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.topBgWht::before{
	content: '';
	width: 100%;
	height: 400px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
}
.topBgWht.t-grey::before{
	background-color: #f2f2f2;
}
.msgImg{
	position: relative;
	z-index: 2;
}
.msgInner{
	position: relative;
z-index: 3;
	box-sizing: border-box;
width: 100%;
padding: 32px 40px 0px;
background-color: #fff;
	min-height: 220px;
pointer-events: auto;
	top: -60px;
	right: -40px;
	float: right;
}
.t-grey .msgInner{
	background-color: #f8f8f8;
}
.p-recruit .msgInner{
	min-height: 230px;
}
.msgInner::before{
	content: "MORE";
position: absolute;
bottom: 32px;
right: 40px;
font-size: 12px;
line-height: 1;
font-family: 'Roboto', sans-serif;
color: #999;
	font-weight: 600;
}
.msgInnerTitle{
	font-size: 16px;
line-height: 1.6;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 20px;
	height: 4.8em;
}
.msgInnerName{
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #999;
	font-weight: 500;
}
.msgInnerName span{
	font-size: 12px;
}
.msgInner .btnArrow {
  top: initial;
  bottom: 20px;
  right: 20px;
}
.scenePh{
	width: 50%;
	height: 400px;
	display: flex;
	background-image: url("../images/outsourcing/scene01.jpg");
    background-position: center center;
    background-repeat: no-repeat;
	background-size:cover;
}
.p-outsourcing.scenePh{
	background-image: url("../images/outsourcing/scene01_02.jpg");
}
.p-outsourcing02.scenePh{
	background-image: url("../images/outsourcing/scene02.jpg");
}
dl.svEx{
	width: 100%;
    height: auto;
    box-sizing: border-box;
    position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-top: 5px;
}
dl.svEx dt{
	width: 80px;
	font-size: 14px;
	line-height: 1.8;
	font-weight: bold;
	box-sizing: border-box;
	padding-left: 16px;
}
dl.svEx dd{
	width: calc(100% - 80px);
	font-size: 14px;
	line-height: 1.8;
	color: #666;
	box-sizing: border-box;
}
.pageTopAbout{
	width: 100%;
height: 360px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	/*background-image: url("../images/sea02.jpg");
background-position: center center;
background-size: cover;*/
	background-image: url("../images/about/pagehead02.jpg");
background-position: center center;
background-size: cover;
	justify-content: flex-start;
	align-items: flex-end;
	padding-bottom: 60px;
	background-color: #00aecb;
}
.flexAlignCenter{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.pageTopAbout ul.topAnchor li a{
	color: #000;
}
.pageTopAbout ul.topAnchor li a::before {
  background-color: #000;
}
.pageTopAbout ul.topAnchor li a:hover {
    color: #A5EDF9;
}
.aboutCc{
	width: 70%;
	float: left;
	font-size: 68px;
	line-height: 1.1;
	text-align: left;
	font-weight: 900;
	position: relative;
	z-index: 10;
	font-family: 'Raleway', sans-serif;
letter-spacing: 0;
	color: #000;
}
.aboutCcRight{
	width: 30%;
	float: left;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	max-width: 200px;
}
.p-service .aboutCcRight{
	max-width: 300px;
}
.aboutCcFlex{
	width: 100%;
	display: flex;
	justify-content: space-between;
	min-height: 99px;
}
.aboutMainText {
  font-size: 2.6vw;
  line-height: 1.8em;
  letter-spacing: 0.12em;
  color: #000;
  font-weight: 600;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  background-color: #FFF;
  padding: 0px 40px;
	width: auto;
height: auto;
float: left;
display: block;
	box-sizing: border-box;
position: relative;
}
.aboutMainText span{
	position: relative;
}
.aboutMainText span.t-start::before{
	content: '“';
	position: absolute;
	top: -10px;
left: -38px;
	color: #00aecb;
	font-size: 60px;
	line-height: 1;
}
.aboutMainText span.t-end::after{
	content: '”';
	position: absolute;
	bottom: -30px;
right: -45px;
	color: #00aecb;
	font-size: 60px;
	line-height: 1;
}
.aboutTopTextBox{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.aboutTopTextBox::before{
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	background-color: #00aecb;
	top: 50%;
	left: 0;
}
.aboutVisionLeft{
	width: 60%;
height: 500px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-color: #d2d2d2;
	background-image: url("../images/about/vision01.jpg");
background-position: center top;
background-size: cover;
	background-repeat: no-repeat;
}
.aboutVisionRight{
	width: 40%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	justify-content: flex-start;
	align-items: center;
	padding-left: 60px;
	padding-right: 20px;
}
.visionBox{
	width: 100%;
	max-width: calc(1080px * 0.4);
}
.aboutMessageLeft{
	width: 60%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	justify-content: center;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	max-width: calc(1080px * 0.6);
}
.aboutMessageRight{
	width: 40%;
height: 500px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-color: #d2d2d2;
	max-width: calc(1080px * 0.4);
	background-image: url("../images/about/message01.jpg");
background-position: center center;
background-size: cover;
	background-repeat: no-repeat;
}
.alCenter{
	align-items: center;
}
.juCenter{
	justify-content: center;
}
.aboutMessageText{
	display: block;
float: left;
height: auto;
width: 100%;
font-size: 28px;
text-align: center;
line-height: 1.4em;
position: relative;
	letter-spacing: 0.12em;
}
.aboutMessageText span {
  position: relative;
}
.aboutMessageText span.t-start::before {
  content: '“';
  position: absolute;
  top: -10px;
  left: -34px;
  color: #00aecb;
  font-size: 48px;
  line-height: 1;
}
.aboutMessageText span.t-end::after {
  content: '”';
  position: absolute;
  bottom: -24px;
  right: -30px;
  color: #00aecb;
  font-size: 48px;
  line-height: 1;
}
.moreBtn a:hover .btnArrow {
    right: -16px;
}
.aboutCompanyLeft{
	width: 60%;
height: 640px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	justify-content: flex-start;
	align-items: flex-start;
	padding-left: 20px;
	padding-right: 20px;
	max-width: calc(1080px * 0.6);
	
}
.aboutCompanyRight{
	width: 40%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	max-width: calc(1080px * 0.4);
	justify-content: flex-start;
	align-items: center;
	padding-left: 60px;
}
.aboutCompanyPh01{
	width: 60%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #d2d2d2;
	z-index: 0;
	background-image: url("../images/top_company_bg02.jpg");
	background-position: center center;
background-size: cover;
	background-repeat: no-repeat;
}
.aboutCompanyPh02{
	width: 60%;
	height: 500px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #f2f2f2;
	z-index: 1;
	background-image: url("../images/about/company02_02.jpg");
	background-position: center center;
background-size: cover;
	background-repeat: no-repeat;
}
.aboutLocationText{
	width: 40%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-color: #FFF;
	justify-content: center;
	align-items: center;
}
.aboutLocationMap{
	width: 100%;
height: 600px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-image: url("../images/about/location_dot_japan04.png");
background-position: center top;
background-size: auto 600px;
	background-repeat: no-repeat;
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: 60px;
	padding-left: 100px;
}
.aboutLocationPh{
	width: 40%;
height: 400px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	background-color: #FFF;
	justify-content: center;
	align-items: center;
}

.aboutLocationPh.t02{
	background-color: #e2e2e2;
	width: 20%;
}
.aboutLocationPh.t03{
	background-color: #d2d2d2;
	width: 20%;
}
.aboutLocationPh.t04{
	background-color: #c2c2c2;
	width: 20%;
}
.flex.t-aboutLocation {
  width: 100%;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
ul.dotList.sqStrong li{
	font-weight: 600;
}
ul.dotList.sqStrong li::before {
    width: 8px;
    height: 8px;
    top: 10px;
    left: 0;
	border-radius: 0;
	background-color: #00aecb;
}
.greyBox{
	width: 100%;
	background-color: #f2f2f2;
float: left;
box-sizing: border-box;
padding: 30px;
margin-bottom: 30px;
	position: relative;
}
.kakkoBox{
	width: 100%;
	background-color: #FFF;
float: left;
box-sizing: border-box;
padding: 30px;
margin-bottom: 30px;
	position: relative;
}
.kakkoBox.p-facility{
	padding-left: 70px;
}
.kakkoBox.p-system-software{
	padding-left: 70px;
}
.kakkoBox.p-outsourcing{
	padding-left: 140px;
}
.kakkoBox.p-medical{
	padding-left: 90px;
}
.kakkoTop{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	border-top: #000 1px solid;
	border-left: #000 1px solid;
}
.kakkoBottom{
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-bottom: #000 1px solid;
	border-right: #000 1px solid;
}
.pageTopBasic{
	width: 100%;
height: 300px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	justify-content: flex-start;
	align-items: flex-end;
	padding-bottom: 60px;
	background-color: #f2f2f2;
	background-image: url("../images/about/pagehead02.jpg");
background-position: center center;
background-size: cover;
}
.pageTopBasic.p-company{
	background-image: url("../images/company/pagehead.jpg");
}
.pageTopBasic.p-location{
	background-image: url("../images/location/pagehead.jpg");
	background-position: center top;
}
.pageTopBasic.p-service{
	background-image: url("../images/service/pagehead03.jpg");
	background-color: #f2f2f2;
	height: 400px;
}
.pageTopBasic.p-news{
	background-image: url("../images/news/pagehead.jpg");
	height: 260px;
	padding-bottom: 20px;
	background-position: center top;
}
.pageTopBasic.p-news.t-blog{
	background-image: url("../images/blog/pagehead.jpg");
	background-position: center center;
}
.pageTopBasic.p-csr{
	background-image: url("../images/csr/pagehead.jpg");
}
.pageTopBasic.p-privacy{
	background-image: url("../images/other/pagehead_privacy.jpg");
}
.pageTopBasic.p-security{
	background-image: url("../images/other/pagehead_security.jpg");
}
.pageTopBasic.p-sitemap{
	background-image: url("../images/other/pagehead_sitemap.jpg");
}
.pageTopBasic.p-staff-message{
	background-image: url("../images/staff/pagehead.jpg");
}
.pageTopBasic.p-contact{
	background-image: url("../images/other/pagehead_contact.jpg");
}
.pageTopBasic.p-entryform{
	background-image: url("../images/recruit/pagehead_entry.jpg");
}
.pageTopBasic.p-entryform02{
	background-image: url("../images/recruit/pagehead_entry02.jpg");
}
.pageTopBasic.p-entryform03{
	background-image: url("../images/recruit/pagehead_entry03.jpg");
}
.pageTopBasic .text16 a{
	color: #000;
}
.pageTopBasic .text16 a:hover{
	color: #FFF;
}
.pageTopBasic ul.topAnchor li a{
	color: #000;
}
.pageTopBasic ul.topAnchor li a::before {
  background-color: #000;
}
.pageTopBasic ul.topAnchor li a:hover {
    color: #FFF;
}

.baseCc{
	font-family: 'Roboto', sans-serif;
	font-size: 48px;
	letter-spacing: 0.06em;
	width: 70%;
float: left;
line-height: 1.1;
text-align: left;
font-weight: 600;
position: relative;
color: #000;
}
.companyList {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
 
}
.companyList dl {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.companyList dl dt {
  width: 25%;
  height: auto;
  display: table;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  line-height: 2em;
  font-weight: 600;
  color: #313131;
  padding-left: 40px;
}
.companyList dl dd {
  width: 75%;
  height: auto;
  display: table;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  line-height: 1.8em;
  padding-left: 40px;
}
.companyList dl::before {
  content: "";
  width: 75%;
  height: 1px;
  position: absolute;
  background-color: #d2d2d2;
  bottom: 0;
  right: 0;
}
.companyList dl::after {
  /*content: "";
  width: 25%;
  height: 1px;
  position: absolute;
  background-color: #000;
  bottom: 0;
  left: 0;*/
}
a.minLineBtn{
	display: inline-block;
	padding: 0px 15px;
	border: #000 1px solid;
	color: #000;
	position: relative;
	text-decoration: none;
	font-size: 13px;
	transition-property: all;
transition: 0.2s ease;
}
a.minLineBtn:hover{
	background-color: #000;
	color: #FFF;
}
.historyList {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
 padding-top: 10px;
}
.historyList dl {
  width: 100%;
  height: auto;
  display: flex;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 40px;
	align-items: center;
	justify-content: flex-start;
}
.historyList dl:last-child {
	margin-bottom: 0;
}
.historyList dl dt {
  width: 30%;
  height: auto;
  display: table;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 20px;
  line-height: 1em;
  font-weight: 600;
  color: #313131;
  padding-left: 40px;
	font-family: 'Roboto', sans-serif;
}
.historyList dl dt span{
	font-size: 14px;
	font-family:'Noto Sans JP',"YuGothic","Yu Gothic","游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",sans-serif;
}
.historyList dl dd {
  width: 70%;
  height: auto;
  display: table;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  line-height: 1.6em;
  padding-left: 0px;
	top: -1px;
}
.box25 {
  width: 25%;
  height: auto;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.box75 {
  width: 75%;
  height: auto;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.addressList{
	width: 100%;
  height: auto;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
	margin-top: 15px;
}
.addressList li{
	width: 100%;
  height: auto;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
	font-size: 14px;
	line-height: 1.8em;
	padding-left: 0px;
	font-weight: 400;
}
.addressList li.tel{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin-top: 0px;
	font-size: 15px;
}
.mapBox {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mapBox iframe {
  width: 100%;
	height: 400px;
	-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.officeBox{
	width: 100%;
  height: auto;
  display: block;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: #d2d2d2 1px solid;
	padding-right: 60px;
}
.gMapBtn{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	bottom: 30px;
	z-index: 10;
	border-radius: 100%;
	border: #000 0px solid;
	transition-property: all;
transition: 0.2s ease;
	background-image: url("../images/about/icon_mappin_wht.png");
background-position: center center;
background-size: 20px auto;
	background-repeat: no-repeat;
	background-color: #000;
}
.gMapBtn:hover{
	/*opacity:1;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";*/
	background-color:#00aecb;
	
}
.gMapBtn a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.headOfficeCnt{
	position: relative;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
	padding-right: 60px;
}
.headOfficeCnt .gMapBtn{
	bottom: 0;
}
.locationOfficePhBox {
  width: 100%;
  height: 400px;
  float: left;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
}
.locationOfficePh01{
	width: 70%;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
background-color: #d2d2d2;
z-index: 1;
background-image: url("../images/location/ph01_02.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.locationOfficePh02 {
  width: 55%;
  height: 240px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #f2f2f2;
  z-index: 10;
  background-image: url("../images/location/ph02_02.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.companyPh{
	width: 50%;
height: 360px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background-color: #FFF;
justify-content: center;
align-items: center;
}
.companyPh.t01{
	background-color: #eee;
	top: -30px;
	background-image: url("../images/company/ph01.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
}
.companyPh.t02{
	background-color: #e2e2e2;
	top: 30px;
	background-image: url("../images/company/ph02_02.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
}
.companyPh.t03{
	background-color: #d2d2d2;
}
.p-csr .companyPh.t01{
	background-image: url("../images/csr/sec01.jpg");
}
.p-csr .companyPh.t02{

	background-image: url("../images/csr/sec02.jpg");
}
.bgGreyBottomHalf::before{
	content: '';
width: 100%;
height: 50%;
background-color: #f2f2f2;
position: absolute;
bottom: 0;
left: 0;
}
.bg-wLogo{
	background-image: url("../images/message/logo_w.svg");
    background-position: 10% 60px;
    background-repeat: no-repeat;
	background-size: auto 300px;
}
.bg-wLogo.t-grey{
	background-image: url("../images/staff/logo_w_grey.svg");
}
.bg-wLogo-wht{
	background-image: url("../images/message/logo_w_wht.svg");
    background-position: right -10px;
    background-repeat: no-repeat;
	background-size: auto 300px;
}
.bg-ceo{
	
}
.messageCeoPh{
	width: 100%;
height: 400px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background-color: #e2e2e2;
justify-content: flex-end;
align-items: flex-end;
	background-image: url("../images/message/ph02.jpg");
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
}
.p-message .pageTopLeft .cnt{
	padding-left: 60px;
}
.whtBox{
	background-color: #FFF;
	box-sizing: border-box;
	padding: 60px;
}
.box800.whtBox{
	max-width: 880px;
	display: table;
}
.box800.whtBox.t-ceoText{
	top: -30px;
	z-index: 10;
}
.bgLblueBottomHalf::before {
  content: '';
  width: 100%;
  height: 50%;
  background-color: #eff9f9;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bgSkyBottomHalf::before {
  content: '';
  width: 100%;
  height: 50%;
  background-color: #00aecb;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ceoBox{
	padding: 20px 20px;
	background-color: #FFF;
	margin-right: 0px;
	margin-bottom:0px;
}
.ceoName{
	width: 100%;
	text-align: right;
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	float: left;
}
.ceoName span{
	font-size: 0.7em;
	margin-right: 10px;
}
.aboutPhiloLeft{
	width: 25%;
	position: relative;
}
.aboutPhiloRight{
	width: 75%;
	position: relative;
}
.philoText{
	font-size: 24px;
line-height: 2.0em;
letter-spacing: 0.08em;
color: #000;
font-weight: 600;
	position: relative;
	top: -5px;
}
.philoText span{
	font-family: 'Raleway', sans-serif;
	letter-spacing: 0;
	font-weight: 900;
	font-size: 1.2em;
	color: #00aecb;
}
.p-staff-message .pageTopLeft .cnt {
  padding-left: 60px;
}
.p-staff-message .pageTopRight {
  
  height: 660px;
}
.s-facility01 .pageTopRight {
  background-image: url("../images/staff/facility01/head.jpg");
}
.s-facility01 .companyPh.t01 {
  background-image: url("../images/staff/facility01/ph02.jpg");
}
.s-facility01 .companyPh.t02 {
  background-image: url("../images/staff/facility01/ph01.jpg");
}
.messageCeoPh.s-facility01 {
	background-image: url("../images/staff/facility01/bottom.jpg");
}
.profBox{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	float: left;
}
.profBox .text14 {
  color: #777;
}
.profBox .msgInnerName {
  font-size: 20px;
  color: #777;
}
.profBox .msgInnerName span {
  font-size: 14px;
}
.staffFaq{
	width: 100%;
  height: auto;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.staffFaq dl{
	width: 100%;
  height: auto;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
	margin-bottom: 40px;
}
.staffFaq dl dt{
	width: 100%;
  height: auto;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
	margin-bottom: 10px;
}
.staffFaq dl dt span{
	font-size: 18px;
	font-weight: 600;
	color: #000;
	line-height: 1.8em;
	padding: 0 0px;
	padding-bottom: 3px;
	border-bottom: #00aecb 1px solid;
}
.staffFaq dl dd{
	width: 100%;
  height: auto;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.staffFaq dl dd p{
	font-size: 15px;
text-align: left;
line-height: 1.8em;
}
.moreBigBtn {
  width: 100%;
  height: auto;
  float: left;
  display: flex;
  text-align: center;
  position: relative;
  justify-content: center;
}
.moreBigBtn a {
  width: 100%;
  height: auto;
  display: flex;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  transition-property: all;
  transition: 0.2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 600;
  padding: 15px 0;
  position: relative;
  letter-spacing: 0.1em;
  background-color: #000;
  font-family: 'Roboto', sans-serif;
  background-repeat: no-repeat;
  max-width: 360px;
  align-items: center;
  justify-content: center;
}
.moreBigBtn a .btnArrow {
  right: 20px;
}
.moreBigBtn a:hover {
	background-color: #00aecb;
}
.moreBigBtn a:hover .btnArrow {
	right: 15px;
}
.serviceFlex{
	display: flex;
width: 100%;
height: auto;
flex-flow: row wrap;
	box-sizing: border-box;
	position: relative;
}
.serviceFlex::before{
	content: '';
width: 100%;
height: calc(50% + 50px);
background-color: #f6f6f6;
position: absolute;
bottom: -50px;
	left: 0;
}
.serviceFlex.t-semiconductor,.serviceFlex.t-outsourcing,.serviceFlex.t-system{
	/*padding-right: 60px;*/
	flex-direction: row-reverse;
}
.serviceFlex.t-facility, .serviceFlex.t-medical{
	/*padding-left: 60px;*/
}
.t-semiconductor.serviceFlex::before,.t-outsourcing.serviceFlex::before,.t-system.serviceFlex::before{
	
}
.serviceCanvas{
	width: 60%;
	height: 400px;
	background-color: #d2d2d2;
	display: flex;
	position: relative;
}
.serviceCanvas::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0,0,0,0.0);
  top: 0;
  left: 0;
  z-index: 1;
  transition-property: all;
  transition: 0.2s ease;
}
.serviceCanvas a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.serviceCanvas:hover::before{
	background-color: rgba(0,0,0,0.0);
}

.serviceCanvas:hover .serviceCircleBtnMin span::before {
	left: 10px;
}
.serviceCanvas:hover .serviceCircleBtnMin span::after {
	right: 10px;
}
.t-semiconductor .serviceCanvas{
	align-items: center;
	justify-content: flex-end;
	background-image: url("../images/service/sec_service_semiconductor.jpg");
    background-position: center top;
    background-repeat: no-repeat;
	background-size: cover;
}
.t-outsourcing .serviceCanvas{
	align-items: center;
	justify-content: flex-end;
	background-image: url("../images/service/sec_service_outsourcing.jpg");
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
}
.t-system .serviceCanvas{
	align-items: center;
	justify-content: flex-end;
	background-image: url("../images/service/sec_service_system02.jpg");
    background-position: top center;
    background-repeat: no-repeat;
	background-size: cover;
}
.t-facility .serviceCanvas{
	align-items: center;
	justify-content: flex-start;
	background-image: url("../images/service/sec_service_facility.jpg");
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
}
.t-medical .serviceCanvas{
	align-items: center;
	justify-content: flex-start;
	background-image: url("../images/service/sec_service_medical02.jpg");
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
}
.serviceInner{
	width: 100%;
	max-width: 460px;
	box-sizing: border-box;
	background-color: #000;
	padding: 30px;
	position: relative;
	z-index: 10;
	transition-property: all;
transition: 0.2s ease;
}
.serviceInner:hover{
	background-color: #333;
}
.serviceInner a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.serviceInner:hover .serviceCircleBtnMin span::before {
	left: 10px;
}
.serviceInner:hover .serviceCircleBtnMin span::after {
	right: 10px;
}

.serviceInfo{
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.t-semiconductor .serviceInner{
	left: -30px;
}
.t-facility .serviceInfo{
	justify-content: flex-end;
}
.t-facility .serviceInner{
	right: -30px;
}
.t-outsourcing .serviceInner{
	left: -30px;
}
.t-medical .serviceInfo{
	justify-content: flex-end;
}
.t-medical .serviceInner{
	right: -30px;
}
.t-system .serviceInner{
	left: -30px;
}
.mainBox{
	width: 75%;
height: auto;
display: table;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-right: 80px;
position: relative;
}
.sideBox {
  display: table;
  float: left;
  height: auto;
  margin-bottom: 20px;
  width: 25%;
  position: relative;
}
ul.sideCate{
	width: 100%;
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	margin-top: 0px;
	background-color: #f2f2f2;
	padding: 30px 30px 10px;
}
ul.sideCate li{
	width: 100%;
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	margin-bottom: 20px;
}
ul.sideCate li a{
	width: 100%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
	font-size: 13px;
	line-height: 1;
	padding: 5px 0;
	padding-left: 1.5em;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
}
ul.sideCate li a:hover{
	text-decoration: underline;
	color: #666;
}
ul.sideCate li a::before{
	content: '';
	width: 8px;
	height: 1px;
	background-color: #999;
	position: absolute;
	top: 11px;
	left: 0;
}
.blogList{
	 width:100%;
	height:auto;
	float:left;
	display:block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	
}
.blogList dl{
	 width:100%;
	height:auto;
	float:left;
	display:block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	padding: 30px 30px;
	transition-property: all;
transition: 0.2s ease;
	border-bottom: #d2d2d2 1px solid;
}
.blogList dl:hover{
	background-color: rgba(0,0,0,0.05);
}
.blogList dl a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.blogList dl dt{
	width:200px;
	height:auto;
	float:left;
	display:block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.blogList dl dd{
	width:calc(100% - 200px);
	height:auto;
	float:left;
	display:block;
    position: relative;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	font-size: 16px;
	line-height: 1.6em;
	padding-left: 30px;
}
.blogList dl.bigThum dt{
	width: 300px;
}
.blogList dl.bigThum dd{
	width:calc(100% - 300px);
}
.blogDay{
	width: 100%;
height: auto;
float: left;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
line-height: 1.6em;
color: #999;
font-family: 'Roboto', sans-serif;
font-weight: 700;
letter-spacing: 0;
	margin-bottom: 10px;
}
.blogTitle{
	width: 100%;
height: auto;
float: left;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size: 24px;
line-height: 1.6em;
color: #000;
font-weight: 600;
letter-spacing: 0.03em;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: #d2d2d2 1px solid;
}
.postBox {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #d2d2d2;
}
.postBox img{
	max-width: 100%;
	height: auto;
}
.postBox p{
	font-size: 15px;
	line-height: 1.8em;
	word-break: break-all;
	text-decoration: none;
	margin: 10px 0 20px;
	text-align: left;
text-indent: 0px;
text-transform: none;
white-space: normal;
	word-spacing: 0px;
}
.postBox h1{
	font-size: 24px;
	line-height: 1.6;
	position: relative;
	padding-left: 0.8em;
}
.postBox h1::before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 16px;
  left: 0px;
	background-color: #00aecb;
}
.postBox h2{
	font-size: 24px;
	line-height: 1.6;
}
.postBox h3{
	font-size: 20px;
	line-height: 1.6;
}
.postBox h4{
	font-size: 16px;
	line-height: 1.6;
}
.postBox h5{
	font-size: 18px;
	line-height: 1.6;
	position: relative;
	padding-left: 1.2em;
}
.postBox h5::before{
	content: '';
width: 14px;
height: 1px;
background-color: #999;
position: absolute;
top: 15px;
left: 0;
}
.prevBtn {
  display: flex;
  float: left;
  height: auto;
  text-align: left;
  width: 50%;
	align-items: center;
justify-content: flex-start;
}
.prevBtn a {
  width: 100%;
height: auto;
display: flex;
line-height: 40px;
font-size: 14px;
color: #999;
text-decoration: none;
transition-property: all;
transition: 0.2s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600;
padding: 0px 0;
position: relative;
letter-spacing: 0.05em;
max-width: 120px;
font-family: 'Roboto', sans-serif;
border-radius: 40px;
background-repeat: no-repeat;
border: #d5d5d5 1px solid;
align-items: center;
justify-content: center;
}
.nextBtn {
  display: flex;
  float: right;
  height: auto;
  text-align: right;
  width: 50%;
	align-items: center;
justify-content: flex-end;
}
.nextBtn a {
  width: 100%;
height: auto;
display: flex;
line-height: 40px;
font-size: 14px;
color: #999;
text-decoration: none;
transition-property: all;
transition: 0.2s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600;
padding: 0px 0;
position: relative;
letter-spacing: 0.05em;
max-width: 120px;
font-family: 'Roboto', sans-serif;
border-radius: 40px;
background-repeat: no-repeat;
border: #d5d5d5 1px solid;
align-items: center;
justify-content: center;
}
.nextBtn a:hover,.prevBtn a:hover {
	background-color: #000;
	border-color: #000;
	color: #FFF;
}
.serviceInnerBlk{
	width: 40%;
	box-sizing: border-box;
	background-color: #000;
	padding: 60px;
	position: relative;
	z-index: 10;
	transition-property: all;
transition: 0.2s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}
.serviceInnerBlk:hover{
	background-color: #333;
}
.serviceInnerBlk a{
	position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
transition-property: all;
transition: 0.2s ease;
}
.serviceInnerBlk:hover .serviceCircleBtnMin span::before {
	left: 10px;
}
.serviceInnerBlk:hover .serviceCircleBtnMin span::after {
	right: 10px;
}
.aboutMessageText.t-start-end::before{
	content: '“';
position: absolute;
top: -10px;
left: -34px;
color: #00aecb;
font-size: 48px;
line-height: 1;
}
.aboutMessageText.t-start-end::after {
  content: '”';
  position: absolute;
  bottom: -25px;
  right: -20px;
  color: #00aecb;
  font-size: 48px;
  line-height: 1;
}
.pr50p{
	padding-right: 50%;
	box-sizing: border-box;
}
.pl50p{
	padding-left: 50%;
	box-sizing: border-box;
}
.pr40p{
	padding-right: 40%;
	box-sizing: border-box;
}
.pl40p{
	padding-left: 40%;
	box-sizing: border-box;
}
.ph50{
	width: 50%;
height: auto;
float: left;
display: inline-block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
z-index: 0;
}
.ph50 img {
  width: 100%;
  height: auto;
  float: left;
  z-index: 0;
  position: relative;
}
.staffPhBox{
	width: 60%;
height: auto;
float: left;
display: flex;
position: relative;
}
.t-half .staffPhBox{
	width: 50%;
}
.staffTextBox{
	width: 40%;
height: auto;
float: left;
display: flex;
position: relative;
	align-items: center;
	justify-content: flex-start;
}
.t-half .staffTextBox{
	width: 50%;
}
.staffTextBox .staffTextInner{
	width: 100%;
max-width: 640px;
box-sizing: border-box;
padding-left: 60px;
padding-right: 60px;
}
.flex.t-reverse{
	flex-direction: row-reverse;
}
.t-reverse .staffTextBox{
	justify-content: flex-end;
}
.holidayFaq {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
	padding: 40px;
}
.holidayFaq .kakkoTop,.holidayFaq .kakkoBottom {
  width: 20px;
  height: 20px;
}
.holidayFaq dl{
	width: 100%;
  height: auto;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.holidayFaq dl dt{
	width: 100%;
  height: auto;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
	margin-bottom: 15px;
	text-align: center;
}
.holidayFaq dl dt span{
	font-size: 15px;
	font-weight: 600;
	color: #000;
	line-height: 1.8em;
	padding: 0px 0px 3px;
	border-bottom: #00aecb 2px dotted;
}
.holidayFaq dl dd{
	width: 100%;
  height: auto;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.holidayFaq dl dd p{
	font-size: 15px;
text-align: left;
line-height: 1.8em;
}
.holidayPh {
  width: 33.3333%;
  height: 360px;
  float: left;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #FFF;
  justify-content: center;
  align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
}
.t-2photo .holidayPh {
  width: 50%;
}
.t-1photo .holidayPh {
  width: 100%;
}
.holidayPh.t01 {
	top: -15px;
}
.holidayPh.t02 {
	top: 15px;
}
.holidayPh.t03 {
	top: -15px;
}
.t-1photo .holidayPh.t01 {
  top:0px;
}
.s-facility01 .holidayPh.t01 {
	background-image: url("../images/staff/facility01/holiday01.jpg");
}
.s-facility01 .holidayPh.t02 {
	background-image: url("../images/staff/facility01/holiday02.jpg");
}
.s-facility01 .holidayPh.t03 {
	background-image: url("../images/staff/facility01/holiday03.jpg");
}
.s-semiconductor01 .holidayPh.t01 {
	background-image: url("../images/staff/semiconductor01/holiday01.jpg");
}
.s-semiconductor01 .holidayPh.t02 {
	background-image: url("../images/staff/semiconductor01/holiday02.jpg");
}
.s-semiconductor04 .holidayPh.t01 {
	background-image: url("../images/staff/semiconductor04/holiday01.jpg");
}
.s-semiconductor04 .holidayPh.t02 {
	background-image: url("../images/staff/semiconductor04/holiday02.jpg");
}
.s-semiconductor02 .holidayPh.t01 {
	background-image: url("../images/staff/semiconductor02/holiday01.jpg");
}
.s-facility02 .holidayPh.t01 {
	background-image: url("../images/staff/facility02/holiday01.jpg");
}
.s-facility02 .holidayPh.t02 {
	background-image: url("../images/staff/facility02/holiday02.jpg");
}
.s-facility02 .holidayPh.t03 {
	background-image: url("../images/staff/facility02/holiday03.jpg");
}
.s-facility03 .holidayPh.t01 {
	background-image: url("../images/staff/facility03/holiday01.jpg");
	width: 50%;
}

.staffPhBox.s-facility03{
	justify-content: center;
}
.s-system02 .holidayPh.t01 {
	background-image: url("../images/staff/system02/holiday01.jpg");
}
.s-system02 .holidayPh.t02 {
	background-image: url("../images/staff/system02/holiday03.jpg");
}
.s-system02 .holidayPh.t03 {
	background-image: url("../images/staff/system02/holiday02.jpg");
}
.s-system01 .holidayPh.t01 {
	background-image: url("../images/staff/system01/holiday01.jpg");
}
.s-system01 .holidayPh.t02 {
	background-image: url("../images/staff/system01/holiday02.jpg");
}
.s-system01 .holidayPh.t03 {
	background-image: url("../images/staff/system01/holiday03.jpg");
}
.s-system05 .holidayPh.t01 {
	background-image: url("../images/staff/system05/holiday01.jpg");
}
.s-system05 .holidayPh.t02 {
	background-image: url("../images/staff/system05/holiday02.jpg");
}
.s-system04 .holidayPh.t01 {
	background-image: url("../images/staff/system04/holiday01.jpg");
}
.s-system04 .holidayPh.t02 {
	background-image: url("../images/staff/system04/holiday02.jpg");
}
.s-medical01 .holidayPh.t01 {
	background-image: url("../images/staff/medical01/holiday01.jpg");
}
.s-system03 .holidayPh.t01 {
	background-image: url("../images/staff/system03/holiday01.jpg");
	width: 50%;
}
.staffPhBox.s-system03{
	justify-content: center;
}
.s-medical04 .holidayPh.t01 {
	background-image: url("../images/staff/medical04/holiday01.jpg");
}
.s-medical04 .holidayPh.t02 {
	background-image: url("../images/staff/medical04/holiday02.jpg");
}
.s-medical04 .holidayPh.t03 {
	background-image: url("../images/staff/medical04/holiday03.jpg");
}
.s-medical02 .holidayPh.t01 {
	background-image: url("../images/staff/medical02/holiday01.jpg");
}
.s-medical02 .holidayPh.t02 {
	background-image: url("../images/staff/medical02/holiday02.jpg");
}
.s-medical02 .holidayPh.t03 {
	background-image: url("../images/staff/medical02/holiday03.jpg");
}
.s-medical06 .holidayPh.t01 {
	background-image: url("../images/staff/medical06/holiday01.jpg");
}
.s-medical06 .holidayPh.t02 {
	background-image: url("../images/staff/medical06/holiday02.jpg");
}

.staffJobPh{
	width: 50%;
height: 360px;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background-color: #FFF;
justify-content: center;
align-items: center;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.staffJobPh.t01{
	top: -30px;
}
.staffJobPh.t02{
	top: 30px;
}
.staffJobPh.t03{
	top: -30px;
}
.staffJobPh.t04{
	top: 30px;
}
.t-1photo .staffJobPh{
	width: 100%;
}
.s-facility01 .staffJobPh.t01 {
  background-image: url("../images/staff/facility01/ph02.jpg");
}
.s-facility01 .staffJobPh.t02 {
  background-image: url("../images/staff/facility01/ph01.jpg");
}
.s-facility01 .staffJobPh.t03 {
  background-image: url("../images/staff/facility01/ph04.jpg");
}
.s-facility01 .staffJobPh.t04 {
  background-image: url("../images/staff/facility01/ph03.jpg");
}
.s-semiconductor01 .pageTopRight {
  background-image: url("../images/staff/semiconductor01/head.jpg");
}
.s-semiconductor01 .staffJobPh.t01 {
  background-image: url("../images/staff/semiconductor01/ph01.jpg");
}
.s-semiconductor01 .staffJobPh.t02 {
  background-image: url("../images/staff/semiconductor01/ph02.jpg");
}
.s-semiconductor01 .staffJobPh.t03 {
  background-image: url("../images/staff/semiconductor01/ph03.jpg");
}
.s-semiconductor01 .staffJobPh.t04 {
  background-image: url("../images/staff/semiconductor01/ph04.jpg");
}
.messageCeoPh.s-semiconductor01 {
	background-image: url("../images/staff/semiconductor01/bottom.jpg");
}
.s-semiconductor04 .pageTopRight {
  background-image: url("../images/staff/semiconductor04/head.jpg");
}
.s-semiconductor04 .staffJobPh.t01 {
  background-image: url("../images/staff/semiconductor04/ph01.jpg");
}
.s-semiconductor04 .staffJobPh.t02 {
  background-image: url("../images/staff/semiconductor04/ph02.jpg");
}
.s-semiconductor04 .staffJobPh.t03 {
  background-image: url("../images/staff/semiconductor04/ph03.jpg");
}
.s-semiconductor04 .staffJobPh.t04 {
  background-image: url("../images/staff/semiconductor04/ph04.jpg");
}
.messageCeoPh.s-semiconductor04 {
	background-image: url("../images/staff/semiconductor04/bottom.jpg");
}
.s-semiconductor02 .pageTopRight {
  background-image: url("../images/staff/semiconductor02/head.jpg");
}
.s-semiconductor02 .staffJobPh.t01 {
  background-image: url("../images/staff/semiconductor02/ph01.jpg");
}
.s-semiconductor02 .staffJobPh.t02 {
  background-image: url("../images/staff/semiconductor02/ph02.jpg");
}
.s-semiconductor02 .staffJobPh.t03 {
  background-image: url("../images/staff/semiconductor02/ph03.jpg");
}
.s-semiconductor02 .staffJobPh.t04 {
  background-image: url("../images/staff/semiconductor02/ph04.jpg");
}
.messageCeoPh.s-semiconductor02 {
	background-image: url("../images/staff/semiconductor02/bottom.jpg");
}
.s-facility02 .pageTopRight {
  background-image: url("../images/staff/facility02/head.jpg");
}
.s-facility02 .staffJobPh.t01 {
  background-image: url("../images/staff/facility02/ph01.jpg");
}
.s-facility02 .staffJobPh.t02 {
  background-image: url("../images/staff/facility02/ph02.jpg");
}
.s-facility02 .staffJobPh.t03 {
  background-image: url("../images/staff/facility02/ph03.jpg");
}
.s-facility02 .staffJobPh.t04 {
  background-image: url("../images/staff/facility02/ph04.jpg");
}
.messageCeoPh.s-facility02 {
	background-image: url("../images/staff/facility02/bottom.jpg");
}
.s-facility03 .pageTopRight {
  background-image: url("../images/staff/facility03/head.jpg");
}
.s-facility03 .staffJobPh.t01 {
  background-image: url("../images/staff/facility03/ph01.jpg");
}
.s-facility03 .staffJobPh.t02 {
  background-image: url("../images/staff/facility03/ph02.jpg");
}
.s-facility03 .staffJobPh.t03 {
  background-image: url("../images/staff/facility03/ph03.jpg");
}
.s-facility03 .staffJobPh.t04 {
  background-image: url("../images/staff/facility03/ph04.jpg");
}
.messageCeoPh.s-facility03 {
	background-image: url("../images/staff/facility03/bottom.jpg");
}
.s-system02 .pageTopRight {
  background-image: url("../images/staff/system02/head.jpg");
}
.s-system02 .staffJobPh.t01 {
  background-image: url("../images/staff/system02/ph01.jpg");
}
.s-system02 .staffJobPh.t02 {
  background-image: url("../images/staff/system02/ph02.jpg");
}
.s-system02 .staffJobPh.t03 {
  background-image: url("../images/staff/system02/ph03_02.jpg");
}
.s-system02 .staffJobPh.t04 {
  background-image: url("../images/staff/system02/ph04_02.jpg");
}
.messageCeoPh.s-system02 {
	background-image: url("../images/staff/system02/bottom.jpg");
}
.s-system01 .pageTopRight {
  background-image: url("../images/staff/system01/head.jpg");
}
.s-system01 .staffJobPh.t01 {
  background-image: url("../images/staff/system01/ph01.jpg");
}
.s-system01 .staffJobPh.t02 {
  background-image: url("../images/staff/system01/ph02.jpg");
}
.s-system01 .staffJobPh.t03 {
  background-image: url("../images/staff/system01/ph03_02.jpg");
}
.s-system01 .staffJobPh.t04 {
  background-image: url("../images/staff/system01/ph04.jpg");
}
.messageCeoPh.s-system01 {
	background-image: url("../images/staff/system01/bottom.jpg");
}
.s-system03 .pageTopRight {
  background-image: url("../images/staff/system03/head.jpg");
}
.s-system03 .staffJobPh.t01 {
  background-image: url("../images/staff/system03/ph01.jpg");
}
.s-system03 .staffJobPh.t02 {
  background-image: url("../images/staff/system03/ph02.jpg");
}
.s-system03 .staffJobPh.t03 {
  background-image: url("../images/staff/system03/ph03.jpg");
}
.s-system03 .staffJobPh.t04 {
  background-image: url("../images/staff/system03/ph04.jpg");
}
.messageCeoPh.s-system03 {
	background-image: url("../images/staff/system03/bottom.jpg");
}
.s-system05 .pageTopRight {
  background-image: url("../images/staff/system05/head.jpg");
}
.s-system05 .staffJobPh.t01 {
  background-image: url("../images/staff/system05/ph01.jpg");
}
.s-system05 .staffJobPh.t02 {
  background-image: url("../images/staff/system05/ph02.jpg");
}
.s-system05 .staffJobPh.t03 {
  background-image: url("../images/staff/system05/ph03.jpg");
}
.s-system05 .staffJobPh.t04 {
  background-image: url("../images/staff/system05/ph04.jpg");
}
.messageCeoPh.s-system05 {
	background-image: url("../images/staff/system05/bottom.jpg");
}
.s-system04 .pageTopRight {
  background-image: url("../images/staff/system04/head.jpg");
}
.s-system04 .staffJobPh.t01 {
  background-image: url("../images/staff/system04/ph01.jpg");
}
.s-system04 .staffJobPh.t02 {
  background-image: url("../images/staff/system04/ph02.jpg");
}
.s-system04 .staffJobPh.t03 {
  background-image: url("../images/staff/system04/ph03.jpg");
}
.s-system04 .staffJobPh.t04 {
  background-image: url("../images/staff/system04/ph04.jpg");
}
.messageCeoPh.s-system04 {
	background-image: url("../images/staff/system04/bottom.jpg");
}
.s-medical01 .pageTopRight {
  background-image: url("../images/staff/medical01/head.jpg");
}
.s-medical01 .staffJobPh.t01 {
  background-image: url("../images/staff/medical01/ph02.jpg");
	background-position: center top;
}

.s-medical01 .staffJobPh.t03 {
  background-image: url("../images/staff/medical01/ph02.jpg");
}

.messageCeoPh.s-medical01 {
	background-image: url("../images/staff/medical01/bottom.jpg");
}
.s-medical02 .pageTopRight {
  background-image: url("../images/staff/medical02/head.jpg");
}
.s-medical02 .staffJobPh.t01 {
  background-image: url("../images/staff/medical02/ph01.jpg");
	background-position: center top;
}
.s-medical02 .staffJobPh.t03 {
  background-image: url("../images/staff/medical02/ph02.jpg");
}
.messageCeoPh.s-medical02 {
	background-image: url("../images/staff/medical02/bottom.jpg");
}
.s-medical04 .pageTopRight {
  background-image: url("../images/staff/medical04/head.jpg");
}
.s-medical04 .staffJobPh.t01 {
  background-image: url("../images/staff/medical04/ph01.jpg");
}
.s-medical04 .staffJobPh.t03 {
  background-image: url("../images/staff/medical04/ph02.jpg");
}
.messageCeoPh.s-medical04 {
	background-image: url("../images/staff/medical04/bottom.jpg");
}
.s-medical06 .pageTopRight {
  background-image: url("../images/staff/medical06/head.jpg");
}
.s-medical06 .staffJobPh.t01 {
  background-image: url("../images/staff/medical06/ph01.jpg");
	background-position: center top;
}
.s-medical06 .staffJobPh.t03 {
  background-image: url("../images/staff/medical06/ph02.jpg");
}
.messageCeoPh.s-medical06 {
	background-image: url("../images/staff/medical06/bottom.jpg");
}
ol.countList{
	width: 100%;
  height: auto;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
	list-style-type: decimal;
	padding-left: 1.4em;
}
ol.countList li{
	font-size: 16px;
	line-height: 1.8em;
	list-style-type: decimal;
	margin-bottom: 5px;
}
.whtTextBox {
	width: 100%;
  height: auto;
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #FFF;
  padding: 60px;
}
.sqTitle{
	idth: 100%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
font-size: 24px;
line-height: 1.8;
padding-left: 1em;
font-weight: bold;
text-decoration: none;
display: block;
}
.sqTitle::before {
	content: '';
	position: absolute;
  width: 12px;
height: 12px;
top: 16px;
  left: 0;
  border-radius: 0;
  background-color: #00aecb;
}
.basicTable table{
	width: 100%;
height: auto;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 5px;
border-top: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
}
.basicTable tr {
  border-bottom: #d2d2d2 1px solid;
}
.basicTable th {
  border: 1px solid #d2d2d2;
  padding: 15px 10px;
  text-align: left;
  font-size: 14px;
  line-height: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0em;
  vertical-align: middle;
  color: #111;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom: #eee 0px solid;
  background-color: #f8f8f8;
  font-weight: 500;
}
.basicTable td {
  border: 1px solid #d2d2d2;
  padding: 15px 10px;
  text-align: left;
  font-size: 14px;
  line-height: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0em;
  vertical-align: middle;
  color: #333;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom: #eee 0px solid;
	background-color: #FFF;
}
.basicTable th.gyoumu {
	width: 30%;	
}
.basicTable th.name {
	width: 20%;
}
.basicTable th.kaiji {
	text-align: center;
}
.basicTable td.kaiji {
	text-align: center;
}
.evThum {
  width: 340px;
  box-sizing: border-box;
  float: left;
}
.evThum img {
  width: 100%;
  height: auto;
}
.evThumText {
  width: calc(100% - 340px);
  height: auto;
  float: left;
  box-sizing: border-box;
  padding-left: 40px;
}
.t-reverse .evThumText{
	padding-left: 0px;
	padding-right: 40px;
}
.evTitle {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-size: 22px;
  line-height: 1.4em;
  letter-spacing: 0.08em;
  font-weight: 600;
  padding: 20px;
  border: #64DD17 1px solid;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.grn{
	color: #64DD17;
}
ul.sitemapMenu {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-flow: row wrap;
	padding-bottom: 40px;
	border-bottom: #d2d2d2 1px solid;
	margin-bottom: 40px;
}
ul.sitemapMenu li {
  width: calc(33.3333% - 30px);
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0px;
  margin-right: 30px;
  border-bottom: #ededed 0px solid;
}
ul.sitemapMenu li a {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 20px 0px;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  transition-property: all;
  transition: 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1.2em;
}
ul.sitemapMenu li a:hover {
	background-color: rgba(0,0,0,0.05);
}
ul.sitemapMenu li a::before {
  content: '';
  width: 8px;
  height: 1px;
  background-color: #999;
  position: absolute;
  top: 50%;
  left: 0;
}
.pageTopRecruit{
	width: 100%;
height: auto;
float: left;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 0px;
	background-color: #FFF;
	background-image: url("../images/recruit_bg03.jpg");
background-position: center bottom;
background-size: auto 460px;
	background-repeat: no-repeat;
	min-height: 500px
}
.p-recruit .topServiceBox {
  height: 200px;
	width: 25%;
}
.jobInfoEx {
    width: 100%;
    height: auto;
    margin: 0 auto;
    /*max-width: 800px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	padding: 40px ;
	display: table;
	background-color: #FFF;

}
.jobInfoEx dl {
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #d2d2d2 1px solid;
}
.jobInfoEx dl:last-child {
	margin-bottom: 0;
	border-bottom-width: 0;
	padding-bottom: 5px;
}
.jobInfoEx dl dt {
    width: 200px;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 600;
}
.jobInfoEx dl dd {
    width: calc(100% - 200px);
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.8;
    color: #000;
	padding-left: 60px;
	top: 0;
}
.jobInfoEx .jobTitleList{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.jobInfoEx .jobTitleList p{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
}
.jobInfoEx .jobTitleList span.jobTag{
	font-size: 13px;
padding: 5px 10px;
background-color: #00aecb;
color: #FFF;
line-height: 1;
font-weight: 500;
}
.entryBn img{
	max-width: 100%;
	height: auto;
}
.formBox {
    display: block;
    float: left;
    height: auto;
    
    width: 100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom: 40px;
}
.formBox dl {
    display: block;
    float: left;
    height: auto;
    width: 100%;
	margin-bottom:20px;
}

.formBox dt {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: 26px;
    padding: 24px 0px 0px;
    width: 25%;
     font-family: 'Roboto', sans-serif;
font-weight: 700;
    letter-spacing: 0;
}
.formBox dd {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: auto;
    letter-spacing: 0.1em;
    line-height: 40px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-top: 17px;
    width: 75%;
}
.fm_form {
    border: 0px solid #f2f2f2;
    border-radius: 0;
    font-size: 14px;
    line-height: 38px;
    padding-left: 0px;
    width: 80%;
	background-color:rgba(255,255,255,0.00);
	border-bottom: 1px solid #333;
}
.fm_form.read-only {
	
	border-bottom-color: #fff;
	padding-left: 0px;
	
}
.fm_formFull {
    border: 0px solid #f2f2f2;
    border-radius: 0;
    font-size: 14px;
    line-height: 38px;
    padding-left: 0px;
    width: 100%;
	background-color:rgba(255,255,255,0.00);
	border-bottom: 1px solid #333;
}
.fm_formS {
    border: 0px solid #f2f2f2;
    border-radius: 0;
    font-size: 14px;
    line-height: 38px;
    padding-left: 0px;
    width: 30%;
	margin-right: 15px;
	background-color:rgba(255,255,255,0.00);
	border-bottom: 1px solid #333;
}
.pRed {

	color: #e74c3c;
	font-size: 10px;
	margin-left: 5px;
}
.fm_formL {
    border: 1px solid #333;
	background-color:rgba(255,255,255,0.00);
    border-radius: 0;
    box-sizing: border-box;
    font-size: 14px;
    height: 160px;
    line-height: 20px;
    padding: 10px;
    width: 90%;
}
.formBtn {
    display: block;
    float: left;
    height: auto;
    margin-top: 40px;
    text-align: center;
    width: 100%;
	position: relative;
}
.fm_btn {
	border: 2px solid #000;
	color: #FFF;
	cursor: pointer;
	font-size: 16px;
	letter-spacing: 0.1em;
	height: auto;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	width: 360px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
    padding: 25px 0;
    font-weight: bold;
    background-color: #000;
	border-radius: 0px;
}
.fm_btn:hover{
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
	background-color: #00aecb;
	border-color: #00aecb;
}
.fm_btn02 {
	border: 2px solid #666;
	
	color: #FFF;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
	width: 200px;
	height: auto;
	transition-property: all;
	transition: 0.2s ease;
    letter-spacing: 0.1em;
    padding: 25px 0;
    background-color: #666;
	margin-right: 10px;
}
.fm_btn02:hover{
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
input::-webkit-input-placeholder {
    color: #aaa;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #aaa;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #aaa;
    font-weight: normal;
}
textarea::-webkit-input-placeholder {
    color: #aaa;
    font-weight: normal;
}
textarea:-ms-input-placeholder {
    color: #aaa;
    font-weight: normal;
}
textarea::-moz-placeholder {
    color: #aaa;
    font-weight: normal;
}
.formBox div.wpcf7-response-output {
    padding: 2em 1em !important;
}
.formBox div.wpcf7-validation-errors {
    border-color: #DCA651;
}
.formBox span.wpcf7-not-valid-tip {
    color: #e74c3c;
    font-size: 0.8em;
}
.wpcf7c-conf {
    background-color: #fff !important;
    color: black;
    border: 1px solid #fff !important;
}
select.fm_select {
    border-radius: 0;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    width: 200px;
    border: 1px solid #333;
    -webkit-appearance: none;
	appearance: none;
    padding-left: 5px;
    background-image: url("../images/sankaku_down.png");
background-size: 10px auto;
background-position: 96% center;
background-repeat: no-repeat;
	background-color: #FFF;
}
.formBox dd span.fName{
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.formFlex {
	display: flex;
	align-items: center;
}
.formBox .wpcf7-spinner {
    position: absolute;
    top: -40px;
    left: calc(50% - 36px);
}
.acceptBox{
display: flex;
align-items: center;
width: 100%;
justify-content: center;
font-size: 16px;
background-color: #f2f2f2;
padding: 20px;
	margin-top: 20px;
	float: left;
	box-sizing: border-box;
}
.privacyBox {
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	padding: 40px;
	border: #f2f2f2 4px solid;
}
.c-red{
	color: #e74c3c;
}
ul.recruitNav {
  width: 100%;
  height: auto;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  justify-content: center;
  display: flex;
	margin-bottom: 40px;
}
ul.recruitNav li{
	margin-left: 10px;
	margin-right: 10px;
}
ul.recruitNav li a {
  float: left;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  line-height: 1;
  padding: 15px 30px;
	padding-right: 40px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  display: block;
border: #ccc 1px solid;
	border-radius: 40px;
	transition-property: all;
  transition: 0.2s ease;
}
ul.recruitNav li a:hover {
	background-color: rgba(0,0,0,0.05);
}
ul.recruitNav li a::before {
  content: "";
position: absolute;
top: calc(50% - 3px);
right: 20px;
width: 4px;
height: 4px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
transform: rotate(45deg);
transition: all ease 0.1s;
}
ul.ouboFormBtn{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	position: relative;
}
ul.ouboFormBtn li{
	width: 48%;
	position: relative;
}
ul.ouboFormBtn li a{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.08em;
	background-color: #000;
	color: #FFF;
	font-weight: 600;
	height: 80px;
	text-decoration: none;
	position: relative;
}
.ouboFormBtn li a .btnArrow {
    right: 20px;
	transition-property: all;
    transition: 0.2s ease;
}
.ouboFormBtn li a:hover{
	opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.ouboFormBtn li a:hover .btnArrow {
    right: 15px;
}
ul.ouboFormBtn.t-1btn li{
	width: 100%;
}
ul.ouboFormBtn.t-1btn li a{
	max-width: 500px;
}
dl.jobEntry{
	width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	margin-bottom: 20px;
}
dl.jobEntry dt.exBtn{
	width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	cursor: pointer;
}
dl.jobEntry dd.exMore{
	width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	display: none;
}
.exBtn .jobInfoEx::before {
  content: "";
  position: absolute;
  bottom: 60px;
	right: 55px;
  width: 4px;
  height: 4px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
  transition: all ease 0.1s;
}
.exBtn .jobInfoEx:hover::before {
	border-color: #FFF;
}
.exBtn.menuOpen .jobInfoEx::before{
	transform: rotate(-135deg);
}
.exBtn .jobInfoEx::after{
	content: '詳細をみる';
	width: 200px;
	font-size: 14px;
	text-align: center;
	float: right;
	padding: 15px 0;
	background-color: #eee;
	margin-top: 20px;
	transition-property: all;
	transition: 0.2s ease;
}
.exBtn .jobInfoEx:hover::after{
	background-color: #000;
	color: #FFF;
}
.exBtn.menuOpen .jobInfoEx::after{
	content: '閉じる';
	background-color: #eee;
}
.exBtn.menuOpen .jobInfoEx:hover::after{
	background-color: #000;
	color: #FFF;
}
dl.jobEntry dt.exBtn .jobInfoEx dd.moreNaiyou p{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition-property: all;
    transition: 0.2s ease;
}
dl.jobEntry dt.exBtn.menuOpen .jobInfoEx dd.moreNaiyou p{
	overflow:visible;
	-webkit-line-clamp: 100;
	-webkit-box-orient: vertical;
}
.exMore .jobInfoEx{
	border-top: #d2d2d2 1px dashed;
}


.jobInfoLine {
    width: 100%;
    height: auto;
    margin: 0 auto;
    /*max-width: 800px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	padding: 40px ;
	display: table;
	background-color: #FFF;
	border: #d2d2d2 1px solid;

}
.jobInfoLine dl {
    width: 100%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #d2d2d2 1px solid;
}
.jobInfoLine dl:last-child {
	margin-bottom: 0;
	border-bottom-width: 0;
	padding-bottom: 5px;
}
.jobInfoLine dl dt {
    width: 190px;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 600;
}
.jobInfoLine dl dd {
    width: calc(100% - 190px);
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 1.8;
    color: #000;
	padding-left: 0px;
	top: 0;
}
.wp-pagenavi {
	clear: both;
    margin-top: 20px;
}

.wp-pagenavi a, .wp-pagenavi span {
	height:36px;
	display:inline-block;
	text-align:center;
	line-height:36px;
	font-size:14px;
	color:#999;
	text-decoration:none;
	padding:0px 14px !important;
	margin-right:5px !important;
	border:#d5d5d5 1px solid !important;
    font-weight: 500;
    background-color: #FFF;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color:#000;
	color:#FFF;
	border:#000 1px solid !important;
}

.wp-pagenavi span.current {
	background-color:#000;
	color:#FFF;
	border:#000 1px solid;
}
.staffMv {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  position: relative;
  justify-content: center;
  z-index: 10;
	transition-property: all;
transition: 0.2s ease;
}
.staffMv:hover {
	opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.heroPlayBtn {
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  background-color: #000;
  border-radius: 100%;
  z-index: 1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
	padding: 25px;
	padding-left: 28px;
	padding-right: 22px;
	width: 60px;
  height: 60px;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  padding: 20px;
    padding-right: 20px;
    padding-left: 20px;
  padding-left: 23px;
  padding-right: 17px;
	background-color: rgba(0,0,0,0.70);
}
.staffMv .cnt .heroPlayBtn img {
  width: 100%;
  height: auto;
}
.staffMv:hover .heroPlayBtn{
	transition-property: all;
transition: 0.2s ease;
	background-color: #00aecb;
}
.footSnsList {
  width: 100%;
  height: auto;
  float: left;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
	margin-bottom: 40px;
}
.footSnsList a {
  text-decoration: none;
  margin-right: 10px;
	transition-property: all;
transition: 0.2s ease;
}
.footSnsList a:hover {
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.footSnsList img {
  width: 30px;
 width: 90px;
  height: auto;
}
.companyList dl.imgFlex{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.companyList dl dd.imgFlex{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.ismsImg img{
	width: 140px;
	height: auto;
	justify-content: flex-start;
	margin-left: 20px;
}
/*20220630*/
ul.dotList.t-grey li::before {
	background-color: #999;
}
.lineBox{
	width: 100%;
height: auto;
float: left;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding: 40px;
	border: #000 1px solid;
}
.moreSqBtn{
	width:100%;
	height:auto;
	float:left;
	display:flex;
	text-align:center;
    position: relative;
	justify-content: center;
}

.moreSqBtn a{
    width: 100%;
    height: auto;
    display: flex;

    line-height: 40px;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    transition-property: all;
    transition: 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    padding: 15px 0;
    position: relative;
    letter-spacing: 0.05em;
    max-width: 360px;
    background-repeat: no-repeat;
	background-color: #000;
	align-items: center;
	justify-content: center;
}
.moreSqBtn a:hover{
	opacity: 0.8;
}
.moreSqBtn a .btnArrow {
  right: 20px;
  transition-property: all;
  transition: 0.2s ease;
}
.moreSqBtn a:hover .btnArrow {
  right: 15px;
}
.formBox dl.w-full dt {
  width: 100%;
}
.formBox dl.w-full dd {
  padding-left: 0px;
  width: 100%;
}
.formBox dl.w-full dd .fm_formL{
	width: 100%;
}
.pageTopBasic.p-compliance{
	background-image: none;
	background-color: #00aecb;
}
.radio-btn .wpcf7-list-item {
  margin: 0 1em 0 0;
}

.heroCm {
  width: 240px;
  height: auto;
  position: absolute;
  bottom: 60px;
  right: 25px;
  z-index: 100;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}
.heroCm.t-cm {
	
  right: 280px;
}
.heroCm a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 101;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition-property: all;
  transition: 0.2s ease;
}
.heroCm img {
  width: 100%;
  height: auto;
  float: left;
}
.heroCm .heroPlayBtn {
  width: 60px;
  height: 60px;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
	padding: 20px;
	padding-left: 23px;
	padding-right: 17px;
}
.heroCm .heroPlayBtn img {
  width: 100%;
  height: auto;
}
.heroCm:hover .heroPlayBtn{
	transition-property: all;
transition: 0.2s ease;
	background-color: #00aecb;
}
.topCmSp{
	display: none;
}
.flex.between{
	justify-content: space-between;
}
.staffMv.t-2mv {
  width: calc(50% - 20px);
}
.section-lineup .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
	max-width: 1070px;
  box-sizing: border-box;
}
.slick01 .slick-slide {
  box-sizing: border-box;
  padding: 20px 15px;
	position: relative;
}
.slick01 .slick-slide img {
  display: block;
  width: 100%;
}
/*230721*/
.heroCm {
  width: 220px;
	bottom: 50px;
}
.heroCm.t-cm {
  right: 260px;
}
.heroFjs {
  width: 455px;
  height: auto;
  position: absolute;
  bottom: 220px;
  right: 25px;
  z-index: 100;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
	background-color: #FFF;
}

.heroFjs img {
  width: 100%;
  height: auto;
  float: left;
}
.bottomBnList.t-column03 ul::after{
	content: "";
display: block;
width: 32%;
height: 0;
}

.bottomBnList.t-column03 ul li{
	width: 32%;
	margin-bottom: 15px;
}
.footCbBn{
	position: absolute;
  width: auto;
  height: auto;
  bottom: 80px;
	bottom: 90px;
  right: 20px;
  z-index: 10;
}
.footCbBn img{
	width: auto;
	height: 60px;
	
}
.bottomBnList.t-column03 ul li.top4Bn{
	width: 24%;
}
.box40{
	width: 40%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
}
.box50{
	width: 50%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
}
.box60{
	width: 60%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
}
.bnLeftBox{
	width: 46%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
	margin-left: 0.5%
}
.bnRightBox{
	width: 53%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
	margin-right: 0.5%;
}
.topBn2Box{
	width: 50%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
}
.topBn2Box a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 101;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition-property: all;
  transition: 0.2s ease;
}
.topBn2Box .heroPlayBtn {
  width: 60px;
  height: 60px;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  padding: 20px;
  padding-left: 23px;
  padding-right: 17px;
}
.greyLine{
	width: 100%;
	height: 1px;
	background-color: #d2d2d2;
}
/*250108*/
.gNavi li.m-product a::before{
	content: '商品紹介';
}
.gNavi li.m-contact span::before{
	content: 'お問い合わせ';
}
#slideMenu03 .megaBox {
	right: 0;
}
.serviceFlex.t-smartrubbish{
	flex-direction: row-reverse;
}
.t-smartrubbish .serviceInnerBlk {
  width: 50%;
}
.t-smartrubbish .serviceCanvas{
	width: 50%;
	height: auto;
	min-height: 400px;
	background-color: #f6f6f6;
	/* background-image: url("../images/product/SmartR_D3.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 600px auto;*/
	align-items: center;
}
.t-smartrubbish.serviceFlex::before {
  display: none;
}
.t-smartrubbish .serviceCanvas .ph100 {
	text-align: center;
}
.t-smartrubbish .serviceCanvas .ph100 img {
  width: 100%;
  height: auto;
  float: none;
	max-width: 600px;
}
.pageTopBasic.p-product{
	background-image: url("../images/product/pagehead.jpg");
	
}
.p-product .aboutCcRight {
  max-width: 300px;
}
.pageTopBasic.p-smartrubbish{
height: auto;
	padding-top: 100px;
	padding-bottom: 10px;
	background-color: #9acc6e;
	background-image: none;
	display: block;
}
.boxText{
	padding: 0px 20px;
  background-color: #58c3e0;
  display: inline-block;
  position: relative;
	border-radius: 8px;
	color: #FFF;
	font-weight: bold;
}
.topBn4Box{
	width: 24%;
height: auto;
float: left;
box-sizing: border-box;
position: relative;
}
.topBn4Box a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 101;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition-property: all;
  transition: 0.2s ease;
}
.topBn4Box .heroPlayBtn {
  width: 50px;
  height: 50px;
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 30px);
  padding: 17px;
  padding-left: 20px;
  padding-right: 17px;
}
.topBn4Box .heroPlayBtn img{
	width: 13px;
	height: 13px;
}
.slick01 .slick-list {
  overflow: visible;
}
.section-lineup{
	width: 100%;
	overflow: hidden;
}