s@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*==============================
共通
==============================*/
dl, ol, ul{margin:0px ;padding:0px ;}
.inner{width:1200px; margin:0 auto;}
.w-75{min-width:1200px;}
body{line-height:1.5;}
/*==============================
ヘッダー
==============================*/
#header
 {
	width: 100%;
	height:85px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position:fixed;
	z-index:99999;
		border-top:#22498d 5px solid;
		transition: all 0.3s;
		/*min-width:1370px;*/
		background-color:#FFF;
}
#header.other{background-color:white;border-bottom:solid 1px silver;

}
#header.scroll{
background-color:white;
border-bottom:solid 1px silver;
height:56px;
}


#header.scroll #logo{
	padding-top: 10px !important;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	 width:300px !important;
}
#header.scroll .group{ display:none;}
#header.scroll .gnav-list{height:auto;}
/*#header.scroll .gnav-list_link{padding:12px 18px 15px}*/
#header.scroll .inner #header-search{ display:none;}
#header.scroll #searchform{ display:none;}
#header.scroll li.english{padding-top:0px;}



#header .inner{width:100%; margin:0 auto; position:relative; display:flex;}
#header .group{clear:both;  position:absolute; top:0;right:0;}
#header .group img{width:320px; height:auto; vertical-align:top;}

#header .inner #logo{ margin-left:20px; width:420px; float:left; padding-top:22px; margin-right:0px;}
#header .inner #logo img{width:100%; height:auto; }

#header .inner #header-search { padding-top:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;    margin-right: 340px;}
#header .inner #header-search p{font-size:12px; font-weight:bold; margin-bottom:0px; margin-left:5px;}
#header .inner #header-search p a{color:#264b86;}
#header .inner #header-search img{ width:25px; height:25px;}


#header .inner #header-search #searchform{
	background-color: #FFF;
	border-radius: 25px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-left: 20px;
	border: 1px solid #000;
}

#header .inner #header-search #searchform input{background-color: #FFF;border:none; box-shadow: none!important;}
#header .inner #header-search #searchform input[type="text"] {width:150px; color:#000; font-size:12px;}
#header .inner #header-search #searchform input[type="image"]{width:15px; height:auto;}


#header .inner #header-right ul.lower{display:flex;display:-webkit-box;
  	display:-ms-flexbox; width:70%; float:left;min-width: 490px; list-style:none; justify-content: flex-end;align-items: center;}




input:focus, select:focus, textarea:focus{outline:none;}
form.search {
margin: 0 0 10px 0;

}

input:focus, select:focus, textarea:focus{outline:none;}
form.search {
margin: 0 0 10px 0;

}
/* --- ボックス --- */
form.search div {
width: 170px; /* ボックスの幅 */
/*padding: 1px 0;  ボックスのパディング（上下、左右） */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px solid #B6B6B6; /* ボックスの境界線 */
}

/* --- テキストボックス --- */
form.search input.textBox {
width: 144px; /* テキストボックスの幅 */
/* margin: 0 4px 0 5px; テキストボックスのマージン（上右下左） */
padding: 5px 0;
background-color: #ffffff; /* テキストボックスの背景色 */
border: none; /* テキストボックスの境界線（なし） */
color: #DADADA;
}

/* --- ボタン --- */
form.search input.btn {
width: 26px; /* ボタンの幅 */
height: 26px; /* ボタンの高さ */
padding: 0;
background-image:url(images/common/search.gif);
background-repeat: no-repeat;
border:none;
/*background: #c08000 url(btn05.gif);  ボタンの背景 */
/* border: 1px #c08000 inset; ボタンの境界線 
font-weight: bold;
color: #000000;
letter-spacing: 0.3em;  文字間のスペース */
}


/* --- トップページニュース --- */
.news-box{background-color:#F8F8F8; margin-top:40px;margin-bottom:100px;}
.news-box .inner{display:-webkit-box;display:-ms-flexbox;display:flex; width:1200px; margin:0 auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.news-box .inner h2{width:15%;}
.news-box .inner .icon{width:10%; color:#07254D; text-align:right;}
.news-box .inner .whatsnew {
}
/* Layout top top-main topics
------------------------------------------------*/
#top-main #durr {
	width:100%;
	top:0px;
	z-index:100;
}
#top-main #durr ul {
	margin:0 auto;
}
#top-main #durr ul li.copy-text {
	list-style:none;
	*display: inline;  
    *zoom: 1; 
/*	background:#00F;
	width:190px;
	height:120px;
*/	margin:0px;
text-align:center;
}
#top-main #durr ul li.banner {
	float:right;
	list-style:none;
	*display: inline;  
    *zoom: 1; 
/*	background:#00F;
	width:190px;
	height:120px;
*/	margin:13px 18px;
}
#top-main #topics {
    position: absolute;
    top: 420px;
	left:0;
	right:0;
    width: 980px;
	margin:auto;
    z-index: 100;
}
#top-main #topics div#topics-width {
    text-align: center;
    width: 980px;
    margin: 0 auto;
}

#top-main #topics div#topics-width .obi-white {
    clear: both;
    background: #FFF;
    opacity: 0.9;
    width: 190px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #006699 ;
}
#top-main #topics div#topics-width .obi-blue {
    clear: both;
    background: #014e94;
    opacity: 0.9;
    width: 190px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #ffffff;
}
#top-main #topics div#topics-width a {
	color: #006699 ;
}
#top-main #topics div#topics-width a:hover  {
	text-decoration:none;
	color:#999;
	opacity:1;
}
#top-main #topics div#topics-width .topics4 a {
    color: #ffffff;
}
#top-main #topics div#topics-width .topics4 a:hover {
    color: #FFF000;
}

#top_contents{ width:100%; margin:0 auto; padding-top:70px; min-width:1200px;}
#top_contents .top_box{clear:both; margin-top:20px;overflow: auto;  width:80%; margin-left:auto; margin-right:auto;}
#top_contents a{color:#000;}
#top_contents .line{
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #264b81;
}

#top_contents .line .title{
	font-size: 42px;
}
#top_contents .line h3{
	font-size: 16px;
	margin-bottom:10px;
	font-weight:normal;
}


#top_contents h2{
	font-size: 30px;
	font-weight: bold;
}
#top_contents .product{width:100%; background-color:#ececec; margin-bottom:60px; padding-top:30px;}
#top_contents .productimage{position:relative; width:80%; margin-left:auto; margin-right:auto;}
#top_contents .productimage p{
	font-size: 1.2vw;
	color: #FFF;
	line-height: 150%;
	background-color: #264b81;
	border-radius: 5px;
	text-align: left;
}
#top_contents .productimage p a{color:#FFF; display:block;	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
#top_contents .productimage p.name1{position:absolute; top:0%; left:1%;}
#top_contents .productimage p.name11{position:absolute; top:9%; left:1%;}
#top_contents .productimage p.name2{position:absolute; top:24.5%;  left:1%;}
#top_contents .productimage p.name3{position:absolute; top:44.5%;  left:1%;}
#top_contents .productimage p.name4{position:absolute; top:64.5%;	left:1%;}
#top_contents .productimage p.name5{position:absolute; top:84.5%;  left:1%;}
#top_contents .productimage p.name6{position:absolute; top:4.5%;  right:1%;}
#top_contents .productimage p.name7{position:absolute; top:14%;  right:1%;}
#top_contents .productimage p.name8{position:absolute; top:44.5%;  right:1.5%;}
#top_contents .productimage p.name9{position:absolute; top:64.5%;  right:1.5%;}
#top_contents .productimage p.name10{position:absolute; top:84.5%;  right:1.5%;}
#top_contents .productimage p a:hover{text-decoration:none; background-color:#264b81; border-radius:5px;transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.0s;}



#top_contents #history{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:100px;}
#top_contents #history .left{width:50%; padding-left:10%; padding-right:5%; padding-top:120px;}
#top_contents #history .left h2 {
	text-align: left;
	margin-bottom: 60px;
	padding: 0px;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#top_contents #history .left h2:before{content:"HISTORY";	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #07254D;
	margin-right:20px;
	padding-right:20px;
}

#top_contents #history .left p.lead{font-size:30px; font-weight:bold;}
#top_contents #history .right{width:50%;}
#top_contents #history .right img{transition:0.5s; height:500px; object-fit:cover; }
#top_contents #history .right img:hover{opacity:0.7; transition:0.5s;}
#top_contents #strength {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; 
	padding-top:50px; 
	margin-bottom:120px;
}
#top_contents #strength .left{ width:50%;}
#top_contents #strength .left h2{text-align:right;	color:#000; margin-bottom:30px; font-weight:bold;}
#top_contents #strength .left h2:after{
	content: "私たちの強み";
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #07254D;
	margin-left:25px;
	padding-left:25px;
}
#top_contents #strength .left ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#top_contents #strength .left ul li{width:24%;}
#top_contents #strength .left ul li img{width:100%;transition:0.5s;}
#top_contents #strength .left ul li img:hover{opacity:0.7; transition:0.5s;}
#top_contents #strength .right{width:50%; padding-left:5%; padding-right:10%;}

#top_contents #strength .menu{ margin-bottom:50px; width:950px; margin:0 auto;}
#top_contents #strength .menu ul{list-style:none;}
#top_contents #strength .menu ul li{width:220px; margin-right:2px;}
#top_contents #strength .menu ul li img{width:100%;}
#top_contents #strength .menu .gazo{display:flex; justify-content: space-between; margin-bottom:50px;}
#top_contents #top_contents #strength .menu .gazo img:hover{transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.3s;	/*変化に掛かる時間*/}
#top_contents #strength .menu .tbox{width:45%; margin-left:auto; margin-right:auto; margin-bottom:40px;}




#solution-menu{ background-color:#07254D; padding-top:50px; padding-bottom:50px; margin-top:-80px;}
#solution-menu .inner{width:1200px; margin:0 auto;}

#top_contents  #searchform {
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: 1px solid #000;
	width: 40%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	clear:both;
}
#top_contents #searchform input {
    background-color: #FFF;
    border: none;
    box-shadow: none!important;	}
#top_contents  #searchform input[type="text"] {
    width: 80%;
    color: #000;
	float:left;
	    padding-top: 3px;

}
#top_contents #searchform input[type="image"] {
    width: 25px;
    height: auto;
	float:right;
}
#top_contents #issue_link_box{ margin-bottom:100px;margin-left:auto; margin-right:auto; clear:both;}
#top_contents #issue_link_box .btn_toi{text-align:center; border-radius:25px; background-color:#264b81; margin-bottom:30px; width:500px; margin-left:auto; margin-right:auto; }
#top_contents #issue_link_box .btn_toi a{color:#FFF; display:block;padding-top:8px; padding-bottom:8px;}
#top_contents #issue_link_box .btn_toi a:hover{background-color:#888; color:#FFF; border-radius:25px;text-decoration:none; }

#top_contents #issue_link_box .task_content {display:-webkit-box;display:-ms-flexbox;display:flex;}
#top_contents #issue_link_box .task_content img{width:100%; height:auto;}
#top_contents #issue_link_box ul { display:flex; width:500px; margin-left:auto; margin-right:auto;	box-sizing: border-box; margin-bottom:50px;justify-content: space-between;
}
#top_contents #issue_link_box ul li{
	width: 200px;
	border: 1px solid #264b81;
	list-style:none;
	text-align:center;
	font-weight:bold;
	background-color:#FFF;
	color:#FFF;
	box-shadow: 5px 5px 0px 0px rgba(252,252,252,0.20);
-webkit-box-shadow: 5px 5px 0px 0px rgba(252,252,252,0.20);
-moz-box-shadow: 5px 5px 0px 0px rgba(252,252,252,0.20);
	
}
#top_contents #issue_link_box ul li a{
	color: #264b81;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
		padding-top:10px;
	padding-bottom:10px;

}
#top_contents #issue_link_box ul li a:hover{background-color:#FFF;opacity: 1.0; color:#264b81;}
#top_contents #issue_link_box ul.txt{width:auto;flex-wrap:wrap;justify-content:space-between; }
#top_contents #issue_link_box ul.txt li{
	width: 49%;
	text-align: left;
	border-radius: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: bold;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
	height: 100%;
	background-color: #FFF;
	box-shadow: 5px 5px 0px 0px rgba(252,252,252,0.20);
	-webkit-box-shadow: 5px 5px 0px 0px rgba(252,252,252,0.20);
	-moz-box-shadow: 5px 5px 0px 0px rgba(252,252,252,0.20);
		border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #188CFC;
	border-right-color: #188CFC;
	border-bottom-color: #188CFC;
	border-left-color: #188CFC;

	
}
#top_contents #issue_link_box ul.txt2 li a{
	height: 100px !important;
}
#top_contents #issue_link_box ul.txt li a{
	color: #264b81;
	display: block;
		background:url(/wp-content/uploads/top/search-arrow.png) no-repeat right 20px center;
		padding-top:0px;
		padding-bottom:0px;
			height:60px;
				display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;


}
#top_contents #issue_link_box ul.txt li a:hover{
	background-color: #D6EAFE; text-decoration:none;
}
#top_contents #issue_link_box ul.txt li span {}

#top_contents #issue_link_box ul.txt2 li span img{
	height: 100px !important;
	margin-left: -5px;
}
#top_contents #issue_link_box ul.txt li span img{
	height: 45px;
	width: auto;
	margin-right:15px;
	vertical-align:top;
}

#toi_box{ margin-bottom:100px;}
#toi_box { display:flex;display:-webkit-box;
  	display:-ms-flexbox; width:980px;   -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
margin-left:auto; margin-right:auto;	box-sizing: border-box; margin-bottom:50px;
}
#toi_box .tel{
	width: 33.3%;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #6F92CB;	
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
#toi_box .mail{
	width: 33.3%;
		border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #6F92CB;	
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;

	
}

#toi_box img{vertical-align:middle; margin-right:5px; width:auto; height:20px;}
#toi_box h3{margin-bottom:3px;}

#toi_box .download{
	width: 33.3%;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;

	
}

