/*
Theme Name: alpha02
Theme URI: http://xxxxxx.com/
Description: アルファコーポレーション様用テンプレート
Author: GVT
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, croformats, rtl-language-support, editor-style, custom-menu
Text Domain: alpha02
*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/* ベーシックスタイル */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#000;
}

/* 20220519 mod start */
html, body { margin:0px; padding:0px; width:100%; min-width:1220px; }
/*body { margin:0px; padding:0px; width:100%; min-width:950px; }
/* 20220519 mod end   */

#main
    {
	/* 20220328 add start */
	margin-top:9rem;
	/* 20220328 add end   */
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	/* 20220513 mod start */
	max-width:1100px;
	width:90vw;
	/* 20220513 mod end   */
}

br {
   letter-spacing:normal;
}

a {
   color:#000;
   text-decoration:none;
}

a:hover {
   color:#999933;
   text-decoration:underline;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

h1 { 
 font-size : 65%;
 color : #666666;
 font-weight : normal;
}

ul,li { 
	margin:0;
	padding:0; 
}

.mt40 { margin-top:40px !important; }
/* 共通スタイル　*/

/* 20220328 add start */
#main.idxMain {
	margin-top:0;
}
#header {
	position:fixed;
	top:0;
	background-color:#fffd;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	z-index:10; 
}
#headerCont {
	width:1200px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#headerLogo {
	height:3rem; 
}
#headerAnchor {
	display:flex;
	justify-content:space-between;
	align-items:baseline;
}
.headerAnchor {
	box-sizing:content-box;
	transition:0.5s;
	position:relative; 
	display:block;
	margin:2rem 0.5rem 0;
	padding-bottom:2rem; 
}
.headerAnchor:hover {
	color:#000;
}
.headerAnchor::after {
	content:'';
	border-bottom:1px solid transparent;
	transition:0.3s;
	position:absolute;
	left:0;
	top:1.75rem; 
	width:100%;
	
}
.headerAnchor:hover::after {
	border-bottom:1px solid #000;
	top:2rem; 
}
#alnetAnchor {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-left:0.5rem;
}
#alnetAnchorText {
	color:#fff;
	padding:0.125rem 1rem;
	background-color:#2c8ecd;
	position:relative; 
}
#alnetAnchorText::after {
	content:'';
	position:absolute;
	top:0;
	left:100%;
	border-width:0.9rem 0 0.9rem 0.5rem;
	border-style:solid;
	border-color:transparent transparent transparent #2c8ecd;
}
#alnetLogo {
	height:2.5rem;
	margin-left:1rem;
}

#idxMainImg {
	width:100%;
	position:relative; 
}
#idxMainImg .swiper-slide {
	width:100%;
}
/* 20220513 add start */
#idxMainImg .swiper-slide img, #idxMainImg .swiper-slide video {
	width:100%;
}
/* 20220513 add end   */
.idxSlideBox {
	position:absolute;
	top:50%;
	left:50%;
	display:flex;
	justify-content:flex-start; 
	align-items:center;
	width:90%; max-width:1100px;
	transform:translateX(-50%);
}
.idxSlideBox.idxSlideBoxR {
	justify-content:flex-end; 
}
.idxMainText {
	font-size:1.5rem;
	text-shadow:1px 1px 5px #fff,1px -1px 5px #fff, -1px 1px 5px #fff,-1px -1px 5px #fff,1px 1px 5px #fff,1px -1px 5px #fff, -1px 1px 5px #fff,-1px -1px 5px #fff;
	font-family:YuMincho,'Yu Mincho',"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
	font-weight:bolder;
}
.idxMainText span {
	font-size:1rem;
	display:block;
	margin-top:0.5rem;font-weight:normal; 
}

.idxBullets {
	display:flex;
	align-items:center;
	margin-top:0.5rem;
}
.idxBullets .swiper-pagination-bullet{
	width:0.75rem;
	height:0.75rem;
	background-color:#fff;
	border:3px solid #fff;
	opacity:1;
}
.idxBullets .swiper-pagination-bullet-active{
	border:3px solid #fff;
	background-color:#0009;
}

#idxLinkArea{
	position:relative;
	margin-top:3rem;
}
#idxLinkArea .swiper-slide{
	text-align:center; line-height:1; display:flex; align-items:flex-start; justify-content:center;
}
#idxLinkArea .swiper-slide img{
	display:inline; width:auto; max-width:100%; max-height:100%; align-self:center;
}
#idxLinkArea .swiper-button-prev{
	left:100%;
	transform:rotate(180deg);
	background-image:none;
	display:flex;
	justify-content:center;
	align-items:center;
}
#idxLinkArea .swiper-button-prev::after{
	content:'\f104';
	font-family:fontawesome; 
	color:#dbdbdb;
	font-size:3rem; 
}
#idxLinkArea .swiper-button-next{
	right:100%;
	transform:rotate(180deg);
	background-image:none;
	display:flex;
	justify-content:center;
	align-items:center;
}
#idxLinkArea .swiper-button-next::after{
	content:'\f105';
	font-family:fontawesome;
	color:#dbdbdb;
	font-size:3rem; 
}

.idxJobInfoHead {
	width:100%;
	background-color:#f1f1f1;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.5rem 1rem;
	box-sizing:border-box;
}
.idxJobInfoHeadA {
	border:5px solid #be0049;
}
.idxJobInfoHeadW {
	border:5px solid #36acff;
	margin-top:3rem;
}
.idxJobInfoHeadN {
	border:5px solid #a9b74b;
	background-color:#f5f5f5;
}
.idxJobInfoHead > h2{
	font-size:1.125rem;
}
.idxJobInfoHead > a {
	font-size:0.8rem;
	display:flex;
	align-items:center;
}
.idxJobInfoHead > a::before{
	content:'\f0da';
	font-family:fontawesome;
	padding-right:0.5rem;
}

.idxNewsArea{
	/* 20221202 mod start*/
	/*width:1100px;
	margin:0 auto 3rem; */
	margin:3rem auto 
	/* 20221202 mod start*/
}

.subMenu{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	max-height:0;
	background-color:#fffd;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all 0.5s ease-out;
	overflow:hidden;
}
.subMenu.isShow{
	border-top:1px solid #999;
	padding:4rem 0;
	max-height:400px;
}
.subMenuCont{
	width:1100px;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	color:#000;
	margin:0 auto;
	transform:translateY(-10px);
	opacity:0;
	transition:all 0.25s ease-out 0.25s;
}
.subMenuCont.isShow{
	transform:translateY(0);
	opacity:1;
}
.subMenuCont > h1{
	font-size:1.4rem;
	font-weight:bold;
	width:35%;
	border-bottom:1px solid #999;
	padding:0 1rem 0.25rem;
	display:flex;
	justify-content:space-between;
	align-items:center; 
}
.subMenuCont > h1::after{
	/*content:'\f105';*/
	content:'\f18e';
	font-family:fontawesome; 
	font-size:1.5rem;
}
.subMenuAnchors {
	width:50%;
}
.subMenuAnchors  > li{
	margin-bottom:1.5rem;
	border-bottom:1px solid transparent;
	transition:0.5s;
	width:25%;
}
.subMenuAnchors  > li:last-child{
	margin-bottom:0;
}
.subMenuAnchors  > li:hover{
	color:#000;
	border-bottom:1px solid #000;
	padding-right:2rem;
	width:100%;
}
.subMenuAnchors a{
	display:block;
	white-space:pre;
}
.subMenuAnchors a:hover{
	color:#000;
}
/* 20220328 add end   */

.header {
	width:950px;
	height:40px;
}

.lead {
	width:711px;
	margin-top:10px;
	float:left;
}

.tarentbanner {
	display: block;
	overflow: hidden;
	width:230px;
	padding-left:9px;
	height:40px;
	float:left
}


.tarentLink a {
    display: block;
    width: 239px;
	height:40px;
	}

.headlinkarea {
	width:950px;
	height:68px;
}

.logoarea {
	width:398px;
	height:68px;
	float:left;
}

.subNavi {
	width:auto;
	height:55px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:78px;
	float:right;
}

.subNaviUp {
	width:239px;
	height:24px;
}

.subNaviUpLeft {
	width:116px;
	height:24px;
	float:left;
}

.subNaviUpRight {
	width:116px;
	height:24px;
	margin-left:7px;
	float:left;
}

.subNaviDown {
	width:239px;
	height:24px;
	margin-top:7px;
}

.subNaviDownLeft {
	width:116px;
	height:24px;
	float:left;
}

.subNaviDownRight {
	width:116px;
	height:24px;
	margin-left:7px;
	float:left;
}


.naviarea {
	width:950px;
	height:60px;
	margin-top:20px;
}

.NaviBox {
    width:14px;
    height:100%;
    float:left;
}

.mainNaviCom {
    height:100%;
}

.mainNaviCom a {
    display: block;
    height: 100%;
    width: 159px;
    text-align: center;
	float:left;
}

.mainNaviCom a:hover {
    background-position: 0 -60px;
}


.mainNaviInfo {
    height: 100%;
}

.mainNaviInfo a {
    display: block;
    height: 100%;
    width: 158px;
    text-align: center;
    float:left;
}

.mainNaviBus a {
    display: block;
    height: 100%;
    width: 158px;
    text-align: center;
	float:left;
}

.mainNaviBus {
    height:100%
}

.mainNaviJob a {
    display: block;
    height: 100%;
    width: 158px;
    text-align: center;
	float:left;
}

.mainNaviJob {
    height:100%
}

.mainNaviRec a {
    display: block;
    height: 100%;
    width: 158px;
    text-align: center;
	float:left;
}

.mainNaviRec {
    height:100%;
}

.mainNaviCon a {
    display: block;
    height: 100%;
    width: 159px;
    text-align: center;
	float:left;
}

.mainNaviCon {
    height:100%
}

.navLineL {
	border-left:1px solid #333;
	height:100%;
	float:left;
}

.navLineR {
	border-right:1px solid #333;
	height:100%;
	float:left;
	width:157px;
}

.navAcce {
	width:8px;
	height: 8px;
	margin:4px 0 0 6px;
	transition:0.1s;
}

.navAcce2 {
	width:8px;
	height: 8px;
	margin:4px 0 0 6px;
	float:left;
	transition:0.1s;
}

.mainNaviCom a:hover .navAcce2 {
	height: 50px;
}

.mainNaviInfo a:hover .navAcce2 {
	height: 50px;
}

.mainNaviBus a:hover .navAcce2 {
	height: 50px;
}

.mainNaviJob a:hover .navAcce2 {
	height: 50px;
}

.mainNaviRec a:hover .navAcce2 {
	height: 50px;
}

.mainNaviCon a:hover .navAcce2 {
	height: 50px;
}

.navAcceCom {
	background-color:#5889DB;
}

.navAcceInfo {
	background-color:#BE4CDA;
}

.navAcceBus {
	background-color:#DA4C4C;
}

.navAcceJob {
	background-color:#FF9933;
}

.navAcceRec {
	background-color:#CCCC33;
}

.navAcceCon {
	background-color:#339933;
}

.navTextJ {
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	color:#330000;
	font-weight:600;
	font-family:'Noto Sans Japanese', serif;
	margin-top:12px;
}

.navTextJ2 {
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	color:#330000;
	font-weight:600;
	font-family:'Noto Sans Japanese', serif;
	margin-top:14px;
	width:144px;
	margin-bottom:0;
	height:22px;
}

@-moz-document url-prefix() {
	.navTextJ2 {
	margin-top:13px;
	height:23px;
	}
}

.navTextE {
	text-align:center;
	font-size:8px;
	color:#330000;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	line-height:85%;
}

.navTextE2 {
	text-align:center;
	font-size:8px;
	color:#330000;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	line-height:85%;
	width:144px;
	margin-top:2px;
}

.mainimage {
	width:950px;
	height:300px;
	margin-top:20px;
	z-index:0;
}

.contents {
	/* 20220329 mod start */
	width:1100px;
	/*width:950px;*/
	/* 20220329 mod end   */
	margin-top:40px;
}

.leftC {
	/* 20220329 mod start */
	width:320px;
	/*width:230px;
	/* 20220329 mod end   */
	float:left;
}

.centerC {
	/* 20220329 mod start */
	width:720px;
	margin-left:60px;
	/*width:690px;
	margin-left:30px;
	/* 20220329 mod end   */
	float:left;
}

.leftCRec {
	display: block;
	/* 20220329 mod start */
    width: 100%;
    /*width: 230px;
	/* 20220329 mod end   */
	/* 	height:247px; */
	float:left;
}

