.max_580 { max-width: 580px;margin-right: auto;
	margin-left: auto;}
.max_510 {
	max-width: 510px;
	margin-right: auto;
	margin-left: auto;
	font-size: 82%;
	letter-spacing: 0em;
}
.max_514 { max-width: 514px;margin-right: auto;
	margin-left: auto;}
.max_575 { max-width: 575px;margin-right: auto;
	margin-left: auto;}
.max_655 { max-width: 655px;margin-right: auto;
	margin-left: auto;}
.max_654 { max-width: 654px;margin-right: auto;
	margin-left: auto;}
.max_604 { max-width: 604px;margin-right: auto;
	margin-left: auto;}
.max_560 { max-width: 560px;margin-right: auto;
	margin-left: auto;}
.max_264 { max-width: 264px;margin-right: auto;
	margin-left: auto;}
.max_247 { max-width: 247px;margin-right: auto;
	margin-left: auto;}
.max_248 { max-width: 248px;margin-right: auto;
	margin-left: auto;}
.max417 { max-width:417px;}
.max357 { max-width:357px;}
.max436 { max-width:436px;}
.max307 { max-width:307px;}
.max420 { max-width:420px;}
.max408 { max-width:408px;}
.max726 { max-width:726px;}
.max329 { max-width:329px;}
.max550 { max-width:550px;}
.max540 { max-width:540px;}
.max530 { max-width:530px;}
.max520 { max-width:520px;}
.max515 { max-width:515px;}
.max625 { max-width:625px;}
/* 働き方改革実践の手引き */
.tai_r {
	background-color: #47B9B1;
	height: auto;
	width: 100%;
	font-size: 86%;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
}
.tai {float: right;
	height: auto;
	width: 30%;
	padding: 1px;}
.tai_t {
	float: left;
	height: auto;
	width: 60%;
	text-align: justify;
	margin-left: 3%;
	font-size: 108%;
	font-weight: bold;
	color: #47B9B1;
}
.tai_ex {float: right;
	height: auto;
	width: 30%;
	padding: 1px;}
.tai_t_ex {
	float: left;
	height: auto;
	width: 60%;
	text-align: justify;
	margin-left: 3%;
	font-size: 108%;
	font-weight: bold;
	color: #47B9B1;
}
.tsbwhi {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #47B9B1;
	padding-left: 3%;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 112%;
	font-weight: bold;
	border-radius: 5px;
}
@media all and (max-width: 768px) {
.tsbwhi {
	padding-left: 5%;
	padding-right: 5%;
	font-size: 100%;
}
}
@media all and (max-width: 640px) {
.tsbwhi {
	text-align: left;
	padding-right: 2%;
}
}
.tsbwhi_c {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #47B9B1;
	padding-left: 3%;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 118%;
	font-weight: bold;
	border-radius: 5px;
}
@media all and (max-width: 768px) {
.tsbwhi_c {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #47B9B1;
	padding-left: 3%;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 108%;
	font-weight: bold;
	border-radius: 5px;
}
.tai_t_ex {
	float: none;
	width: 100%;
	margin-left: auto;
	font-size: 108%;
}
.tai_ex {
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	padding: 1px;
	max-width: 480px;
	margin-bottom: 40px;
}
}
@media all and (max-width: 600px) {
.tai_t {
	float: none;
	width: 100%;
	margin-left: auto;
	font-size: 108%;
}
.tai {
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	padding: 1px;
	max-width: 360px;
	margin-bottom: 40px;
}
}
.tex_title {
	font-size: 128%;
	line-height: 250%;
	color: #FFF;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #47B9B1;
	font-weight: bold;
	border-radius: 10px;
	max-width: 920px;
	border: 2px solid #FFF;
	letter-spacing: 2px;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
}
@media all and (max-width: 768px) {
.tex_title {
	font-size: 108%;
}
}
@media all and (max-width: 640px) {
.tex_title {
	font-size: 100%;
	text-align: left;
	letter-spacing: 0em;
}
.t_108 {
	font-size: 108% !important;
	letter-spacing: 1px;
}
}
.tai_photo_a {
	background-color: #FFF;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #47B9B1;
	max-width: 820px;
	padding: 5px;
}
.tai_photo_b {background-color: #47B9B1;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	max-width: 700px;
	padding: 5px;}