.toi-tate{
	width: 155px;
	position: fixed;
	top: 170px;
	right: 10px;
	border: 1px solid #204B8D;
	line-height:1.7;
}
.toi-tate a{color:#000;}
.toi-tate h3{color:#204B8D; font-size:14px; line-height:1.5;}
.toi-tate p{font-size:14px; margin:0px;}
.toi-tate p.fs11{font-size:11px;}
.toi-tate .item01{ background-color:#204B8D; text-align:center }
.toi-tate .item01 img{width:100%;}
.toi-tate .item02{
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6F92CB;
	padding:20px 0px;
	margin:0 5px;
}
.toi-tate .item02 img{width:14px; height:14px;}
.toi-tate .item03{text-align:center;padding:20px 0px;	margin:0 5px;
}
.toi-tate .item03 img{width:16px; height:12px;}
/*トップページ商品バナー*/
.btn_box-wrap{background-image:url(/wp-content/uploads/top/btn_box-bg.png); background-repeat:no-repeat; background-color:#07254D; padding-bottom:100px;}
.btn_box-wrap .inner{width:1200px; margin:0 auto;}
.btn_box{
	margin-bottom: 50px;
	margin-left: auto;
	}

.btn_box a{ display:block;}
.btn_box a:hover{text-decoration:none;}
.btn_box .item {height:200px; overflow:hidden;}
.btn_box .item img{height:150px; width:100%; object-fit:cover; transition: 0.5s;}
.btn_box .item .title{height:50px; background-color:#6F92CB; line-height:50px; color:#FFF; text-align:center;font-family: 'Noto Sans JP', sans-serif;}
.btn_box .item .title a:hover{text-decoration:none;}
.btn_box a:hover img{transform: scale(1.05);    transition: 0.5s;}

.btn_product{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.btn_product ul{ width:19%; color:#07254D; list-style:none; padding:10px;}	
.btn_product ul li{
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #07254D;
	border-bottom-color: #07254D;
}
.btn_product ul li.name{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; text-align:center; color:#204B84;}
.btn_product ul li img{vertical-align:top; width:100%; height:200px;object-fit: cover;transition:0.5s;}
.btn_product ul li img:hover{opacity:0.7; transition:0.5s;}
.h2-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; margin-bottom:20px;}
.h2-wrap h2{ font-size:30px; color:#FFF;}
.h2-wrap img{height:2px; width:65%;}
.h2-wrap p{ font-size:30px; margin:0px; color:#FFF;}

/*トップページ採用情報バナー*/
.banner-recruit{background-image:url(/wp-content/uploads/top/banner-recruit.jpg); background-repeat:no-repeat; background-size:cover; margin-bottom:15px; padding:40px; margin-bottom:40px;}

.banner-recruit p{color:#FFF; line-height:1.7; margin-bottom:0px; font-size:18px;}
.banner-recruit p.title{font-size:70px; font-weight:bold; line-height:1.3;}
.banner-recruit h3{font-size:32px;color:#FFF; margin-bottom:40px; font-weight:bold; }
.banner-recruit p.lead{ padding:0px !important;font-size:30px;font-weight:bold; background-color:transparent !important;margin-bottom:40px !important; }
.btn-recruit-new { background-color:#007aff !important; margin-top: -2em; }
.banner-recruit .btn-recruit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;  background-color:#CDF5FA; height:105px; font-size:18px; font-weight:bold;}
.banner-recruit .btn-recruit a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; width:350px;    height: 100px; color:#000; transition:0.5s; font-weight:bold;}
.banner-recruit .btn-recruit:hover{opacity:0.7; transition:0.5s;}
.banner-recruit .btn-recruit a:hover{text-decoration:none;}
.banner-recruit .inner{width:1200px !important;}
/* Layout contents
------------------------------------------------*/
#contents {
	width: 1000px;
	height:100%;
	margin: 0 auto;
	padding: 0px;
	position:relative;
	padding-top:75px;
}
#contents:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#contents-full {
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding: 0;
	position:relative;
	padding-top:75px;
}
#contents-full:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* Layout パンくずリスト
------------------------------------------------*/
#contents #pankuzu  {
	padding:10px 0;
	margin-top:20px;
	margin-bottom:30px;
}
#contents #pankuzu li {
	display: inline;
	list-style:none;
	font-size:11px;
}
#contents #pankuzu li a {
color:#090909;}

/* Layout パンくずリスト（フルスクリーン
------------------------------------------------*/
#contents-full #pankuzu  {
	margin-top: 20px;
	margin-bottom: 30px;
	width: 950px !important;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#contents-full #pankuzu li {
	display: inline;
	list-style:none;
	font-size:11px;
}
#contents-full #pankuzu li a {
color:#090909;}


/* 共通*/
.more {
    width: 115px;
    height: 16px !important;
    background: url("/wp-content/uploads/common/more.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
	float:right;
}
 
.more:hover {
    background-position: 0 -16px;
	cursor:pointer;
}
.more a{
    width: 115px;
    height: 16px !important;
    background: url("/wp-content/uploads/common/more.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
	float:right;
}
 
.more a:hover {
    background-position: 0 -16px;
	cursor:pointer;
}
/*==============================
トップ以外ページ
==============================*/
.title-style1{
	font-size: 23px;
	color:#204B84;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #204B84;
		position: relative;
		padding-bottom:10px;
		text-align:center;
		margin-bottom:60px !important;
		font-weight:bold;
		width: fit-content;
	margin-right: auto;
	margin-left: auto;
}
.title-style1:before {
  position: absolute;
  top: -25px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  background: #204B84;
}
.title-style2{
	font-size: 23px;
	color: #204B84;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #204B84;
	display: block;
	position: relative;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 60px !important;
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
	background: linear-gradient(transparent 40%, #EBE231 40%);
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
}
.title-style2:before {
  position: absolute;
  top: -25px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  background: #204B84;
}
.title-style3{
	font-size: 22px;
	color: #204B84;
	display: block;
	position: relative;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 60px !important;
	width: fit-content;
	background: linear-gradient(transparent 40%, #E8E8E8 40%);
	padding-left:20px;
	padding-right:20px;
}
.title-style4{
	font-size: 22px;
	color: #204B84;
	display: block;
	position: relative;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 60px !important;
	width: fit-content;
	background: linear-gradient(transparent 40%, #E8E8E8 40%);
	padding-left:20px;
	padding-right:20px;
		margin-right: auto;
	margin-left: auto;

}
.title-style5{
	font-size: 23px;
	color:#204B84;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #204B84;
		position: relative;
		padding-bottom:10px;
		text-align:center;
		margin-bottom:80px !important;
		font-weight:bold;
		width: fit-content;
	margin-right: auto;
	margin-left: auto;
}
.title-style5:before {
  position: absolute;
  top: -25px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  background: #204B84;
}
.title-style5:after{content:"会社概要";  position: absolute;
  bottom: -50px;
  left: calc(45% - 30px);
  color:#000;
}
/*==============================
大見出し1
==============================*/
.heading{display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:50px;}
.heading .left{width:48%; margin-right:2%}
.heading .left img{width:100%; height:auto;}
.heading .right{width:48%; max-width:600px; margin-left:2%;}
.heading .right h2{
	border-bottom-color: #204B88;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	display:inline-block;
	color: #204B88;
	margin-bottom:20px;}
.heading .right p.title{font-size:35px;color: #204B88; margin-bottom:20px; font-weight:bold;}	

/*==============================
大見出し2
==============================*/
.heading2{display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:50px;}
.heading2 .left{width:48%; margin-right:2%}
.heading2 .left img{width:100%; height:auto;}
.heading2 .right{width:48%; max-width:600px; margin-left:2%;}
.heading2 .right h2{margin-bottom:5px !important;}
.heading2 .right p.line {
  width: 100%;
  color: #204B88;
  background:url(/wp-content/uploads/search-from-industry/line.png);
  background-repeat:no-repeat;
  background-position:center right;
  font-size:40px;
}


.heading2 .right p.title{font-size:35px;color: #204B88; margin-bottom:20px; font-weight:bold;}	

/*==============================
大見出し3
==============================*/
.heading3{ width:100%; position:relative;}
.heading3 .image{}
.heading3 .image img{height:600px; width:100%; object-fit:cover;}
.heading3 .text{position: absolute;
    top: 50%;
    right: 20%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width:620px;background: rgba(255,255,255,0.6); padding:20px;}
.heading3 .line {
  width: 100%;
  color: #204B88;
  background:url(/wp-content/uploads/search-from-industry/line.png);
  background-repeat:no-repeat;
  background-position:center right;
  font-size:40px;
}
.heading3 .title{font-size:35px;color: #204B88; margin-bottom:20px; font-weight:bold;}	
.heading3 h2{margin-bottom:3px !important;}
.heading3 p{margin-bottom:5px !important;}
/*==============================
課題から探す
==============================*/
.subject{ line-height:1.5;}
.subject p{margin:0px;}
.subject .head{background-repeat:no-repeat; height:575px; background-size:cover; margin-bottom:5px; padding-top:60px; padding-bottom:20px;}
.subject .head.painting{ background-image:url(/wp-content/uploads/subject/subject-header01.jpg)}
.subject .head.productivity{ background-image:url(/wp-content/uploads/subject/subject-header02.jpg)}
.subject .head.traceability{ background-image:url(/wp-content/uploads/subject/subject-header03.jpg)}
.subject .head.maintenance{ background-image:url(/wp-content/uploads/subject/subject-header04.jpg)}
.subject .head.energy-saving{ background-image:url(/wp-content/uploads/subject/subject-header05.jpg)}
.subject .head.long-use{ background-image:url(/wp-content/uploads/subject/subject-header06.jpg)}
.subject .head .inner{ width:900px; margin:0 auto;}
.subject .head .h2-box{ margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.subject .head .h2-box .number{margin-right:30px;color:#204B88; font-size:30px;	border-bottom-width: 3px;	border-bottom-style: solid;	border-bottom-color: #204B88;}
.subject .head .h2-box h2{ color:#464646;font-size:30px; margin-bottom:0px !important;font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif; }
.subject .head .title{
	font-size: 34px;
	color: #204B88;
	padding-bottom: 3px;
	font-weight:bold;	
	margin-bottom:30px;
	padding-left:206px;
	
}
.subject .head .text-box{}
.subject .head .text{font-size:20px; margin-bottom:20px; line-height:1.7}
.subject .head span{font-weight:bold;}
.subject .bold{font-weight:bold;}
.subject .head .blue{ color:#204B88;}
.subject .head .text:last-child{margin-bottom:0px;}
.subject .bg-gray{background-color:#EFEFEF; padding-bottom:110px;}

.subject .bg-gray h3{text-align:center; padding-top:40px; margin-bottom:30px;}
.subject .bg-gray h3 img{width:200px; height:auto;}
.subject .nayami{
	border-radius: 72px;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #EBE20B;
	position:relative;
}
.subject .nayami h4{ font-weight:bold;text-align:center; position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.subject .nayami ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.subject .nayami li{ background-image:url(/wp-content/uploads/subject/baloon.png); background-repeat:no-repeat; text-align:center; width:30%;
background-size:contain; margin-bottom:10px; padding-top: 23px; margin-top:10px; color:#FFF; height:100px;background-position: center center; line-height:20px; font-weight:bold;
}


.subject .nayami h4{ color:#204B88; font-size:20px;}
.subject .solution{ position:relative;}
.subject .solution h3{position: absolute;
    top: -85px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.subject .solution h3 img{width:170px; height:auto;}

.subject .solution .point-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; margin-bottom:50px; font-size:20px !important; padding-top:130px; color:#204B88;}
.subject .solution .point-text .point{display: inline;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgb(235,226,11) 50%); margin-left:20px;}
.subject .solution .point-text p{font-weight:bold;}
.subject .solution .box{display:-webkit-box;display:-ms-flexbox;display:flex;webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.subject .solution .box > a{width:250px; margin-bottom:60px; min-width:250px; }
.subject .solution .box .item{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-image: url(/wp-content/uploads/subject/point-bg.png);
	background-repeat: no-repeat;
	height: 140px;
	background-size: cover;
	transition: 0.5;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
}
.subject .solution .box .item:hover{ background-image:url(/wp-content/uploads/subject/point-bg-on.png); transition:0.5;}
.subject .solution .box .item h5{font-weight:bold; color:#204B88;}
.subject .solution .box .item .btn-detail{
	border-radius: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #204B88;
	background-color: #FFF;
	border: 1px solid #EBE20B;
	font-size:12px;
	text-align:center;
	width:110px;
	margin:0 auto;
	position:relative;
}
.subject .solution .box .item .btn-detail:after{font-family: "Font Awesome 5 Free";  font-weight: 700;  content: "\f0d7";  margin-left: 4px;  color:#204B88; font-size:20px; position:absolute; right:5px;top:1px; }
.subject .solution .box .item .number{position:absolute;top:-30px;    left: 5px; font-weight:bold; font-size:30px;color:#204B88;}
.subject .solution .lead{text-align:center;
	background-image: linear-gradient(rgba(0,0,0,0) 70%, #b4f6ff 70%); margin-left:40px; margin-right:40px; margin-bottom:100px; line-height:1.5;color:#204B88; font-size:24px; text-align:center; font-weight:bold;}
	
.fukidashi-box{
	position: relative;
	background: #EFEFEF;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	padding-top: 80px;
	padding-right: 40px;
	padding-bottom: 60px;
	padding-left: 60px;
	margin-bottom:120px;
}
.fukidashi-box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(239, 239, 239, 0);
    border-top-width:48px;
    border-bottom-width:48px;
    border-left-width:17px;
    border-right-width:17px;
    margin-left: -17px;
    border-bottom-color:#EFEFEF;
    bottom:100%;
    left:50%;
}
.fukidashi-box .item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 2px solid #EBE20B;
	height:320px;
	color:#FFF;
	margin-bottom:50px;
}
.fukidashi-box .p-item-p {
	padding-top: 3em;
}
.fukidashi-box .item span{font-size:18px; font-weight:bold;}
.fukidashi-box .item.bg-blue{ background-color:#204B88;}
.fukidashi-box .item.bg-white{background-color:#FFF;}
.fukidashi-box .item .text{position:relative; font-size:14px; 	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.fukidashi-box .item .left.photo,
.fukidashi-box .item .right.photo{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
}
.fukidashi-box .item .left.photo img,
.fukidashi-box .item .right.photo img{width:100%; }
.fukidashi-box .item .left,
.fukidashi-box .item .right{
	position: relative;
	width: 50%;
}

.fukidashi-box .item h4{ font-size:20px; margin-bottom:30px; font-weight:bold; text-align:center;}
.fukidashi-box  p.number { font-size:30px; font-weight:bold; color:#204B88;}

.servicelink-box{ position:relative; margin-bottom:60px;}
.servicelink-box h3{position: absolute;
    top: -210px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.servicelink-box h3 img{width: 170px;
    height: auto;}
.servicelink-box .box{ margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; font-size:14px;}
.servicelink-box .box > a{margin-right:30px; width:auto !important; height:auto; }
.servicelink-box .box > a:last-child{margin-right:0px;}
.servicelink-box .box .item1,
.servicelink-box .box .item2,
.servicelink-box .box .item3{box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.6);}

.servicelink-box .box .item1 img,
.servicelink-box .box .item2 img,
.servicelink-box .box .item3 img {height:150px; object-fit:cover;transition: 0.5s;}


.servicelink-box .box .item1 img:hover,
.servicelink-box .box .item2 img:hover,
.servicelink-box .box .item3 img:hover {opacity: 0.7;transition: 0.5s; cursor:pointer;}



.servicelink-box .box .item1{width:176px;}
.servicelink-box .box .item1 img{width:176px; }

.servicelink-box .box .item2{width:313px;}
.servicelink-box .box .item2 img{width:313px; }

.servicelink-box .box .item3{width:485px; }
.servicelink-box .box .item3 img{width:485px; }

.servicelink-box .box .title{height:50px; background-color:#07254D; color:#FFF; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; text-align:center;}


/*==============================
産業から探す
==============================*/
.search-from-industy{ }
.search-from-industy .point-text{font-size:20px !important; padding-top:60px; color:#204B88; background-color:#EFEFEF; text-align:center; font-weight:bold; padding-bottom:80px;}
.search-from-industy .point-text .point{display: inline;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgb(235,226,11) 50%); margin-left:20px;}
.search-from-industy .point-text h3{margin-bottom:30px;}
.search-from-industy .point-text h3 img{width:170px; height:auto;}
.search-from-industy p.text-product {
  position: relative;
  padding: 5px;
  font-size:45px;
  color:#FFF;
  font-weight:bold !important;
  margin-bottom:5px
}

.search-from-industy p.text-product:before {
  position: absolute;
  bottom: -2px;
top: 85%;
    left: 50%;
    transform: translate(-50%, -64%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 410px;  height: 5px;
  content: '';
  border-radius: 3px;
  background: #FFA600;
}
.search-from-industy h3{
	font-size: 30px;
	color: #FFF;
	font-weight: bold;
	
}
.search-from-industy .d-flex .box{
	padding: 30px;
	margin-bottom: 50px;
	background-color: #FFF;
	min-height: 250px;
	border-radius: 30px;
	text-align: left;
	border: 1px solid #EBE20B;
	position:relative;
}
.search-from-industy .d-flex .box.col3{width:30%;}
.search-from-industy .d-flex .box.col4{width:23%;}

.search-from-industy .d-flex .box h4{ color:#204B88; font-size:20px; margin-bottom:20px; font-weight:bold !important; height:45px; text-align:center;}	
.search-from-industy p.number{font-size:30px;color:#204B88; position:absolute; top:-35px; left:0px;}
.search-from-industy .d-flex .box .text{
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EBE20B;
	font-size:16px;
	color:#000;
	font-weight:normal;
}
.search-from-industy .diagram{text-align:center; padding-bottom:70px;padding-top:120px;background-color: #204B88; position:relative;}
.search-from-industy .diagram h3{position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.search-from-industy .diagram h3 img{width:400px; height:auto; }
.search-from-industy .diagram img{
	width: 100%;
	height: auto;
	
}
/*==============================
RD
==============================*/
.rd{}
h2.rd{text-align:right;	color:#000; margin-bottom:30px; font-size:30px; color:#204B88; font-weight:bold;}
h2.rd:after{
	content: "研究開発施設";
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #07254D;
	margin-left:25px;
	padding-left:25px;
}

.rd .sub-menu{}
.rd ul.sub-menu {display:-webkit-box;display:-ms-flexbox;display:flex;}
.rd ul.sub-menu li{ background-color:#BABABA; text-align:center; display:-webkit-box;display:-ms-flexbox;display:flex;width:160px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.rd ul.sub-menu li.active{
	background-color: #204B88;
}
.rd ul.sub-menu li a{color:#000 !important; display:block;}
.rd ul.sub-menu li.active a{color:#FFF !important;}
.rd ul.sub-menu li a:hover{text-decoration:underline;}
.rd p.lead{font-size:16px;color: #204B88; font-weight:bold; margin-bottom:30px;}
.rd p a{color:#204B88;}
.rd h3{font-size:28px;	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #204B88;
	padding-bottom:3px;
	margin-bottom:10px;
	font-weight:bold; 
}
.rd .d-flex{
}
.rd .d-flex .title{width:20%;}
.rd .d-flex .gazo{width:30%; color:#234D86;}
.rd .d-flex .gazo.mr-20{margin-right:20px;}
.rd .d-flex .gazo img{width:100%; height:auto;}
.rd .d-flex .text{width:65%;}
.rd h4{font-size:26px;color: #204B88; margin-bottom:20px; font-weight:bold;	border-bottom-style: solid;
	border-bottom-color: #204B88;
	border-bottom-width: 3px;
	padding-bottom:3px;
}
.rd .border-bottom{
	padding-bottom: 30px;
	padding-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.rd p{margin-bottom:0px;}
.rd .d-flex .waku{
	padding: 30px;
	border: 1px solid #234D86;
}
.rd .blue{color:#234D86}
.rd h5{font-size:20px;color: #204B88;margin-bottom:10px; font-weight:bold; padding-top:10px;}
.rd table{
	border: 1px solid #204B88;
}
.rd table td,.rd table th{padding:10px 20px;}
.rd table th{
	background-color: #204B88;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.rd table td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #204B88;
}









/*==============================
strength　私たちの強み
==============================*/

.strength{}

.strength .slide-top{padding-top: 80px;display:-webkit-box;display:-ms-flexbox;display:flex; background-repeat:no-repeat;background-size: contain; height:100vh;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.strength .slide-box{padding-top: 80px;display:-webkit-box;display:-ms-flexbox;display:flex; background-repeat:no-repeat;background-size: contain; height:100vh;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.strength .slide-top.image01{background-image:url(/wp-content/uploads/strength/strength-h-01.png);}
.strength .slide-top.image02{background-image:url(/wp-content/uploads/strength/strength-h-02.png) ;}
.strength .slide-top.image03{background-image:url(/wp-content/uploads/strength/strength-h-03.png) ;}
.strength .slide-top.image04{background-image:url(/wp-content/uploads/strength/strength-h-04.png) ;}
.strength .slide-top .inner{padding:50px; position:relative; }
.strength .slide-top .bg-glay{background-color:#F8F8F8; padding:40px;}
.strength .slide-top .h2-box{
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #204B84;
	padding-left:20px;
}
.strength .slide-top .h2-box h2{font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;  font-size:18px; font-weight:bold; margin-bottom:5px !important; padding-top:5px;}
.strength .slide-top .h2-box p{font-size:34px; color:#204B84;font-weight:bold;margin-left:0px; margin-bottom:70px; font-family: 'Noto Sans JP', sans-serif;}
.strength .slide-top p{margin-left:30px; width:700px;}
.strength .slide-top .inner img{position:absolute; top:0px; right:0px; width:330px; height:auto;}
.strength .slide-top .inner a {
	position: absolute;
    right: 0px;
    margin-top: -10em;
    margin-right: -3em;
    background: #204B84;
    color: white !important;
    padding: 1em .5em;
    height: auto;
}


.strength .strength-footer{}
.strength .strength-footer h3{text-align:left;	color:#000; margin-bottom:30px; font-size:35px; font-weight:bold; font-family: 'Noto Sans JP', sans-serif;}
.strength .strength-footer h3:after{
	content: "私たちの強み";
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #07254D;
	margin-left:25px;
	padding-left:25px;
}
.strength .strength-footer .item{position:relative; width:235px; height:280px;}
.strength .strength-footer .item dl{ position:absolute; bottom:0px; background-color:#6F92CB; height:70px; padding-left:10px; padding-right:10px; color:#FFF; width:100%;}
.strength .strength-footer .item dt{ font-size:40px; font-weight:bold;    margin-top: -30px;}
.strength .strength-footer .item dd{
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.strength .strength-footer .item dd:after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	background-position: right center;
	margin-left: 5px;
}
.strength .strength-footer .box img{
}
.strength .strength-footer .box img:hover{-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);}
	
	
.strength .bg-blue{
	background-color: #07254D;
	padding-top: 50px;
	padding-bottom: 50px;
	border: 1px solid #07254D;
}
/*.strength .slide-box .inner h3{font-size:26px; color:#FFF; font-weight:bold; margin-bottom:20px;}　*/
.strength .inner .box{background-color:#F8F8F8; border-radius:10px; width:525px;margin-bottom:50px;}


.strength .inner .box2{
	border-radius: 10px;
	width: 470px;
	position: relative;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #204B83;
	margin-top:36.5px;
	margin-bottom:36.5px;
	text-align:center;
	padding:15px;
	height:300px;
}
.strength .inner .box2 img{ position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto
  width
  60%; height:auto;}
.strength .inner .box2 p{position:absolute;   top: 70%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  width:80%;
z-index:1;}
.strength .inner .box2 p.big{
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 1;
	font-size: 60px;
	color: #204B84;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #204B84;
	font-weight:bold;
	width:100%
}
.strength .inner .box2 p.big span{font-size:16px; color:#222;}

.strength .inner .box-long{background-color:#F8F8F8; border-radius:10px; width:100%;margin-bottom:50px;}
.strength .inner .box-long2{border-radius: 10px;width: 1140px;
	position: relative;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #204B83;
	margin-top:36.5px;
	margin-bottom:36.5px;
	text-align:center;
	padding:15px;
	height:350px;
}
.strength .inner .box-long2 .left{ width:30%; position:relative; margin-right:50px;}
.strength .inner .box-long2 .left img{width:196px;}
.strength .inner .box-long2 .left p{position:absolute;   top: 70%;
  left: 50%;
  transform: translateY(-70%) translateX(-50%);
  -webkit- transform: translateY(-70%) translateX(-50%);
  width:80%;
z-index:1;}
.strength .inner .box-long2 .left p.big{
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 1;
	font-size: 60px;
	color: #204B84;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #204B84;
	font-weight:bold;
	width:100%
}

.strength .inner .box-long2 .center{ width:10%; text-align:center;webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; font-size:40px;color: #204B84;}
.strength .inner .box-long2 .right{ width:45%; position:relative;}
.strength .inner .box-long2 .right img{width:400px;}
.strength .inner .box-long2 .right p.big{
	position: absolute;
	top: 28%;
	left: 50%;
	transform: translateY(-28%) translateX(-50%);
  -webkit- transform: translateY(-28%) translateX(-50%);
	z-index: 1;
	font-size: 65px;
	color: #204B84;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #204B84;
	font-weight:bold;
	width:50%
}

.strength .inner .box-long2 .right p.big span{font-size:16px; color:#222;}
.strength .inner .box-long2 .right p{position:absolute;   top: 70%;
  left: 50%;
  transform: translateY(-70%) translateX(-50%);
  -webkit- transform: translateY(-70%) translateX(-50%);
  width:80%;
z-index:1;}

.strength .inner .box-long2 h4{
	color: #204B84;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #204B84;
	display: inline-block;
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px;
}



.strength .item-industy{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
	
}
.strength .item-industy ul{ width:25%; color:#07254D; list-style:none;}	
.strength .item-industy ul li{
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #07254D;
	border-bottom-color: #07254D;
}
.strength .item-industy ul li.name{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; text-align:center; color:#204B84;}
.strength .item-industy ul li img{vertical-align:top; width:100%; height:130px;object-fit: cover;}




.strength .item-line{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
	
}
.strength .item-line ul{ width:20%; color:#07254D; list-style:none;}	
.strength .item-line ul li{
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #07254D;
	border-bottom-color: #07254D;
}
.strength .item-line ul li.name{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; text-align:center; color:#204B84;}
.strength .item-line ul li img{vertical-align:top; width:100%; height:150px;object-fit: cover;}







.strength #strength {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; padding-top:50px; margin-bottom:80px;}
.strength #strength .left{ width:50%;}
.strength #strength .left h2{text-align:right;	color:#000; margin-bottom:30px; font-weight:bold;}
.strength #strength .left h2:after{
	content: "私たちの強み";
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #07254D;
	margin-left:25px;
	padding-left:25px;
}
.strength #strength .left ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.strength #strength .left ul li{width:24%;}
.strength #strength .left ul li img{width:100%;}

.strength #strength .right{width:50%; padding-left:20px; padding-right:30px;}

.strength #strength .menu{ margin-bottom:50px; width:950px; margin:0 auto;}
.strength #strength .menu ul{list-style:none;}
.strength #strength .menu ul li{width:220px; margin-right:2px;}
.strength #strength .menu ul li img{width:100%;}
.strength #strength .menu .gazo{display:flex; justify-content: space-between; margin-bottom:50px;}
.strength #top_contents #strength .menu .gazo img:hover{transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.3s;	/*変化に掛かる時間*/}
.strength #strength .menu .tbox{width:45%; margin-left:auto; margin-right:auto; margin-bottom:40px;}



#strength .header-1{
	background:url(/wp-content/uploads/strength/header-1.jpg) no-repeat left center;
	background-size:28% 90px;
	margin-bottom:10px;
	
}

#strength .header-2{
	background:url(/wp-content/uploads/strength/header-2.jpg) no-repeat left center;
	background-size:28% 90px;
	margin-bottom:10px;
	
}
#strength .header-3{
	background:url(/wp-content/uploads/strength/header-3.jpg) no-repeat left center;
	background-size:28% 90px;
	margin-bottom:10px;
	
}

#strength .header-4{
	background:url(/wp-content/uploads/strength/header-4.jpg) no-repeat left center;
	background-size:28% 90px;
	margin-bottom:10px;
	
}
#strength .line1{width:70%;}
#strength .line1 img{width:100%; height:5px;}
#strength .line2{margin-left:25%; text-align:right; margin-top:20px;}
#strength .line2 img{width:100%; height:50px; float:right; clear:both;} 

#strength .inner{padding-left:30%;padding-top: 20px;}
#strength .inner p.midashi{
	font-size: 22px;
	line-height:22px;
	color: #BBB;
	margin-bottom:5px;
	 white-space:nowrap;
}
#strength .inner p{width:65%; margin-bottom:30px; line-height:200%; font-size:16px;}

#strength h2 { 
	font-size: 29px;
	position: relative;
	text-align: left;
	margin-bottom: 10px;
	padding: 0px;
	font-weight:bold;
}

#strength .wrapper2{background:url(/wp-content/uploads/strength/texture.jpg) no-repeat center center;

	clear:both;
	padding-top:30px;
	padding-bottom:100px;

}
#strength .result {    
    width: 950px;
    margin: 0 auto;}
#strength .result h3{font-size: 20px;
    font-weight: bold;
    color: #264b81;
    padding-top: 15px;
    margin-left: -20px;
	margin-bottom:20px;
	clear: both;}
#strength .result .flex{display:flex; justify-content: space-between;flex-wrap:wrap; clear:both;}
#strength .result .gray-bg{ margin-bottom:50px;background-color:#efefef; border-radius:5px; display:flex; justify-content: space-between;padding:20px;flex-wrap:wrap; margin-left:auto; margin-right:auto;}
#strength .result .gray-bg .waku{
	padding: 20px;
	border: 1px solid #264b81;
	 border-radius:5px;
	 background-color:#FFF;
	 text-align:center;
	 width:45%;
}
#strength .result .gray-bg .waku2{	padding: 20px;
	border: 1px solid #264b81;
	 border-radius:5px;
	 background-color:#FFF;
	 text-align:center;
	 width:100%;
}

#strength .result .gray-bg .waku h4,#strength .result .gray-bg .waku2 h4, #strength .result .gray-bg .waku3 h4{
	color: #000;
	padding-bottom: 3px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #264b81;
	font-size:16px;
	display:inline-block;
}
#strength .result .gray-bg p.blue{color:#264b81; font-size:20px; font-weight:bold; padding-top:15px;}
#strength .result .gray-bg p.blue span{color:#000; font-size:14px;}
#strength .result .gray-bg .waku ul, #strength .result .gray-bg .waku2 ul, #strength .result .gray-bg .waku3 ul{display:flex; margin:0px; padding-top:30px;align-items: center; justify-content: space-between;}
#strength .result .gray-bg .waku ul li, #strength .result .gray-bg .waku2 ul li,#strength .result .gray-bg .waku3 ul li{width:50%; font-size:14px;}

#strength .result .gray-bg .waku ul li span, #strength .result .gray-bg .waku2 ul li span{ color: #264b81; font-size:36px; font-weight:bold;}

#strength .result ul{ list-style:none; margin-bottom:100px;}
#strength .result ul li{ font-size:18px; }
#strength .result ul li.title{ font-size:20px; font-weight:bold; color:#264b81; padding-top:15px; margin-left:-20px;}

#strength .result .gray-bg table.kakushin{ margin-left:15%; margin-right:15%; margin-top:30px; margin-bottom:30px;}
#strength .result .gray-bg table.kakushin td{vertical-align:top; text-align:left;}
#strength .result .gray-bg table.kakushin td.td-line1{height:135px;}
#strength .result .gray-bg table.kakushin td.td-line2{height:135px;}
#strength .result .gray-bg table.kakushin td.td-line3{height:135px;}
#strength .result .gray-bg table.kakushin td.td-line4{height:130px;}
#strength .result .gray-bg table.kakushin td.year{color:#264b81; font-weight:bold;}
#strength-footer h3{	color:#000; font-size:38px;
}
#strength-footer .btn_toi{text-align:center; border-radius:25px; background-color:#264b81; margin-bottom:30px; width:500px; margin-left:auto; margin-right:auto; }
#strength-footer .btn_toi a{color:#FFF; display:block;padding-top:8px; padding-bottom:8px;}
#strength-footer .btn_toi a:hover{background-color:#888; color:#FFF; border-radius:25px;text-decoration:none; }
#strength-footer .menu{ margin-bottom:50px; width:950px; margin:0 auto;}
#strength-footer .menu ul{list-style:none;}
#strength-footer .menu ul li{width:220px;}
#strength-footer .menu ul li img{width:100%;}
#strength-footer .menu .gazo{display:flex; justify-content: space-between; margin-bottom:50px;}
#strength-footer .menu ul li img:hover{transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/}
	
/* issue　課題から探す
------------------------------------------------*/
#issue{}
#issue h2{margin-bottom:5px;
	font-size:50px; margin-bottom:40px;}
#issue .wrapper1{  height:550px;

	clear:both;
	margin-bottom:0px;

}
#issue .earth{background:url(/wp-content/uploads/issue/wrapper-earth.jpg) no-repeat  center 60px;}
#issue .pc{background:url(/wp-content/uploads/issue/wrapper-pc.jpg) no-repeat  center 60px;}
#issue .car{background:url(/wp-content/uploads/issue/wrapper-car.jpg) no-repeat  center 60px;}

#issue .wrapper1 .inner{width:950px; margin:0 auto;}

#issue .inner p{	padding-left:110px; padding-right:150px; font-size:16px;
}
#issue .wrapper1 p.midashi1{
	font-size: 20px;
	line-height:22px;
	color: #BBB;
	
}
#issue .wrapper1 p.midashi2{font-size:38px; color:#014E94; margin-bottom:0px; margin-bottom:50px; white-space:nowrap; }
#issue .wrapper2{

	clear:both;
	padding-top:0px;
	padding-bottom:100px;

}
#issue .wrapper2.h518{height:518px;background:url(/wp-content/uploads/issue/wrapper2-518px.jpg) no-repeat center top;}
#issue .wrapper2.h600{height:600px;background:url(/wp-content/uploads/issue/wrapper2-600px.jpg) no-repeat center top;}
#issue .wrapper2.h740{height:740px;background:url(/wp-content/uploads/issue/wrapper2-740px.jpg) no-repeat center top;}
#issue .wrapper2-btm{background-image: url(/wp-content/uploads/issue/wrapper2-3.jpg);}
	
	
	
	
#issue .h700{background:url(/wp-content/uploads/issue/wrapper2-700px.jpg);height:700px; }
#issue .wrapper2 .inner{
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 110px;
}
#issue .wrapper2 h3{
	margin-left: 110px;
	font-size: 26px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #014E94;
	display:inline;
}
#issue .wrapper2 p{padding-top:20px;}
#issue .relation_box{
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}
#issue .relation_box ul{display:flex;justify-content: space-between; list-style:none; flex-wrap: wrap;
  align-items: center;}
#issue .relation_box ul li{background:url(/wp-content/uploads/issue/btn-relation-off.jpg) no-repeat center center;
width:318px; height:95px; margin-bottom:30px; text-align:center; font-size:16px;

}
#issue .relation_box ul li a{display:block;width:318px; height:95px; color:#000;padding-top:35px; }
#issue .relation_box ul li a.two{padding-top:20px;}
#issue .relation_box ul li a:hover{background:url(/wp-content/uploads/issue/btn-relation-on.jpg) no-repeat ;color:#000; 
}

/* company　会社概要*/
#company{ }
#company .wrapper{}

#company #company-top{width:950px; margin:0 auto; }
#company #company-top .top-midashi{
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #264b86;
	padding-left: 40px;
	margin-bottom:80px;
}
#company #company-top .top-midashi p.en-title{
	font-size: 30px;
	font-weight: bold;
	margin:0px;

}
#company .top-midashi h2{
	font-size: 18px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#company #company-top .lead{
	width: 600px;
	font-size: 16px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
#company #company-top .inner{padding-left:70px;}


#company #company-top .menu-box{display:flex; flex-wrap: wrap; justify-content: space-between; padding-left:50px;}
#company #company-top .menu-box a{width:45%; margin-bottom:70px; display:block;}
#company #company-top .menu-box a:hover{color:#000;}
#company #company-top .menu-box .box{box-shadow: 2px 2px 4px gray;}
#company #company-top .menu-box .box .photo{overflow:hidden;}
#company #company-top .menu-box .box .photo img{width:100%; height:auto;transition-duration: 0.3s;}
#company #company-top .menu-box a:hover .box .photo img{transform: scale(1.1);	transition-duration: 0.3s;}
#company #company-top .menu-box .box .text{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #204B84;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size:13px;
	height:95px;
}
#company #company-top .menu-box .box .text h3{color:#204B84; font-size:16px; font-weight:bold; margin-bottom:5px;}
#company h6{margin-bottom:5px;}
#company .midashi-box p.en-title{
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #014E94;
	font-size: 22px;
	background: url(/wp-content/uploads/product/en-title.png) no-repeat;
	padding-top: 5px;
	font-weight: bold;
    display: inline-block;
	margin:0px;}
#company .inner{padding-left:110px;}
#company .inner p{margin-bottom:20px;}
#company .inner table{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #014E94;
	margin-bottom:40px;
}
#company .inner table th{
	border-right-color: #014E94;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #014E94;
	padding:8px;
	text-align:left;
	vertical-align:top;
	width:22%;
}
#company .inner table th::before {
  content: '■ ';
  color:#014E94;}
#company .inner table td{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #014E94;
	padding: 8px;
		vertical-align:top;

}
#company .inner table td.flex{display:flex;}
#company .inner table td ul{
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: decimal;
}
#company p.lead{
	color: #000;
	font-size: 22px;
	line-height:140%;
	padding-left:0px;
}
#company .inner h3.blue{color: #014E94; font-size:20px;}
#company .inner .history-box{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #014E94;
	margin-top:30px;
	padding-left:30px;
	padding-bottom:30px;
	margin-bottom:30px;
	margin-left:8px;
}
#company #company-block .inner .history-box .column{
	padding: 5px;
	border: 1px solid #666;
}
#company #company-block .inner .history-box .column h4{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#company #company-block .inner .history-box .column p{font-size:13px;}
#company .inner .history-box table{border:none; width:auto !important;}
#company .inner .history-box td{
	border: none;
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#company .inner .komidashi{
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: #014E94;
	padding-left:12px;
	margin-bottom:40px;
}
#company .inner .komidashi p{margin-bottom:0px !important;}
#company .inner .komidashi .en-title{	font-size: 22px;}
#company .inner .komidashi h3{font-size:16px; padding-top:0px;}
#company h3{font-size: 1.1em;
    color: #000;
    padding-top: 8px;}
#company h4{margin-bottom:10px;}
#company .inner .facilities{display:flex; flex-wrap: wrap;justify-content: space-between;
}
#company .inner .facilities dl{width:40%; min-height:300px;}
#company .inner .facilities dt img{margin-bottom:15px;}
#company .inner .durr-company img{height:150px; width:auto; margin-bottom:3px; margin-right:5px;}
#company .inner table.durr-company {border:none;}
#company .inner .durr-company th{border:none; padding:0px;}
#company .inner .durr-company td{border:none; padding:0px; vertical-align:bottom;}






/* Layout recruit-block 商品詳細ページ
------------------------------------------------*/
#recruit{}
#recruit p.en-title{
	font-size: 150px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateY(0%) translateX(-50%);
  -webkit- transform: translateY(0%) translateX(-50%);
	margin: auto;

    line-height: 62%;	font-weight: bold;
	color: #FFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #EBE231;
}
#recruit .top{object-fit:cover; height:500px;width: 100%; /*margin-bottom:20px;(20211109修正)*/}
#recruit h2{font-size: 40px; text-align:center;}
#recruit .lead{padding:30px; background-color:#F8F8F8; width:100%; margin:0 auto; position:relative; margin-bottom:100px;}
#recruit .lead p.title{font-size: 18px;}
#recruit .lead p.title span{color:#204B84;}
#recruit .lead p{}
#recruit .lead .recruit-text{position:absolute; bottom:-60px;right:-170px; width:600px; height:auto;}
#recruit .lead .photo-item01{position:absolute;top:0px; left:-220px; width:250px; height:auto;}
#recruit .lead .photo-item02{position:absolute;top:220px; right:-220px; width:250px; height:auto;}
#recruit .lead .message{background-image:url(/wp-content/uploads/recruit/application-illust.png); background-repeat:no-repeat; color:#204B84; font-size:28px;background-size: 100%; height:80px; background-position:right 0px bottom 0px; text-align:center; margin-top:40px;}

#recruit .recruit-main-header{position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 1920px;
	height:680px;
	background-image:url("/wp-content/uploads/top/top-recruit.jpg");}
#recruit .recruit-main-header img{}
#recruit .header{
	/*max-width: 1250px;*/
	max-width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat:no-repeat;
	/*height:500px;*/
	height:430px;
	background-size: 65%;
	/*background-size: 77%;*/
}
#recruit .header .text{margin-left:55%; padding-top:50px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;color:#014E94;font-weight:bold;}
#recruit .header .text p{margin-bottom:0px;}
/*2021.11.29追加*/
#recruit .header .text p{display: inline-block;text-align:center;}
/*以上2021.11.29追加*/
#recruit .header .title01{font-size:30px;/*font-size:40px;(20211109修正)*/ padding-left:20px; }
#recruit .header .title02{font-size:30px;/*font-size:40px;*/ padding-left:50px; }
#recruit .header .title03{font-size:30px;/*font-size:40px;*/  padding-left:100px; margin-bottom:50px !important;}
#recruit .header .sub-title01{font-size:19px;/*font-size:22px;*/padding-left:150px;}
#recruit .header .sub-title02{font-size:19px;/*font-size:22px;*/padding-left:200px;}

#recruit .header.staff01{background-image:url("/wp-content/uploads/recruit/kv1-1.jpg"); }
#recruit .header.staff02{background-image:url("/wp-content/uploads/recruit/kv2-1.jpg"); }
#recruit .header.staff03{background-image:url("/wp-content/uploads/recruit/staff03.png"); }
#recruit .header.staff04{background-image:url("/wp-content/uploads/recruit/staff04.jpg"); }
#recruit .header.staff05{background-image:url("/wp-content/uploads/recruit/staff05.jpg"); }
#recruit .header.staff06{background-image:url("/wp-content/uploads/recruit/staff06.png"); }
#recruit .header.staff07{background-image:url("/wp-content/uploads/recruit/staff07.png"); }
#recruit .header.staff08{background-image:url("/wp-content/uploads/recruit/staff08.png"); }
#recruit .header.staff09{background-image:url("/wp-content/uploads/recruit/staff09.png"); }
#recruit .header.staff10{background-image:url("/wp-content/uploads/recruit/staff10.png"); }
#recruit .inner{
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	padding-bottom: 30px;
	margin-left: auto;
}
#recruit .inner{
	line-height: 2;
	font-size: 18px;
}

#recruit .inner .box{clear:both; margin-bottom:40px; padding-top:0px;  position:relative;}
#recruit .one-team .inner .box{height:820px;}/*2021-1110追加*/
#recruit .one-team .inner .box .voice{height:820px;}/*2021-1110追加*/
#recruit .inner .box p{margin-top:10px;}
#recruit .inner .box h3{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 26px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #014E94;
	    padding-top: 7px;
		margin-top:20px;
		    padding-bottom: 3px;
			width:100%;
			font-weight:bold;

}
#recruit .inner .box img{width:93%; height:auto;}
#recruit .inner .box .text{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	background-color: #fff; padding:20px; position:absolute; margin-top:120px; z-index:1;}
#recruit .inner .box .text.right{ right:0px;}
#recruit .inner .box .text.left{left:0px;}
	
#recruit .inner .box .text.w40p{width:40%;}
#recruit .inner .box .text.w45p{width:45%;}
#recruit .inner .box .text.w50p{width:55%;}
#recruit .inner .box .text.w55p{width:55%;}
#recruit .inner .box .text.w60p{width:60%;}
#recruit .inner .box .text.w65p{width:65%;}
#recruit .inner .box .text.w70p{width:70%;}

#recruit .one-team .inner .box .photo{position:absolute; top:0;}/*2021-1110追加*/

#recruit .inner .box .photo{position:absolute; top:160px;}
#recruit .inner .box .photo.right{ right:0px;}
#recruit .inner .box .photo.left{left:0px;}
#recruit .inner .box .photo.w30p{width:30%;}
#recruit .inner .box .photo.w40p{width:40%;}
#recruit .inner .box .photo.w45p{width:45%;}
#recruit .inner .box .photo.w50p{width:50%;}
#recruit .inner .box .photo.w60p{width:60%;}
#recruit .inner .box.h200{height:200px;}
#recruit .inner .box.h300{height:300px;}
#recruit .inner .box.h400{height:400px;}
#recruit .inner .box.h500{height:500px;}
#recruit .inner .box.h600{height:600px;}
#recruit .inner .box.h700{height:700px;}
#recruit .inner .box.h800{height:800px;}
#recruit .inner .box.h900{height:900px;}
#recruit .inner .recruit-point{ margin-bottom:90px;}
#recruit .inner .recruit-point .box1,#recruit .inner .recruit-point .box2{position:relative;}
#recruit .inner .recruit-point .box1 img,#recruit .inner .recruit-point .box2 img{ width:160px; height:auto;}
#recruit .inner .recruit-point .box1 img{position:absolute;top:80px; left:-50px;}
#recruit .inner .recruit-point .box2 img{position:absolute; top:80px; right:-180px;}
#recruit .inner .recruit-point h3{
	font-size: 30px;
	border-bottom-width: 3px;
	display:inline;
	padding-top: 4px;
	
}
/*#recruit .inner .recruit-point h3.point1:before,
#recruit .inner .recruit-point h3.point2:before,
#recruit .inner .recruit-point h3.point3:before{background: linear-gradient(transparent 50%, #EBE231 50%); color:#204B88;padding-right:20px; padding-left:10px; margin-right:10px;}


#recruit .inner .recruit-point h3.point1:before{ content:"魅力 01"; }
#recruit .inner .recruit-point h3.point2:before{ content:"魅力 02"; }
#recruit .inner .recruit-point h3.point3:before{ content:"魅力 03"; }
#recruit .inner .recruit-point h3 span{color:#204B88; }
*/
#recruit .inner .recruit-point .point-item{ position:relative;height: 60px;}
#recruit .inner .recruit-point .point-item h4{font-size: 28px;
	border-bottom-width: 3px;
	padding-top: 4px;position:absolute; left:190px; top:0px;}
#recruit .inner .recruit-point .point-item img{width:auto; position:absolute; left:20px; top:0px;}
#recruit .inner .recruit-point .point-item span{color:#204B88; }



#recruit .inner .recruit-point .text{margin-top:10px; padding-left:150px; margin-bottom:40px;}

#recruit .inner .job{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-bottom:50px;}
#recruit .inner .job p{font-weight:bold; font-size:24px; margin-bottom:0px;}
#recruit .inner .job p:first-child{margin-right:10px;}
#recruit .inner .job p:last-child{margin-left:10px;}
#recruit .inner .job-dept{}
#recruit .inner .job-dept dl{
	border: 1px solid #204B84;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	margin-bottom:30px;
}
#recruit .inner .job-dept dt{ background-color:#204B84; color:#FFF; text-align:center; padding:20px; width:120px;}
#recruit .inner .job-dept dd{padding:0 20px;}
#recruit .inner .job-table{
	padding: 30px;
	border: 2px solid #204B84;
	
}
#recruit .inner .job-table table{width:100%;}
#recruit .inner .job-table th,#recruit .inner .job-table td{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#recruit .inner .job-table th{font-size:20px; width:30%;}
#recruit .inner .job-table tr{
	border-bottom-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#recruit .inner .job-table tr:last-child{border-bottom:none;}


#recruit .job-place-info{padding:40px;background-image:url("/wp-content/uploads/recruit/job-place-info.jpg"); margin-bottom:50px;}
#recruit .job-place-info .box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; width:950px; margin:0 auto;}
#recruit .job-place-info .item{
	padding: 20px;
	border-radius: 25px;
	border: 1px dotted #8CB7DB;
	background-color:#FFF;
	margin-bottom:40px;
}
#recruit .job-place-info .item.col3{width:30%; text-align:center;}
#recruit .job-place-info .item.col1{width:100%;}
#recruit .job-place-info .item h4{font-size:20px;  font-weight:bold; margin-bottom:30px; text-align:center;}
#recruit .job-place-info .item span{color:#204B84; font-weight:bold; font-size:26px;}

#recruit .inner .job-welfare{}
#recruit .inner .job-welfare dl{
	border: 1px solid #204B84;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	margin-bottom:30px;
	
	
}
#recruit .inner .job-welfare dl span{ color:#31A3EB;}
#recruit .inner .job-welfare dt{
	background-color: #F8F8F8;
	color: #204B84;
	text-align: left;
	padding: 15px;
	flex: 1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #204B84;
	font-size: 26px; font-weight:bold;
}
#recruit .inner .job-welfare dt a{color: #204B84;}

#recruit .inner .job-welfare dd{padding:15px; width:120px;color: #204B84;text-align: center;font-size: 20px; }
#recruit .one-team{ background-color:#204B84; text-align:center; padding-top:30px; padding-bottom:30px;}
#recruit .one-team .btn{width:165px; margin:0 auto; background-color:#CBE7FE; padding:10px; text-align:center;}
#recruit .one-team .btn a{color:#000;}
#recruit .one-team .btn a:hover{color:#000;}
#recruit .inner .voice{ display:flex;flex-wrap:wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-top:20px;}

#recruit .inner .voice .item{width:320px;}
#recruit .one-team .inner .voice .item{height:320px;}/*2021-1110追加*/
#recruit .inner .voice a{width:300px; margin: 0 15px 40px;display: block;}
#recruit .one-team .inner .voice a{width:300px; margin: 0 50px 40px;display: block;}/*2021-1110追加*/
#recruit .inner .voice a:hover{color:#000;} 
#recruit .inner .voice span{font-size:14px;}
#recruit .inner .voice ul{list-style:none;position:relative; z-index:0; }
#recruit .inner .voice .item:nth-child(even){padding-top:100px;}
#recruit .inner .voice ul:after{width:350px; height:350px; position:absolute;top:80px; left:-100px; content:""; z-index:-1;}
#recruit .one-team .inner .voice ul:after{width:350px; height:350px; position:absolute;top:0px; left:-70px; content:""; z-index:-1;}/*2021-1110追加*/
#recruit .inner .voice ul.type1{}
#recruit .inner .voice ul.type1:after{background-color:#4881E6; opacity:0.3;  }
#recruit .inner .voice ul.type2{}
#recruit .inner .voice ul.type2:after{background-color:#6DC0F4; opacity:0.3;  }
#recruit .inner .voice a ul li{ text-align:left; z-index:1;}
#recruit .inner .voice a ul li.photo{width:100%; color:#FFF; text-align:left;height:300px; overflow:hidden; margin-bottom:10px;}



#recruit .inner .voice a ul li.photo img{width:300px; height:300px; margin-bottom:5px;transition-duration: 0.3s;}
#recruit .inner .voice a:hover ul li.photo img{transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/}
#recruit .inner .voice ul li.job-title1{
	width: fit-content;
	color: #FFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-bottom:3px;
}

#recruit .inner .voice ul.type1 li.job-title1{background-color:#1029B4;}
#recruit .inner .voice ul.type2 li.job-title1{background-color:#1E9CDE;}
#recruit .inner .voice ul li.job-title2{background-color:#FFF; position:relative; padding:5px;}
#recruit .inner .voice ul li.job-title2:after{content:"→"; position:absolute; top:6px; right:5px; font-weight:bold;} 
#recruit .inner .voice ul li.job-title2:hover{color:#000;}
#recruit .inner .voice h4 {
	font-size: 18px;
	display: inline;
	padding-top: 7px !important;
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 3px;
	border-top-style: none !important;
}
#recruit .inner .voice h4 a{color:#FFF !important;}
#recruit .recruit-footer{
	background-image: url(/wp-content/uploads/recruit/recruit-footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;/* 画像のサイズを指定    */
	width: 100%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #3F86BF;
}
#recruit .recruit-footer p{margin:0px;line-height: 1.4em !important;}
#recruit .recruit-footer img{width:80%;}
#recruit .recruit-footer .btn-area{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top: 110px;}
#recruit .recruit-footer .btn-area .btn1,#recruit .recruit-footer .btn-area .btn2,#recruit .recruit-footer .btn-area .btn3,#recruit .recruit-footer .btn-area .btn4{
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
margin-bottom:40px; padding:20px; height:120px;
}

#recruit .recruit-footer .btn-area .btn1,#recruit .recruit-footer .btn-area .btn2,#recruit .recruit-footer .btn-area .btn3,#recruit .recruit-footer .btn-area .btn4 p{font-size:20px; font-weight:bold; }
#recruit .recruit-footer .btn-area .btn1{width:40%; background-color:#CDF5FA;}
#recruit .recruit-footer .btn-area .btn1 p.title{font-size:30px; color:#204B84; font-weight:bold;}
#recruit .recruit-footer .btn-area .btn2{width:40%; background-color:#CBE7FF;}
#recruit .recruit-footer .btn-area .btn2 p.title{font-size:30px; color:#204B84; font-weight:bold;}
#recruit .recruit-footer .btn-area .btn3{width: 40%;border: 1px solid #8CB7DB;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;
}
#recruit .recruit-footer .btn-area .btn4{width:40%; background: white; border: 1px solid #8CB7DB;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; text-align:center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; font-size:26px; color:#204B84; font-weight:bold;
}
#recruit .recruit-footer .btn-area .btn4 a{color:#204B84;}

#recruit .sub-menu{margin-bottom:60px;}
#recruit .sub-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; background-color:#3F86BF;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height:80px; }
#recruit .sub-menu ul li{	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
}
#recruit .sub-menu ul li a{
	color: #FFF;
	display: block;
	width:200px;
	text-align:center;
}
#recruit .sub-menu ul li:last-child{border-right-width: 2px;border-right-style: solid;border-right-color: #FFF;
}