.findbannerheader {
	margin-left:-1px;
	height:40px;
	/* 20220329 del start */
	/*width:222px;
	/* 20220329 del end   */
	background:linear-gradient(#6c7476, #616564);
	background:-webkit-linear-gradient(#6c7476, #616564);
	background:-moz-linear-gradient(#6c7476, #616564);
	border:5px solid #999;
}

.findbannerTextJ {
	padding: 10px 0 0 10px;
	color:#fff;
	font-size:15px;
	font-weight:bolder;
	float:left;
	font-family:'Open Sans', sans-serif
}

.findbannerTextE {
	padding: 13px 5px 0 0;
	color:#fff;
	font-size:7px;
	font-weight:500;
	float:right;
	font-family:'Open Sans', sans-serif
}

.freecallarea {
	/* 20220329 del start */
	/*width:228px;
	/* 20220329 del end */
	height:130px;
	background-color:#f1f1f1;
	border:1px solid #ffffff;
	outline:1px solid #f1f1f1;
    margin-bottom:30px;
}

.freecall {
    color:#be0049;
    font-weight:bold;
    text-align:center;
    font-size:1.5rem;
    margin-top: 15px;
    letter-spacing:1.2px;
}

.freecall div {
    font-size:0.55rem;
    letter-spacing:0;
    font-weight:normal;
    line-height:0.2;
}

.freecallTxt {
	/* 20220329 mod start */
	width:230px;
	/*width:199px;
	/* 20220329 mod end   */
	color:#666666;
	text-align:left;
	/*font-size:11px;*/
	line-height:1.5em;
	margin-top:25px;
	/* 20220329 mod start */
	margin-left:auto;
	margin-right:auto;
	text-align:justify; 
	font-size:0.75rem; 
	/* 20220329 mod end   */
}

.findbannerarea {
	/* 20220329 del start */
	/*width:228px;
	/* 20220329 del end   */
	height:195px;
	background-color:#f1f1f1;
	border:1px solid #ffffff;
	outline:1px solid #f1f1f1;
	/* 20210907 add start */
    margin-bottom:30px;
	/* 20210907 add end */
}

.findbanner a {
    display: block;
	height:61px;
	/* 20220329 mod start */
	width:250px;
	/*width:195px;
	/* 20220329 mod end   */
	border:1px solid #ffffff;
	outline:1px solid #cccccc;
	margin-top:20px;
	/* 20220329 mod start */
	margin-left:auto;
	margin-right:auto;
	/*margin-left:17px;
	/* 20220329 mod end   */
	background:linear-gradient(#ffffff, #f1f1f1);
	background:-moz-linear-gradinet(#ffffff, #f1f1f1);
	background:-webkit-linear-gradient(#ffffff, #f1f1f1);
	color:#bd0043;
	/* 20210907 add start */
	transition:0.5s;
	/* 20210907 add end */
}

.findbanner a:hover{
	background:linear-gradient(#f33377, #bd0043);
	background:-moz-linear-gradinet(#f33377, #bd0043);
	background:-webkit-linear-gradient(#f33377, #bd0043);
	border:1px solid #ffffff;
	outline:1px solid #bd0043;
	color:#ffffff;
}

.findbanner p {
	margin: 3px 0 0 15px;
	font-size: 12px;
	color:inherit;
}

.findbanner span {
	color:inherit;
}

/* 20210907 add start */
.findbanner a.webEntry {
	display:flex;
}

.findbanner a.webEntry > div {
	color:#bd0043;
	padding:3px; 
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
	transition:0.5s;
}

.findbanner a.webEntry:hover > div {
	color:#fff;
}

.findbanner a.webEntry > div > span{
	width:95%;
	text-align:justify;
}

.findbanner a.webEntry > div > span:first-child{
	font-size:14px; 
	font-weight:bold;
	/* 20220329 add start */
	display:flex;
	justify-content:space-between;
	align-items:center;
	/* 20220329 add end   */
}
/* 20220329 add start */
.findbanner a.webEntry > div > span:first-child::after{
	content:'\f144';
	font-family:fontawesome; 
	color:#bd0043;
	font-size:1rem;
	transition:0.3s;
}
.findbanner a.webEntry:hover > div > span:first-child::after{
	color:#fff; 
}
/* 20220329 add end   */

.findbanner a.webEntry > div > span:last-child{
	/* 20220329 mod start */
	font-size:12px; 
	/*font-size:10px; 
	/* 20220329 mod end   */
}
/* 20210907 add start */

.findbanner i {
	color:inherit;
}

.findbanner p:first-child {
	margin-top: 9px;
	font-size: 15px;
}

.findbanner p i.fa-caret-right {
	padding: 0 5px 0 24px;
	border: 1px solid;
	font-size: 12px;
}

.findTxt {
	/* 20220329 mod start */
	width:250px;
	/*width:199px;
	/* 20220329 mod end   */
	height:91px;
	color:#666666;
	text-align:left;
	/*font-size:11px;*/
	line-height:1.5em;
	margin-top:20px;
	/* 20220329 mod start */
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	font-size:0.75rem; 
	/*margin-left:16px;
	/* 20220329 mod end   */
}

/* 20220501 add start */
.idxRecBanArea {
	background-color: #f1f1f1;
	border: 1px solid #ffffff;
	outline: 1px solid #f1f1f1;
	padding:1rem 1rem 1.5rem;
	margin-bottom:30px;
}

.idxRecBanAnc {
	background-color:#fff;
	padding:0.5rem 1rem;
	display:flex;
	flex-direction:column;
	border:1px solid #bd0043;
	transition:0.5s;
}

.idxRecBanAnc:hover {
	background-color:#bd0043;
}

.idxRecBanAnc > span {
	color:#bd0043;
}

.idxRecBanAnc:hover > span {
	color:#fff;
}

.idxRecBanAncW {
	color:#36acff; 
	border-color:#36acff;
	margin-top:1rem;
}	

.idxRecBanAncW > span {
	color:#36acff;
}

.idxRecBanAncW:hover {
	background-color:#36acff; 
}	

.idxRecBanAncW:hover > span {
	color:#fff;
}

.idxRecBanAnc > span:first-child {
	font-size:1.25rem;
	font-weight:bold;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	line-height:1.2;
}

.idxRecBanAnc > span:first-child::after {
	content:'\f144';
	font-family:fontawesome;
	margin-top:-0.25rem;
}

.idxRecBanAnc > span:last-child {
	font-size:0.9rem;
	text-align:justify;
	line-height:1;
	padding-top:0.25rem;
}

.idxRecBanTxt {
	margin-top:0.5rem;
	font-size:0.8rem;
	text-align:justify;
}
/* 20220501 add end */

.leftjoblink {
	width:230px;
	height:305px;
	margin-top:30px;
}

.leftjoblinktitle {
	width:230px;
	height:43px;
}

.leftjoblinkbox{
	width:228px;
	height:41px;
	border:1px solid #DDD;
	background:linear-gradient(#ffffff, #ededed);
	background:-moz-linear-gradient(#ffffff, #ededed);
	background:-webkit-linear-gradient(#ffffff, #ededed);
}

.leftjobline{
	width:5px;
	height:21px;
	margin:10px 10px 0 9px;
	background-color:#d7004c;
	float:left;
}

.leftjobtext{
	margin-top:12px;
	color:#777;
	font-size:15px;
	font-weight:bolder;
	float:left;
}

.leftjobtextbox{
	margin:12px 5px 0 5px;
	color:#fff;
	font-size:13px;
	background-color:#d7004c;
	float:left;
	padding: 0 5px;
}

.staffentry {
	width:224px;
	height:80px;
	margin-left:3px;
	margin-top:20px;
}

.staffentryimg a {
    display: block;
    height: 80px;
    width: 80px;
	float:left;
}

.inquiry {
	width:134px;
	height:22px;
	padding-top:3px;
	background-color:#bd0043;
	color:#fff;
	font-size:13px;
	text-align:center;
}

.staffentrylink {
	width:134px;
	height:80px;
	margin-left:10px;
	float:left;
}

.staffentrytitle {
	width:134px;
	height:25px;
	margin-top:3px;
}

.staffentrytxt {
	width:134px;
	height:40px;
	margin-top:12px;
	color:#666666;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.staffentrytxt a {
	display:block;
	width:134px;
	height:40px;
	color:#666666;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.staffentrytxt a:hover {
	width:134px;
	height:40px;
	color:#cc0033;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
}


.staffres {
	width:224px;
	height:80px;
	margin-left:3px;
	margin-top:20px;
}

.staffresimg a {
    display: block;
    height: 80px;
    width: 80px;
	float:left;
}

.staffreslink {
	width:134px;
	height:80px;
	margin-left:10px;
	float:left;
}

.staffrestitle {
	width:134px;
	height:25px;
	margin-top:3px;
}

.staffrestxt {
	display:block;
	width:134px;
	height:40px;
	margin-top:12px;
	color:#666666;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.staffrestxt a {
	width:134px;
	height:40px;
	margin-top:12px;
	color:#666666;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.staffrestxt a:hover {
	width:134px;
	height:40px;
	margin-top:12px;
	color:#cc0033;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
}

.leftLine {
	width:230px;
	height:1px;
	margin-top:20px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666666;
	border-bottom-width:1px;
}

.leftbanner {
	width:230px;
	height:auto;
	margin-top:10px;
}

.leftcontlinkarea {
	width:230px;
}

.leftcontlinkBnner {
	width:230px;
	height:60px;
	margin-bottom:10px;
}

.leftbannerM {
	width:230px;
	height:auto;
/*	margin-top:10px;*/
	margin-bottom:10px;
}

/* 20220329 add start */
#staffLink { 
	float:left;
	display:flex;
	justify-content:center;
	align-items:center;
	width:320px;
	height:58px;
	border:1px solid #ccc;
	background-color:rgba(0,150,136,0.6);
}
/* 20220329 add end   */


.CnterBanner {
    display: block;
    width: 690px;
	height:113px;
    background-image: url(../../../../images/pickup_bg01.gif);
	float:left;
}

.CBarea {
	width:626px;
	height:64px;
	margin-top:30px;
	margin-left:30px;
}

.CBareaBnner1 {
	width:202px;
	height:64px;
	float:left;
}

.CBareaBnner2 {
	width:202px;
	height:64px;
	margin-left:10px;
	float:left;
}

.jobinfoarea {
    display: block;
/* 20220329 mod start */
width: 100%;
/*	width: 690px;
/* 20220329 mod end */	
/*	height:250px; */ /* insta対応 */
/* 20220329 del start 	
margin-top:30px;
/* 20220329 del end */	
/*	background-color:#f5f5f5;*/
float:left;
}

.jobinfoarea:after{
	content:'';
	clear:both;
}

.jobinfohead {
/* 20220329 del start 	
	width:690px;
/* 20220329 del end */	
	height:39px;
	background-color:#f5f5f5;
}

.jobinfotitle {
	width:419px;
	height:39px;
	float:left;
}

.jobinfotitle span:first-child {
	display:block;
	float:left;
	font-size:0.9em;
	color:#666666;
	padding: 9px;
}

.jobinfotitle span:last-child {
	display:block;
	float:left;
	font-size:0.6em;
	color:#666;
	padding:4px 8px;
	margin-left:10px;
	margin-top:8px;
	background-color:#ccc;
}

.jobinfolink {
	width:106px;
	height:10px;
	margin-top:13px;
	margin-right:20px;
	float:right;
}

.jobinfolink:hover span {
	transition:0.5s;
	color: #bd0043;
}

.jobinfolink .fa-caret-right {
	padding: 0.3em 2px 0 20px;
	font-size: 8px;
	background-color:#bd0043;
	color:#fff;
	height:10px;
	float:left;
}

.jobinfolink  span {
	transition:0.5s;
	font-size:0.6em;
	color:#666;
	margin-top:-2px;
	margin-left:10px;
	display:block;
	float:left;
}

.jobinforec {
/* 20220329 mod start*/
	margin-right:10px; 
	/*width:680px;
/* 20220329 mod end   */
	height:20px;
	margin-top:20px;
	margin-left:5px;
    border-bottom:1px dotted #666;    /* insta対応 */
}

/* insta対応 */
.jobinforecBox{
    margin:30px 0 20px;
    display: flex;
    justify-content: space-between;
}

.jobinforecBox > a{
    width:220px;
    display: flex;
    justify-content: space-between;
}

.jobinforecBox > a > div{
    display: flex;
    justify-content: space-between;
}

.jobinforecBox > a > div > div:first-of-type{
    width:90px;
    height:90px;
    margin-right:5px;
    background-size: cover;
    background-position: center;
}

.jobinforecBox > a > div > div:last-of-type{
    width:125px;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
}

.jobinforecBox > a > div > div:last-of-type > span:first-of-type{
    font-size:10px;
    width:30px;
    margin-left:0;
}

.jobinforecBox > a > div > div:last-of-type > div:first-of-type > .icon_pay{
    margin-right:5px;
}

.jobinforecBox > a > div > div:last-of-type > div:first-of-type > .jobinfopay{
    text-align: left;
}

.jobinforecBox > a > div > div:last-of-type > div:last-of-type{
    font-size:11px;
    line-height:1.3;
}

/* insta対応 */

.jobinfodata {
	width:140px;
	height:20px;
	margin-left:5px;
	color:#666666;
	font-size:12px;
	text-align:left;
	letter-spacing:130%;
	float:left
}

.icon_pay {
	width:30px;
	background-color:#666;
	font-size:0.7em;
	color:#fff;
	text-align:center;
	float:left;
	margin-right:10px;
}

.jobinfopay{
	font-size:0.7em;
	color:#555;
	float:left;
	width:70px;
	white-space:nowrap;
	overflow:hidden;
	text-align:right;
}

.jobinfotxt {
/* 20220329 mod start */
	width: 420px;
	/*width: 395px;
/* 20220329 mod end   */
	height:20px;
	color:#666666;
	font-size:12px;
	text-align:left;
	margin-left:10px;
	letter-spacing:130%;
	float:left;
}

/* insta対応
.jobLine {
	width:680px;
	height:1px;
	margin-left:5px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666666;
	border-bottom-width:1px;
}
   insta対応 */

.jobinfotxt a {
	display:block;
	width:500px;
	height:20px;
	color:#666666;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.jobinfotxt a:hover {
	width:510px;
	height:20px;
	color:#666600;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:underline;
}

.newstwarea {
    width: 690px;
	height:280px;
	clear:both;
}

.newsarea {
	display: block;
	width:690px;
	height:250px;
	margin-top:30px;
/*	background-color:#f5f5f5;*/
	float:left;
}

.newshead {
	width:690px;
	height:39px;
	background-color:#f5f5f5;
}

.newstitle {
	width:419px;
	height:39px;
	float:left;
}

.newstitle span:first-child {
	display:block;
	float:left;
	font-size:0.9em;
	color:#666666;
	padding: 9px;
}

.newstitle span:last-child {
	display:block;
	float:left;
	font-size:0.6em;
	color:#666;
	padding:4px 8px;
	margin-left:10px;
	margin-top:8px;
	background-color:#ccc;
}

.newslink {
	width:106px;
	height:10px;
	margin-top:13px;
	margin-right:20px;
	float:right;
}

.newslink:hover span {
	transition:0.5s;
	color:#bd0043;
}

.newslink .fa-caret-right {
	padding: 0.3em 2px 0 20px;
	font-size: 8px;
	background-color:#1e50a2;
	color:#fff;
	height:10px;
	float:left;
}

.newslink  span {
	transition:0.5s;
	font-size:0.6em;
	color:#666;
	margin-top:-2px;
	margin-left:10px;
	display:block;
	float:left;
}

.newsrec {
/* 20220329 del start 
	width:680px;
/* 20220329 del end */
	height:20px;
	margin-top:20px;
	margin-left:5px;
}

.newsdata {
	width:165px;
	height:20px;
	margin-left:5px;
	color:#666666;
	font-size:12px;
	text-align:left;
	float:left
}

/* 20180326 add */
.newsdata > span {
    color:#fff;
    font-size:9px;
    letter-spacing:1px;
	/* 20221202 del start */
    /*border-bottom:4px solid #f1f1f1;
	/* 20221202 del end   */
    width:60px;
    display:inline-block;
    text-align:center;
    padding-top:2px;
}

.newsdata > span.newsIcon {
    background-color:#645a15;
}

.newsdata > span.updateIcon {
    background-color:#aaaa36;
}

.newsdata > span.releaseIcon {
    background-color:#843e3c;
}
/* 20180326 add */

/* 20180802 add */
.newsdata > span.mediaIcon {
    background-color:#2d5613;
}
/* 20180802 add */

.newstxt {
	height:20px;
	color:#666666;
	font-size:12px;
	text-align:left;
	margin-left:2px;
	letter-spacing:130%;
	float:left;
}

.newsLine {
/* 20220329 del start 
	width:680px;
/* 20220329 del end */
	height:1px;
	margin-left:5px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666666;
	border-bottom-width:1px;
}

.newstxt a {
	display:block;
	height:20px;
	color:#666666;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.newstxt a:hover {
	height:20px;
	color:#666600;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.portalarea{
	/*width:690px;*/ /* insta対応 */
	/* 20221202 mod start */
	/*width:950px;*/
	width:1100px;
	/* 20221202 mod end   */
	/*height:690px;*/ /* insta対応 */
	/*margin: 30px auto;*/ /* insta対応 */
	margin: 60px auto 30px;
}

.portalbox {
	position:relative;
	float:left;
	margin: 5px;
}

.portalhead {
	/*width:690px;*/ /* insta対応 */
	/* 20221202 mod start */
	/*width:950px;*/
	width:100%; 
	/* 20221202 mod end */
	height:39px;
	background-color:#f5f5f5;
}

.portaltitle {
	width:419px;
	height:39px;
	float:left;
}

.portaltitle span:first-child {
	display:block;
	float:left;
	font-size:0.9em;
	color:#666666;
	padding: 9px;
}

.portaltitle span:last-child {
	display:block;
	float:left;
	font-size:0.6em;
	color:#666;
	padding:4px 8px;
	margin-left:10px;
	margin-top:8px;
	background-color:#ccc;
}

.portallink {
	width:106px;
	height:10px;
	margin-top:13px;
	margin-right:20px;
	float:right;
}

.portallink:hover span {
	transition:0.5s;
	color: #bd0043;
}

.portallink .fa-caret-right {
	padding: 0.3em 2px 0 20px;
	font-size: 8px;
	background-color:#68b800;
	color:#fff;
	height:10px;
	float:left;
}

.portallink  span {
	transition:0.5s;
	font-size:0.6em;
	color:#666;
	margin-top:-2px;
	margin-left:10px;
	display:block;
	float:left;
}

/* insta対応 */
.portalListBox {
    margin-top:10px;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* insta対応 */

/* 20221202 add start */
.portalListBox .categoryListS { 
	width:calc(100% / 4.2);
	margin-top:1rem; 
}
.portalListBox .categoryListS::after { 
	content:'';
	display:block; 
	padding-top:100%; 
}
.portalListBox .categoryListS .PostContentSL { 
	width:100% !important;
	height:100% !important;
	margin-top:0; 
	background-size:cover !important;
	position:relative; 
}
/* 20221202 add end   */

.portalbox div.portalicon {
	position:absolute;
	top:15px;
	left:15px;
	width:40px;
	height:40px;
	background-color:#333;
	font-size:12px;
	text-align:center;
	line-height:40px;
	color:#fff;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
}

.portalbox div.portalicon.portaliconh {
	background-color:#006e54;
}

.portalbox div.portalicon.portalicona {
	background-color:#1e50a2;
}

.portalbox div.portalicon.portaliconm {
	background-color:#e6b422;
}

.portalbox div.portalicon.portalicong {
	background-color:#4b0082;
}

.portalbox div.portalicon.portalicone {
	background-color:#b7282e;
}

.portalbox div.portalicon.portaliconr {
	background-color:#192f60;
}

.portalbox div.portalicon.portaliconf {
	background-color:#339933;
}

.portalbox div.portalicon.portaliconc {
	background-color:#38a1db;
}

.portalbox div.portalicon.portaliconw {
	background-color:#474b42;
}

.portalbox div.portaltext {
	position:absolute;
	bottom: 0;
	height:50px;
	background-color:#333;
	opacity:0.6;
	color:#fff;
	font-size:0.75em;
	padding:10px;
}

/* insta対応 */
.instaarea{
	width:950px;
	margin: 60px auto 30px;
}

.instahead {
	width:950px;
	height:39px;
	background-color:#f5f5f5;
}

.instatitle {
	width:419px;
	height:39px;
	float:left;
}

.instatitle span:first-child {
	display:block;
	float:left;
	font-size:0.9em;
	color:#666666;
	padding: 9px;
}

.instatitle span:last-child {
	display:block;
	float:left;
	font-size:0.6em;
	color:#666;
	padding:4px 8px;
	margin-left:10px;
	margin-top:8px;
	background-color:#ccc;
}

.instalink {
	width:106px;
	height:10px;
	margin-top:13px;
	margin-right:20px;
	float:right;
}

.instalink:hover span {
	transition:0.5s;
	color: #bd0043;
}

.instalink .fa-caret-right {
	padding: 1px 2px 1px 20px;
	font-size: 8px;
	background-color:#e4007f;
	color:#fff;
	height:10px;
	float:left;
}

.instalink  span {
	transition:0.5s;
	font-size:0.6em;
	color:#666;
	margin-top:-2px;
	margin-left:10px;
	display:block;
	float:left;
}

.instaListBox{
    margin-top:25px;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.instaListBox > .insta{
    position:relative;
}

.instaListBox > .insta > div{
    position:absolute;
    top:10px;
    left:10px;
    width: 50px;
    height: 50px;
    background-color:rgba(255,255,255,0.6);
    border-radius: 50%;
    display:flex;
    justify-content: center;
    align-items: center;
}

.instaListBox > .insta > div > img{
    width:70%;
}
.galleryarea{
    background-color:#e4007f;
}

.galleryhead{
    width:950px;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:25px 0;
}

.gallerytitle > span:first-of-type {
    font-size:0.9em;
    color:#fff;
}

.gallerytitle > span:last-of-type {
    display: inlne-block;
    font-size:0.6em;
    color:#e4007f;
    background-color:#fff;
    padding:4px 8px;
    margin-left:20px;
}

.gallerylink{
    margin-right:20px;
}

.gallerylink .fa-caret-right{
    background-color:#fff;
    color:#e4007f;
    padding:1px 2px 1px 20px;
    font-size:8px;
}

.gallerylink span{
    font-size:0.6em;
    color:#fff;
    margin-left:10px;
}

.galleryListBox div.swiper-container{
    width:100%;
    padding-bottom:25px;
}

.galleryListBox div.swiper-container .swiper-wrapper div.swiper-slide{
    width:220px;
    height:130px;
    margin:0 10px;
    background-size: cover;
    background-position: center;
}

.galleryListBox div.swiper-container .swiper-wrapper div.swiper-slide img.idx-sp-image{
    width:100%;
}

/* insta対応 */

.footbannerarea {
	width:100%;
	background-color:#f9f9f9;
	margin-top:80px;
}

.footbanner {
	margin: 0 auto;
/* 20220330 mod start */
	width:1100px;
	/*width:950px;
/* 20220330 mod end   */
	height:110px;
}

.footbannerarea a {
	float:left;
	padding:30px 0 20px;
/* 20220330 mod start */
	margin-right:60px;
	/*margin-right:10px;
/* 20220330 mod start */
}

.footbannerarea a:last-child {
	float:left;
	padding:30px 0 20px;
	margin-right: 0;
}

/* 20171024 add */
.footbanner:nth-child(2) {
    height:100px;
}

.footbanner:nth-child(2) a {
    padding-top:10px;
}
/* 20171024 add */

.footlink {
	clear:both;
	background-color:#f5f5f5;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
    box-shadow:0 0 20px rgba(0,0,0,0.3);
}

.footlinkarea {
/* 20220329 mod start */
	width:1100px;
	/*width:950px;
/* 20220329 mod start */
	height:230px;
	margin:0 auto;
}

/* 20220329 del start *
.footlinkarea:after {
	content:'';
	clear:both;
}
/* 20220329 del end   */

/* insta対応 */
.footlinkarea.midFoot{
    height:100px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.footlinkarea.midFoot{
    font-size:13px;
}
/* insta対応 */

.footbar {
	display:block;
	width:100%;
	height:45px;
	background-color: #666;
}

.footbar a {
	float:right;
	padding:3px 0 3px;
	width:13%;
	margin-left:1%;
	border:1px solid #fff;
	color: #fff;
	text-align:center;
	font-size:0.7em;
}

.footbar a:hover{
	background-color:#bbb;
	border-color:#bbb;
	color:#fff;
}

.copy {
	margin:0 auto;
/* 20220330 mod start */
	width: 1100px;
	/*width: 950px;
/* 20220330 mod end   */
	padding-top:10px;
}

.copy span {
	font-size: 0.75em;
	color: #fff;
	display:inline-block;
	margin-top:5px;
}

.footlinkCom {
/* 20220330 mod start */
	width:183px;
	/*width:159px;
/* 20220330 mod end */
	height:181px;
	margin-top:25px;
	float:left;
}


.Comtxt {
/* 20220330 mod start */
	width:183px;
/*	width:159px;
/* 20220330 mod end */
	height:20px;
}

.Comtxt a {
	display:block;
	width:104px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	float:left;
}

.Comtxt a:hover {
	width:104px;
	height:20px;
	color:#003399;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	float:left;
}


.ComIcon {
	width:10px;
	height:2px;
	background-color:#5889DB;
	float:left;
	margin-top:5px;
}

.secComtxt a {
	display:block;
	width:139px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	margin-top:10px;
}

.secComtxt a:hover {
	width:139px;
	height:20px;
	color:#003399;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	margin-top:10px;
}


.footlinkInfo {
/* 20220330 mod start */
	width:183px;
	/*width:158px;
/* 20220330 mod end */
	height:181px;
	margin-top:25px;
	float:left;
}

.Infotxt {
	width:158px;
	height:20px;
}

.Infotxt a {
	display:block;
	width:103px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	float:left;
}

.Infotxt a:hover {
	width:103px;
	height:20px;
	color:#cc00cc;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	float:left;
}


.InfoIcon {
	width:10px;
	height:2px;
	background-color:#BE4CDA;
	float:left;
	margin-top:5px;
}

.secInfotxt a {
	display:block;
	width:138px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	margin-top:10px;
}

.secInfotxt a:hover {
	width:138px;
	height:20px;
	color:#cc00cc;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	margin-top:10px;
}




.footlinkBus {
/* 20220330 mod start */
	width:183px;
	/*width:158px;
/* 20220330 mod end */
	height:181px;
	margin-top:25px;
	float:left;
}

.Bustxt {
	width:158px;
	height:20px;
}

.Bustxt a {
	display:block;
	width:103px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	float:left;
}

.Bustxt a:hover {
	width:103px;
	height:20px;
	color:#da4c4c;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	float:left;
}


.BusIcon {
	width:10px;
	height:2px;
	background-color:#DA4C4C;
	float:left;
	margin-top:5px;
}

.secBustxt a {
	display:block;
	width:138px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	margin-top:10px;
}

.secBustxt a:hover {
	width:138px;
	height:20px;
	color:#da4c4c;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	margin-top:10px;
}


.footlinkJob {
/* 20220330 mod start */
	width:183px;
	/*width:158px;
/* 20220330 mod end */
	height:181px;
	margin-top:25px;
	float:left;
}

.Jobtxt {
	width:158px;
	height:20px;
}

.Jobtxt a {
	display:block;
	width:103px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	float:left;
}

.Jobtxt a:hover {
	width:103px;
	height:20px;
	color:#ff6600;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	float:left;
}


.JobIcon {
	width:10px;
	height:2px;
	background-color:#FF9933;
	float:left;
	margin-top:5px;
}

.secJobtxt a {
	display:block;
	width:138px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	margin-top:10px;
}

.secJobtxt a:hover {
	width:138px;
	height:20px;
	color:#ff6600;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	margin-top:10px;
}


.footlinkRec {
/* 20220330 mod start */
	width:183px;
	/*width:158px;
/* 20220330 mod end */
	height:181px;
	margin-top:25px;
	float:left;
}

.Rectxt {
	width:158px;
	height:20px;
}

.Rectxt a {
	display:block;
	width:103px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	float:left;
}

.Rectxt a:hover {
	width:103px;
	height:20px;
	color:#666600;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	float:left;
}


.RecIcon {
	width:10px;
	height:2px;
	background-color:#CC3;
	float:left;
	margin-top:5px;
}

.secRectxt a {
	display:block;
	width:138px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	margin-top:10px;
}

.secRectxt a:hover {
	width:138px;
	height:20px;
	color:#666600;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	margin-top:10px;
}


.footlinkCon {
/* 20220330 mod start */
	width:184px;
	/*width:159px;
/* 20220330 mod end */
	height:181px;
	margin-top:25px;
	float:left;
}

.Contxt {
	width:159px;
	height:20px;
}

.Contxt a {
	display:block;
	width:104px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	float:left;
}

.Contxt a:hover {
	width:104px;
	height:20px;
	color:#006600;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	float:left;
}


.ConIcon {
	width:10px;
	height:2px;
	background-color:#393;
	float:left;
	margin-top:5px;
}

.secContxt a {
	display:block;
	width:139px;
	height:20px;
	color:#666666;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	margin-top:10px;
}

.secContxt a:hover {
	width:139px;
	height:20px;
	color:#006600;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
	margin-top:10px;
}


.sideCommon a {
	width:230px;
	background-color:#bbb;
	color:#fff;
	font-size:0.75em;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	margin-bottom:7px;
}

.sideCommon a:hover {
	background-color:#666;
}


ul,li { 
	margin:0;
	padding:0;
	z-index:200; 
}

.globalNavi	{
	width:950px; 
	height: 60px;
	margin-top:20px;
	z-index:100;
}

/* 新着情報 */

#nav { 
	width: 158px;
	margin: 0 auto;
	position: relative;
	line-height:1;
	text-align: left;
	float:left;
	}
	
#nav li { 
	list-style: none;
	float: left;
	position: relative;
	line-height:0;
}

#nav ul {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	font-size:1px;
}

* html #nav ul {
	line-height: 0;
}

#nav ul li {
	float: none;
	line-height:0px;
}

#nav ul {
	width: 158px;
}

#nav ul ul {
	top: 0;
	left: 160px;
}

#nav ul a { 
	display: block;
	width: 145px;
	background:#9932cc;
	padding: 6px;
	font-size:11px;
	text-decoration:none;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	zoom: 1;
	line-height: normal;
}

#nav ul a.hover {
	background: #8b008b;
	zoom: 1;
	line-height:normal;
}

.infosubtitle {
	width:680px;
	height:25px;
	margin-top:40px;
	margin-left:5px;
	font-size:12px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
}

/* 会社情報 */

#navi { 
	width: 158px;
	margin: 0 auto;
	position: relative;
	line-height:1;
	text-align: left;
	float:left;
	}
	
#navi li {
	list-style: none;
	float: left;
	position: relative;
	line-height:0;
}

#navi ul {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	font-size:1px;
}

* html #navi ul {
	line-height: 0;
}

#navi ul li {
	float: none;
	line-height:0;
}

