/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
       メイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.main_Wap {
	width: 100vw;
	height: 40vw;
	min-height: 30vw;
	/*padding: 15vw 0px;*/
	background: url(../img/top/top_main.jpg) no-repeat;
	background-size: cover;
	background-position: center 50%;
	background-color: #f23;
/*	margin-bottom: 6vw;*/
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
      会長挨拶あいさつ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.only_txt_line {
	background-color: #fff;
	text-align: justify;
}

.fixe_back {
    padding: 100px 0;
    position: relative;
    width: 100vw;
    min-height: 250px;
    background: center center /cover no-repeat fixed;
    background-size: cover;
    background-image: url(../img/top/agree_bk.jpg);
}

.c_Wap {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
  width: 100vw;
  max-width: 780px;
/*  margin: 0px auto;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 2vw;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.ceo_Box {
/*	position: absolute;
	bottom: 0px;*/
	vertical-align: bottom;
	width: 55%;
}

.c_a_Wap {
/*	padding-top: 25vw;*/
	width: 45%;
	max-width: 400px;
}

.ceo_Box img{
	vertical-align: bottom;
}

.c_a_Wap .btn_a {
/*	position: absolute;
	bottom: 30px;
	right: 20px;*/
  display: block;
  margin-top: 4vw;
/*  margin: 1vw auto 3vw;*/
  border: solid 1px var(--red-color);
  padding: 1vw 1vw;
  text-align: center;
  width: 100%;
  max-width: 220px;
  -moz-transition-duration:0.5s;
  -webkit-transition-duration:0.5s;
  -o-transition-duration:0.5s;
  -ms-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in-out;
  -webkit-transition-timing-function:ease-in-out;
  -o-transition-timing-function:ease-in-out;
  -ms-transition-timing-function:ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	cursor: pointer;
	/*max-height: 30px;*/
	background-color: rgba(0,0,0,0);
	border: solid 1px #fff;
	color: #fff;
}

.c_a_Wap .btn_a:hover {
	background-color: rgba(0,0,0,0.7);
	border: solid 1px #fff;
	color: #fff;
}
 .c_a_pcShow {
    display: block;
  }

  .c_a_spShow {
    display: none;
  }

@media handheld, only screen and (max-width: 580px) {

  .c_a_pcShow {
    display: none;
  }

  .c_a_spShow {
    display: block;
  }

.agree_Wap {
	position: relative;
}

	.c_Wap {
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);
	  width: 100vw;
	  max-width: 780px;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
	  padding: 0px 2vw;
	  display: block;
	}

	.ceo_Box {
		margin: 0px auto;
		vertical-align: bottom;
		width: 65%;
	}

	.c_a_Wap {
		width: 50%;
		position: absolute;
		top: 0px;
		left: 50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);
		z-index: 4;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
      赤帽とは個人事業主で構成される協同組合組織です
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.only_txt_line {
	margin-bottom: 0vw;
}

.only_txt_line .table_Wap {
	width: 100%;
	max-width: 780px;
	margin: 4vw auto;
}

.only_txt_line .table_Wap table {
	width: 100%;
	border-left: solid 1px var(--blue-color);
	border-top: solid 1px var(--blue-color);
}

.only_txt_line .table_Wap table th{
	font-weight: normal;
	background-color: #ccc;
	padding: 10px 0px;
	border-right: solid 1px var(--blue-color);
	border-bottom: solid 1px var(--blue-color);
	text-align: center;
}

.only_txt_line .table_Wap table td{
	padding: 10px 0px;
	border-right: solid 1px var(--blue-color);
	border-bottom: solid 1px var(--blue-color);
	text-align: center;
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お仕事は全国の赤帽の拠点で、
または赤帽組合員が直接承ります
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.fixe_back2 {
    padding: 150px 0;
    position: relative;
    width: 100vw;
    min-height: 250px;
    background: center center /cover no-repeat fixed;
    background-size: cover;
    background-image: url(../img/top/zenkou_bk.jpg);
}

.blackBox {
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	max-width: 900px;
	padding: 30px 30px;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px auto;
	text-align: center;
}

.blackBox p {
    display: inline-block;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 2vw;
}

.blackBox h3{
	margin-bottom: 3vw;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
        トピックス
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.newsTopics {
	padding: 3vw 0px;
}

.topics {
	padding: 3vw 0px;
}

.tp_Wap {
 display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tp_Left {
	width: 35%;
	padding: 0% 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.tpRight {
	width: 65%;
	padding: 0% 3% 0% 10%;
	border-left: solid 1px #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.tp_Title {
	text-align: center;
	margin-bottom: 2vw;
}
/* 22px @ 320px increasing to 32px @ 1080px */
@media (min-width: 320px) {
  .tp_Title {
    font-size: calc(1.375rem + ((1vw - 3.2px) * 1.3158));
    min-height: 0vw;
  }
}
@media (min-width: 1080px) {
  .tp_Title {
    font-size: 32px;
  }
}

.tp_Link .tp_List {
	display: block;
	margin: 0px auto 1vw;
	padding: 5px 5px;
	width: 100%;
	max-width: 120px;
	font-size: 16px;
}

.tp_Link .tp_RSS {
	display: block;
	margin: 0px auto;
	padding: 5px 5px;
	width: 100%;
	max-width: 120px;
	font-size: 16px;
}


.topicsLine {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-start;
	-moz-justify-content: space-start;
	-ms-justify-content: space-start;
	-o-justify-content: space-start;
	justify-content: space-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.topicsDate {
	margin-right: 3vw;
	flex-shrink: 1;
}

.topicsTxt a {
	color: var(--light-red);
}

.topicsLine {
	flex-wrap: nowrap;
}

.topicsTxt{
	width: 100%;
	flex: 1;
	overflow: hidden;

}

.topicsTxt a {
	color: var(--light-red);
	display:block;
	min-width: 100%;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
        4つ　リンクエリア
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.organi_info {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100vw;
}

.t4_box {
	width: 50vw;
	height: 200px;
}

.box1 {
	background: url(../img/top/top_4koma_1.jpg);
	background-size: cover;
	background-position: center;
}
.box2 {
	background: url(../img/top/top_4koma_2.jpg);
	background-size: cover;
	background-position: center;
}
.box3 {
	background: url(../img/top/top_4koma_3.jpg);
	background-size: cover;
	background-position: center;
}
.box4 {
	background: url(../img/top/top_4koma_4.jpg);
	background-size: cover;
	background-position: center;
}

.t4_Link_a {
	color: #fff;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	-moz-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	-ms-transition-timing-function:ease-in-out;
}

.t4_Link_a:hover {
	background-color: rgba(0,0,0,0);
}

.t4La_inner {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
        独立開業
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.l_img_r_txt {
	padding: 6vw 0px;
}

.l_img_r_txt .l_img_line .img img{
	max-width: 465px;
}

.l_img_r_txt .txtWap .txt {
	margin-bottom: 2vw;
}



@media handheld, only screen and (max-width: 767px) {

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
       SPメイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.main_Wap {
		width: 100vw;
		height: 70vh;
		background: url(../img/top/top_main_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center 50%;

	}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    SP 会長挨拶あいさつ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

	.fixe_back {
	    padding: 100px 0;
	    position: relative;
	    width: 100vw;
	    min-height: 200px;
	    background: center center /cover no-repeat local;
	    background-size: cover;
	    background-image: url(../img/top/agree_bk.jpg);
	}
/*
	.fixe_back .btn_a {
		position: static;
		position: absolute;
		bottom :auto;
		top: 5vw;
		left: 50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);
		background-color: rgba(255,255,255,0.5);
		border: solid 1px #fff;
		color: var(--blue-color);
	}

	.ceo_Box {
		position: absolute;
		bottom: 0px;
		left: 35%;
		vertical-align: bottom;
		transform: translateX(-35%);
		-webkit- transform: translateX(-35%);
	}
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
     SP 赤帽とは個人事業主で構成される協同組合組織です
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.only_txt_line .table_Wap table th{
		background-color: #ccc;
		padding: 10px 0px;
		text-align: center;
		vertical-align: middle;
	}

	.only_txt_line .table_Wap table td{
		padding: 10px 0px;
		vertical-align: middle;
		text-align: center;
		font-size: 13px;
	}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お仕事は全国の赤帽の拠点で、
または赤帽組合員が直接承ります
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.fixe_back2 {
	    padding: 150px 0;
	    position: relative;
	    width: 100vw;
	    min-height: 250px;
	    background: center center /cover no-repeat local;
	    background-size: cover;
	    background-image: url(../img/top/zenkou_bk.jpg);
	}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
      SP  トピックス
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

	.tp_Wap {
		display: block;
	}

	.tp_Left {
	  width: 96%;
	  padding: 0% 3%;
	  margin: 0px auto 3vw;
	}


	.tpRight {
	  width: 100%;
	  padding: 0% 1%;
	  margin: 0px auto 3vw;
	  border-left: none;
	}

	#newsBlock .tp_RSS {
	  display: block;
	  margin: 0px auto;
	  padding: 5px 5px;
	  width: 100%;
	  max-width: 120px;
	  font-size: 16px;
	}











}