#recruit .dept-box{ background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 60%, #FFF 60%,  #FFF 100%); position:relative; font-weight: bold; padding-top:80px; margin-bottom:80px;}
#recruit .dept-box h3{text-align:center; font-size:35px; font-weight:bold; margin-bottom:30px;  position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
#recruit .dept-box .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; width:1400px;}
#recruit .dept-box .inner .item{width:660px; position:relative; background-repeat:no-repeat;}
#recruit .dept-box .inner .item img{width:320px; height:auto;position:absolute;}
#recruit .dept-box .inner .item p.text{font-size:22px;position:absolute;line-height:1.7;}
#recruit .dept-box .inner .item p.dept-name{position:absolute;color: #FFF;	width: fit-content;	font-size: 16px;text-align: center;	margin: 0px;padding-top: 1px;padding-right: 3px;padding-bottom: 1px;padding-left: 3px;}
#recruit .dept-box .inner .item p.dept-name2{position:absolute;font-size:16px;	color:#204B84; text-align:right;}


#recruit .dept-box .inner .item.item01{	background-image: url(/wp-content/uploads/recruit/dept-bg1.png);background-position: right top; background-size: 550px; height:380px;}
#recruit .dept-box .inner .item.item01 img{top:-30px; right:70px;}
#recruit .dept-box .inner .item.item01 p.dept-name{	background-color: #7567DE;		top:170px;	right:170px;}
#recruit .dept-box .inner .item.item01 p.dept-name2{top:300px;right:20px;	}
#recruit .dept-box .inner .item.item01 p.text{top:210px;left:270px; }