#navi ul {
	width: 158px;
}

#navi ul ul {
	top: 0;
	left: 160px;
}

#navi ul a { 
	display: block;
	width: 145px;
	background:#007fff;
	padding: 6px;
	font-size:11px;
	text-decoration:none;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	zoom: 1;
	line-height: normal;
}

#navi ul a.hover {
	background: #3838ff;
	zoom: 1;
	line-height: normal;
}


/* 事業内容 */

#navb { 
	width: 158px;
	margin: 0 auto;
	position: relative;
	line-height:1;
	text-align: left;
	float:left;
	}
	
#navb li { 
	list-style: none;
	float: left;
	position: relative;
	line-height:0;
}

#navb ul {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	font-size:1px;
}

* html #navb ul {
	line-height: 0;
}

#navb ul li {
	float: none;
	line-height:0;
}

#navb ul {
	width: 158px;
}

#navb ul ul {
	top: 0;
	left: 160px;
}

#navb ul a { 
	display: block;
	width: 145px;
	background:#d9333f;
	padding: 6px;
	font-size:11px;
	text-decoration:none;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	zoom: 1;
	line-height:  normal;
}

#navb ul a.hover {
	background: #b22222;
	zoom: 1;
	line-height: normal;
}


/* 仕事を探す */


#navj { 
	width: 158px;
	margin: 0 auto;
	position: relative;
	line-height:1;
	text-align: left;
	float:left;
	}
	