.tai_c {
	height: auto;
	width: 70%;
	padding: 1px;
	margin-right: auto;
	margin-left: auto;
	max-width: 320px;
}

/* 働き方改革ハンドブック情報通信業 */
table.tb01 {
	border-collapse: collapse;
	width:  98%;
	margin-right: 1%;
	margin-left: 1%;
}
.tb01 th,
.tb01 td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: left;
	box-sizing: border-box;
}
.tb01 th {
	color: #fff;
	background-color: #B7BFC4;
	font-weight: normal;
	text-align: center;
  
}
.tc {
	text-align: center !important;
	font-size: 92%;
	letter-spacing: 0em;
	width: 25%;
}
.sect {
	color: #000 !important;
	background-color: #FFC !important;
	width: 20%;
}
.tb01 td a {
	color: #FFF;
	background-color: #F90;
	display: block;
	padding: 2px;
	border-radius: 5px;
}
.t_text {
	font-size: 92%;
	text-align: left;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.tbk { background-color:#D7EAE7;}
@media screen and (max-width: 640px) {
.tb01 .head{
    display:none;
  }
.tb01 {
    width: 100%;
  }
.tb01 td,
.tb01 th{
    display: block;
    width: 100%;
    border-bottom:none;
  }
.tb01 td{
	display: block;
	width: 100%;
	line-height: 2.5;
	text-align: left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
  }
.tb01 td:before{
    color: #fff;
    content: attr(data-label);
    padding: 0px 10px;
    display: inline;
    background-color: #47B9B1;
    margin-right: 10px;
    float: left;
  }
.tb01 td a {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 15px;
}
.tc {
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
}
}
/* 発注者・受注者 */
.ch_le {
	line-height: 160% !important;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.linkwidth_720 {
	max-width: 820px;
	overflow: hidden;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.linkwidth_720 a {
	color: #006;
	text-decoration: underline;
}
table.tbclin{
  border-collapse: collapse;
  width: 100%;
}
.tbclin th,
.tbclin td{
	padding: 20px;
	border: solid 1px #ccc;
	box-sizing: border-box;
}
.tbclin th {
	color: #fff;
	width: 25%;
	background-color: #4AB4C6;
  
}
.tbclin td {
	text-align: left;
}
.tbclin td a {
	color: #006;
	text-decoration: underline;
}
@media screen and (max-width: 640px) {
.tbclin {
    width: 100%;
  }
table.tbclin th,
table.tbclin td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
.tbclin tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}
table.tbclin02 {
  border-collapse: collapse;
  width: 100%;
}
.tbclin02 th,
.tbclin02 td{
	padding: 20px;
	border: solid 1px #ccc;
	box-sizing: border-box;
}
.tbclin02 th {
	color: #fff;
	width: 25%;
	background-color: #F29435;
  
}
.tbclin02 td {
	text-align: left;
}
.tbclin02 td a {
	color: #006;
	text-decoration: underline;
}
@media screen and (max-width: 640px) {
.tbclin02 {
    width: 100%;
  }
table.tbclin02 th,
table.tbclin02 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
.tbclin02 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}
.sankakusui {
	font-size: 200%;
	color: #F30;
}
/* テレワークの影響を踏まえた「新しい働き方」 */
.tele_t {
	height: auto;
	width: 94%;
	text-align: justify;
	margin-left: auto;
	font-size: 108%;
	font-weight: bold;
	color: #358C86;
	margin-right: auto;
}
.telebd {
	height: auto;
	width: 94%;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
}
.telebd a {
	color: #006;
	text-decoration: underline;
}
@media all and (max-width: 600px) {
.tele_t {
	width: 100%;
	font-size: 108%;
}
.telebd {
	width: 100%;
}
}
.exwhi {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #47B9B1;
	padding-left: 3%;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 100%;
	padding-right: 3%;
	overflow: hidden;
}
@media all and (max-width: 768px) {
.exwhi {
	font-size: 92%;
	letter-spacing: 0em;
}
}
.bk_bis {
	background-color: #FFFFFF;
	background-image: url(../sc_images/bus_back01.jpg);
	background-position : center top;
	background-repeat: repeat-x;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
}
@media all and (max-width: 768px) {
.bk_bis {
	background-image: url(../sc_images/bus_back02.jpg);
}
}
@media all and (max-width: 480px) {
.bk_bis {
	background-image: url(../sc_images/bus_back03.jpg);
}
}
.blue_bk {
	width: 100%;
	background-color: #4679B3;
	padding-left: 3%;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 100%;
	padding-right: 3%;
}
.blue_bk_title {
	font-weight: bold;
	color: #FF9;
	text-align: center;
	font-size: 118%;
}
.blue_bk_bd {
	color: #FFF;
	margin-left: 3%;
}
.blwhi {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #4679B3;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 118%;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
	color: #4679B3;
}
@media all and (max-width: 768px) {
.blwhi {
	padding-left: 5%;
	padding-right: 5%;
	font-size: 100%;
}
}
@media all and (max-width: 480px) {
.blwhi { text-align: justify;
}
}
.ishiki {
	font-size: 108%;
	font-weight: bold;
	color: #000;
	text-align: left;
}
.bl_t {
	height: auto;
	width: 94%;
	text-align: justify;
	margin-left: auto;
	font-size: 108%;
	font-weight: bold;
	color: #4679B3;
	margin-right: auto;
}
@media all and (max-width: 600px) {
.bl_t {
	width: 100%;
	font-size: 108%;
}
.blue_bk_bd {
	margin-left: 5%;
}
}
@media all and (max-width: 480px) {
.blue_bk_bd {
	margin-left: 8%;
}
}
/* 人事評価制度の見直し */
.telebd ul { list-style-type: square;}
.telebd ul li {}
.blue_bk_bd ul { list-style-type: square;}
.blue_bk_bd ul li {
	margin-bottom: 10px;
}
.bus_logo {
	float: left;
	height: auto;
	width: 18%;
}
.bus_data {
	float: right;
	width: 80%;
	text-align: justify;
}
@media all and (max-width: 768px) {
.bus_logo {
	float: none;
	width: 33%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.bus_data {
	float: none;
	width: 100%;
}
}
@media all and (max-width: 480px) {
.bus_logo {
	width: 50%;
}
}
/* 2021年度調査 */
.indent180 {
	line-height: 180%;
}
.ishiki_ch {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #47B9B1;
	text-align: left;
	padding-top: 20px;
	padding-right: 7%;
	padding-bottom: 20px;
	padding-left: 7%;
}
@media all and (max-width: 600px) {
.ishiki_ch {
	height: auto;
	width: 100%;
	padding-right: 3%;;
	padding-left: 3%;
}
}
.ishiki_title {
	font-weight: bold;
}
.ishiki_bd {
	padding-left: 40px;
	font-size: 92%;
	text-align: left;
}
.ishiki_bd10 {
	padding-left: 10px;
	font-size: 92%;
	text-align: left;
}
ul.ishi01 {
	list-style-type: disc;
	list-style-position: outside;
}
ul.ishi02 {
	list-style-type: upper-roman;
	list-style-position: outside;
}
.ishiki_box {
	height: auto;
	width: 45%;
	margin-left: 50%;
	margin-right: 5%;
}
.ishiki_box a {
	line-height: 280%;
	color: #FFF;
	background-color: #4679B3;
	height: auto;
	display: block;
	border-radius: 5px;
}
@media all and (max-width: 600px) {
.ishiki_box {
	height: auto;
	width: 90%;
	margin-left: 10%;
	margin-right: 0%;
	letter-spacing: 0em;
}
}
.ishiki_box a:hover {
	background-color: #F90;
}
.block3_ishi {
	width: 30.33%;
	overflow: hidden;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-bottom: 20px;
}
@media all and (max-width: 768px) {
.block3_ishi {
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
}
}
@media all and (max-width: 480px) {
.block3_ishi {
	width: 70%;
	margin-right: 15%;
	margin-left: 15%;
}
}
.block2_ishi {
	width: 49%;
	overflow: hidden;
	margin-right: 0.5%;
	margin-left: 0.5%;
	margin-bottom: 20px;
	background-color: #FFF;
}
@media all and (max-width: 768px) {
.block2_ishi {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}
}
@media all and (max-width: 520px) {
.block2_ishi {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
}
.ishiki_title02 {
	font-weight: bold;
	text-align: left;
	color: #4679B3;
}
.ishiki_bd02 {
	padding-left: 30px;
	text-align: left;
}
ul.ishi03 {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 10px;
}
ul.ishi03 li {
	margin-bottom: 10px;
}
/* 2020年度調査 */
.block2_col {
	width: 40%;
	overflow: hidden;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 20px;
}
@media all and (max-width: 768px) {
.block2_col {
	width: 70%;
	margin-right: 15%;
	margin-left: 15%;
}
}
@media all and (max-width: 520px) {
.block2_col {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
}
.box_cap {
	font-size: 92%;
	color: #4679B3;
	letter-spacing: 0em;
	padding: 10px;
	border: 1px solid #46A8E7;
	margin-bottom: 20px;
}
@media all and (max-width: 520px) {
.box_cap {
	text-align: justify;
}
}
.bkc_none {	
background-color: transparent;
}
.out_line {
	border: 1px solid #666;
}
/* 2019年度調査 */
.sogai {
	font-size: 108%;
	line-height: 200%;
	font-weight: bold;
	color: #4679B3;
	height: auto;
	width: 100%;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #4679B3;
	border-left-color: #4679B3;
	text-align: left;
}
.m_top20 { margin-top:20px;}
.sogai_un {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.sogai_left {
	float: left;
	width: 30%;
}
.sogai_right {
	float: right;
	height: auto;
	width: 65%;
}
.sogai_midhashi {
	padding: 10px;
	border: 1px solid #666;
	background-color: #FFF;
}
.sogai_title {
	font-weight: bold;
	color: #4679B3;
	text-align: left;
}
.sogai_bd {
	color: #4679B3;
	text-align: justify;
	width: 95%;
	margin-right: 0px;
	margin-left: auto;
}
.sogai_bd ul {
	list-style-position: outside;
	list-style-type: square;
}
.sogai_bd ul li {
	margin-bottom: 5px;
}
@media all and (max-width: 768px) {
.sogai_left {
	float: none;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.sogai_right {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
}
@media all and (max-width: 520px) {
.sogai_right {
	width: 100%;
}
.sogai_midhashi {
	text-align: justify;
}
}
.c-analysis_table {
	box-sizing: border-box;
	border: 1px solid #000;
	padding: 5px;
	overflow-x: scroll;
	font-size: 86%;
	line-height: 160%;
	background-color: #FFF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	white-space: nowrap;
}
@media only screen and (max-width: 767px) {
.c-analysis_table {
      margin-left: -10px;
      margin-right: -10px; } 
}
.c-analysis_table table td, .c-analysis_table table th {
	border: 1px solid #ccc;
	padding: 10px 10px;
	text-align: center;
	word-wrap: break-word;
	letter-spacing: 0em;
	
}
@media only screen and (max-width: 767px) {
.c-analysis_table table td, .c-analysis_table table th {
        padding: 10px 4px; } }
.c-analysis_table table thead th {
    background: #dde3ec; }
.c-analysis_table table thead *:first-child {
    background: none;
    border: none; }
.c-analysis_table table thead td {
    text-align: left; }
.c-analysis_table table tbody th {
    background: #f1f1f1; }
.c-analysis_table table tbody *:first-child {
	background: #dde3ec;
	text-align: left;
	width: 160px;
}
body .is-high {
  background: #f9cdcd !important;
  border: 1px solid #FFF; }

body .is-low {
	background: #cde4f9 !important;
	border: 1px solid #FFF;
}

.c-analysis_hanrei {
	font-size: 82%;
	letter-spacing: 0em;
}
@media only screen and (min-width: 768px) {
.c-analysis_hanrei {
      width: 80%;
      margin-left: auto;
      margin-right: auto; }
.c-analysis_hanrei ul {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        margin-left: -80px;
        }
.c-analysis_hanrei ul > li {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 80px;
          -webkit-flex-grow: 0;
          flex-grow: 0;
          -webkit-flex-shrink: 0;
          flex-shrink: 0;
          -webkit-flex-basis: 50%;
          flex-basis: 50%;
          max-width: 50%;
          text-align: center; } 
}
@media only screen and (max-width: 767px) {
.c-analysis_hanrei ul > li {
      text-align: center; }
.c-analysis_hanrei ul > li:not(:last-child) {
      margin-bottom: 10px; } 
}
.c-analysis_hanrei p {
	height: 100%;
	align-items: center;
	display: -webkit-inline-flex;
	display: inline-flex;
	height: auto;
	justify-content: space-between;
	font-size: 86%;
	letter-spacing: 0em;
}
.c-analysis_hanrei p [class^=is-] {
      display: inline-block;
      margin-right: 20px;
      width: 40px;
      height: 20px; }
body .u-toolmb {
	margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
    body .u-toolmb {
      margin-bottom: 20px; } 
}
body .u-toolmbs {
	margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
    body .u-toolmbs {
      margin-bottom: 10px; } 
}

/*inputを非表示 & 閉じた時の位置調整*/
.open-box{
  position: relative;
}
input[type="checkbox"].on-off{
  position: absolute;
  top: 0;
  display: block;
  opacity: 0;
}
input[type="checkbox"].on-off02{
  position: absolute;
  top: 0;
  display: block;
  opacity: 0;
}
input[type="checkbox"].on-off03{
  position: absolute;
  top: 0;
  display: block;
  opacity: 0;
}
input[type="checkbox"].on-off04{
  position: absolute;
  top: 0;
  display: block;
  opacity: 0;
}
input[type="checkbox"].on-off05{
  position: absolute;
  top: 0;
  display: block;
  opacity: 0;
}
input[type="checkbox"].on-off06{
  position: absolute;
  top: 0;
  display: block;
  opacity: 0;
}
input[type="checkbox"].on-off07{
  position: absolute;
  top: 0;
  display: block;
  opacity: 0;
}
input[type="checkbox"].on-off08{
  position: absolute;
  top: 0;
  display: block;
  opacity: 0;
}
.open-label1,
.open-label2{
	padding: 0.5em;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	max-width: 300px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #4679B3;
}
.open-label1:hover,
.open-label2:hover{
  background: -webkit-linear-gradient(bottom, #fff4e0 1%,orange 80%);
  background: #fcbe11;
}
.open-label1::after{
  content:'集計表を開く'; 
}
.open-label2::after,
.on-off:checked ~ .open-label1::after{
  content: '集計表を閉じる';
}
.open-label2::after,
.on-off02:checked ~ .open-label1::after{
  content: '集計表を閉じる';
}
.open-label2::after,
.on-off03:checked ~ .open-label1::after{
  content: '集計表を閉じる';
}
.open-label2::after,
.on-off04:checked ~ .open-label1::after{
  content: '集計表を閉じる';
}
.open-label2::after,
.on-off05:checked ~ .open-label1::after{
  content: '集計表を閉じる';
}
.open-label2::after,
.on-off06:checked ~ .open-label1::after{
  content: '集計表を閉じる';
}
.open-label2::after,
.on-off07:checked ~ .open-label1::after{
  content: '集計表を閉じる';
}
.open-label2::after,
.on-off08:checked ~ .open-label1::after{
  content: '集計表を閉じる';
}
.open-label2{
  display: none;
}
.on-off:checked ~ .open-label2{
  display: block;
}
.on-off02:checked ~ .open-label2{
  display: block;
}
.on-off03:checked ~ .open-label2{
  display: block;
}
.on-off04:checked ~ .open-label2{
  display: block;
}
.on-off05:checked ~ .open-label2{
  display: block;
}
.on-off06:checked ~ .open-label2{
  display: block;
}
.on-off07:checked ~ .open-label2{
  display: block;
}
.on-off08:checked ~ .open-label2{
  display: block;
}

/*開閉エリア*/
.open{
  padding: 0 1em;
  height: 0;
  opacity: 0;
  transition: .5s;
}
.open02{
  padding: 0 1em;
  height: 0;
  opacity: 0;
  transition: .5s;
}
.open03{
  padding: 0 1em;
  height: 0;
  opacity: 0;
  transition: .5s;
}
.open04{
  padding: 0 1em;
  height: 0;
  opacity: 0;
  transition: .5s;
}
.open05{
  padding: 0 1em;
  height: 0;
  opacity: 0;
  transition: .5s;
}
.open06{
  padding: 0 1em;
  height: 0;
  opacity: 0;
  transition: .5s;
}
.open07{
  padding: 0 1em;
  height: 0;
  opacity: 0;
  transition: .5s;
}
.open08{
  padding: 0 1em;
  height: 0;
  opacity: 0;
  transition: .5s;
}
.on-off:checked  ~ .open{
  padding: 1.5em 1em;
  height: auto;
  opacity: 1;
}
.on-off02:checked  ~ .open02{
  padding: 1.5em 1em;
  height: auto;
  opacity: 1;
}
.on-off03:checked  ~ .open03{
  padding: 1.5em 1em;
  height: auto;
  opacity: 1;
}
.on-off04:checked  ~ .open04{
  padding: 1.5em 1em;
  height: auto;
  opacity: 1;
}
.on-off05:checked  ~ .open05{
  padding: 1.5em 1em;
  height: auto;
  opacity: 1;
}
.on-off06:checked  ~ .open06{
  padding: 1.5em 1em;
  height: auto;
  opacity: 1;
}
.on-off07:checked  ~ .open07{
  padding: 1.5em 1em;
  height: auto;
  opacity: 1;
}
.on-off08:checked  ~ .open08{
  padding: 1.5em 1em;
  height: auto;
  opacity: 1;
}
/* 自社診断ツール活用 */
.t_step {
	font-size: 118%;
	line-height: 200%;
	font-weight: bold;
	color: #FFF;
	background-color: #4679B3;
}
.t_step_inn {
	text-align: justify;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.t_step_inn span {
	font-weight: bold;
	color: #C00;
}
.border_blue {
	border: 2px solid #4679B3;
}
.tool_title920 {
	font-size: 118%;
	color: #FFF;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #47B9B1;
	font-weight: bold;
	border-radius: 10px;
	max-width: 980px;
	border: 2px solid #FFF;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
}
@media all and (max-width: 600px) {
.tool_title920 {
	font-size: 108%;
	letter-spacing:0;
}
}
.tt_in01 {
	font-weight: bold;
	color: #47B9B1;
	background-color: #FFF;
	float: left;
	height: auto;
	width: 120px;
	margin-right: 10px;
}
.tt_in02 {
	text-align: left;
	float: left;
}
@media all and (max-width: 860px) {
.tt_in01 {
	float: none;
	height: auto;
	width: 120px;
	margin-bottom: 10px;
}
.tt_in02 {
	float: none;
	margin-right: 3%;
}
}
.un_blueline {
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4679B3;
	overflow: hidden;
	padding-bottom: 5px;
}
.un_blueline_left {
	font-size: 128%;
	font-weight: bold;
	color: #FFF;
	background-color: #4679B3;
	float: left;
	width: 10%;
	margin-right: 3%;
	min-height: 50px;
}
.un_blueline_right {
	color: #4679B3;
	text-align: left;
	float: left;
	width: 85%;
}
.toolu_title {
	font-weight: bold;
	color: #47B9B1;
	text-align: left;
}
.toolu_title_in {
	text-align: left;
	width: 90%;
	margin-right: 0px;
	margin-left: auto;
}
.toolu_title_in ul {
	color: #47B9B1;
	list-style-position: outside;
	list-style-type: disc;
}
.toolu_title_in ul li {
	margin-bottom: 5px;
}
.toolu_title_in ul li span {
	color: #000;
}
.boder_bb {
	border: 1px solid #47B9B1;
	padding: 20px;
	height: auto;
}
.tool_w_box {
	background-color: #FFF;
	border: 2px solid #47B9B1;
	overflow: hidden;
}
.tool_w_key {
	width: 10%;
	font-weight: bold;
	color: #FFF;
	background-color: #47B9B1;
	font-size: 112%;
	margin-right: 2%;
	margin-left: 0px;
}

@media all and (max-width: 520px) {
.tool_w_key {
	font-size: 100%;
}
}
.tool_w_in {
	width: 85%;
	text-align: justify;
	font-weight: bold;
	color: #47B9B1;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-right: 2%;
}
.bk_whi {
	background-color: #FFF;
}
.block3_tool {
	width: 30.33%;
	overflow: hidden;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-bottom: 20px;
}
.border_b {border: 1px solid #666;}
@media all and (max-width: 768px) {
.block3_tool {
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;;
}
}
@media all and (max-width: 480px) {
.block3_tool {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;;
}
}
/* 自社診断ツール使用 */
.how_in {
	text-align: justify;
	width: 95%;
	margin-right: 0px;
	margin-left: auto;
}
.how_in span {
	font-weight: bold;
	color: #44B2AB;
}
/* セミナー開催レポート */
.sem_title {
	font-weight: bold;
	color: #FFF;
	background-color: #47B9B1;
	padding: 10px;
	height: auto;
	width: 100%;
}
.sem_title span {
	color: #FFFF79;
	font-size: 112%;
}
table.seminor {
	box-sizing: border-box;
	border-collapse: collapse;
	margin: 0 auto;
	text-align: left;
	width: 100%;
}
table.seminor th,
table.seminor td{
  border: 1px solid #999;
  padding: .5em 1em;
}
table.seminor th{
	background-color: #AADFDB;
	width: 15%;
}
@media (max-width: 650px) {
table.seminor{
      width: 100%;
    }
table.seminor th,
table.seminor td{
      display: block;
    }
table.seminor th{
	width: 100%;
}
table.seminor th,
table.seminor td{
      border-top: none;    
    }
table.seminor tr:first-child th{
      border-top: 1px solid #999;
    }
.sem_title {
	text-align: left;
}
}
.seminor_bd {
	text-align: justify;
}
.seminor_bd span {
	font-weight: bold;
	color: #47B9B1;
	font-size: 108%;
}
.tele_t a {
	text-decoration: underline;
	color: #4679B3;
}
.tadashi {
	font-size: 82%;
	letter-spacing: 0em;
	text-align: right;
}
.sembd {
	float: left;
	height: auto;
	width: 60%;
	text-align: justify;
}
.sembd span {
	font-weight: bold;
	color: #47B9B1;
}
@media all and (max-width: 768px) {
.sembd {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
}
.semtai {float: right;
	height: auto;
	width: 35%;
	padding: 1px;}
@media all and (max-width: 768px) {
.semtai {float: none;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	padding: 1px;
	max-width: 480px;
	margin-bottom: 40px;}
}
.pa1010 {
	padding: 20px;
}
.semt {}
.semt_30 {
	color: #FFF;
	background-color: #4679B3;
	height: auto;
	width: 23%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 92%;
	border-radius: 5px;
	text-align: center;
}
.semt_30 span {
	letter-spacing: 0em;
}
.semt_70 {
	width: 75%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: left;
	font-size: 112%;
}
.semt_35 {
	color: #FFF;
	background-color: #4679B3;
	height: auto;
	width: 30%;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	font-weight: normal;
	font-size: 92%;
	border-radius: 5px;
	text-align: center;
}
.semt_35 span {
	letter-spacing: 0em;
}
.semt_65 {
	width: 65%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: left;
	font-size: 112%;
}
.semt_65 span {
	letter-spacing: 0em;
}
@media all and (max-width: 640px) {
.semt_30 {
	width: 94%;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.semt_35 {
	width: 94%;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px
}
.semt_70 {
	width: 100%;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	letter-spacing: 0em;
}
.semt_65 {
	width: 100%;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	letter-spacing: 0em;
}
}
@media all and (max-width: 480px) {
.semt_70 {
	width: 94%;
	text-align: left;
}
.semt_65 {
	width: 94%;
	text-align: left;
}
}
.parent {
	position: relative;
	overflow: hidden;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
/* 勘所 */
.qes_title {
	font-size: 142%;
	line-height: 200%;
	font-weight: bold;
	color: #FFF;
	background-color: #F60;
	height: auto;
	width: 35%;
	margin-right: 65%;
	border-radius: 10px;
	letter-spacing: 2px;
}
.qes {
	font-size: 128%;
	font-weight: bold;
	color: #F60;
	border: 1px solid #F60;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-radius: 10px;
}
.un_arrow {
	font-size: 250%;
	color: #FF6600;
}
.kansho_title {
	font-size: 142%;
	line-height: 200%;
	font-weight: bold;
	color: #FFF;
	background-color: #990033;
	letter-spacing: 2px;
	height: auto;
	width: 35%;
	margin-right: 65%;
	border-radius: 10px;
}
.kansho {
	font-size: 128%;
	font-weight: bold;
	color: #990033;
	border: 1px solid #990033;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-radius: 10px;
	text-align: justify;
}
.kanwhi {
	width: 100%;
	padding-bottom: 10px;
	font-size: 148%;
	font-weight: bold;
	line-height: 170%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #47B9B1;
}
.saku_title {
	font-size: 112%;
	line-height: 200%;
	color: #FFF;
	background-color: #903;
	width: 33%;
	margin-right: auto;
	margin-left: 0px;
	text-align: center;
	border-radius: 5px;
}
.saku_in {
	font-size: 108%;
	color: #903;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #903;
	padding-bottom: 10px;
}
.saku_in a {
	color: #009;
	text-decoration: underline;
}
@media all and (max-width: 768px) {
.kanwhi {
	padding-left: 5%;
	padding-right: 5%;
	font-size: 128%;
}
.qes_title {
	font-size: 128%;
	width: 33%;
}
.qes {
	font-size: 112%;
}
.kansho_title {
	font-size: 128%;
	width: 33%
}
.kansho {
	font-size: 112%;
}
.saku_title {
	font-size: 108%;
}
}
@media all and (max-width: 600px) {
.kanwhi {
	font-size: 128%;
}
.qes_title {
	font-size: 112%;
	width: 33%;
}
.qes {
	font-size: 108%;
}
.kansho_title {
	font-size: 112%;
	width: 33%
}
.kansho {
	font-size: 108%;
	padding-right: 20px;
	padding-left: 20px;
}
.saku_title {
	font-size: 100%;
}
}
.dm {}