#recruit .dept-box .inner .item.item02{	background-image: url(/wp-content/uploads/recruit/dept-bg2.png);background-position: left top; background-size: 730px; margin-right:20px;}
#recruit .dept-box .inner .item.item02 img{top:-30px; left:100px;}
#recruit .dept-box .inner .item.item02 p.dept-name{	background-color: #7567DE;	top:170px;	right:170px;}
#recruit .dept-box .inner .item.item02 p.dept-name2{top:300px;right: 20px;	}
#recruit .dept-box .inner .item.item02 p.text{top:210px;left:100px;}


#recruit .dept-box .inner .item.item03{	background-image: url(/wp-content/uploads/recruit/dept-bg3.png);background-position: right bottom; background-size: 700px; height:380px; margin-top:-30px;}
#recruit .dept-box .inner .item.item03 img{top:0px; right:70px;}
#recruit .dept-box .inner .item.item03 p.dept-name{	background-color: #3C88F0;top:200px;left:410px;}
#recruit .dept-box .inner .item.item03 p.dept-name2{top:330px;right:20px;}
#recruit .dept-box .inner .item.item03 p.text{top:240px;left:260px; }


#recruit .dept-box .inner .item.item04{	background-image: url(/wp-content/uploads/recruit/dept-bg4.png);background-position: left bottom; background-size: 540px; margin-right:20px;margin-top:-30px;}
#recruit .dept-box .inner .item.item04 img{top:0px; left:100px;}
#recruit .dept-box .inner .item.item04 p.dept-name{	background-color: #3C88F0;top:200px;left:240px;}
#recruit .dept-box .inner .item.item04 p.dept-name2{top:330px;right: 140px;}
#recruit .dept-box .inner .item.item04 p.text{top:240px;left:100px; }