#navj li { 
	list-style: none;
	float: left;
	position: relative;
	line-height: 0;
}

#navj ul {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	font-size:1px;
}

* html #navj ul {
	line-height: 0;
}

#navj ul li {
	float: none;
	line-height:0;
	}

#navj ul {
	width: 158px;
}

#navj ul ul {
	top: 0;
	left: 160px;
}

#navj ul a { 
	display: block;
	width: 145px;
	background:#f08300;
	padding: 6px;
	font-size:11px;
	text-decoration:none;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	zoom: 1;
	line-height:  normal;
}

#navj ul a.hover {
	background: #ea5506;
	zomm: 1;
	line-height:normal;
}

.regileadTxt {
	width:680px;
	height:70px;
	margin-top:40px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.regioutlinearea {
	width:680px;
	height:auto;
	margin-left:5px;
}

.regioutlinetitle {
	width:680px;
	height:20px;
	margin-top:30px;
	font-size:11px;
	font-weight:bold;
	color:#008000;
}

.regioutlinetitle span {
	color:#ff9933;
	font-size:1.5em;
	font-weight:bolder;
}

.regioutlineTxt {
	width:680px;
	height:40px;
	margin-top:5px;
	font-size:11px;
	color:#333333;
}

.regiexparea {
	width:680px;
	height:180px;
	margin-top:30px;
	background-color:#f5f5f5;
}

.regiexpimg {
	width:390px;
	height:160px;
	margin-top:20px;
	margin-left:10px;
	float:left;
}

.regiexpTxt {
	width:230px;
	height:160px;
	margin-top:20px;
	margin-left:30px;
	font-size:11px;
	color:#333333;
	float:left;
}

.regiexpTxt div {
	margin-top:10px;
	background-color:#fff;
	border: 1px solid #339933;
	border-radius:5px;
	text-align:center;
	color:#339933;
	font-size:1.3em;
	font-weight:bolder;
	padding:5px;
	background:linear-gradient(#ffffff,#efefef);
	background:-webkit-linear-gradient(#ffffff,#efefef);
	background:-moz-linear-gradient(#ffffff,#efefef);
}

.regiexpTxt div tel {
	color:#339933;
}

.regiexpBarea {
	width:680px;
	height:142px;
	background-color:#f5f5f5;
}

.regiexpBimg {
	width:390px;
	height:132px;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

.regiexpBTxt {
	width:230px;
	height:127px;
	margin-top:10px;
	margin-left:30px;
	font-size:11px;
	color:#333333;
	float:left;
}

.regiexpCarea {
	width:680px;
	height:100px;
	background-color:#f5f5f5;
}

.regiexpCimg {
	width:390px;
	height:70px;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

.regiexpCTxt {
	width:230px;
	height:70px;
	margin-top:10px;
	margin-left:30px;
	font-size:11px;
	color:#333333;
	float:left;
}

.regiCline {
	width:230px;
	height:1px;
	padding-bottom:5px;
	border-bottom:dotted 1px;
	border-color:#333333;
}

.regibanner {
	width:680px;
	height:70px;
	margin-top:50px;
}

.regibanner:after {
	content: '';
	clear:both;
}

.regibannerBox {
	transition:0.5s;
	border:1px solid #ccc;
}

.regibannerBox:hover {
	transition:0.5s;
	border-color:#339933;
}

.regibannerBox div:last-child span {
	transition:0.5s;
	color:#999;
}

.regibannerBox:hover div:last-child span {
	transition:0.5s;
	color:#339933;
}

.regibannerBox div:first-child {
	display:table-cell;
	height:70px;
	width:80px;
	text-align:center;
	vertical-align:middle;
	font-size:1em;
	font-weight:600;
	color:#fff;
	background-color:#339933;
	letter-spacing:2px;
	line-height:1.5;
}

.regibannerBox div:last-child {
	display:table-cell;
	height:70px;
	width:599px;
	vertical-align:middle;
	font-size:1em;
	font-weight:600;
	background:linear-gradient(#ffffff, #efefef);
	background:-webkit-linear-gradient(#ffffff, #efefef);
	background:-moz-linear-gradient(#ffffff, #efefef);
	letter-spacing:2px;
	line-height:1.5;
}

.regibannerBox div:last-child span {
	font-size:0.75em;
	letter-spacing: 0;
}

.regibannerBox div:last-child span:first-child {
	font-size:1.15em;
	font-weight:800;
	margin-left:40px;
}

.regibannerBox div:last-child span:last-child {
	font-weight:600;
	margin-left:40px;
}

.regiAsubtitle {
	width:680px;
	height:25px;
	margin-top:50px;
}

.regiATxt {
	width:680px;
	/* height:160px; */
	margin-top:10px;
	font-size: 11px;
	letter-spacing:0.1em;
	line-height:1.8em;
	color:#333333;
}

.regiATxt > ul {
	margin: 10px 0 0 20px !important;
}

.regiATxt > ul > li {
    list-style: disc !important;
    font-weight: bold;
}

.regiATxt > ul > li > p {
    margin-top: 0.5rem;
    font-weight: normal;
}

.regiBTxt {
	width:680px;
	height:60px;
	margin-top:10px;
	font-size: 11px;
	letter-spacing:0.1em;
	line-height:1.6em;
	color:#333333;
}

.regiCTxt {
	width:680px;
	height:90px;
	margin-top:10px;
	font-size: 11px;
	letter-spacing:0.1em;
	line-height:1.6em;
	color:#333333;
}



/* 採用情報 */


#navre { 
	width: 158px;
	margin: 0 auto;
	position: relative;
	line-height:1;
	text-align: left;
	float:left;
	}
	
#navre li { 
	list-style: none;
	float: left;
	position: relative;
	line-height: 0;
}

#navre ul {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	font-size:1px;
}

* html #navre ul {
	line-height: 0;
}

#navre ul li {
	float: none;
	line-height:0;
	}

#navre ul {
	width: 158px;
}

#navre ul ul {
	top: 0;
	left: 160px;
}

#navre ul a { 
	display: block;
	width: 145px;
	background:#baba2b;
	padding: 6px;
	font-size:11px;
	text-decoration:none;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	zoom: 1;
	line-height:  normal;
}

#navre ul a.hover {
	background: #8f8f20;
	zomm: 1;
	line-height:normal;
}


/* 採用情報 */


#navco { 
	width: 158px;
	margin: 0 auto;
	position: relative;
	line-height:1;
	text-align: left;
	float:left;
	}
	
#navco li { 
	list-style: none;
	float: left;
	position: relative;
	line-height: 0;
}

#navco ul {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	font-size:1px;
}

* html #navco ul {
	line-height: 0;
}

#navco ul li {
	float: none;
	line-height:0;
	}

#navco ul {
	width: 158px;
}

#navco ul ul {
	top: 0;
	left: 160px;
}

#navco ul a { 
	display: block;
	width: 145px;
	background:#339933;
	padding: 6px;
	font-size:11px;
	text-decoration:none;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	zoom: 1;
	line-height:  normal;
}

#navco ul a.hover {
	background: #277727;
	zomm: 1;
	line-height:normal;
}


