@charset "utf-8";
/*================================================
 *  ＰＣ用
 ================================================*/
/*レイヤーベース*/
.LayerWhite{
	background-color:#FFF;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding:0;
}
.LayerDarkRed{
	background-color:#831c1c;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding:0;
}
.LayerLigtRed{
	background-color:#cc0001;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding:0;
}
.LayerGlay{
	background-color:#e6e6e6;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding:0;
}

/*共通ラップ*/
.Wrap{
	width:1000px;
	margin:0 auto;
	padding-top:1px;
	overflow:hidden;
}
/*一般用メニューボックス*/
nav.GeneralPc{
	clear:both;
	width:1000px;
	margin:0 auto;
	margin-top:25px;
	font-size:0.94em;
}
.ValorPc{
	width:280px;
	float:left;
}
.MenuPc{
	float:left;
	width:640px;
	margin-left:10px;
}

.MenuPcUp{
	width:100%;
}

.MenuPcDwon{
	width:100%;
}

ul.MenuPcLine{
	width:100%;
	clear:both;
	text-align:center;
}
ul.MenuPcLine li.LineUp{
	float:right;
	margin-left:10px;
	width:180px;
	margin-bottom:10px;
}

ul.MenuPcLine li.LineUp a{
	display:block;
	width:180px;
	height:30px;
	background-color:#CC0001;
	color:#FFF;
	border-radius:15px;
	line-height:29px;
}

ul.MenuPcLine li.LineDwon{
	float:right;
	margin-left:10px;
	width:150px;
}

ul.MenuPcLine li.LineDwon a{
	display:block;
	width:150px;
	height:30px;
	background-color:#FFF;
	color:#CC0001;
	border:1px #CC0001 solid;
	border-radius:15px;
	line-height:29px;
}
nav.GeneralSp{
	display:none;
}

/*TOPページ--------------------*/
/*TOPアニメーション*/
.WrapTop{
	width:100%;
	margin:0 auto;
	position:relative;
}

.Animation{
        width:100%;
        height: 650px;
         /*display: flex;*/
        justify-content: center;
        align-items: center;
        background-size:cover;
        animation: img_anime 20s ease infinite;
		position:absolute;
		top:0;
    }
/* アニメーション動作 */
      @keyframes img_anime {
          0% {
          background-image: url(../img-top/photo01.jpg); /* 背景画像1を指定 */
		  background-position:center;
          }
          20% {
          background-image: url(../img-top/photo01.jpg),url(../img-top/photo02.jpg); /* 背景画像1を指定 */
		  background-position:center;
              }
          35% {
          background-image: url(../img-top/photo02.jpg); /* 背景画像2を指定 */
		  background-position:center;
              }
          53% {
          background-image: url(../img-top/photo02.jpg), url(../img-top/photo04.jpg); /* 背景画像2を指定 */
		  background-position:center;
              }
          68% {
          background-image: url(../img-top/photo04.jpg),url(../img-top/photo03.jpg); /* 背景画像3を指定 */
		  background-position:center;
              }
          85% {
          background-image: url(../img-top/photo03.jpg); /* 背景画像3を指定 */
		  background-position:center;
              }
          100% {
          background-image: url(../img-top/photo01.jpg); /* 背景画像1を指定 */
		  background-position:center;
              }
} 

.ToMemberBt440R{
	width:440px;
	height:80px;
	margin:200px auto;

}
.ToMemberBt440R a{
	display:block;
	width:100%;
	height:80px;
	background-color:#CC0001;
	color:#FFF;
	border-radius:40px;
	line-height:78px;
	text-align:center;
	font-size:1.2em;
}
.ToMemberBt440{
	width:440px;
	height:80px;
	margin:20px auto;

}
.ToMemberBt440 a{
	display:block;
	width:100%;
	height:80px;
	color:#CC0001;
	border:1px #CC0001 solid;
	line-height:78px;
	text-align:center;
	font-size:1.2em;
}

/*コンテンツ-リード*/
h2{
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	color:#CC0001;
	margin:0;
}
p.TopLead{
	width:850px;
	margin:25px auto;
}
/*グレー地メニュー*/
.TopLineMenu{
	width:1000px;
	margin-top:20px;
	margin-bottom:20px;
}
.TopLineMenuInnA{
	width:231px;
	float:left;
	margin-left:0;
	height:310px;
	position:relative;
}
.TopLineMenuInnB{
	width:231px;
	float:left;
	margin-left:25px;
	height:310px;
	position:relative;
}
.TopLineMenuInnC{
	width:231px;
	float:left;
	margin-left:25px;
	height:310px;
	position:relative;
}
.TopLineMenuInnD{
	width:231px;
	float:left;
	margin-left:25px;
	height:310px;
	position:relative;
}
.MenuInnPhoto{
	width:230x;
	height:150px;
	overflow:hidden;
}