#recruit .dept-box .inner .item.item05{	background-image: url(/wp-content/uploads/recruit/dept-bg5.png);background-position: right bottom; background-size: 530px; height:380px; margin-top:-30px;}
#recruit .dept-box .inner .item.item05 img{top:0px; right:70px;}
#recruit .dept-box .inner .item.item05 p.dept-name{	background-color: #2652CB;top:200px;left:410px;}
#recruit .dept-box .inner .item.item05 p.dept-name2{top:330px;right:70px;}
#recruit .dept-box .inner .item.item05 p.text{top:240px;left:260px; }

#recruit .dept-box .inner .item.item06{	background-image: url(/wp-content/uploads/recruit/dept-bg6.png);background-position: left bottom; background-size: 700px; margin-right:20px; margin-top:-30px;}
#recruit .dept-box .inner .item.item06 img{top:0px; left:100px;}
#recruit .dept-box .inner .item.item06 p.dept-name{	background-color: #2652CB;top:200px;left:240px;}
#recruit .dept-box .inner .item.item06 p.dept-name2{top:330px;right: 240px;}
#recruit .dept-box .inner .item.item06 p.text{top:240px;left:100px; }



/*新卒採用詳細20211109修正*/

#recruit .dept-box{ background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 95%, #FFF 95%,  #FFF 100%); position:relative; font-weight: bold; padding-top:60px; margin-bottom:80px;}
#recruit .dept-box h3{text-align:center; font-size:35px; font-weight:bold; margin-bottom:30px;  position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
#recruit .dept-box .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; width:1400px; padding-bottom:0;}
#recruit .dept-box .inner .item{position:relative; background-repeat:no-repeat;}
#recruit .dept-box .inner .item img{width:320px; height:auto;position:absolute;}
#recruit .dept-box .inner .item p.text{font-size:20px;position:absolute;line-height:1.7;}
#recruit .dept-box .inner .item p.dept-name{position:absolute;color: #FFF;	width: fit-content;	font-size: 16px;text-align: center;	margin: 0px;padding-top: 1px;padding-right: 3px;padding-bottom: 1px;padding-left: 3px;}
#recruit .dept-box .inner .item p.dept-name2{position:absolute;font-size:16px;	color:#204B84; text-align:right;}