/* お仕事情報 */
* { font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif; color:#333; }
a { color:#555; text-decoration:none; }
a:hover { color:#f63; text-decoration:none; }
ul,li { margin:0; padding:0; list-style:none; }

.freecallJob {
    border: 1px solid #f93;
    margin-top: 40px;
    padding: 5px;
    display: flex;
    justify-content: space-around;
    align-items:center;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    -webkit-align-items:center;
}

.freecallJob span {
    color: #f93;
    font-size: 0.8rem;
}

.freecallJob span:nth-child(2) {
    font-size: 1.5rem;
    letter-spacing: 1.5px;
    font-weight: bold;
}

.contentsJob {
	width:950px;
	height:auto;
	margin-top:10px;
}


.centerCJob {
	width:690px;
	height:auto;
/* 20220331 mod start */
	margin-left:60px;
	/*margin-left:30px;
/* 20220331 mod start */
	float:left;
	margin-bottom: 30px;
}

.jobleadTxt {
	width:680px;
	margin-top:40px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.jobRecarea {
	width:680px;
	height:300px;
	margin-top:50px;
	float:left;
}

.jobRecTitlearea {
	width:680px;
	height:30px;
	background-color:#ff9933;
	float:left;
}

.jobRecTitle {
	width:540px;
	height:20px;
	margin-top:7px;
	margin-left:10px;
	font-size:11px;
	letter-spacing:0.1em;
	color:#ffffff;
	float:left;
}

.jobRecTitleA {
	width:490px;
	height:20px;
	margin-top:7px;
	margin-left:10px;
	font-size:11px;
	letter-spacing:0.1em;
	color:#777777;
	float:left;
}

.jobRecTitleB {
	width:490px;
	height:20px;
	margin-top:7px;
	margin-left:10px;
	font-size:11px;
	font-weight: bold;
	letter-spacing:0.1em;
	color:#ffffff;
	float:left;
}

.jobRecTitleC {
	width:490px;
	height:20px;
	margin-top:7px;
	margin-left:10px;
	font-size:11px;
	font-weight: bold;
	letter-spacing:0.1em;
	color:#333333;
	float:left;
}

.jobRecTitleD {
	width:490px;
	height:20px;
	margin-top:7px;
	margin-left:10px;
	font-size:11px;
	letter-spacing:0.1em;
	color:#000033;
	float:left;
}


.jobRecNo {
	width:120px;
	height:20px;
	margin-top:7px;
	font-size:11px;
	letter-spacing:0.1em;
	text-align: right;
	margin-right:10px;
	color:#777777;
	float:left;
}

.jobRecOutline {
	width:660px;
	height:40px;
	margin-top:10px;
	margin-left:5px;
	font-size:11px;
	letter-spacing:0.1em;
	color:#333333;
	float:left;
}

.jobRecCondarea {
	width:680px;
	height:30px;
	margin-top:20px;
}

.jobRecCondMarea {
	width:680px;
	height:30px;
}

.jobComddataarea {
	width:120px;
	height:30px;
	background-color:#dcdcdc;
	font-size:11px;
	letter-spacing:0.1em;
	color:#333333;
	float:left;
}

.jobMailLink{
	float:left;
	width:680px;
	height:30px;

}

.jobMailLink a{
	font-size:11px;
	margin-left:10px;
	letter-spacing:0.1em;
	color:#c82c55;
}

.jobMailLink a:hover{
	font-size:11px;
	margin-left:10px;
	letter-spacing:0.1em;
	color:#c82c55;
	text-decoration:underline;
}

.jobComddata {
	width:120px;
	height:20px;
	margin-top:7px;
	font-size:11px;
	text-align:center;
	letter-spacing:0.1em;
	color:#333333;
}

.jobComddatatxtarea {
	width:220px;
	height:30px;
	background-color:#f5f5f5;
	font-size:11px;
	letter-spacing:0.1em;
	color:#333333;
	float:left;
}

.jobComddatatxt {
	width:220px;
	height:20px;
	margin-top:7px;
	font-size:11px;
	text-align:center;
	letter-spacing:0.1em;
	color:#333333;
}

.jobComdqualarea {
	width:680px;
	height:auto;
	min-height:80px;
	background-color:#f5f5f5;
	margin-top:10px;
	float:left;
}

.jobComdqualdata {
	width:120px;
	height:20px;
	margin-top:7px;
	font-size:11px;
	text-align:center;
	letter-spacing:0.1em;
	color:#333333;
	float:left;
}

.jobComdqualtxt {
	width:550px;
	height:auto;
	min-height:73px;
	margin-top:7px;
	font-size:11px;
	letter-spacing:0.1em;
	color:#333333;
	float:left;
	padding-bottom: 7px;
}

.jobLinkarea {
	width:680px;
	height:140px;
	margin-top:0px;
	margin-bottom:60px;
}

.jobLincRecUp {
	width:680px;
	height:20px;
	display:block;
	padding:0;
}

.jobLinkRecDn {
	width:680px;
	height:20px;
	margin-top:10px;
	display:block;
	padding:0;
}

.jobLinkIcon {
	width:170px;
	height:20px;
	padding:0;
	display:block;
	float:left;
}

.jobRecarea {
	height: auto;
}

.jobRecOutline{
	height: auto;
	width:680px;
}

.jobRecOutlineImg{
	max-width: 35%;
	float:left;
}

.jobRecOutlineImg>img{
	max-width: 100%;
}

.JobCat { width:680px; }
.JobCat > li { float:left; font-size:0.8em; padding-left:8px; margin-top:10px; }

.catArea { background-color:#f1f1f1; width:680px; padding:7px 0; margin-bottom:20px; }
.catArea > span:first-child { color:#f93; font-weight:bolder; margin-left:5px; font-size:1.0em; }
.catArea > span { color:#f93; font-size:0.8em; padding-left:7px; }
/*
.CatCrumb { clear:both; padding-top:40px; color:#f63; }
.CatCrumb > span { padding-left:15px; color:#f63; font-size:0.95em; }
*/
ul{margin:0 !important; padding:0 !important;}
li{list-style:none !important;}
.tab{overflow:hidden;}
.tab li{ background:#f5f5f5; padding:5px 25px; float:left; color:#555; margin-right:3px; font-weight:600; cursor:pointer; }
.tab li.select{ background:#e3e3e3; }
.content li{ background:#e3e3e3; padding:20px; font-size:0.85em; width:640px; line-height:2em; }
.content li a { padding-left:10px; color:#333; text-decoration:underline;}
.content li a:hover { color:#ff7f00; }
.hide {display:none;}

/* 仕事情報がない場合の通知メッセージ */

.jobNotice {
	clear:both;
	width:680px;
	height:60px;
	padding-top:90px;
	margin-top:40px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.contentsClm {
	width:950px;
	height:auto;
	margin-top:10px;
}

.centerTxtClm {
	width:690px;
	height:auto;
	margin-left:30px;
	float:left;
}

.NoticeTxt {
	float:left;
	width:680px;
	height:60px;
	margin-top:40px;
	margin-left:10px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

/* 新着情報年別リンク */
div.infosubtitle span {
	letter-spacing: -0.1em;
	margin-right:10px;
	font-size:20px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","MS P ゴシック","verdana",sans-serif;
	white-space: nowrap;
}
div.infosubtitle span.activeY{
	color:#BF3EFF;
}
div.infosubtitle a{
	color:#808080;
	white-space: nowrap;
}

div.infosubtitle a:hover{
	color:#BF3EFF;
	text-decoration: underline;
}

div.infosubtitle{
	height:100%;
	line-height: 200%;
}

/* Blog用　*/
.contentsBlog a:hover{
	color:#003333;	
}

.crumb {
    width: 940px;
    height: 18px;
    margin-top: 15px;
    font-size: 10px;
    color: rgb(102, 102, 102);
}

.contentsBlog {
    width: 1100px;
    height: 100%;
    margin-top: 40px;
    margin-bottom:30px;
}

.leftBlog{
    width: 300px;
    /* height: 900px; */
    font-size:11px;
    float: left;
}

.Blogtitle {
	width:690px;
	height:43px;
	background-color: #003333;
}

.Blogtitle div:first-child{
	float:left;
	width:500px;
	color:#fff;
	margin:10px
}

.Blogtitle div:last-child{
	float:left;
	width:150px;
	color:#fff;
	margin:10px;
	font-size:13px;
	text-align:right;
}

.Blogtitle span {
	display:table-cell;
	width:169px;
	height:43px;
	background-color:#6a7172;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-size:0.9em;
}

.Blogtitle span:first-child {
	background-color:#6a7172;
}

.Blogtitle span:last-child {
	background-color:#999;
	font-size:0.6em;
}


.BlogleadTxt {
    width: 680px;
    height: 20px;
    margin-top: 20px;
    margin-left: 5px;
    font-size: 11px;
    letter-spacing: 0.1em;
    color: rgb(51, 51, 51);
}

div.centerCBlog{
	width:690px;
	margin-left:30px;
	float:left;
}

.Postarea{
	font-size: 11px;
}

.PostList{
	height:220px;
	margin-top:20px;
	background-repeat:no-repeat;
	background-position:center;
}

.PostTitlearea{
	width:690px;
	height:90px;
	position:absolute;
	margin-top:130px;
	background-color:#333;
	opacity:0.8;

}

.PostTitleareaSL{
	/* 20221202 mod start */
	bottom:0;
	width:100%;
	/*width:220px;*/
	/* 20221202 mod end   */
	height:70px;
	position:absolute;
	margin-top:150px;
	background-color:#333;
	opacity:0.7;

}

.PostTitleareaS{
	height:60px;
	background-color: #003333;

}

.PostCategory {
	position: absolute;
	margin:10px;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	background-color:#4a9933;
	padding: 15px 10px;
	letter-spacing:1px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
}

.PostTitle{
	margin-top:5px;
	margin-left:10px;
	letter-spacing:0.1em;
	color:#fff;
	font-weight:bold;
}

.PostTitleS{
	width: 670px;
	height: 20px;
	margin-top: 7px;
	margin-left: 10px;

	letter-spacing: 0.1em;
	color: rgb(255, 255, 255);
	float: left;
}

.PostTitleSL{
	height:45px;
	margin: 4px 10px 0 10px;
	letter-spacing:0.1em;
	color:#fff;
	font-size:12px;
	line-height:1.7;
	overflow:hidden;
	/* 20221202 add start */
	text-align:justify; 
	/* 20221202 add end */
}

.PostTitle a{
	color: rgb(255, 255, 255);
	text-decoration:none;
}
.PostTitle a:hover{
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

.PostHeader {
    height:25px;
    border-bottom:1px solid #ccc;
}

.PostClam {
    width: 490px;
    height: 20px;
    margin-top: 7px;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-align: left;
    margin-left: 10px;
    color: #fff;
	float: left;
}

.PostClam a{
	color: rgb(255, 255, 255);
	text-decoration:none;
}
.PostClam a:hover{
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

.PostDate {
	margin-top:5px;
	font-size:11px;
	letter-spacing:0.1em;
	margin-left:10px;
	color:#fff;
}

.PostDateS {
    width: 170px;
    height: 20px;
    margin-top: 7px;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-align: right;
    margin-right: 10px;
    color: #fff;
	float: left;
}

.PostSubTitle{
	margin:30px 0;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
}

.PostSubTitle>span {
	display: block;
	margin: 2px 0;
	padding: 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.PostContent{
	clear:both;
	width: 670px;
	padding: 5px 10px;
	letter-spacing: 0.1em;
	color: #fff;
	font-size: 12px;
	line-height: 150%;
	overflow:hidden;

}

.PostContentS{
	clear:both;
	width: 690px;
	/* height: 40px; */
	padding: 20px 0px 40px 0px;
	letter-spacing: 0.1em;
	color: rgb(51, 51, 51);
	font-size: 12px;
	line-height: 150%;
	overflow:hidden;
}

.PostContentS>img,
.PostImg>img{
	width:690px;
}

.PostContentSL{
	width:220px;
	height:220px;
	float:left;
	margin-top:15px;
	margin-right:15px;
	position:relative;
}

.centerCBlog>a:first-child > div{
	margin-top:0;
}

/* insta対応 */
.categoryLink a:last-child .PostContentSL,
.centerCBlog a.categoryList:nth-child(3n) .PostContentSL,
/*.portalarea a.categoryListS:nth-child(3n) .PostContentSL,*/
/*.portalListBox a.categoryListS:nth-child(3n) .PostContentSL,*/
.centerCBlog a.categoryListS:nth-child(3n+1) .PostContentSL {
	margin-right:0;
}

.portalListBox a.categoryListS:last-of-type{
    display: none;
}

.portalListBox a.categoryListS .PostContentSL{
    margin-right:0;
}
/* insta対応 */

.PostContent ul { 
	margin:auto;
	padding-left:3em; 
}
.PostContent ul>li{ 
	padding-left:0.4em; 
}

.PostContent img.emoji{
	vertical-align:middle;
	margin:0;
	padding: 2px;
}
.PostContent a{

	text-decoration: underline;
}

.PostContent a:hover{
	background-color: rgb(204, 204, 204);
}

.PostContent img{
	/* margin:2px; */
	vertical-align: bottom;
}

.snsLink { margin-bottom:15px; margin-right:10px; }

.blogFootText { margin-top:40px; margin-bottom:40px; }
.blogRndSep { display:-webkit-flex; display:flex; -webkit-flex-direction:row; height:20px; margin-bottom:40px; }
.divCircle:first-child, .divCircle:last-child { display:none; }
.divCircle { flex:1; display:flex; justify-content:center; }
.divCircle > div { width: 10px; height: 10px; border-radius: 50%; }
.blogBoxSep { display:-webkit-flex; display:flex; -webkit-flex-direction:row; height:5px; margin-bottom:40px; }
.blogRndSep.dn, .blogBoxSep.dn { display:none; }
.divbox:first-child, .divbox:last-child { display:none; }
.divbox { flex:1; display:flex; justify-content:center; }
.divbox > div { width: 5px; height: 5px; }
.div0 { background-color: transparent; }
.div1 { background-color: #038ecb; }
.div2 { background-color: #8a308e; }
.div3 { background-color: #22a151; }
.div4 { background-color: #96b72d; }
.div5 { background-color: #e2ac0b; }
.div6 { background-color: #e56a09; }
.div7 { background-color: #d02f22; }
.blogFootBanner { margin-bottom: 40px;display: flex;justify-content: flex-end;align-items: center;flex-direction: row-reverse; }
.blogBannerText { font-size: 1rem;line-height: 1.5;flex: 1; }
.blogFootBanner a { flex: 1; }
.blogFootBanner img { width:95%; height:auto; }
.blogFootBanner .banImg1 img { width:68%; height:auto; }
.blogRndSep.dn + div { margin-top:50px; }

/* ↓画像回り込み対応↓ */

.PostContent img.centered,img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.PostContent img.alignright,img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.PostContent img.alignleft,img.alignleft {
	padding-top: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

#honbun .PostContent img.aligncenter,.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ↑画像回り込み対応↑ */

.PostFooter{
	border:1px solid #C0C0C0;
	padding:5px;
	width: 678px;
    font-size: 10px;
    text-align: right;
    color: rgb(102, 102, 102);
}

.PageNaviArea{
	position: relative;
	text-align: center;
	font-size: 11px;
	height:20px;
	width:670px;
	margin:auto;
	margin-top:30px;
	/* border:1px solid #C0C0C0; */
	padding:5px;

}
.PageNaviArea div{
	color:#808080;
	text-align: center;
	border:1px solid #ccc;
	padding:10px;
}

.PageNaviArea a div{
	color:#555;
	border-color:#555;
}

.PageNaviArea a div:hover{
	color:#003333;
	border-color:#003333;
}

.navPrev{
	width:100px;
	float:left;
}

.navNext{
	width:100px;
	float:right;
}

.PageNaviArea_single{
	width:680px;
}
.navPrev_single,.navNext_single{
	width:295px;
}

.navTop{
	width:90px;
}

.PostTBarea{
	margin-top:20px;
	border:1px solid #C0C0C0;
	padding:5px;
	width: 648px;
	padding: 20px ;
}

.PostTBarea h3{
	margin:0px;
}
.PostTBarea .TBName{
	margin:10px 10px 0px 10px;
}

.PostTBarea .TBTxt{
	margin:0px 10px 10px 10px;
	border-bottom:1px solid #C0C0C0;
}
.PostTBarea .TBTxt p{
	color:#696969;
 	margin-top:0px;
 	margin-left:10px;
 	/* line-height: 50*/
}

.PostTBarea .TBTxt strong{
	color:#696969;
	margin-top:10px;
 	/* line-height: 50*/
}

.PostTBUrl{
	padding-top:20px;
	padding-left:10px;
}
.trackback_field{
	width:90%;
}
/* Blog Sidebar */

/* 検索 */
#searchform{

}
#searchform input#s{
	width:169px;
}
/* Archive */
.MenuItem{
	margin-top:20px;
}

.blogmenu .MenuItem:first-child{
	margin-top:0;
}

.blogCat{
	display:table-cell;
	width:300px;
	height:42px;
	background-color:#033;
	font-size:1.3em;
	color:#fff;
	vertical-align:middle;
	padding-left:10px;
}

.itemName{
	display: block;
	border-top: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
	background-color: rgb(238, 238, 238);
	padding: 10px 20px;
	color: rgb(51, 51, 51);
	width: 188px;
	margin: 0px;
	text-align: left;
}

.itemList{
	padding:10px 10px 20px 20px;
	border-left: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
}

.catList {
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px 10px;
	margin-left:0;
	background-color:#f3f3f3;
}

.catList2 {
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px 10px;
	margin-left:0;
}

.catList div {
	font-size:1.2em;
}

.catList div:first-child{
	line-height:150%;
	padding:10px 0 5px 5px;
	float:left;
}

.catList2 div:first-child{
	line-height:150%;
	padding:10px 0 5px 5px;
	float:left;
}

.arrow:before{
	content:"";
	background:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	float:left;
	width:20px;
	height:20px;
}

.arrowD:before{
	content:"";
	background:url(images/arrow_d.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	float:left;
	width:20px;
	height:20px;
}

.catList div:nth-child(2){
	line-height:150%;
	margin-top:10px;
	text-align:center;
	background-color:#777;
	color:#fff;
	float:right;
	width:100px;
	font-size:0.95em;
}

.itemList a:hover{
	background-color: rgb(204, 204, 204);
}

.leftManuBlog li{
	list-style: none;
	line-height:150%;
	background:url(images/arrow.gif);
	background-repeat: no-repeat;
	padding: 0 0 5px 14px;

}

.categoryNew{
	margin-top:40px;
}

.categoryNewTitle{
/*	margin:10px;*/
	height:20px;
	font-size:13px;
	background-color:#ccc;
	padding: 10px;
}


.categoryNewTitleB{
/*	margin:10px;*/
	height:20px;
	font-size:13px;
	background-color:#003333;
	padding: 10px;
	
}

.categoryNewTitle a {
	color: #333;
	
}

.categoryNewTitle a:hover ,
.categoryNewTitle a:hover i{
	color: #333;
}

.categoryNewTitleB div,
.categoryNewTitleB a {
	color: #fff;
}

.categoryNewTitleB a:hover ,
.categoryNewTitleB a:hover i{
	color: #fff;
}


.categoryNewTitle div:first-child,
.categoryNewTitleB div:first-child{
	float:left;
}

.categoryNewTitle div:last-child,
.categoryNewTitleB div:last-child{
	float:right;
	margin-right:10px;
}

.categoryNewTitle i{
	margin-right:5px;
}

.categoryNewTitleB i{
	margin-right:5px;
	color: #fff;
}


/* Blog-Search.php */
.BlogSarchHeader{
	margin-top:10px;
}

/*企業情報*/
.centerCtitle {
	width:690px;
	height:43px;
	display: table-row-group;
}

.centerChtitle {
	width:690px;
	height:230px;
}

.centerCtitle span {
	display:table-cell;
	width:169px;
	height:43px;
	background-color:#6a7172;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-size:0.9em;
}

.centerCtitle span:first-child {
	background-color:#6a7172;
}

.centerCtitle span:last-child {
	background-color:#999;
	font-size:0.6em;
}

.centerCtxtTarea {
	width:690px;
	height:18px;
	margin-top:40px;
}

.centerCtxtTarea + .centerCtxtarea{
    margin:0;
}

.centerCtxtarea {
	width:690px;
	height:18px;
	margin-top:15px;
}

/* 20180326 */
.centerCtxtarea.prBlock {
    height:auto;
}

.centerCtxtarea.prBlock a {
    display:inline-flex;
    align-items:center;
}

.centerCtxtarea.prBlock a::after {
    content:'\f08e';
    font-family:fontawesome;
    padding-left:8px;
}
/* 20180326 */

.centerCtxtlist {
	width:95px;
	height:18px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
	float:left;
}

.centerCtxtrec {
	width:590px;
	/*height:18px;*/
	font-size: 11px;
	vertical-align:bottom;
	letter-spacing:0.1em;
	color:#333333;
	float:left;
}

.centerCtxtrec.profit div span{
    padding-left: 0.5rem;
    width: 110px;
    display: inline-block;
    text-align: right;
}

.centerCtxtrec a:hover {
	color:#0075c2;
}

.centerCline {
	width:690px;
	height:1px;
	padding-bottom:5px;
	border-bottom:dotted 1px;
	border-color:#333333;
	clear:left;
}

.greetingtitle {
/* 20220513 mod start */
	color:#fff;
	font-size:1.25rem;
	font-weight:bold;
	margin-top:2.5rem;
	letter-spacing:0.2rem; 
/*	width:680px;
	height:20px;
	margin-top:40px;
	margin-left:5px;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
/* 20220513 mod end   */
}

/* 20220513 add start */
.greetingtitle:not(:nth-child(2)){
	margin-top:4rem;
}
#greetingMain {
	background-image: url('https://alpha-corp.gvt.jp/wp/wp-content/themes/alpha02/images/greeting01.jpg');background-position:top right;
	margin-top:-9rem;
	position:relative;
}
#greetingMain > img {
	width:100%;
}
#greetingMain div {
	color:#fff;
	text-align:justify;
}
#greetingConts {
	width:90%; max-width:1100px;
	padding:10rem 0;
	position:absolute; top:0; left:50%; transform:translateX(-50%);
}
#greetingConts  > div {
	width:80%; max-width:900px;
}
#greetingCareer {
	width:90vw; max-width:1100px;
	margin: 3rem auto;
	line-height:1.5;
  }
/* 20220513 add start */

/*20190122 add */
.philosophyTxt {
    margin:40px 0 0 5px;
    font-size:0.9rem;
}

.philosophyTxt > div:nth-child(2) {
    margin:0.5rem 0 2rem;
    text-indent:5rem;
}
/*20190122 add */

/* 20220513 mod start */
.greetingTxtUp,.greetingTxtMi,.greetingTxtLo,.greetingTxtEn {
	font-size:1.125rem; margin-top:1.5rem; line-height:1.5;
}
.greetingSgin {}
/*
.greetingTxtUp {
	width:680px;
	height:55px;
	margin-top:10px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
}

.greetingTxtMi {
	width:680px;
	height:70px;
	margin-top:10px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
}

.greetingTxtLo {
	width:680px;
	height:90px;
	margin-top:10px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
}

.greetingTxtEn {
	width:680px;
	height:70px;
	margin-top:10px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
}

.greetingSgin {
	width:690px;
	height:150px;
	margin-top:80px;
}
/* 20220513 mod end */

.historyTxtUp {
	width:680px;
	height:80px;
	margin-top:10px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
}

.contentsAccess {
	width:950px;
	height:1970px;
	margin-top:10px;
}

.centerCAccess {
	width:690px;
	height:1970px;
	margin-left:30px;
	float:left;
}

.accessHead {
	width:680px;
	height:25px;
	margin-top:40px;
}

.accessHeadTxt {
	width:460px;
	height:25px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
	float:left;
}

.accessPrintLink {
	width:100px;
	height:25px;
	float:left;
}

.accessPrintLink a, .accessGLink a {
	text-decoration:none;
}

.accessPrintLink a span, .accessGLink a span {
	display: table-cell;
	font-size:0.72em;
	text-align:center;
	vertical-align:middle;
	width:100px;
	height:25px;
	color:#3a73d3;
	font-weight:bolder;
	transition:0.5s;
}

.accessPrintLink a span:hover, .accessGLink a span:hover {
	transition:0.5s;
	background-color:#3a73d3;
	color:#fff;
}

.accessGLink {
	width:100px;
	height:25px;
	margin-left:15px;
	float:left;
}

.addressTxt {
	width:680px;
	height:40px;
	margin-top:20px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
}

.maparea {
	width:680px;
	height:300px;
	margin-top:10px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
}

.accessMapCap {
	width:680px;
	height:20px;
	margin-top:10px;
	margin-left:5px;
	font-size:10px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
}

/* 共通項目*/
.inqsubtitle, .bussubtitle, .regisubtitle {
	width:680px;
	height:25px;
	margin-top:40px;
	margin-left:5px;
}

.inqsubtitle span, .regisubtitle span, .regiAsubtitle span {
	font-size:1.4em;
	color:#999;
	font-weight:700;
}

/* マージン率 */
.graph, .graphNotes{
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.graph .innerGraph{
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
}

.graph .pay{
    width:70%;
    background-color:#f1a1a1;
}

.graph .insu{
    width:11%;
    background-color:#6a98ff;
}

.graph .holi{
    width:4%;
    background-color:#59bd40;
}

.graph .train{
    width:2%;
    background-color:#ff973e;
}

.graph .other{
    width:11%;
    background-color:#bc81fd;
}

.graph .profit{
    width:2%;
    background-color:#769a72;
}

/* 凡例 */
.graphNotes{
    justify-content: flex-start;
}

.graphNotes .innerGraph{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 12px;
    margin-right:10px;

}
.graphNotes .pay::before{
    content:'■';
    color:#f1a1a1;
    padding-right:5px;
}

.graphNotes .insu::before{
    content:'■';
    color:#6a98ff;
    padding-right:5px;
}

.graphNotes .holi::before{
    content:'■';
    color:#59bd40;
    padding-right:5px;
}

.graphNotes .train::before{
    content:'■';
    color:#ff973e;
    padding-right:5px;
}

.graphNotes .other::before{
    content:'■';
    color:#bc81fd;
    padding-right:5px;
}

.graphNotes .profit::before{
    content:'■';
    color:#769a72;
    padding-right:5px;
}

.comleadTxt {
	width:680px;
	height:35px;
	margin-top:40px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.comexpTxt {
	width:680px;
	height:35px;
	margin-top:10px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.comAexpTxt {
	width:680px;
	height:20px;
	margin-top:10px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.comBexpTxt {
	width:680px;
	height:160px;
	margin-top:10px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.comCexpTxt {
	width:680px;
	height:35px;
	margin-top:10px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.resexpTxt {
	width:680px;
	height:190px;
	margin-top:10px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.resAexpTxt {
	width:680px;
	height:55px;
	margin-top:10px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.resBexpTxt {
	width:680px;
	height:175px;
	margin-top:10px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.resCexpTxt {
	width:680px;
	height:105px;
	margin-top:10px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.mapAarea {
	width:680px;
	height:220px;
	margin-top:40px;
	margin-left:5px;
	float:left;
}

.mapBarea {
	width:680px;
	height:240px;
	margin-top:20px;
	margin-left:5px;
	float:left;
}


.maplinkarea {
	width:225px;
	height:220px;
	float:left;
}

.mapAlinkarea {
	width:225px;
	height:240px;
	float:left;
}


.mapsubtitle {
	width:225px;
	height:40px;
}

.mapsubtitle span {
	font-size:1.3em;
	font-weight:bold;
	color:#999;
}

.mapAlink a {
	display:block;
	width:200px;
	height:20px;
	color:#666666;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.mapAlink a:hover {
	width:200px;
	height:20px;
	color:#003399;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
}

.mapBlink a {
	display:block;
	width:200px;
	height:20px;
	color:#666666;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.mapBlink a:hover {
	width:200px;
	height:20px;
	color:#cc00cc;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
}

.mapClink a {
	display:block;
	width:200px;
	height:20px;
	color:#666666;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.mapClink a:hover {
	width:200px;
	height:20px;
	color:#da4c4c;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
}

.mapDlink a {
	display:block;
	width:200px;
	height:20px;
	color:#666666;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.mapDlink a:hover {
	width:200px;
	height:20px;
	color:#ff6600;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
}


.mapElink a {
	display:block;
	width:200px;
	height:20px;
	color:#666666;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.mapElink a:hover {
	width:200px;
	height:20px;
	color:#666600;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
}


.mapFlink a {
	display:block;
	width:200px;
	height:20px;
	color:#666666;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
}

.mapFlink a:hover {
	width:200px;
	height:20px;
	color:#006600;
	font-size:11px;
	letter-spacing:130%;
	line-height:1.5em;
	text-decoration:none;
}

/* 新着情報 */
.centerCglos {
/* 20220331 mod start */
	width:720px;
	margin-left:60px;
	/*width:690px;
	margin-left:30px;
/* 20220331 mod end */
	height:1230px;
	float:left;
}

.contentsNew {
/* 20220331 mod start */
	width:1100px;
	/*width:950px;
/* 20220331 mod end */
	height:auto;
	margin-top:40px;
}

.contentsNew::after {
    content: '';
    clear: both;
    display: block;
}

.leftManu {
/* 20220330 mod start */
	width:320px;
	/*width:230px;
/* 20220330 mod end  */
	margin-bottom:30px;
}

.centerCtxtTitle {
    font-weight: bolder;
}

.centerCtxtTitle > span {
    font-weight: normal;
    float:right;
    font-size:14px;
}

.centerCtxtTitle::after {
    content:'';
    clear:both;
    display:block;
}

.centerCtxtContent{
    margin-top:10px;
    font-size:14px;
    line-height:2;
}

.centerCtxtAttachment {
    margin-top: 25px;
    display: flex;
    justify-content: flex-end;
}

.centerCtxtAttachment.media {
    margin-top: 10px;
    /*justify-content: flex-start;*/
    justify-content: flex-end;
}

.centerCtxtAttachment > a {
    display: block;
    color: #fff;
    background-color: #777777;
    padding: 5px 15px 5px 20px;
    letter-spacing: 5px;
}

.centerCtxtAttachment > a::before {
    content: '\f1c1';
    font-family: fontawesome;
    padding-right: 5px;
}

.centerCtxtAttachment > a.pdf, .centerCtxtAttachment > a.other {
    font-size:0.75rem;
}

.centerCtxtAttachment > a.pdf::before {
    content:'\f1c1';
}

.centerCtxtAttachment > a.other::before {
    content:'\f15c';
}

.commenutitle {
/* 20220330 del start *
	width:230px;
/* 20220330 del end  */
	height:42px;
}

.commenutitle>div {
/* 20220330 del start *
	width: 228px;
/* 20220330 del end */
	height: 41px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: linear-gradient(#fff,#ededed);
	background: -webkit-linear-gradient(#fff,#ededed);
	background: -moz-linear-gradient(#fff,#ededed);
	vertical-align: middle;
}

.commenutitle>div>span:first-child {
	display:block;
	margin: 10px 9px;
	width: 5px;
	height: 20px;
	float: left;
}

.commenutitle>div>span:nth-child(2) {
	display: block;
	float: left;
	margin: 11px 0;
	font-size: 0.9em;
	font-weight: 800;
}

.commenutitle>div>span:last-child {
	display: block;
	float: right;
	font-size: 0.6em;
	margin: 14.5px 10px;
}

.compmenuTitleCB {
	background-color:#5889DB;
}

.compmenuTitleC {
	color:#5889DB;
}

.infomenuTitleCB {
	background-color:#BE4CDA;
}

.infomenuTitleC {
	color:#BE4CDA;
}

.busmenuTitleCB {
	background-color:#DA4C4C;
}

.busmenuTitleC {
	color:#DA4C4C;
}

.jobmenuTitleCB {
	background-color:#FF9933;
}

.jobmenuTitleC {
	color:#FF9933;
}

.recmenuTitleCB {
	background-color:#CCCC33;
}

.recmenuTitleC {
	color:#CCCC33;
}

.inqmenuTitleCB {
	background-color:#339933;
}

.inqmenuTitleC {
	color:#339933;
}

.commmenuTitleCB {
	background-color:#00054B;
}

.commmenuTitleC {
	color:#00054B;
}

.commenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.commenu li{
	display: inline; 
	padding: 0; 
	margin: 0; 
}

.commenu a{
	display: block; 
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #EEEEEE;
	font-size: 11px;
	padding: 10px 20px;
	text-decoration: none;
	color: #333;
/* 20220330 del start *
	width: 188px; 
/* 20220330 del end */
	margin: 0px;
	text-align: left;
}

.commenu a:hover{
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #c0c0c0;
}

.commenu ul li:last-child a {
	border-bottom: 1px solid #cccccc;
}

.commenu #shita a:hover{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #c0c0c0;
}

.centerCNew {
	width:690px;
	height:auto;
	margin-left:30px;
	margin-bottom:30px;
	float:left;
}

.glosLinkarea {
	width:680px;
	height:100px;
	margin-top:40px;
	margin-left:5px;
}

.glosLinkareaTxt {
	width:680px;
	height:20px;
}

.glosLinkareaRec {
	width:136px;
	height:20px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.2em;
	line-height:1.6em;
	float:left;
}

.glosLinkareaRec a {
	color:#333333;
}

.glosLinkareaRec a:hover {
	color:#9400d3;
	text-decoration:none;
}

.glosarea {
	width:680px;
	height:170px;
	margin-top:20px;
	margin-left:5px;
}

.glostitle {
	width:680px;
	height:20px;
	font-size:11px;
	color:#9400d3;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:1.6em;
}

.glosRecarea {
	width:680px;
	height:120px;
	margin-top:10px;
}

.glosRecimg {
	width:120px;
	height:120px;
	float:left;
}

.glosRecTxt {
	width:530px;
	height:120px;
	margin-left:20px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.1em;
	line-height:1.6em;
	float:left;
}

.glosNaviarea {
	width:698px;
	height:20px;
	margin-top:20px;
	text-align:center;
	font-size:11px;
	color:#cccccc;
	letter-spacing:0.1em;
	line-height:1.6em;
}

.glosNaviarea a:hover {
	width:698px;
	height:20px;
	margin-top:20px;
	text-align:center;
	font-size:11px;
	color:#9400d3;
	letter-spacing:0.1em;
	line-height:1.6em;
	text-decoration:none;
}
/* 事業内容 */
.busleadTxt {
	width:680px;
	height:50px;
	margin-top:40px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.bussubtitle span {
	font-size:1.25em;
	color:#999;
	font-weight:700;
}

.bustxt {
	width:680px;
	height:50px;
	margin-top:10px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.1em;
	line-height:1.6em;
}

.busentxt {
	width:680px;
	height:90px;
	margin-top:10px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.1em;
	line-height:1.6em;
}

.domRecarea {
	width:680px;
	height:120px;
	margin-top:10px;
}

.domRecimg {
	width:120px;
	height:120px;
	float:left;
}

.domRecTxt {
	width:530px;
	height:120px;
	margin-left:20px;
	font-size:11px;
	color:#333333;
	letter-spacing:0.1em;
	line-height:1.6em;
	float:left;
}

.speLeadArea {
	width:690px;
	height:296px;
	margin-top:40px;
}

.speLeadImg {
	width:352px;
	height:296px;
	float:left;
}

.speLeadTxt {
	width:318px;
	height:291px;
	margin-top:5px;
	margin-left:20px;
	font-size: 11px;
	letter-spacing:0.1em;
	line-height:1.7em;
	color:#333333;
	float:left;
}

.speMainArea {
	width:690px;
	height:auto;
	margin-top:40px;
}

.speMainTitle {
	width:680px;
	height:auto;
	margin-left:5px;

}

.speMainTitle span{
	font-size:1em;
	color:#666;
	font-weight:700;
}

span.speMainTitleC {
	color:#993;
}

.speMainTxt {
	width:680px;
	height:auto;
	font-size: 11px;
	letter-spacing:0.1em;
	line-height:1.7em;
	color:#333333;
	margin-left:5px;
	margin-top:20px;
}

span.speCatchText {
	font-size:1em
	margin-top:-5px;
	margin-left:10px;
	display:block;
}

span.speCatchText:firstChild {
	margin-top:0;
}

.staleadTxt {
	width:680px;
	height:55px;
	margin-top:40px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.staexparea {
	width:680px;
	height:200px;
	margin-top:30px;
	margin-left:5px;
	background-color:#f5f5f5;
}

.staexpTxtarea {
	width:680px;
	height:auto;
	margin-top:40px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.staexptitle {
	width:680px;
	height:20px;
	font-size: 11px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#ff6633;
}

.staexpTxt {
	width:680px;
	height:60px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.staexpATxt {
	width:680px;
	height:40px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.staworkTxtarea {
	width:680px;
	height:auto;
	margin-top:20px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.introexparea {
	width:680px;
	height:377px;
	margin-top:30px;
	margin-left:5px;
	background-color:#f5f5f5;
}

.introexpimg {
	width:390px;
	height:337px;
	margin-top:20px;
	margin-left:10px;
	float:left;
}

.introexpTxt {
	width:230px;
	height:337px;
	margin-top:20px;
	margin-left:30px;
	font-size:11px;
	color:#333333;
	float:left;
}

.introAexpTxt {
	width:680px;
	height:55px;
	margin-left:5px;
	margin-top:20px;
	font-size:11px;
	color:#333333;
}

.offexparea {
	width:680px;
	height:200px;
	margin-top:30px;
	margin-left:5px;
	background-color:#f5f5f5;
}

.offexpimg {
	width:390px;
	height:160px;
	margin-top:20px;
	margin-left:10px;
	float:left;
}

.offexpTxt {
	width:230px;
	height:160px;
	margin-top:20px;
	margin-left:30px;
	font-size:11px;
	color:#333333;
	float:left;
}

.offoutlinetitle {
	width:680px;
	height:20px;
	margin-top:30px;
	margin-left:5px;
	font-size:1.05em;
	font-weight:bold;
	color:#ff9933;
	letter-spacing:0px;
}

.offoutlineTxt {
	width:680px;
	height:40px;
	margin-top:5px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
}

.resumeoutlinetitle {
	width:680px;
	height:20px;
	margin-top:30px;
	margin-left:5px;
	font-size:1.05em;
	font-weight:bold;
	color:#ff9933;
}

.resumeoutlineTxt {
	width:680px;
	height:40px;
	margin-top:5px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
}

.resumeAoutlineTxt {
	width:680px;
	height:55px;
	margin-top:5px;
	margin-left:5px;
	font-size:11px;
	color:#333333;
}

/* 20210903 福祉介護事業 add start */
#welfareVis {
	position:relative;
	margin-top:2rem;
}

#welfareVis > img {
	width:100%;
}

#welfareVixText {
	position:absolute;
	top:50%;
	left:50%;
	transform:translateY(-40%);
	width:360px;
	text-shadow: 1px 1px 7px #008686, -1px -1px 7px #0096ff;
}

#welfareVixText * {
	color:#fff;
}

.welfareVisTitle {
	font-size:2rem;
	font-weight:bold;
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	line-height:1.2;
	margin-bottom:0.5rem;
}

.welfareVisTitle > span {
	font-size:2.5rem;
}

.welfareVisTitle > p {
	font-size:3rem;
	display:inline; 
	margin:0;
}

.welfareVisLead {
	margin-top:2rem;
	line-height:1.75;
}

.welfareMain {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
/* 20220330 mod start */
	width: 1100px;
	/*width: 950px;
/* 20220330 mod start */
}

.welfareImgBox {
	display:flex;
	flex-direction:row-reverse;
}

.welfareArticle {
	margin-top:2rem;
}

.welfareArticle::after {
	content:'';
	display:block;
	clear:both;
}

.welfareArtTitle {
	font-size:24px;
	margin-bottom:1rem;
}

.welfareArtTitle > span {
	color:#36acff;
}

.welfareText {
	font-size:12px;
	line-height:1.5;
	letter-spacing:1px;
}

.welfareLead {
	font-size:1rem;
}

.welfareImg {
	margin-top:2rem;
	margin-right:1rem;
}

/* 20210903 福祉介護事業 add end */

/* 採用情報 */
.rrTxt {
	width:680px;
	height:auto;
	margin-top:20px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.rroutlinetitle {
	width:680px;
	height:20px;
	margin-top:30px;
	margin-left:5px;
	font-size:1em;
	font-weight:bold;
	color:#C1C126;
}

.rrexpTxt {
	width:680px;
	height:40px;
	margin-top:10px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.rrAexpTxt {
	width:680px;
	height:60px;
	margin-top:10px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.people {
/*	20170330 upd
    height:660px;
	width:500px;*/
	margin-top:40px;
}

.peopleArea {
/*	20170330 upd
    width:490px;
	height:90px;
	margin-left:5px;*/
    width:100%;
    margin-bottom:30px;
}

.peopleR {
	width:240px;
	height:60px;
	float:left;
}

.peopleL {
	width:240px;
	height:60px;
	margin-left:10px;
	float:left;
}

.peoplePic {
/*	20170330 upd
    width:60px;
	height:60px;*/
    width:338px;
    height:auto;
	float:left;
    margin-right:20px;
}
.peoplePic img {
    max-width:100%;
}

.peopleTxt {
/*	20170330 upd
    width:170px;
	height:55px;*/
    width:310px;
	margin-left:10px;
	font-size: 10px;
	margin-top:5px;
	letter-spacing:0.1em;
	line-height:1.3em;
	float:left;
}

.peopleTitle {
/*	20170330 add */
    font-size:0.9rem;
    margin-bottom:10px;
}

.peoplePlace {
/*	20170330 add */
    margin-bottom:20px;
}

.peopleCont {
/*	20170330 add */
    font-size:0.65rem;
    line-height:2;
}

.frame {
	width:180px;
	height:660px;
	margin-top:40px;
	float:right
}

.empArea {
	width:180px;
	height:660px;
}
	
.empPic {
	width:180px;
	height:130px;
	border:none;
}

.emptitle {
	width:180px;
	height:12px;
	margin-top:20px;
}

.empTxt {
	width:170px;
	height:auto;
	margin-top:20px;
	font-size: 11px;
	letter-spacing:0.1em;
	line-height:1.6em;
}

.empline {
	width:180px;
	height:1px;
	padding-bottom:5px;
	border-bottom:dotted 1px;
	border-color:#333333;
	margin-top:20px;
}

.emppro {
	width:170px;
	height:30px;
	margin-left:5px;
	margin-top:20px;
	font-size: 10px;
	letter-spacing:0.1em;
	line-height:1.6em;
}

.lineG {
	width:690px;
	height:1px;
	padding-bottom:5px;
	border-bottom:solid 1px;
	border-color:#339933;
	clear:left;
}

.lineK {
	width:690px;
	height:1px;
	padding-bottom:5px;
	border-bottom:dotted 1px;
	border-color:#333333;
	clear:left;
	margin-top:20px;
}

/* お問合わせ */
.inqTxt {
	width:680px;
	height:55px;
	margin-top:20px;
	margin-left:5px;
	font-size: 11px;
	letter-spacing:0.1em;
	color:#333333;
}

.confirm_input {
	font-size:11px;
	color:#333333;
}

.confirm_title {
	color:#333333;
}

.confirm_data {
	margin-left:20px;
	font-size:12px;
}

.input_list {
	border-bottom:1px dotted;
	padding-top:10px;
}

/* 共通Navi */
/*
.mainNaviCom a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 159px;
    background-image: url(images/navi_com.gif);
    text-align: center;
	padding-top:60px;
	float:left;
}

.mainNaviCom a:hover {
    background-position: 0 -60px;
}

.mainNaviInfo a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 158px;
    background-image: url(images/navi_info.gif);
    text-align: center;
	padding-top:60px;
	float:left;
}

.mainNaviInfo a:hover {
    background-position: 0 -60px;
}

.mainNaviBus a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 158px;
    background-image: url(images/navi_bus.gif);
    text-align: center;
	padding-top:60px;
	float:left;
}

.mainNaviBus a:hover {
    background-position: 0 -60px;
}

.mainNaviJob a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 158px;
    background-image: url(images/navi_job.gif);
    text-align: center;
	padding-top:60px;
	float:left;
}

.mainNaviJob a:hover {
    background-position: 0 -60px;
}

.mainNaviRec a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 158px;
    background-image: url(images/navi_rec.gif);
    text-align: center;
	padding-top:60px;
	float:left;
}

.mainNaviRec a:hover {
    background-position: 0 -60px;
}

.mainNaviCon a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 159px;
    background-image: url(images/navi_con.gif);
    text-align: center;
	padding-top:60px;
	float:left;
}

.mainNaviCon a:hover {
    background-position: 0 -60px;
}
*/
}
.topback {
    width: 98px;
    height: 12px;
    margin-top: 25px;
    margin-left: 832px;
}

.sideCommon a {
	width:230px;
	background-color:#bbb;
	color:#fff;
	font-size:0.75em;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	margin-bottom:7px;
}

.sideCommon a:hover {
	background-color:#666;
}

/* 404 */
.center404{
	float: left;
}

.searchCond{
 float:left;
 width:21%
}

.searchCond div{
 clear:both;
}

.searchCond div:first-child{
 text-align:center;
 color:#ff0000;
 size: 0.6em
}

/*select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}*/

.custom {
  overflow: hidden;
/*  display: inline-block;*/
  *display: inline;
  *zoom: 1;
  position: relative;
  border-radius: 0.1em;
  border: 1px solid #696969;
  box-shadow: 0 2px 0 #AAA;
  background-color: white;
}
.custom > select {
  width: 100%;
  padding: 0.6em 2.4em 0.6em 0.6em;
  font-size: 0.8rem;
}
.custom:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.8em;
  display: block;
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") center no-repeat;
  pointer-events: none;
}
.default .custom > select {
  width: auto;
}
.overflow .custom {
  overflow: visible;
}
.overflow .custom select {
  outline: 2px dotted rgba(255, 255, 0, 0.5);
}

.searchCond>button{
 display:block;
 margin:10px auto;
 height:40px;
 border-radius:0.2em;
 background-color:rgba(245, 245, 245, 0.5);
 color:#ffa500;
}

.searchPrkeyword input{
 width:25px;
 margin-right: 5px;
 font-size:0.7em;
 vertical-align:middle;
 line-height:1em;
}

.searchPrkeyword div{
 margin-right:5px;
 margin-bottom:5px;
 float:left;
}

#searchPrkeyword button,
#searchCond button{
 margin:15px auto;
 height:35px;
 background-color:rgba(220, 220, 220, 0.3);
 color:#ffa500;
}

.prKeyword{
 background-color:#f93;
}

.prKeyrowdText{
 
}

.toDetail{
 margin-top:-5px;
 float:right;
 height:30px;
 background-color:rgba(220, 220, 220, 0.3);
 color:#ffa500;
}

.h80{
 height:80px;
}

.h100{
 height: 100px;
}

.h20{
 height:20px;
}

.h40{
 height:40px;
}

.w540 {
 width:560px;
}

.mt10{
 margin-top:10px;
}

.jobComddatatxt2{
 padding:5px 15px 5px 15px;
}

.mainTxtArea{
 clear:both;
 padding-top:10px;
}

.leadText {
 margin-left:30px;
 padding-top:10px;
 max-width:58%;
 float:left;
}

.jobComddataareao{
 width:120px;
/* height:50px;*/
 background-color:#ffe4b5;
 font-size:11px;
 letter-spacing:0.1em;
 color:#000;
 float:left;
 margin-top:3px;
 padding-bottom:100000px;
 margin-bottom:-100000px;
}

.jobComddatatxto{
 width:560px;
 height:30px;
 margin-top:7px;
 font-size:11px;
 letter-spacing:0.7em; 
}

.jobComddatatxtareao{
 width:560px;
 background-color:#fffaf0;
 font-size:11px;
 letter-spacing:0.1em;
 float:left;
 margin-top:3px;
}

.pagination {
/*clear:both;
padding:20px 0;
position:relative;
font-size:1em;
line-height:13px;*/
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
width:680px;
padding-top:20px;
}
 
.pagination span, .pagination a {background-color:#fff; border:1px solid #999; /*float:left; */padding:7px 40px; color:#999; margin-top:12px; font-size:0.8em; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
 
.pagination a:hover{ background-color:#999; border:1px solid #999; color:#fff; text-decoration: none; }
.pagination form { display:none; }
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

.idximgLarge { width:35%;height:auto; position:relative; float:left; }
.idximgLarge img { max-width:100% }
.idxImgLargeIcon { position:absolute; floatleft; bottom:15px; right:10px; width:auto; }
.idxImgLargeIcon > img { float:left; width:40px; padding-left:5px; display:block; }
.leadTextD { float:left;max-width:58%;margin-left:30px;padding-top:10px;}
.MainTxtArea { margin-top:10px;}

.jobRecCondMareao {
 width:680px;
 height:auto;
 overflow:hidden;
}

.jobComddatao {
 position:relative;
 width:120px;
 height:100%;
 margin-top:7px;
 font-size:11px;
 text-align:center;
 color:#333;
}

.jobComddatatxt{
 white-space:nowrap;
 padding: 0 3px;
}

.jobComddatatxtarea{
 overflow:hidden;
}

.alnet_Linkbtn { background-color:#fff; border:1px solid #F29438; float:right; padding:7px 40px; color:#F29438; font-size:1em; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
.alnet_Linkbtn:hover { background-color:#F29438; border:1px solid #F29438; color:#fff; text-decoration: none;  }

.alnet_LinkbtnA { background-color:#fff; border:1px solid #F29438; float:right; padding:7px 40px; color:#F29438; font-size:0.8em; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
.alnet_LinkbtnA:hover { background-color:#F29438; border:1px solid #F29438; color:#fff; text-decoration: none;  }


.icon_tokyo    { background-color:#9150ff; color:#fff; font-size:0.8em; padding:2px 7px 1px; margin-left: 7px; }
.icon_kanagawa { background-color:#09ba00; color:#fff; font-size:0.8em; padding:2px 7px 1px; margin-left: 7px; }
.icon_oosaka   { background-color:#ff003c; color:#fff; font-size:0.8em; padding:2px 7px 1px; margin-left: 7px; }
.icon_saitama  { background-color:#ff9000; color:#fff; font-size:0.8em; padding:2px 7px 1px; margin-left: 7px; }
.icon_miyagi   { background-color:#00afcf; color:#fff; font-size:0.8em; padding:2px 7px 1px; margin-left: 7px; }
.icon_other    { background-color:#a2b750; color:#fff; font-size:0.8em; padding:2px 7px 1px; margin-left: 7px; }
.icon_chiba    { background-color:#0016ed; color:#fff; font-size:0.8em; padding:2px 7px 1px; margin-left: 7px; }
.icon_hyogo    { background-color:#ffc000; color:#fff; font-size:0.8em; padding:2px 7px 1px; margin-left: 7px; }


.modal-window {
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	opacity: 0;
	line-height: 1.3;
	display: none\9;
}

.modal-window:target {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}

.is-active.modal-window {
	display: block\9;
}

.modal-window:target {
	display: block\9;
}

.modal-window .modal-inner {
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 20;
	margin-left: -375px;
	width: 750px;
	overflow-x: hidden;
	background: #fff;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}

.modal-window .modal-inner p {
	padding: 40px 40px;
}


.modal-window .modal-close:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background:rgba(0,0,0,0.5);
}


.modal-window {
	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

/* insta対応 */
.instaTitle {
    width:950px;
    height:43px;
    border-radius:5px;
    color:#fff;
    font-size:220px;
    display:table-cell;
    vertical-align:middle;
    background:#d6249f;
    /* background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); */
    background:radial-gradient(circle at 70% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#5804b7 90%);
    box-shadow:0px 3px 10px rgba(0,0,0,.25);
}

.instaTitle span {
    color:#fff;
    font-size:1.2rem;
    padding-left:20px;
}

.instaBody {
    margin-top:15px;
}

.insta {
    margin-bottom:30px;
    width:215px;
    height:215px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
}

.insta.x2{
    width:460px;
    height:460px;
}

.insta.r0 {
    margin-right:0;
}

.insta a {
    width:100%;
    height:100%;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    background-color:rgba(0,0,0,0);
    transition:0.5s;
}

.insta:hover a {
    background-color:rgba(0,0,0,0.5);
    transition:0.5s;
}

.insta a span {
    color:#fff;
    line-height:1.8;
    padding:0 5%;
    opacity:0;
    transition:0.5s;
}

.insta.x2 a span {
    line-height:2.5;
}

.insta:hover a span {
    opacity:1;
    transition:0.5s;
}

.insta a div.instaUser{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center;
    opacity:0;
    transition:0.5s;
}

.insta:hover a div.instaUser{
    opacity:1;
    transition:0.5s;
}

.insta a div.instaUser{
    text-align:center;
}

.instLink {
    text-align: center;
    margin-top:10px;
}

.instLink > a {
    width:460px;
    display:inline-flex;
    padding:10px 0;
    color:#333;
    font-size:18px;
    border: 1px solid #333;
    align-items: center;
    justify-content: center;
}

.instLink > a::before {
    content:'\f16d';
    font-family:fontawesome;
    font-size:26px;
    padding-right:10px;
}

.galleryTitle{
    text-align:center;
    margin-bottom:20px;
}

.galleryTitle div::before{
    content:'―――――――';
    padding-right:30px;
}

.galleryTitle div::after{
    content:'―――――――';
    padding-left:30px;
}

.gallerySubTitle{
    margin-top:20px;
}

.gallerySubTitle div::before{
    content:'―――――';
    padding-right:30px;
}

.gallerySubTitle div::after{
    content:'―――――';
    padding-left:30px;
}

.galleryBody{
    margin-top:60px;
}

div.swiper-container {
    width:95%;
}

div.swiper-slide{
    width:200px;
    height:auto;
}

.sp-image {
    width:200px;
    height:auto;
}

div.swiper-button-next{
    right:0;
}

div.swiper-button-prev{
    left:0;
}

div.swiper-pagination{
    margin-top:25px;
    margin-bottom:80px;
    position:inherit;
}

.swiper-pagination-bullet {
    margin:0 5px;
}

.galleryThumbnail{
    margin-bottom:80px;
    display:-webit-flex;
    display:flex;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}

.galleryThumbnail > a{
    display:inline-block;
    width:150px;
    height:calc( 150px * (843 / 645));
    margin:10px 10px 0 0;
    position:relative;
    background-size:cover;
    transition:1s;
}

.galleryThumbnail > a:nth-child(-n + 6){
    margin-top:0;
}

.galleryThumbnail > a:nth-child(6n){
    margin-right:0;
}

.imgDate{
    width:100%;
    height:100%;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    background-color:rgba(0,0,0,0.5);
    transition:0.5s;
}

.imgDate:hover{
    background-color:rgba(0,0,0,0);
    transition:0.5s;
}

.imgDate span{
    color:#fff;
}

.galleryYear{
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkiti-flex-wrap:wrap;
    flex-wrap:wrap;
}

.imgYear{
    width:150px;
    height:196px;
    margin-top:20px;
    margin-right:10px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}

.imgYear:nth-child(-n+6){
    margin-top:0;
}

.imgYear:nth-child(n*6){
    margin-right:0;
}

.imgYear a{
    display:block;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkiti-align-items:center;
    align-items:center;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    transition:0.5s;
}

.imgYear a:hover{
    background-color:rgba(0,0,0,0);
    transition:0.5s;
}

.imgYear a span{
    font-size:1.5rem;
    color:#fff;
    letter-spacing:5px;
}
/* insta対応 */

/* 壁紙ダウンロード */
#mainSub{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:950px;
}

.wallpaper{
    width:950px;
    height:43px;
    border-radius:5px;
    color:#fff;
    font-size:1.2rem;
    display:table-cell;
    vertical-align:middle;
    background:#BE4CDA;
}

.wallpaper span{
    color:#fff;
    padding-left:20px;
}

.wallBody {
    margin-top:30px;
}

.wallBox{
    display:flex;
    justify-content: space-between;
    margin-top:20px;
}

.wallBoxPart{
    width:24%;
}

.wallBoxPart > a{
    display:block;
}

.wallBoxPart > a > img{
    width: 100%;
}

.wallDesc{
    display:flex;
    align-items:center;
    margin-top:8px;
}

.wallDesc h1{
    background-color:#333;
    color:#fff;
    width:35%;
    text-align:center;
    font-size:0.75rem;
}

.wallDesc span{
    font-size:0.875rem;
    padding-left:1rem;
    margin-top:1px;
}

.wallBoxPart:nth-child(n + 2) .wallDesc span{ visibility:hidden; }

.pageNaviWall{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:50px;
}

.pageNaviWall > div {
    background-color:#ccc;
    width:70px;
    padding:8px 30px;
    color:#fff;
    font-size:1rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    float:none;
}

.pageNaviWall > a {
    color:#fff;
    background-color:#333;
    border:1px solid #333;
    width:68px;
    padding:8px 30px;
    font-size:1rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:0.8s;
}

.pageNaviWall > a:hover {
    color:#333;
    background-color:#fff;
    transition:0.8s;
    width:128px;
}

.pageNaviWall > a:first-child::before, .pageNaviWall > div:first-child::before {
    content:'\f100';
    font-family:fontawesome;
    display:block;
    margin-top:-0.1rem;
}

.pageNaviWall > a:last-child::after, .pageNaviWall > div:last-child::after {
    content:'\f101';
    font-family:fontawesome;
    display:block;
    margin-top:-0.1rem;
}

.wallJobInfo {
    width:100%;
    background-color: #f0f0f0;
}

.jobList{
    width:950px;
    margin:50px auto 40px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:stretch;
}

.jobListTitle{
    width:100%;
    margin:30px 0 20px;
}

.jobListTitle > span{
    font-size:1rem;
    color:#fff;
    background-color:#333;
    padding:10px;
}

article.jobListCont{
    width:24%;
}

article.jobListCont > a{
    display:flex;
    justify-content:space-between;
}

.jobImg {
    width:90px;
    height:90px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    overflow:hidden;
}

.jobImg > img {
    max-height:9px;
}

.jobCont{
    font-size:0.75rem;
    width:53%;
    width:calc(100% - 100px);
}

.jobCont > div:not(:last-child){
    margin-bottom:5px;
}

.jobCont > div:last-child{ line-height:1.4; }

.jobCont > div > .pref{
    margin-left:0;
}

.jobCont > div > .salary{
    font-size:0.625rem;
    margin-bottom:5px;
}
.jobCont > div > .salary.PayMY::before{
    content:'年俸/月給';
    background-color: #666;
    color:#fff;
    padding:5px;
    margin-right:0.5rem;
}

.jobCont > div > .salary.PayHR::before{
    content:'時給';
    background-color: #666;
    color:#fff;
    padding:2px 7px;
    margin-right:0.5rem;
}

.jobLinkArea {
    width:100%;
    display:flex;
    justify-content:flex-end;
    margin:25px 0;
}

.jobLinkArea > a{
    font-size:1rem;
    color:#fff;
    background-color:#333;
    padding:10px 15px;
}

.jobLinkArea > a.jobLinkAlnet{
    background-color: #2c8dcd;
    margin-left:0.625rem;
}

.jobLinkArea > a::after{
    content:'\f101';
    font-family:fontawesome;
    padding-left:1rem;
}
/* 壁紙ダウンロード */

/* マージン率対応 */
.marginArea { margin-top:15px; }
.marginRow { display:flex; justify-content:space-between; align-items:flex-start; margin-top:11px; border-bottom:1px dotted #a3a3a3; padding-bottom:1px; }
.marginRow:nth-child(6) { border:none; }
.marginRow:first-child { margin-top:0; }
.marginRow span { font-size:11px; }
.marginRow span:first-child { text-indent:-22px; padding-left:22px; max-width:60%; }
.marginRow span:last-child { text-align:right; padding-right:11px; }
.marginRowSub { font-size: 11px; }
.marginRowSub .marginRowCareer { padding-top:6px; }
.marginRowSub .marginRowTable { display:flex; justify-content:flex-end; }
.marginRowSub .marginRowTable table { width:calc(100% - 22px); border-collapse:collapse; }
.marginRowSub .marginRowTable table td { border:1px solid #a3a3a3; text-align:center; }
/* マージン率対応 */

/* 一冊目のAutoCAD */
#idxBook { height:auto; }
#idxBookTitle { font-size:12px; }
#idxBookText { font-size:12px; text-align:center; margin-top:0.75rem; }
#idxBookText > div { font-size:15px; }
/* 20220329 mod start */
.idxBookImgAnchor { width:60%; display:block; margin:1rem auto 2rem;}
/*.idxBookImgAnchor { width:85%; display:block; margin:1rem auto;}
/* 20220329 mod end  */
.idxBookImgAnchor:not(:nth-child(2)) { display:none; }
.idxBookImg { width:100%; }

#idxBookLbBg { width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:200; background-color:rgba(0,0,0,0.6); display:none; }
#idxBooksImgClose { position:absolute; top:2rem; right:2rem; z-index:201; color:#fff; transition:0.3s; }
#idxBooksImgClose:hover { color:#fff; }
#idxBooksImgClose::before { content:'\f05c'; font-family:fontawesome; font-size:2rem; color:#fff; }
#idxBooksImgClose:hover::before { content:'\f057'; }
#idxBooksImgGroup { width:70%; height:70%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:201; display:none; }
.idxBooksImg { max-width:100%; max-height:100%;  position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.idxBooksImg:not(:first-child) { display:none; }
#idxBooksImgGroup > span { position:absolute; top:100%; left:50%; transform:translateX(-50%); color:#fff; }
#idxBooksImgPrev { display:none; width:50%; height:100%; float:left; color:#333; z-index:201; }
#idxBooksImgPrev::before { content:'\f053'; font-family:fontawesome; font-size:3rem; position:absolute; top:50%; left:5%; transform:translateY(-50%); }
#idxBooksImgNext { display:none; width:50%; height:100%; float:right; color:#333; z-index:201; }
#idxBooksImgNext::before { content:'\f054'; font-family:fontawesome; font-size:3rem; position:absolute; top:50%; right:5%; transform:translateY(-50%); }
/* 一冊目のAutoCAD */

/* 代表挨拶 @media 20220519 start */
@media screen and (max-width:1600px){
	#greetingConts { font-size:1vw; }
	#greetingConts > div { max-width:75%; }
	.greetingtitle { font-size:1.125em; }
	.greetingTxtUp, .greetingTxtMi, .greetingTxtLo, .greetingTxtEn { font-size:1em; }
	.centerCtitle span { font-size:0.9rem; }
	.centerCtitle span:last-child { font-size:0.6rem; }

}
@media screen and (max-width:1200px){
	#greetingConts { font-size:12px; }
	#greetingConts > div { max-width:60%; }

}
/* 代表挨拶 @media 20220519 end   */