h3{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#CC0001;
	margin:15px 0;
	border-bottom:1px #CCC solid;
}

p.MenuInn{
	width:100%;
	margin:15px auto;
}

.MenuInnBt{
	width:230px;
	height:50px;
	margin:0 auto;
	position:absolute;
	bottom:0;

}
.MenuInnBt a{
	display:block;
	width:100%;
	height:50px;
	color:#CC0001;
	border:1px #CC0001 solid;
	line-height:50px;
	text-align:center;
	background-color:#FFF;
}

h5.NewsLead{
	color:#B2B2B2;
	font-size:0.92em;
	font-weight:bold;
	text-align:center;
}

/*ニュース*/
ul.TopNews{
	width:1000px;
	padding-top:30px;
	padding-bottom:30px;
	font-size:1.1em;
}
ul.TopNews li{
	border-bottom:1px #cbcac3 solid;
	padding:15px 0;
}
ul.TopNews li:first-child{
	border-top:1px #cbcac3 solid;
}
span.Date{
	display:block;
	width:130px;
	float:left;
}
span.New{
	display:block;
	width:50px;
	float:left;
	background-color:#CC0001;
	color:#FFF;
	text-align:center;
	font-size:0.8em;
	margin-right:10px;
}
span.NewContent{
	display:block;
	width:800px;
	float:left;
}
p.LeadLogin{
	text-align:center;
}

/*フッターメニューボックス*/
nav.FooterA{
	width:100%;
	padding-top:60px;
}
ul.MenuFooterA{
	width:100%;
	text-align:center;
}
ul.MenuFooterA li{
	display:inline-block;
	border-right:1px #FFF solid;
}

ul.MenuFooterA li:first-child{
	border-left:1px #FFF solid;
}
ul.MenuFooterA li a{
	color:#FFF;
	padding:0 20px;
}
nav.FooterB{
	width:100%;
}
ul.MenuFooterB{
	width:350px;
	text-align:center;
	margin:40px auto;
}
ul.MenuFooterB li{
	width:160px;
	float:left;
	margin-left:30px;
}
ul.MenuFooterB li:first-child{
	margin-left:0;
}
ul.MenuFooterB li a{
	display:block;
	width:100%;
	height:40px;
	border-radius:20px;
	color:#FFF;
	border:1px #FFF solid;
	line-height:40px;
}

.FooterAddress{
	width:420px;
	margin:50px auto;
	font-size:0.94em;
}

.FooterAddressLeft{
	width:70px;
	float:left;
}
.FooterAddressRight{
	width:300px;
	float:left;
	margin-left:50px;
	color:#FFF;
}
p.CopyR{
	margin:40px 0;
	text-align:center;
	font-size:0.9em;
	color:#FFF;
}

hr.Hight650{
	border:none;
	height:650px;
	background-color:none;
}
hr.Hight25{
	border:none;
	height:25px;
	background-color:none;
}
hr.Hight25sp90{
	border:none;
	height:25px;
	background-color:none;
}

hr.Hight10{
	border:none;
	height:10px;
	background-color:none;
}

hr.Hight40{
	border:none;
	height:40px;
	background-color:none;
}

hr.Hight60{
	border:none;
	height:60px;
	background-color:none;
}

/*トップへ戻るボタン*/
#js-pagetop {
  position: fixed;
  width:70px;
  height:70px;
  border-radius: 8px;
  background:#cc0001;
  color: #fff;
  bottom: 50px;
  right: 50px;
  cursor: pointer;
  opacity:0.6;
	z-index:100;
}

#js-pagetop span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
}

/*一般　コンテンツページ開始↓
-----------------------------------------------------*/
/*共通タイトル用帯*/
h1.PageTitleCommon{
	width:100%;
	background-color:#cc0001;
	color:#FFF;
	text-align:center;
	font-size:1.8em;
	letter-spacing:0.4em;
	padding:28px 0 26px; 0;
}
/*労働組合用語集------*/