#recruit .dept-box .inner .item.item001{width:466px; height:404px; background-image: url(/wp-content/uploads/2021/11/bg001-1.png);background-position: left top; background-size: 466px 404px;}
#recruit .dept-box .inner .item.item001 img{top:35px; left:95px;}
#recruit .dept-box .inner .item.item001 p.dept-name{background-color: #7567DE;top:235px;right:182.5px;}
#recruit .dept-box .inner .item.item001 p.dept-name2{bottom:0; right:30px;margin-bottom:0;}
#recruit .dept-box .inner .item.item001 p.text{width:350px; top:275px;left:82px;}

#recruit .dept-box .inner .item.item002{width:452px; height:404px; background-image: url(/wp-content/uploads/2021/11/bg001-2.png);background-position: left top; background-size: 452px 404px;}
#recruit .dept-box .inner .item.item002 img{top:35px; left:82px;}
#recruit .dept-box .inner .item.item002 p.dept-name{background-color: #7567DE;top:235px;right:181.5px;}
#recruit .dept-box .inner .item.item002 p.dept-name2{bottom:0; right:30px;margin-bottom:0;}
#recruit .dept-box .inner .item.item002 p.text{width:350px; top:275px;left:74px;}

#recruit .dept-box .inner .item.item003{width:483px; height:404px; background-image: url(/wp-content/uploads/2021/11/bg001-3.png);background-position: right top; background-size: 483px 404px;}
#recruit .dept-box .inner .item.item003 img{top:35px; left:82px;}
#recruit .dept-box .inner .item.item003 p.dept-name{background-color: #7567DE;top:235px;right:212.5px;}
#recruit .dept-box .inner .item.item003 p.dept-name2{bottom:0; right:60px;margin-bottom:0;}
#recruit .dept-box .inner .item.item003 p.text{width:350px; top:275px;left:74px;}

#recruit .dept-box .inner .item.item004{width:466px; height:467px; background-image: url(/wp-content/uploads/2021/11/bg002-1.png);background-position: left top; background-size: 466px 467px;}
#recruit .dept-box .inner .item.item004 img{top:85px; left:95px;}
#recruit .dept-box .inner .item.item004 p.dept-name{background-color: #7567DE;top:285px;right:182.5px;}
#recruit .dept-box .inner .item.item004 p.dept-name2{bottom:12px; right:30px;margin-bottom:0;}
#recruit .dept-box .inner .item.item004 p.text{width:350px; top:326px;left:82px;}

#recruit .dept-box .inner .item.item005{width:450px; height:467px; background-image: url(/wp-content/uploads/2021/11/bg002-2.png);background-position: left top; background-size: 450px 467px;}
#recruit .dept-box .inner .item.item005 img{top:85px; left:82px;}
#recruit .dept-box .inner .item.item005 p.dept-name{background-color: #7567DE;top:285px;right:181.5px;}
#recruit .dept-box .inner .item.item005 p.dept-name2{bottom:12px; right:30px;margin-bottom:0;}
#recruit .dept-box .inner .item.item005 p.text{width:350px; top:326px;left:74px;}

#recruit .dept-box .inner .item.item006{width:482px; height:467px; background-image: url(/wp-content/uploads/2021/11/bg002-3.png);background-position: right top; background-size: 482px 467px;}
#recruit .dept-box .inner .item.item006 img{top:85px; left:82px;}
#recruit .dept-box .inner .item.item006 p.dept-name{background-color: #7567DE;top:285px;right:212.5px;}
#recruit .dept-box .inner .item.item006 p.dept-name2{bottom:12px; right:60px;margin-bottom:0;}
#recruit .dept-box .inner .item.item006 p.text{width:350px; top:326px;left:74px;}

#recruit .dept-box .inner .item.item007{width:466px; height:404px; background-image: url(/wp-content/uploads/2021/11/bg001-1.png);background-position: left top; background-size: 466px 404px;}
#recruit .dept-box .inner .item.item007 img{top:35px; left:95px;}
#recruit .dept-box .inner .item.item007 p.dept-name{background-color: #7567DE;top:235px;right:182.5px;}
#recruit .dept-box .inner .item.item007 p.dept-name2{bottom:0; right:30px;margin-bottom:0;}
#recruit .dept-box .inner .item.item007 p.text{width:350px; top:275px;left:82px;}

#recruit .dept-box .inner .item.item008{width:452px; height:404px; background-image: url(/wp-content/uploads/2021/11/bg001-2.png);background-position: left top; background-size: 452px 404px;}
#recruit .dept-box .inner .item.item008 img{top:35px; left:82px;}
#recruit .dept-box .inner .item.item008 p.dept-name{background-color: #7567DE;top:235px;right:181.5px;}
#recruit .dept-box .inner .item.item008 p.dept-name2{bottom:0; right:30px;margin-bottom:0;}
#recruit .dept-box .inner .item.item008 p.text{width:350px; top:275px;left:74px;}

#recruit .dept-box .inner .item.item009{width:483px; height:404px; background-image: url(/wp-content/uploads/2021/11/bg001-3.png);background-position: right top; background-size: 483px 404px;}
#recruit .dept-box .inner .item.item009 img{top:35px; left:82px;}
#recruit .dept-box .inner .item.item009 p.dept-name{background-color: #7567DE;top:235px;right:212.5px;}
#recruit .dept-box .inner .item.item009 p.dept-name2{bottom:0; right:60px;margin-bottom:0;}
#recruit .dept-box .inner .item.item009 p.text{width:350px; top:275px;left:74px;}

#recruit .dept-box .inner .item.item010{width:466px; height:467px; background-image: url(/wp-content/uploads/2021/11/bg002-1.png);background-position: left top; background-size: 466px 467px;}
#recruit .dept-box .inner .item.item010 img{top:85px; left:95px;}
#recruit .dept-box .inner .item.item010 p.dept-name{background-color: #7567DE;top:285px;right:182.5px;}
#recruit .dept-box .inner .item.item010 p.dept-name2{bottom:12px; right:30px;margin-bottom:0;}
#recruit .dept-box .inner .item.item010 p.text{width:350px; top:326px;left:82px;}

#recruit .dept-box .inner .item.item011{width:450px; height:467px;background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 90%, #FFF 90%,  #FFF 100%);background-position: left top; background-size: 450px 467px;}
#recruit .dept-box .inner .item.item011 img{top:85px; left:82px;}
#recruit .dept-box .inner .item.item011 p.dept-name{background-color: #7567DE;top:285px;right:181.5px;}
#recruit .dept-box .inner .item.item011 p.dept-name2{bottom:12px; right:30px;margin-bottom:0;}
#recruit .dept-box .inner .item.item011 p.text{width:350px; top:326px;left:74px;}

#recruit .dept-box .inner .item.item012{width:482px; height:467px;background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 90%, #FFF 90%,  #FFF 100%);background-position: right top; background-size: 482px 467px;}
#recruit .dept-box .inner .item.item012 img{top:85px; left:82px;}
#recruit .dept-box .inner .item.item012 p.dept-name{background-color: #7567DE;top:285px;right:212.5px;}
#recruit .dept-box .inner .item.item012 p.dept-name2{bottom:12px; right:60px;margin-bottom:0;}
#recruit .dept-box .inner .item.item012 p.text{width:350px; top:326px;left:74px;}

/*以上新卒採用詳細202111修正*/


#main-block #recruit-block #recruit-table {margin-top: 30px;}
#main-block #recruit-block #recruit-table > div {width:355px; margin-right:15px; float:left;}
#main-block #recruit-block #recruit-table > div p {padding:1em 0;}
#main-block #recruit-block {
	width:100%;
	box-sizing:border-box;
	margin-bottom:30px;
}
#main-block #recruit-block h4 {
	text-align:center;
	color:#014E94;
	font-size:1.2em;
	margin:20px 0;
	border-top:#014E94 solid 2px;
	border-bottom:#014E94 solid 2px;
	padding:5px 10px
}
#main-block #recruit-block h5 {
	font-size:1.1em;
	margin:20px 0;
}
#main-block #recruit-block li {
	list-style:none;
}



.parker-leaps{ }
.parker-leaps-header{
 background-image:url(/wp-content/uploads/parker-leaps/parker-leaps.jpg); background-repeat:no-repeat; height:400px; background-size: cover; text-align:center;}
.parker-leaps-header img{margin-top:50px;}
.parker-leaps .lead-box{
	background-color: #F8F8F8;
	padding: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;	
}
.parker-leaps .role{ padding:30px 0px;}
.parker-leaps .role h3{font-size:20px; color:#FFF !important; font-weight:bold; }
.parker-leaps .role h3 span{color:#FEA628 !important;}
.parker-leaps .role h4{color:#324D79; font-size:24px; font-weight:bold;margin-bottom:30px;}
.parker-leaps .role .item{display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:30px;}
.parker-leaps .role .item .photo{width:200px;}
.parker-leaps .role .item .photo img{width:200px; height:170px; object-fit:cover;}
.parker-leaps .role .item .text{ padding:20px; flex:1;
background-color:#FFF;}



.parker-leaps h2 {
	position: relative;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.parker-leaps h2.center {
	text-align: center;

}
.parker-leaps h2 span {
	position: relative;
	background: #FFF;
	color: #204B84;
	font-size: 40px !important;
	font-weight: bold;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left : 0px!important;
}
.parker-leaps h2.center span {
	position: relative;
	background: #FFF;
	font-size: 26px !important;
	font-weight: bold;
	padding-top: 0;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left : 1em!important;
		color:#000;

}
.parker-leaps h2:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 70%;
    height: 2px;
    content: '';
    background: #FEA628;
}

.parker-leaps img.example{width:200px; height:200px; margin-top:-100px;}
.parker-leaps .usage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-top:50px;}
.parker-leaps .usage dl{ width:550px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100px; margin-bottom:30px;}
.parker-leaps .usage dt{-moz-box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.8);
width:100px;
height:100px;

color:#6F92CB; font-size:30px; font-weight:bold;
display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.parker-leaps .usage dd{width: 450px;background-color:#6F92CB; color:#FFF; font-size:20px;
display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-align: center;-ms-flex-align: center;align-items: center;
padding-left:40px;
}



.parker-leaps .slide-top{ padding-top:80px;    height: 100vh; background-image:url(/wp-content/uploads/parker-leaps/parker-leaps-slide01.jpg); background-repeat:no-repeat; background-size:cover;
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.parker-leaps .slide-top-inner{background-color:rgba(255,255,255,0.6);padding:30px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;}
.parker-leaps .slide-top-inner .photo{width:50%; text-align:right; padding-right:80px;}
.parker-leaps .slide-top-inner .photo img{width:100%; height:auto; max-width:500px;}
.parker-leaps .slide-top-inner .text{width:50%; padding-right:60px;display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;  flex-direction: column;
-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.parker-leaps h2 {
	position: relative;
	text-align: left;
	padding-top: 0;
	padding-right: 65px;
	padding-bottom: 0;
	padding-left: 0px;
	font-size:40px; color:#204B84;
	font-weight:bold;
}


.parker-leaps h2 span {
  position: relative;
  padding: 0 1em;
  background: #f7f7f7;
}
.parker-leaps h2.image{ text-align:center; padding-right:0px; margin-bottom:50px !important;}
.parker-leaps h2.image img{width:80%; max-width:500px;}
.parker-leaps h2.image:before{content:none;}
.parker-leaps .slide-top-inner .text .lead{font-size:25px; line-height:1.5;}
.parker-leaps .slide-top-inner .text p{font-size:16px; line-height:1.5;}
.parker-leaps .slide-top-inner .text p.small{font-size:12px;}




.parker-leaps .slide-box{display:-webkit-box;display:-ms-flexbox;display:flex;height: 100vh;}
.parker-leaps .slide-box .photo{ width:50%;}
.parker-leaps .slide-box .photo img{width:100%; height:100%; object-fit:cover; }
.parker-leaps .slide-box .text{width:50%;
display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;  flex-direction: column;
-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.parker-leaps .slide-box .text{padding:60px; background-color:#204B84; color:#FFF; line-height:2}
.parker-leaps .slide-box img.number{margin-bottom:40px;}
.parker-leaps  h3{margin-bottom:50px !important; font-size:30px; font-weight:bold;}


.parker-leaps .slide-box2{display:-webkit-box;display:-ms-flexbox;display:flex;height: 100vh; background-color:#204B84;}
.parker-leaps .slide-box2 .left{ width:25%; position:relative;}
.parker-leaps .slide-box2 .left h2.image{position: absolute;
    top: 50%;
    right: -40%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);}
.parker-leaps .slide-box2 .left h2.image img{width:400px; height:auto;}
.parker-leaps .slide-box2 .right{ width:75%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; }
.parker-leaps .slide-box2 .right .chart{background-color:#FFF; padding-left:300px; padding-top:20px; padding-bottom:20px; border-radius:25px 0px 0px 25px;padding-right:60px;}
.parker-leaps .slide-box2 .right .chart img{width:auto; height:650px;}

.parker-leaps .slide-example{ padding-top: 60px; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100vh; background-color:#204B84;}
.parker-leaps .slide-example .inner{
	border: 1px solid #FFF;
	height:450px;
	position:relative;}
.parker-leaps .slide-example h2{position: absolute;
    top: -115px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.parker-leaps .slide-example h2:before{content:none;}
.parker-leaps .slide-example ul{ padding-top:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.parker-leaps .slide-example ul li{width:50%; margin-bottom:10px;}

.parker-leaps .slide-example ul li {
	position: relative;
	font-size: 20px;
	color:#FFF;
	font-weight:bold;
	padding-left:100px;
	
}

.parker-leaps .slide-example ul li::before {
	content: attr(data-number);
	display: inline-block;
	margin-right: 20px;
	color: #498ee0;
	font-size: 30px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #6F92CB;
	padding-right:20px
}

/*カタログダウンロード*/
.catalogue h2.line{font-size: 16px;padding-top: 10px;margin-bottom:40px !important;}
.catalogue p.en-title {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #014E94;
    font-size: 22px;
    background: url(/wp-content/uploads/product/en-title.png) no-repeat;
    padding-top: 5px;
    font-weight: bold;
    display: inline-block;
    margin: 0px;
}
.c-center {
	text-align: center;
}
.catalogue h3{
	font-size: 18px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #234D82;
	padding-left:10px;
			 margin-bottom:20px

}
.catalogue .box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.catalogue .box .item{ width:300px; margin-right:33px; margin-bottom:30px;}
.catalogue .box .item .photo{ background-color:#F8F8F8; text-align:center; padding:15px 0px; margin-bottom:10px;}
.catalogue .box .item .photo img{width:140px; height:200px; object-fit:cover;-moz-box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.8);
margin-bottom:10px;}
 


.contact-foot{ background-color:#F7F7F7; padding:30px; margin-top:50px;}
.contact-foot h3{ border:none; padding:0px;}
.contact-foot h3:before{
	content: "CONTACT";
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #09264C;
	margin-right: 20px;
	padding-right: 20px;
}
.contact-foot h4{margin-top:5px;}
.contact-foot .en-title{font-size:16px !important; margin-bottom:3px;}
.contact-foot .en-title a{color:#000;font-size:16px !important;}
.contact-foot .box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap; width:770px; margin:0 auto;}
.contact-foot .box .item{width:47%; margin-right:0px; margin-bottom:40px;}
.contact-foot .box .item a{color:#000 !important; font-size:16px !important;}

.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.row-between{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.row-between-top{display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}

.btn-blue{background-color:#084C92 !important; text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: max-content; padding:10px 25px; height:50px; }
.btn-blue a{color:#FFF !important;}
.btn-blue img{margin:0 5px;}


/*共通部品*/

.global-inner{width:1000px; margin:0 auto;}
/*.top-midashi{
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #264b86;
	padding-left: 40px;
	margin-bottom:80px;
}*/
.top-midashi p.en-title{
	font-size: 30px;
	font-weight: bold;
	margin:0px;

}
.top-midashi h2{
	font-size: 18px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.midashi-margin {
	margin-bottom:0px !important;
}


.h-100p{height:100vh;}
.flex-align-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.pt-0{padding-top:0px;}
#fp-nav {
    background: rgba(255,255,255,.8);
    border-radius: 6px;
}
.btn-leaps {
	margin-top: 60px;
	text-align: center;
	position:fixed;
	bottom: 65px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index:1;
}
.btn-leaps a{
	color: white !important;
    padding: 15px;
    background: #6F92CB;
	font-size: 20px;
}

.btn-leaps a:hover {
	border: 1px solid #EBE20B;
}
.solu-tab2 {
	margin-left:345px; 
	margin-right:100px;
}
.img22-ai {
	width: 50%;
}
.img23-ai {
	width: 80%;
}
.img21-ai {
	width: 30%;
}
.float-left65 {
	float: left;
    width: 65%;
    line-height: 1.8em;
}
.float-right58 {
	float:right;
	padding-left:2%;
	width: 50%;
}
.tab-list-l {
	padding: 5px .3em !important;
}
#product-box .midashi-box .txt2 {
    width: 620px;
}
.nayami-ene {
	margin-left: 3em;
}
.mobile-rec {
	display: none !important;
}

	/***************************************
	KOKUNAI TABLE http://parker.work-fabric.com/location/domestic/
	***************************************/

	.list-cmn-info-01 {
		text-align: left;
		width: 100%;
	}
	.list-cmn-info-01 li {
		display: -webkit-flex;
		display: flex;
		width: 100%;
		font-size: 14px;
	}
	.list-cmn-info-01 li .head {
		-webkit-flex: 0 0 215px;
		flex: 0 0 215px;
		width: 215px;
		padding: 10px 0;
		border-bottom: 1px solid #ddd;
	}
	.list-cmn-info-01 li .detail {
		-webkit-flex: 1;
		flex: 1;
		margin-left: 20px;
		padding: 10px 0;
		border-bottom: 1px solid #ddd;
	}
	.list-cmn-info-01 li .detail p small {
		display: block;
		width: 100px;
		font-size: 12px;
		line-height: 24px;
		font-weight: normal;
		white-space: nowrap;
		border: solid 1px #e5e5e5;
		padding: 0 8px;
		text-align: center;
		/* border-radius: 3px; */
	}
	.kokunai-table1 {
		margin: 40px auto;
	}
	.kokunai-table1 h1 {
		font-size: 26px;
		font-weight: bold;
		padding-bottom: 20px;
	}
	.mobile-o {
		display: none;
	}


	.box-st-center{position:relative;}

	.h2-box-st {
		border-left-width: 6px;
		border-left-style: solid;
		border-left-color: white;
		padding-left: 40px;
		margin-bottom: 80px;
		color: white;
	}
	.h2-box-st h2 {
		margin-bottom: 0px !important;
		font-size: 20px;
	}
	.h2-box-st p {
		font-size: 30px;
	}
	.s-float-01-t {
		margin-top: -23em;
	}
	.s-float-01 {
		position: absolute;
		color: #204B84;
		/*top: 34%;*/
		font-size: 25px;
		z-index: 9;
		line-height: 1.3;
	}
	.s-float-01-img {
		margin-top: -20px;
	}
	.s-float-01-1 {
		color: black !important;
		font-weight: bold;
		margin-left: 20px;
	}
	.s-float-01-2 {
		margin-top: 50px;
		margin-left: 70px;
	}
	.s-float-inimg-01 {
		margin-top: 60px;
		margin-left: 360px;
	}
	.s-float-01-2 span {
		font-size: 40px;
	}
	.s-float-inimg-02 {
		margin-top: 80px;
		margin-left: 560px;
	}
	.s-float-01-3 {
		color: black !important;
		margin-top: 210px;
		margin-left: 70px;
		font-size: 16px !important;
	}
	.s-float-01-4 {
		margin-top: 250px;
		margin-left: 70px;
	}
	.s-float-01-4 span {
		font-size: 40px !important;
	}
	.s-float-01-5 {
		margin-top: 400px;
		color: black !important;
		margin-left: 240px;
	}
	.s-float-01-5 span {
		font-size: 40px !important;
		color: #204B84;
	}

	.s-float-inimg-06 {
		margin-top: 60px;
		margin-left: 330px;
	}
	.s-float-04-2 {
		margin-top: 70px;
		margin-left: 70px;
	}
	.s-float-04-2 span{
		font-size: 40px !important;
	}
	.s-float-04-3 {
		margin-top: 170px;
		color: black !important;
		margin-left: 70px;
		font-size: 20px;
	}

	.s-float-inimg-07 {
		margin-top: 350px;
		margin-left: 440px;
	}
	.s-float-04-4 {
		margin-top: 320px;
		margin-left: 70px;
	}
	.s-float-04-4 span{
		font-size: 40px;
	}
	.s-float-04-5 {
		font-size: 20px;
		margin-top: 380px;
		color: black !important;
		margin-left: 40px;
	}

	.s-float-inimg-08 {
		margin-top: 200px;
		margin-left: 550px;
	}
	.s-float-04-6 {
		margin-top: 60px;
		margin-left: 690px;
	}
	.s-float-04-6 span {
		font-size: 40px;
	}
	.s-float-04-7 {
		margin-top: 150px;
		color: black !important;
		margin-left: 690px;
		font-size: 20px;
	}

	.s-float-inimg-09 {
    	margin-top: 230px;
    	margin-left: 850px;
	}
	.s-float-04-8 {
		color: black !important;
		margin-top: 370px;
		margin-left: 790px;
		font-size: 20px;		
	}
	.s-float-04-8 span {
		color: #204B84;
		font-size: 40px;
	}


	.s-float-02-2 {
		margin-top: 150px;
		margin-left: 100px;
	}
	.s-float-inimg-03 {
		margin-top: 140px;
		margin-left: 200px;
	}
	.s-float-02-3 {
		margin-top: 240px;
		margin-left: 200px;
	}
	.s-float-02-3 span {
		font-size: 40px;
	}
	.s-float-inimg-04 {
		margin-top: 60px;
		margin-left: 450px;
	}
	.s-float-02-4 {
		margin-top: 150px;
		margin-left: 600px;
	}
	.s-float-02-5 {
		margin-top: 200px;
		margin-left: 600px;
	}
	.s-float-02-5 span {
		font-size: 70px;
	}
	.s-float-02-6 {
		margin-top: 440px;
		color: black !important;
		margin-left: 110px;
	}

	.s-float-03-2 {
		margin-top: 50px;
		margin-left: 330px;
	}
	.s-float-03-2 span {
		font-size: 45px;
		padding-left: 120px;
	}
	.s-float-03-3 {
		margin-top: 100px;
		margin-left: 330px;
	}
	.s-float-03-3 span {
		font-size: 45px;
		padding-left: 40px;
	}
	.s-float-03-4 {
		margin-top: 150px;
		margin-left: 330px;
	}
	.s-float-03-4 span {
		font-size: 45px;
		padding-left: 95px;
	}
	.s-float-03-5 {
		font-size: 20px;
		margin-top: 210px;
		margin-left: 250px;
		color: black !important;
		text-align: center;
	}
	.s-float-inimg-05 {
		margin-top: 258px;
		margin-left: 350px;
	}
	.s-float-03-6 {
		margin-top: 320px;
		margin-left: 100px;
	}
	.s-float-03-6 span {
		font-size: 45px;
	}
	.s-float-03-7 {
		text-align: center;
		font-size: 20px;
		margin-top: 380px;
		margin-left: 100px;
		color: black !important;
	}
	.s-float-03-8 {
		margin-top: 300px;
		margin-left: 690px;
	}
	.s-float-03-8 span{
		font-size: 45px;
		padding-top: 30px;
	}
/*2021-1110追加*/
@media only screen and (max-width: 900px) {
	/*menu-recruit-interview.php*/
	#recruit .one-team .inner .box .voice{display:block;}
	#recruit .one-team .inner .box{height:1420px;}
	#recruit .one-team .inner .box .voice{height:1420px;}
	#recruit .one-team .inner .box .voice .item{margin-left:auto;margin-right:auto;margin-bottom:30px;}
}/*以上追加*/


@media only screen and (max-width: 600px) {



	/***************************************
	TOP PAGE http://parker.work-fabric.com/
	***************************************/
	
	#header .inner #logo {
		margin-left: 0px;
		width: 60%;
		padding-top: 40px;
	}
	#header .inner #header-search {
		padding: 1em 0;
		margin-right: 90px;
	}
	#top_contents {
		min-width: 120px;
	}
	.inner {
		width: inherit;
	}
	.news-box .inner {
		width: inherit;
	}
	#top_contents .news-1 {
			top: 800px;
			left: 35px;
			position: absolute;
	}
	.btn_box .item { 
		height:250px;
	}
	.btn_box .item img {
		height:200px; 
	}
	.icon {
		display: none;
	}
	.whatsnew {
		width: 100% !important;
	}
	div.whatsnew dd {
		width: 90% !important;
	}
	.btn_box-wrap .inner {
		width: 100%;
	}
	.btn_product ul {
		width: 100%;
	}
	#company #company-top {
		width: inherit;
	}
	#company #company-top .top-midashi{
		border: none;
		padding-left: 10px;
	}
	.btn_product{
		display: inherit;
	}
	#top_contents #strength {
		display: inherit;
	}
	#top_contents #strength .left {
		display: none;
		width: 100%;
		padding-bottom: 1em;
	}
	
	#top_contents #strength .right {
		width: 100%;
		padding-right: 5%;
	}
	#top_contents #history {
		display: inherit;
	}
	#top_contents #history .left {
		width: 100%;
		padding-left: 5%;
		padding-top: 0px;
	}
	#top_contents #history .left h2{
		display: inherit;
	}
	#top_contents #history .right {
		display: none;
	}
	#top_contents #issue_link_box {
		margin-bottom: 0px;
	}
	#solution-menu .inner {
		width: 90%;
	}
	#top_contents #issue_link_box ul {
		display: inherit;
		width: 100%;
	}
	.banner-recruit {
		padding: 20px;
	}
	.banner-recruit p.title {
		font-size: 40px;
	}
	.tab_item {
		width: 50% !important;
		margin: 0;
	}
	#top_contents #issue_link_box .task_content {
		display: inherit;
	}
	#top_contents #issue_link_box ul.txt li {
		width: 100%;
	}
	#top_contents #issue_link_box ul.txt li a {
		background: none;
	}
	.banner-recruit .inner {
		width: 100% !important;
	}
	.d-flex {
		display: inherit !important;
	}
	#toi_box {
		display: inherit;
		width: 100%;
	}
	#toi_box .tel {
		width: 100%;
		display: inherit;
		border: none;
		padding-bottom: 2em;
	}
	#toi_box .mail {
		width: 100%;
		display: inherit;
		border: none;
		padding-bottom: 2em;
	}
	#toi_box .download {
		width: 100%;
		display: inherit;
		border: none;
	}
	.desktop-rec {
		display: none !important;
	}
	.mobile-rec {
		display: inherit !important;
	}
	.ig-br br{
		display: none;
	}
	.banner-recruit .btn-recruit {
		margin-top: 1em;
	}
	#footer-nav {
		display: none;
	}
	.swiper-wrapper a {
		width: 100% !important;
	}
	.banner-recruit .btn-recruit a {
		width: inherit;
	}



	/***************************************
	ISSUE PAINTING PAGE http://parker.work-fabric.com/issue/painting/
	***************************************/

	#contents-full {
		padding-top: 60px;
	}
	.subject .head {
		height: inherit;
	}
	.subject .head .inner {
		 width:90%;
	}
	.subject .head .h2-box .number {
		margin-right: 0px;
	}
	.subject .head .h2-box {
		display: inherit;
	}
	.subject .head .title {
		padding-left: 0px;
	}
	.global-inner {
		width: 90%;
	}
	.subject .nayami {
		padding-top: 30px;
	}
	.subject .nayami ul {
		display: inherit;
	}
	.subject .nayami li {
		width: 100%;
	}
	.subject .nayami h4 {
		top: -18px;
	}
	.subject .solution .point-text {
		display: inherit;
	}
	.subject .solution .box {
		display: none;
	}
	.subject .solution .box .item {
		height: 200px;
		margin-bottom: 40px;
	}
	.subject .solution .lead {
		margin-left: 20px;
		margin-right: 20px;
		background-image: none;
	}
	.fukidashi-box {
		padding: 20px 10px 80px;
	}
	.fukidashi-box .item .text {
		padding: 30px 10px;
	}
	.fukidashi-box .item {
		display: inherit;
    	height: inherit;
	}
	.fukidashi-box .item .left, .fukidashi-box .item .right {
		width: 100%;
	}
	.fukidashi-box .item .left.photo, .fukidashi-box .item .right.photo {
		padding: 5px;
	}
	.fukidashi-box .item h4 {
		text-align: left;
	}
	.servicelink-box .box {
		display: inherit;
	}
	.servicelink-box .box .item1 {
		width: inherit;
	}
	.servicelink-box .box .item1 img {
		width: 100%;
	}
	.servicelink-box .box .item3 {
		width: inherit;
	}
	.servicelink-box .box .item3 img {
		width: 100%;
	}
	.subject .solution .point-text p.point {
		margin-left: 0px;
	}
	.nayami-ene {
		margin-left: 0em;
	}


	/***************************************
	PRODUCT PAGE http://parker.work-fabric.com/product/
	***************************************/



	#company .inner {
		padding-left: 0px;
	}
	#contents-full #pankuzu  {
		width: 100% !important;
	}

		/***************************************
	PRODUCT PAGE http://parker.work-fabric.com/product/maeshorisouchi/
	***************************************/
	
	#product-box .midashi-box .txt2 {
		width: 100%;
	}
	.rd .d-flex .gazo {
		margin-right:0px;
	}
	#contents {
		width: inherit;
	}
	#product-box .midashi-box {
		display: inherit;
		width: 90%;
    	margin: 0 auto;
	}
	#product-box .midashi-box .gazo {
		margin-right: 0px;
		width: inherit;
	}
	#product-box .midashi-box .txt {
		width: inherit;
		margin: 0 !important;
	}
	/*#main-block .tabNav {
		display: inherit;
	}*/
	#main-block .tabNav li {
		width: 90%;
		margin: 1em auto;
	}
	.float-left40 {
		float: inherit;
		width: 100%;
	}
	.pt100 {
		padding-top: 10px !important;
	}
	.pt100 img {
		width: 100% !important;
	}
	#contents #pankuzu {
		padding-left: 5% !important;
	}
	.width48 {
		width: 100%;
	}
	.w65p {
		width: 100%;
	} 
	.w30p {
		width: 100%;
	}
	.float-right58 {
		float: inherit;
		width: inherit;
	}
	.float-right25, .float-right38 {
		float: inherit;
	}
	.float-left70 {
		float: inherit;
		width: 100%;
	}
	.float-left60 {
		float: inherit;
		width: 100%;
	}
	.container {
		width: 90%;
		padding: 0;
	}
	.tabNav-mr li {
		margin-right: 1em auto !important;
	}
	.float-left53 {
		float: inherit;
		width: 100%;
	}
	.fr {
		float: inherit;
	}
	.fL, .fl {
		float: inherit;
	}
	.w48, .w70p, .sp-w100p {
		width: 100%;
	}
	.img22-ai, .img23-ai {
		width: 100%; 
	}
	.img21-ai {
		width: 100%;
	}
	table.boothStyle02 tr td, table.boothStyle02 tr th {
		text-indent: 0em;
	}
	.boothStyle05 .listDisc, .boothStyle05 img.R {
		float: inherit;
		width: 100%;
	}
	.midashi-margin {
		text-align: center;
	}
	#product-box .merit li {
		float: inherit;
		width: 100%;
		text-align: center;
	}
	.tab-list-l {
		padding: 16px 0 !important;
	}
	.float-right38w, .float-left60w {
		float: inherit;
		width: 100%;
	}
	#main-block #product-block .float-left60 ul {
		padding-left: 0px;
	}
	.youto li {
		float: inherit;
	}
	#main-block #product-block #kikaku-block table.filter {
		width: 700px;
	}


		/***************************************
	R&D center http://parker.work-fabric.com/company/rd/
	***************************************/

	h2.rd {
		text-align: inherit;
	}
	.w-75 {
		width: 90%!important;
		min-width: inherit;
	}
	.rd .d-flex .text {
		width: inherit;
	}
	.rd .d-flex .gazo.mr-20 {
		margin-right: 0px;
	}
	.rd .d-flex .title {
		width: inherit;
	}
	.rd .d-flex .gazo {
		width: inherit;
	}
	.p-img-100 {
		width: 100%;
	}


		/***************************************
	strenghts pages  http://parker.work-fabric.com/strengths4/
	***************************************/

	.s-float-01-t {
		margin-top: 0em;
	}
	.strength .slide-top p {
		margin-left: 0px;
		width: inherit;
	}
	.strength .slide-top .inner img {
		display: none;
	}
	.strength .slide-top .bg-glay {
		padding: 20px;
	}

	.strength .strength-footer .item {
		width: 100%;
		height: inherit;
	}
	.strength .strength-footer .item img {
		width: 30%;
	}
	.strength .slide-box {
		display: inherit;
	}
	.strength .strength-footer .item dt {
		display: none;
	}
	.strength .strength-footer .item dl {
		height: inherit;
	}
	/*.fp-tableCell {
		text-align: center;
	}*/



		/***************************************
	location page  http://parker.work-fabric.com/location
	***************************************/


	#main-block #company-block #company-table > div {
		width: 100%;
		margin: 0;
		float: inherit;
	}
	#main-block #product-block {
		margin: 0 auto;
	}


	#page-link {
		display: none;
	}


	#main-block {
		width: 90% !important;
		margin: 0 auto;
	}
	.clearfix {
		width: 100%;
	}
	#main-block #location-block .left-box {
		width: 100%;
		float: inherit;
	}
	#main-block #location-block .left-box div {
		padding-right: 0px;
	}
	#main-block #location-block .right-box {
		width: 100%;
		float: inherit;
	}

		/***************************************
	toiawase page  http://parker.work-fabric.com/support/
	***************************************/



	#main-block #support-block #support-table > div {
		width: inherit;
		margin: 0;
		float: inherit;
	}
	.contact-foot .box {
		display: inherit;
	}
	.catalogue .box {
		display: inherit;
	}
	.catalogue .box .item {
		width: inherit;
		margin-right: 0px;
	}
	.row-between-top {
		display: inherit;
	}
	#support-block #privacy-box ol {
		padding: 10px 0;
	}

		/***************************************
	toiawase page  http://parker.work-fabric.com/recruit/newgraduates/
	***************************************/


	#recruit .inner {
		width: inherit;
	}
	#recruit .lead .recruit-text {
		right: -30px;
		width: 350px;
	}
	#recruit .inner .recruit-point h3 {
		font-size: 20px;
		line-height: 0px;
	}
	#recruit .inner .recruit-point p {
		padding-left: 0px;
	}
	#recruit .inner .job {
		display: inherit;
	}
	#recruit .inner .job-dept dl {
		display: inherit;
	}
	#main-block #product-block dl dt {
		float: inherit;
		width: inherit;
	}
	#recruit .inner .job-dept dt {
		width: inherit;
	}
	.shinsotsu-img1 {
		width: 100%;
	}
	#recruit .inner .voice {
		display: inherit;
	}
	#recruit .inner .voice ul {
		width: 100%;
	}
	#recruit .recruit-footer .btn-area {
		display: inherit;
	}
	#recruit .recruit-footer .btn-area .btn2 {
		width: 100%;
	}
	#recruit .recruit-footer .btn-area .btn4 {
		width: 100%;
	}

	/***************************************
	KOKUNAI TABLE http://parker.work-fabric.com/location/domestic/
	***************************************/

	.list-cmn-info-01 li .head {
		-webkit-flex: 0 0 80px;
		flex: 0 0 80px;
		width: 80px;
	}
	.mobile-o {
		display: inherit;
	}

	
  }