ul.YougoNav{
	width:100%;
	margin:35px auto;
}
ul.YougoNav li{
	float:left;
	width:100px;
	border-bottom:1px #e6e6e6 solid;
	border-top:1px #e6e6e6 solid;
	border-right:1px #e6e6e6 solid;
}
ul.YougoNav li:first-child{
	border-left:1px #e6e6e6 solid;
}
ul.YougoNav li a{
	display:block;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
}


ul.YougoNav li a.YougoActive{
	background-color:#e6e6e6;
}

h2.TermName{
	width:100%;
	text-align:center;
	padding:10px 0 8px 10px;
	background-color:#e6e6e6;
	font-weight:bold;
	font-size:1.1em;
	color:#393939;
}

h3.YougoTerm{
	font-size:1.1em;
	text-align:left;
	color:#cc0001;
	margin-bottom:5px;
}
p.TermUnion{
	margin-top:5px;
	font-size:1.1em;
}

/*労働 HOT NEWS---------------------------------------
*/
.HotYear{width:150px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-size:1.6em;
	font-weight:bold;
	border:2px #cc0001 solid;
	border-radius:10px;
	color:#cc0001;
}
ul.YearInMonth{
	width:100%;
	margin:20px auto;
}
ul.YearInMonth li{
	width:8%;
	float:left;
	border-right:1px #CCC solid;
}
ul.YearInMonth li:first-child{
	border-left:1px #CCC solid;
}
ul.YearInMonth li a{
	display:block;
	width:100%;
	text-align:center;
	line-height:30px;
	line-height:30px;
	color:#CCC;
}
ul.YearInMonth li a.Publish{
	color:#cc0001;
}

h2.Month{
	width:150px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-size:1.6em;
	font-weight:bold;
	border:2px #cc0001 solid;
	border-radius:10px;
}

h2.Month span.InYear{
	font-size:0.8em;
	font-weight:normal;
	padding-right:6px;
}
.tab{
  max-width: 100%;
  margin: 0 auto;
}

.tab-list{
  display: flex;
}

.tab-list-item{
  width: 25%;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
  border-right:1px #DDD solid;
  border-top:1px #DDD solid;
  border-bottom:1px #DDD solid;
  border-left:none;
  border-radius:8px 8px 0 0 ;
}
.tab-list button:first-child{
	border-left:1px #DDD solid;
}
.tab-contents{
  background-color:#FFF;
  display: none;
  padding: 40px 50px;
  border-left:1px #DDD solid;
  border-right:1px #DDD solid;
   border-bottom:1px #DDD solid;
}

.is-btn-active{
  background-color:#FFF;
  font-weight: bold;
  border-bottom:none;
}

.is-contents-active{
  display: block;
}

/*個々の記事*/
.EachBlock{
	margin:10px 0;
	width:100%;
}
h3.EachLead{
	color:#393939;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0;
	border-bottom:1px #CCC dotted;
	cursor:pointer;
	position:relative;
	font-size:1.1em;
}

span.HotDot{
	display:block;
	width:1.0em;
	float:left;
	font-size:0.8em;
	color:#cc0001;
	margin-right:5px;-right:7px;
	padding-top:2px;
}

span.HotEachTitle{
	display:block;
	float:left;
	width:95%;
}

.NewsContent{
	padding:1.0em;
	display:none;
	background-color:#F9F9F9;
	text-align:justify;
	text-justify:distribute;
}
h3.EachLead::before{/* 閉じている時 */
	content: "＋";
	position: absolute;
	right: 20px;
}
h3.EachLead.active::before{/* 開いている時 */
	content: "－";
}

.BackHotTop{
	width:220px;
	margin:0 auto;
}
.BackHotTop a{
	display:block;
	width:240px;
	height:50px;
	line-height:50px;
	border-radius:25px;
	text-align:center;
	color:#CC0000;
	border:1px #CC0001 solid;
}
ul.AnotherLink{
	margin:5px 0;
}
ul.AnotherLink li{
	display:inline-block;
	padding:3px 8px;
}
/*span.AnotherSite{
	display:block;
	width:40px;
}
span.ToPdf{
	display:block;
	width:25px;
}
table.OutLink{
	float:right;
	font-size:0.9em;
}
table.OutLink td{
	width:125px;
	text-align:center;
}
table.OutLink td span{
	margin:0 auto;
}*/

/*ユニオン関連リンク---------------------------------------
*/

.AnotherBox{
	width:860px;
	padding:30px 30px;
	border:1px #CC0001 solid;
	border-radius:8px;
	margin:40px auto;
	padding-bottom:200px;
	background-image:url(../img-common/link-image1.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:50%;
}

ul.LinkAnother{
	width:600px;
	margin:0 auto;
	padding:30px;
	background-color:#F8F8F5;
}
ul.LinkAnother li{
	margin:20px 0;
	border-bottom:1px #CCC dotted;
}

ul.LinkAnother li a::before{
	 content: "●";
    color:#FFCC00;
	font-size:3.6em;
	margin-right:-20px;
	vertical-align :-12px;	
}
/*サイトマップ---------------------------------------
*/

.AnotherBox2{
	width:860px;
	padding:30px 30px;
	border:1px #CC0001 solid;
	border-radius:8px;
	margin:40px auto;
}
ul.MapList{
	margin:20px auto;
}
ul.MapList li{
	padding:4px 8px;
	margin-bottom:5px;

}
li.CaMain{
	font-size:1.3em;
	padding:3px 10px 0 10px;
	border-left:3px #CC0001 solid;
	width:280px;
	line-height:18px;
	margin-bottom:10px;
}
li.CaMember{
	font-size:1.3em;
	padding:3px 10px 0 10px;
	border-left:3px #F60 solid;
	width:280px;
	line-height:18px;
	margin-bottom:10px;
}
li.CaForm{
	font-size:1.3em;
	padding:3px 10px 0 10px;
	border-left:3px #069 solid;
	width:280px;
	line-height:18px;
	margin-bottom:10px;
}
li.CaMain::after,
li.CaMember::after,
li.CaForm::after{
	content:"";
	display: inline-block;
width: 20px;
  height: 20px;
  margin-left:10px;
   background-image:url(../img-common/map-dot1.png);
  background-size: contain;
  vertical-align: middle;	
}

li.CaNext{
	float:left;
	width:190px;
}
li.CaNext::after{
	content:"";
	display: inline-block;
width: 10px;
  height: 10px;
  margin-left:10px;
   background-image:url(../img-common/map-dot2.png);
   background-repeat:no-repeat;
  background-size: contain;
  vertical-align: middle;
}
li.CaNext2{
	float:left;
	width:340px;
}
li.CaNext2::after{
	content:"";
	display: inline-block;
width: 10px;
  height: 10px;
  margin-left:10px;
   background-image:url(../img-common/map-dot2.png);
   background-repeat:no-repeat;
  background-size: contain;
  vertical-align: middle;
}
li.CaNext2::before,
li.CaNext2L::before,
li.CaNext::before,
li.CaNextOut::before{
	content:"●";
	font-size:0.7em;
	color:#AAA;
	display: inline-block;
	margin-right:2px;
  vertical-align: middle;
}
li.CaNext2L{
	float:left;
	width:100%;
}
li.CaNext2L::after{
	content:"";
	display: inline-block;
width: 10px;
  height: 10px;
  margin-left:10px;
   background-image:url(../img-common/map-dot2.png);
   background-repeat:no-repeat;
  background-size: contain;
  vertical-align: middle;
}
li.CaNext3{
	float:left;
	width:240px;
	margin-left:20px;
}
li.CaNext3::after{
	content:"";
	display: inline-block;
width: 6px;
  height: 6px;
  margin-left:5px;
   background-image:url(../img-common/map-dot2.png);
   background-repeat:no-repeat;
  background-size: contain;
  vertical-align: middle;
}
li.CaNextOut{
	float:left;
	width:180px;
}
li.CaNextOut::after{
	content:"";
	display: inline-block;
width: 16px;
  height: 16px;
  margin-left:10px;
   background-image:url(../img-common/map-dot3.png);
   background-repeat:no-repeat;
  background-size: contain;
  vertical-align: middle;
}

/*スペース用ブロック*/
hr.Hight650{
	border:none;
	height:650px;
	background-color:none;
}
hr.Hight25{
	border:none;
	height:25px;
	background-color:none;
}
hr.Hight10{
	border:none;
	height:10px;
	background-color:none;
}

hr.Hight40{
	border:none;
	height:40px;
	background-color:none;
}
hr.Hight150{
	border:none;
	height:150px;
	background-color:none;
}

hr.Hight100{
	border:none;
	height:100px;
	background-color:none;
}
hr.Hight60{
	border:none;
	height:60px;
	background-color:none;
}

span.Indent1{
	display:block;
	text-indent:-1.0em;
	padding-left:1.0em;
}
span.Indent1m1{
	display:block;
	text-indent:-1.0em;
	padding-left:1.0em;
	margin-left:1.0em;
}
span.fRed{
	color:#F33;
}
span.sizeS{
	font-size:0.9m;
}