.support{}
.support .sub-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; margin-bottom:40px;}
.support .sub-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex; float:right;}
.support .sub-menu ul li{ background-color:#BABABA; text-align:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.support .sub-menu ul li.active{
	background-color: #204B88;
}
.support .sub-menu ul li a{color:#000 !important; display:block;width:160px;height:60px; line-height:60px; }
.support .sub-menu ul li.active a{color:#FFF !important;}
.support .sub-menu ul li a:hover{text-decoration:underline;}


/*===========
アニメーション
===========*/

.fadeIn1 {
opacity:0;

}
.fadeIn1.isShow {
  opacity: 1;
  	transition-delay:.4s;
	transition-duration:1.5s;

}
.fadeIn2 {
opacity:0;

}
.fadeIn2.isShow {
  opacity: 1;
  	transition-delay:1.2s;
	transition-duration:1.5s;

}
.fadeIn3 {
opacity:0;

}
.fadeIn3.isShow {
  opacity: 1;
  	transition-delay:2s;
	transition-duration:1.5s;

}
.fadeIn4 {
	opacity:0;
	
}
.fadeIn4.isShow {
	opacity: 1;
		transition-delay:2.8s;
	transition-duration:1.5s;

}
.fadeIn5 {
	opacity:0;
	
}
.fadeIn5.isShow {
	opacity: 1;
		transition-delay:3.6s;
	transition-duration:1.5s;

}


@media only screen and (max-width: 767px) {
.pc{display:none;}	
}
@media only screen and (min-width: 768px) {
.sp{display:none;}	
}


.recruit-btn1 {
	text-align: center;
	margin-top: 50px;
}
.recruit-btn1 a {
	background-color: #57a7ff;
	color: white !important;
    padding: 20px 40px;
}
.recruit-t-img1 {
	text-align: center;
    padding-top: 30px;
    background: #f8f8f8;
    padding-bottom: 80px;
}