@charset "UTF-8";
/* category_name */
#act .category_name {
  background: url(../../act/img/category_bg.jpg) center top no-repeat;
}

#act.no_sub .category_name h1,
#act.no_sub .category_name p {
  padding-top: 70px;
}

#act .category_name h1 span,
#act .category_name p span {
  font-size: 48%;
  display: inline-block;
  background-color: #000000;
  padding: 3px 12px 4px;
  margin-top: 6px;
}

@media print, screen and (min-width: 740px) {
  #act .category_name {
    min-height: 350px;
  }
}
@media screen and (max-width: 739px) {
  #act .category_name {
    background: url(../../act/img/category_bg_sp.jpg) center top no-repeat;
    background-size: cover;
  }
  #act.no_sub .category_name h1,
  #act.no_sub .category_name p {
    padding: 25px 0;
  }
  #act .category_name h1 span,
  #act .category_name p span {
    font-size: 13px;
  }
}
/* content */
#act.no_sub #content {
  margin-top: 190px;
}

@media screen and (max-width: 739px) {
  #act.no_sub #content {
    margin-top: 0;
  }
}
/* h_ttl01 */
#act #main .h_ttl01 {
  color: #0B6BC4;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, serif;
  font-size: 165%;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 50px;
  margin-bottom: -10px;
  /*border-left:5px solid #0B6BC4;
  padding:6px 0 6px 16px;*/
}

@media screen and (max-width: 739px) {
  #act #main .h_ttl01 {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: -6px;
    /*padding:6px 0 6px 10px;*/
  }
}
.page_second.search1 #main h2.ttl01 {
  margin-top: 50px;
}

/* tab_local_list */
.tab_local_list {
  list-style: none;
}

.tab_local_list li {
  float: left;
  width: 225px;
  box-sizing: border-box;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}

.tab_local_list li span {
  display: block;
  background-color: #0D878A;
  border: 2px solid #0D878A;
  border-left: 1px solid #0D878A;
  border-right: 1px solid #0D878A;
  color: #FFF;
  box-sizing: border-box;
  padding: 20px 10px;
}

#main .tab_local_list li a {
  display: block;
  color: #0D878A;
  border: 2px solid #0D878A;
  border-left: 1px solid #0D878A;
  border-right: 1px solid #0D878A;
  text-decoration: none;
  box-sizing: border-box;
  padding: 20px 10px;
}

#main .tab_local_list li.menu01 a {
  border-left: 2px solid #0D878A;
}

#main .tab_local_list li.menu04 a {
  border-right: 2px solid #0D878A;
}

#main .tab_local_list li a:hover {
  color: #FFF;
  background-color: #0D878A;
}

@media screen and (max-width: 739px) {
  #main .tab_local_list li {
    width: 50%;
    font-size: 15px;
  }
  #main .tab_local_list li span {
    display: block;
    background-color: #0D878A;
    border: 2px solid #0D878A;
    border-right: 1px solid #0D878A;
    border-bottom: 1px solid #0D878A;
    color: #FFF;
    box-sizing: border-box;
    padding: 20px 10px;
  }
  #main .tab_local_list li a {
    display: block;
    color: #0D878A;
    border: 2px solid #0D878A;
    border-right: 1px solid #0D878A;
    border-bottom: 1px solid #0D878A;
    text-decoration: none;
    box-sizing: border-box;
    padding: 20px 10px;
  }
  #main .tab_local_list li.menu02 a {
    border-right: 2px solid #0D878A;
    border-left: 1px solid #0D878A;
  }
  #main .tab_local_list li.menu03 a {
    border-top: 1px solid #0D878A;
    border-bottom: 2px solid #0D878A;
  }
  #main .tab_local_list li.menu04 a {
    border-left: 1px solid #0D878A;
    border-right: 2px solid #0D878A;
    border-top: 1px solid #0D878A;
    border-bottom: 2px solid #0D878A;
  }
}
/* tab_local_list */
.tab_local_list02 {
  list-style: none;
}

.tab_local_list02 li {
  float: left;
  width: 233px;
  box-sizing: border-box;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}

.tab_local_list02 li.menu03 {
  width: 234px;
}

.tab_local_list02 li span {
  display: block;
  background-color: #0B6BC4;
  border: 2px solid #0B6BC4;
  border-left: 1px solid #0B6BC4;
  border-right: 1px solid #0B6BC4;
  color: #FFF;
  box-sizing: border-box;
  padding: 20px 10px;
}

#main .tab_local_list02 li a {
  display: block;
  color: #0B6BC4;
  border: 2px solid #0B6BC4;
  border-left: 1px solid #0B6BC4;
  border-right: 1px solid #0B6BC4;
  text-decoration: none;
  box-sizing: border-box;
  padding: 20px 10px;
}

#main .tab_local_list02 li.menu01 a {
  border-left: 2px solid #0B6BC4;
}

#main .tab_local_list02 li.menu03 a {
  border-right: 2px solid #0B6BC4;
}

#main .tab_local_list02 li a:hover {
  color: #FFF;
  background-color: #0B6BC4;
}

@media screen and (max-width: 739px) {
  #main .tab_local_list02 li {
    width: 33%;
    font-size: 15px;
  }
  #main .tab_local_list02 li.menu03 {
    width: 34%;
    font-size: 15px;
  }
  #main .tab_local_list02 li span {
    display: block;
    background-color: #0B6BC4;
    border: 2px solid #0B6BC4;
    border-right: 1px solid #0B6BC4;
    color: #FFF;
    box-sizing: border-box;
    padding: 20px 10px;
  }
  #main .tab_local_list02 li a {
    display: block;
    color: #0B6BC4;
    border: 2px solid #0B6BC4;
    border-left: 1px solid #0B6BC4;
    border-right: 1px solid #0B6BC4;
    text-decoration: none;
    box-sizing: border-box;
    padding: 20px 10px;
  }
  #main .tab_local_list02 li.menu01 a {
    border-left: 2px solid #0B6BC4;
  }
  #main .tab_local_list02 li.menu03 a {
    border-right: 2px solid #0B6BC4;
    border-left: 1px solid #0B6BC4;
  }
}
/* anchor_box */
.anchor_box {
  padding: 4px 15px 15px;
  background-color: #0D878A;
}

.anchor_box ul {
  list-style: none;
}

.anchor_box ul li {
  float: left;
  box-sizing: border-box;
  font-size: 85%;
  font-weight: bold;
  margin-right: 10px;
  margin-top: 10px;
}

.anchor_box .type01 li {
  width: 210px;
}

.anchor_box .type01 li:nth-child(4n) {
  margin-right: 0;
}

.anchor_box .type02 li {
  width: 166px;
}

.anchor_box .type02 li:nth-child(5n) {
  margin-right: 0;
}

.anchor_box .type03 li {
  width: 283px;
}

.anchor_box .type03 li:nth-child(3n) {
  width: 284px;
  margin-right: 0;
}

#main .anchor_box ul li a {
  display: block;
  color: #333;
  background: url(../img/icon_down02.png) 10px center no-repeat #FFF;
  text-decoration: none;
  box-sizing: border-box;
  padding: 12px 10px 12px 26px;
  border-radius: 5px;
}

#main .anchor_box ul li a:hover {
  color: #FFF;
  background: url(../img/icon_down01.png) 10px center no-repeat #4EB8BA;
}

@media screen and (max-width: 739px) {
  .anchor_box ul li {
    font-size: 13px;
    margin-right: 4%;
  }
  .anchor_box ul li a {
    vertical-align: middle;
  }
  .anchor_box .type01 li {
    width: 48%;
  }
  .anchor_box .type01 li:nth-child(2n) {
    margin-right: 0;
  }
  .anchor_box .type02 li {
    width: 48%;
  }
  .anchor_box .type02 li:nth-child(5) {
    margin-right: 4%;
  }
  .anchor_box .type02 li:nth-child(2n) {
    margin-right: 0;
  }
  .anchor_box .type03 li {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .anchor_box .type03 li:nth-child(3n) {
    width: 100%;
    margin-right: 0;
  }
  #main .anchor_box ul li a {
    background: url(../img/icon_down02.png) 10px 1.2em no-repeat #FFF;
  }
  #main .anchor_box ul li a:hover {
    color: #FFF;
    background: url(../img/icon_down01.png) 10px 1.2em no-repeat #4EB8BA;
  }
}
/* act_index_box01 */
#main .act_index_box01 p {
  width: 260px;
  float: left;
  margin-top: 25px;
}

#main .act_index_box01 ul {
  list-style: none;
  margin-top: 20px;
  width: 600px;
  float: right;
}

#main .act_index_box01 ul li {
  font-size: 85%;
  line-height: 1.4;
  margin-top: 10px;
  width: 280px;
  padding-right: 20px;
  float: left;
}

#main .act_index_box01 ul li a {
  color: #333333;
  padding-left: 15px;
  background: url(../img/icon_arrow03.png) 5px 0.4em no-repeat;
  text-decoration: none;
  display: block;
  padding-bottom: 10px;
  border-bottom: dotted 1px #999;
}

#main .act_index_box01 ul li a:hover {
  color: #999;
}

@media screen and (max-width: 739px) {
  #main .act_index_box01 p {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
  #main .act_index_box01 ul {
    width: 100%;
    float: none;
  }
  #main .act_index_box01 ul li {
    font-size: 14px;
    width: 100%;
    padding-right: 0;
    float: none;
  }
}
/* act_index_box02 */
#main .act_index_box02 dl {
  width: 435px;
  float: left;
  margin-top: 25px;
}

#main .act_index_box02 .last {
  float: right;
}

#main .act_index_box02 dl dt {
  font-size: 90%;
  font-weight: bold;
  line-height: 1.4;
  background: #eeeeee;
  padding: 4px 10px;
}

#main .act_index_box02 dl dd {
  font-size: 85%;
  line-height: 1.4;
  margin-top: 10px;
}

#main .act_index_box02 dl dd a {
  color: #333333;
  padding-left: 15px;
  background: url(../img/icon_arrow03.png) 5px 0.4em no-repeat;
  text-decoration: none;
  display: block;
  padding-bottom: 10px;
  border-bottom: dotted 1px #999;
}

#main .act_index_box02 dl dd a:hover {
  color: #999;
}

@media screen and (max-width: 739px) {
  #main .act_index_box02 dl {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
  #main .act_index_box02 .last {
    float: none;
  }
  #main .act_index_box02 dl dt {
    font-size: 15px;
  }
  #main .act_index_box02 dl dd {
    font-size: 14px;
  }
}
/* act_index_box03 */
.page_second #main .act_index_box03 h3 {
  color: #fff;
  background-color: #0D878A;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 20px;
  padding: 6px 15px;
}

#main .act_index_box03 ul {
  list-style: none;
  border: 1px solid #CCC;
  border-top: none;
  padding: 10px 30px 20px;
}

#main .act_index_box03 ul li {
  font-size: 85%;
  line-height: 1.4;
  margin-top: 10px;
  width: 405px;
  float: left;
}

#main .act_index_box03 ul li:nth-child(2n) {
  float: right;
}

#main .act_index_box03 ul li a {
  color: #333333;
  padding-left: 15px;
  background: url(../img/icon_arrow03.png) 5px 0.4em no-repeat;
  text-decoration: none;
  display: block;
  padding-bottom: 10px;
  border-bottom: dotted 1px #999;
}

#main .act_index_box03 ul li span {
  color: #333;
  font-weight: normal;
  /*padding-left:15px;
  background:url(../img/icon_arrow03.png) 5px 0.4em no-repeat;*/
  text-decoration: none;
  display: block;
  padding-bottom: 10px;
  border-bottom: dotted 1px #999;
}

#main .act_index_box03 ul li a:hover {
  color: #999;
}

@media screen and (max-width: 739px) {
  #main .act_index_box03 p {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
  #main .act_index_box03 ul {
    float: none;
    padding: 10px 15px 20px;
  }
  #main .act_index_box03 ul li {
    font-size: 14px;
    width: 100%;
    padding-right: 0;
    float: none;
  }
  #main .act_index_box03 ul li:nth-child(2n) {
    float: none;
  }
}
/* act_col2_img_list01 */
.act_col2_img_list01 dl {
  width: 335px;
  float: left;
  margin-top: 20px;
}

.act_col2_img_list01 dt {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
  line-height: 1.4;
}

.act_col2_img_list01 dd {
  font-size: 85%;
  text-align: center;
  margin-top: 5px;
  line-height: 1.4;
}

.act_col2_img_list01 .last {
  float: right;
}

@media screen and (max-width: 739px) {
  .act_col2_img_list01 dl {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
  .act_col2_img_list01 dt {
    font-size: 17px;
  }
  .act_col2_img_list01 dd {
    font-size: 13px;
  }
  .act_col2_img_list01 .last {
    float: none;
  }
}
/* act_col2_img_list02 */
.act_col2_img_list02 dl {
  width: 420px;
  float: left;
  margin-top: 20px;
}

.act_col2_img_list02 dt {
  font-size: 100%;
  font-weight: bold;
  text-align: left;
  margin-top: 5px;
  line-height: 1.4;
}

.act_col2_img_list02 dd {
  font-size: 85%;
  text-align: left;
  margin-top: 5px;
  line-height: 1.4;
}

.act_col2_img_list02 .last {
  width: 260px;
  float: right;
}

@media screen and (max-width: 739px) {
  .act_col2_img_list02 dl {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
  .act_col2_img_list02 dt {
    font-size: 17px;
  }
  .act_col2_img_list02 dd {
    font-size: 13px;
  }
  .act_col2_img_list02 .last {
    width: 100%;
    float: none;
  }
}
/* act_float_box01 */
#main .act_float_box01 .photo {
  float: left;
  width: 335px;
  margin-top: 20px;
}

#main .act_float_box01 .photo_table {
  display: table;
}

#main .act_float_box01 .photo_table p {
  display: table-cell;
  text-align: center;
}

#main .act_float_box01 .txt {
  float: right;
  width: 335px;
}

#main .act_float_box01 .txt h3 {
  color: #333;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 20px;
}

#main .act_float_box01 ul {
  margin-top: 12px;
  list-style: none;
}

#main .act_float_box01 ul li {
  font-size: 95%;
  line-height: 1.4;
  margin-top: 5px;
}

#main .act_float_box01 ul li span {
  font-weight: bold;
}

#main .act_float_box01 ul li ul {
  margin-top: 10px;
}

#main .act_float_box01 ul li ul li {
  font-size: 90%;
  line-height: 1.4;
  margin-top: 5px;
  display: inline-block;
  margin-right: 10px;
  padding-left: 10px;
}

@media print, screen and (min-width: 740px) {
  #main .act_float_box01 .photo_table p {
    width: 160px;
  }
  #main .act_float_box01 .photo_table .last {
    padding-left: 15px;
  }
}
@media screen and (max-width: 739px) {
  #main .act_float_box01 .photo {
    float: none;
    width: 100%;
  }
  #main .act_float_box01 .txt {
    float: none;
    width: 100%;
  }
  #main .act_float_box01 .txt h3 {
    font-size: 18px;
  }
  #main .act_float_box01 ul li {
    font-size: 15px;
  }
  #main .act_float_box01 ul li ul li {
    font-size: 13px;
  }
}
/* act_float_box02 */
#main .act_float_box02 .photo {
  float: left;
  width: 260px;
  margin-top: 25px;
}

#main .act_float_box02 .txt {
  float: right;
  width: 410px;
  margin-top: 25px;
}

#main .act_float_box02 .txt dt {
  font-size: 95%;
  font-weight: bold;
  line-height: 1.4;
}

#main .act_float_box02 .txt dt a {
  text-decoration: none;
  background: url(../img/icon_arrow05.png) 3px center no-repeat;
  padding-left: 14px;
}

#main .act_float_box02 .txt dd {
  font-size: 85%;
  line-height: 1.9;
  margin-top: 10px;
}

@media screen and (max-width: 739px) {
  #main .act_float_box02 .photo {
    float: none;
    width: 100%;
    margin-top: 25px;
  }
  #main .act_float_box02 .txt {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  #main .act_float_box02 .txt dt {
    font-size: 16px;
  }
  #main .act_float_box02 .txt dd {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 8px;
  }
}
/* act_float_box03 */
#main .act_float_box03 .photo {
  float: right;
  width: 260px;
  margin-top: 25px;
}

#main .act_float_box03 .txt {
  float: left;
  width: 410px;
  margin-top: 25px;
}

#main .act_float_box03 .txt h2 {
  margin-top: 0;
}

@media screen and (max-width: 739px) {
  #main .act_float_box03 .photo {
    float: none;
    width: 260px;
    margin: 25px auto 0;
  }
  #main .act_float_box03 .txt {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  #main .act_float_box03 .txt dt {
    font-size: 16px;
  }
  #main .act_float_box03 .txt dd {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 8px;
  }
}
/* act_bnr_box */
#main .act_bnr_box {
  margin-top: 40px;
  background-color: #efefef;
  padding: 15px;
}

#main .act_bnr_box p {
  margin-top: 0;
  text-align: center;
}

/* ttl_btn_box */
#main .ttl_btn_box h2 {
  float: left;
  width: 450px;
}

#main .ttl_btn_box .btn_pdf {
  float: right;
  width: 250px;
}

#main .ttl_btn_box .btn_pdf {
  margin-top: 35px;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 0;
}

#main .ttl_btn_box .btn_pdf a {
  background-color: #0B6BC4;
  border-radius: 5px;
  color: #FFF;
  text-decoration: none;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 15px 5px;
  width: 100%;
  box-sizing: border-box;
}

#main .ttl_btn_box .btn_pdf a:hover {
  background-color: #1482E2;
  color: #FFF;
}

#main .ttl_btn_box .btn_pdf a span {
  background: url(../img/icon_pdf.png) left center no-repeat;
  padding: 22px 0 22px 35px;
}

@media screen and (max-width: 739px) {
  #main .ttl_btn_box h2 {
    float: none;
    width: 100%;
  }
  #main .ttl_btn_box .btn_pdf {
    float: none;
    width: 250px;
  }
  #main .ttl_btn_box .btn_pdf {
    margin: 25px auto 10px;
  }
  #main .ttl_btn_box .btn_pdf a {
    font-size: 16px;
    padding: 15px 5px;
    box-sizing: border-box;
  }
  #main .ttl_btn_box .btn_pdf a:hover {
    background-color: #1482E2;
    color: #FFF;
  }
  #main .ttl_btn_box .btn_pdf a span {
    background: url(../img/icon_pdf.png) left center no-repeat;
    padding: 22px 0 22px 35px;
  }
  #main .ttl_btn_box .btn_pdf {
    margin-top: 30px;
  }
  #main .ttl_btn_box .btn_pdf a {
    font-size: 14px;
    padding: 18px 5px;
    width: 17em;
  }
}
/* 発電設備保全 サービス内容 */
#main .examination_float_box01 .box {
  float: left;
  width: 335px;
}

#main .examination_float_box01 .last {
  float: right;
  width: 335px;
}

.page_third #main .examination_float_box01 .box h3 {
  color: #FFF;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: none;
  border-radius: 5px;
  padding: 6px 15px;
  margin-top: 30px;
}

.page_third #main .examination_float_box01 .box h3.color01 {
  background-color: #DC2E2B;
}

.page_third #main .examination_float_box01 .box h3.color02 {
  background-color: #FFBA00;
}

.page_third #main .examination_float_box01 .box h3.color03 {
  background-color: #77B400;
}

.page_third #main .examination_float_box01 .box h3.color04 {
  background-color: #4999CC;
}

#main .examination_float_box01 .box ul {
  list-style: none;
  margin-top: 20px;
}

#main .examination_float_box01 .box ul li {
  font-size: 80%;
  line-height: 1.4;
  margin-top: 10px;
}

#main .examination_float_box01 .box ul li ul {
  margin-top: 0;
}

#main .examination_float_box01 .box ul li li {
  font-size: 100%;
}

#main .examination_float_box01 .box ul li a {
  color: #333333;
  padding-left: 15px;
  background: url(../img/icon_arrow03.png) 5px 0.4em no-repeat;
  text-decoration: none;
  display: inline-block;
}

#main .examination_float_box01 .box ul li li a {
  padding-left: 30px;
  background: url(../img/icon_arrow03.png) 20px 0.4em no-repeat;
}

#main .examination_float_box01 .box ul li a:hover {
  color: #999;
}

#main .examination_float_box01 .box ul li a.no_icon {
  color: #333333;
  padding-left: 0;
  background: none;
  text-decoration: underline;
  display: inline;
}

#main .examination_float_box01 .box ul li a.no_icon:hover {
  color: #999;
}

@media screen and (max-width: 739px) {
  #main .examination_float_box01 .box {
    float: none;
    width: 100%;
  }
  #main .examination_float_box01 .last {
    float: none;
    width: 100%;
  }
  #main .examination_float_box01 .box ul li {
    font-size: 14px;
  }
}
/* 非破壊検査　浸透探傷試験（PT） */
.pt_flow_list_outer {
  padding-top: 15px;
}

.pt_flow_list {
  margin-top: 15px;
}

.pt_flow_list dt {
  width: 470px;
  float: left;
  font-size: 85%;
  line-height: 1.6;
  padding-left: 1.3em;
  text-indent: -1.3em;
  padding-top: 10px;
}

.pt_flow_list dd {
  width: 200px;
  float: right;
}

@media screen and (max-width: 739px) {
  .pt_flow_list_outer {
    padding-top: 10px;
  }
  .pt_flow_list {
    margin-top: 20px;
  }
  .pt_flow_list dt {
    width: 100%;
    float: none;
    font-size: 13px;
    padding-top: 0;
  }
  .pt_flow_list dd {
    width: 200px;
    float: none;
    margin: 15px auto 0;
  }
}
/* SISCOの代行検査・エキスペダイティング */
.sisco_list {
  list-style: none;
  margin-top: 20px;
  background: url(../../act/representation/img/sisco_bg01.png) center bottom no-repeat;
  padding-bottom: 50px;
  margin-bottom: -20px;
}

.sisco_list li {
  float: left;
  width: 340px;
  text-align: center;
  background-color: #0B6BC4;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.4;
  padding: 14px 0;
}

.sisco_list .last {
  float: right;
}

@media screen and (max-width: 739px) {
  .sisco_list {
    padding-bottom: 35px;
    background-size: 50px 15px;
  }
  .sisco_list li {
    float: none;
    width: 100%;
    font-size: 16px;
  }
  .sisco_list .last {
    float: none;
    margin-top: 20px;
  }
}
.sisco_column {
  padding-bottom: 10px;
}

.sisco_column .box {
  float: left;
  width: 340px;
}

.sisco_column .last {
  float: right;
}

@media screen and (max-width: 739px) {
  .sisco_column .box {
    float: none;
    width: 100%;
  }
  .sisco_column .last {
    float: none;
  }
}
.sisco_bg {
  background: url(../../act/representation/img/sisco_bg01.png) center top no-repeat;
  padding-top: 50px;
}

@media screen and (max-width: 739px) {
  .sisco_bg {
    padding-top: 35px;
    background-size: 50px 15px;
  }
}
/* 検査事例 材料調査 */
.example7_box {
  margin-top: 20px;
}

.example7_box .left_img {
  float: left;
  width: 280px;
}

.example7_box .right_img {
  width: 400px;
  float: right;
}

.example7_box02 {
  margin-top: 20px;
}

.example7_box02 .box {
  float: left;
  width: 380px;
}

.example7_box02 .last {
  float: right;
  width: 300px;
}

@media screen and (max-width: 739px) {
  .example7_box {
    margin-top: 0;
  }
  .example7_box .left_img {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .example7_box .right_img {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .example7_box02 {
    margin-top: 0;
  }
  .example7_box02 .box {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .example7_box02 .last {
    float: none;
  }
}
/* 検査事例 配管・タンク肉厚測定 */
.example5_table01 {
  border-collapse: collapse;
  margin-top: 20px;
  width: 100%;
}

.example5_table01 th {
  font-size: 80%;
  line-height: 1.4;
  padding: 5px 10px;
  border: 1px solid #CCC;
  background: #ECF3FA;
  color: #333333;
  vertical-align: top;
  text-align: left;
}

.example5_table01 td {
  padding: 5px 10px;
  font-size: 80%;
  line-height: 1.4;
  color: #555;
  border: 1px solid #CCC;
}

/* クレーンの余寿命評価 */
.crane_flow_box01 {
  margin-top: 25px;
  background: url(../../act/steel/img/crane_bg.png) bottom center no-repeat;
  padding-bottom: 40px;
}

.crane_flow_box02 {
  margin-top: 25px;
  background: url(../../act/steel/img/crane_bg.png) bottom center no-repeat;
  padding-bottom: 40px;
}

.crane_flow_box03 {
  margin-top: 25px;
}

.crane_flow_box02 dl {
  width: 460px;
  float: left;
}

#main .crane_flow_box02 p {
  width: 200px;
  float: right;
  margin-top: 0;
}

.crane_flow_box03 dl {
  width: 360px;
  float: left;
}

#main .crane_flow_box03 p {
  width: 310px;
  float: right;
  margin-top: 0;
}

.crane_flow_box01 dl dt,
.crane_flow_box02 dl dt,
.crane_flow_box03 dl dt {
  color: #0B6BC4;
  background-color: #ECF3FA;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.4;
  padding: 8px 15px;
  border-radius: 6px;
  border-bottom: none;
}

.crane_flow_box01 dl dd,
.crane_flow_box02 dl dd,
.crane_flow_box03 dl dd {
  font-size: 85%;
  line-height: 1.8;
  margin-top: 15px;
}

@media screen and (max-width: 739px) {
  .crane_flow_box01 {
    margin-top: 25px;
    background: url(../../act/steel/img/crane_bg.png) bottom center no-repeat;
    padding-bottom: 40px;
  }
  .crane_flow_box02 {
    margin-top: 25px;
    background: url(../../act/steel/img/crane_bg.png) bottom center no-repeat;
    padding-bottom: 40px;
  }
  .crane_flow_box03 {
    margin-top: 25px;
  }
  .crane_flow_box02 dl {
    width: 100%;
    float: none;
  }
  #main .crane_flow_box02 p {
    width: 200px;
    float: none;
    margin: 15px auto 0;
  }
  .crane_flow_box03 dl {
    width: 100%;
    float: none;
  }
  #main .crane_flow_box03 p {
    width: 100%;
    max-width: 310px;
    float: none;
    margin: 15px auto 0;
  }
  .crane_flow_box01 dl dt,
  .crane_flow_box02 dl dt,
  .crane_flow_box03 dl dt {
    font-size: 18px;
  }
  .crane_flow_box01 dl dd,
  .crane_flow_box02 dl dd,
  .crane_flow_box03 dl dd {
    font-size: 14px;
  }
}
/* 計測器・計量器校正 校正メニュー */
.menu #main .btn_contact03 {
  margin-bottom: -15px;
}

@media screen and (max-width: 739px) {
  .menu #main .btn_contact03 {
    margin-bottom: 0;
  }
}
/* 計測器・計量器校正 校正メニュー一覧 */
.menu1 #main h1,
.menu2 #main h1,
.menu3 #main h1 {
  margin-top: 40px;
}

.menu1 #main .btn_back,
.menu2 #main .btn_back,
.menu3 #main .btn_back {
  margin-bottom: -25px;
}

.menu_list {
  list-style: none;
  margin-top: 20px;
}

.menu_list li {
  background: url(../img/icon_maru02.png) left 0.4em no-repeat;
  padding-left: 13px;
  margin-top: 10px;
  font-size: 85%;
  line-height: 1.4;
  float: left;
  width: 317px;
  margin-right: 20px;
}

@media screen and (max-width: 739px) {
  .menu1 #main .btn_back,
  .menu2 #main .btn_back,
  .menu3 #main .btn_back {
    margin-bottom: -10px;
  }
  .menu_list li {
    font-size: 14px;
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
.product_movie_box {
  margin: 30px 0;
}

.product_movie_box video {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 739px) {
  .product_movie_box {
    width: 100%;
    height: auto;
  }
  .product_movie_box object {
    width: 100%;
    height: auto;
  }
  .product_movie_box embed {
    width: 100%;
    height: auto;
  }
}
/* 探すメニュー */
#main .search_float_box .photo {
  float: left;
  width: 260px;
  margin-top: 20px;
}

#main .search_float_box .txt {
  float: right;
  width: 610px;
  margin-top: 20px;
}

@media screen and (max-width: 739px) {
  #main .search_float_box .photo {
    float: none;
    width: 260px;
    margin: 20px auto 0;
  }
  #main .search_float_box .txt {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
/* 計測器・計量器校正　提出書類 */
.document_col2_box .left_box {
  float: left;
  width: 335px;
}

.document_col2_box .right_box {
  float: right;
  width: 335px;
}

@media screen and (max-width: 739px) {
  .document_col2_box .left_box {
    float: none;
    width: 100%;
  }
  .document_col2_box .right_box {
    float: none;
    width: 100%;
  }
}
/* 計測器・計量器校正 校正資料の電子化 */
#act #main .small_txt {
  margin-top: 10px;
}

.page_third.cloud #main h2.ttl01 {
  font-size: 115%;
}

.page_third #main .cloud_box_ttl {
  font-size: 115%;
  line-height: 1.4;
  background-color: #0B6BC4;
  border-top: 4px solid #053765;
  padding: 10px 20px;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#main .cloud_box {
  padding: 1px 20px 40px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: #ECF3FA;
}

.page_third #main .cloud_box h3 {
  background-color: #fff;
  border: 1px solid #0B6BC4;
  border-radius: 5px;
  padding: 5px 15px;
  margin-top: 30px;
  font-size: 115%;
}

.page_third #main .cloud_box h4 {
  color: #0B6BC4;
}

#main .cloud_box .inner .left_box {
  width: 315px;
  float: left;
}

#main .cloud_box .inner .right_box {
  width: 315px;
  float: right;
}

#main .cloud_box .cloud_dl {
  width: 500px;
  margin: 25px auto 0;
}

#main .cloud_box .cloud_dl dd {
  margin-top: 10px;
  font-size: 85%;
  line-height: 1.4;
}

#main .cloud_box .merit_txt {
  margin: 30px auto 0;
  width: 600px;
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  line-height: 1.4;
  background-color: #0B6BC4;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 25px 0;
  text-align: center;
}

#main .cloud_other_box {
  border: 1px solid #ccc;
  margin-top: 50px;
  padding-bottom: 30px;
}

#main .cloud_other_box .inner {
  width: 660px;
  margin: 0 auto;
}

.page_third #main .cloud_other_box h2 {
  font-size: 110%;
  line-height: 1.4;
  background-color: #ECF3FA;
  border-bottom: 2px solid #0B6BC4;
  padding: 10px 20px;
  color: #0B6BC4;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
}

.page_third #main .cloud_other_box h3 {
  font-size: 110%;
  margin-top: 20px;
}

.page_third #main .cloud_other_box h4 {
  color: #0B6BC4;
}

@media screen and (max-width: 739px) {
  .page_third.cloud #main h2.ttl01 {
    font-size: 18px;
  }
  .page_third #main .cloud_box_ttl {
    font-size: 15px;
    padding: 10px 16px;
  }
  #main .cloud_box {
    padding: 1px 20px 30px;
  }
  .page_third #main .cloud_box h3 {
    padding: 7px 13px;
    margin-top: 20px;
    font-size: 15px;
  }
  .page_third #main .cloud_box h4 {
    margin-top: 15px;
  }
  #main .cloud_box .inner .left_box {
    width: 100%;
    float: none;
  }
  #main .cloud_box .inner .right_box {
    width: 100%;
    float: none;
  }
  #main .cloud_box .cloud_dl {
    width: 100%;
    margin: 25px auto 0;
  }
  #main .cloud_box .cloud_dl dd {
    font-size: 13px;
  }
  #main .cloud_box .merit_txt {
    margin: 30px auto 0;
    width: 100%;
    font-size: 16px;
    line-height: 1.4;
    padding: 15px 10px;
  }
  #main .cloud_other_box {
    margin-top: 40px;
    padding-bottom: 20px;
  }
  #main .cloud_other_box .inner {
    width: 92%;
    margin: 0 auto;
  }
  .page_third #main .cloud_other_box h2 {
    font-size: 16px;
    padding: 10px 15px;
  }
  .page_third #main .cloud_other_box h3 {
    font-size: 15px;
    margin-top: 20px;
  }
}
/* 火力発電所に係る定期事業者検査延長支援 */
@media screen and (max-width: 739px) {
  .regular_support .table02 {
    border-collapse: collapse;
    margin-top: 25px;
    width: 100%;
  }
}
/* SISCOの定期事業者検査支援メニュー（システムA組織、システムS組織）  */
.supportmenu .col2_nosub_box {
  display: table;
}

.supportmenu .col2_nosub_box .box {
  width: 435px;
  display: table-cell;
}

.supportmenu .col2_nosub_box .box:last-child {
  padding-left: 30px;
}

.supportmenu .table02.system_table th {
  padding: 5px 5px;
}

.supportmenu .table02.system_table td {
  padding: 5px 5px;
}

.page_third #main h3.mt20 {
  margin-top: 30px;
  margin-bottom: -5px;
}

.supportmenu input {
  border: 1px solid #CCCCCC;
  vertical-align: middle;
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 85%;
  margin-top: 0;
  text-align: right;
  margin: 0;
}

.supportmenu label.w100per input {
  width: 100%;
}

.supportmenu #main .btn_contact01 a {
  width: 22em;
}

.supportmenu #main .btn_contact02 a {
  width: 22em;
  margin-bottom: -15px;
}

@media screen and (max-width: 739px) {
  .supportmenu .col2_nosub_box {
    display: block;
  }
  .supportmenu .col2_nosub_box .box {
    width: 100%;
    display: block;
  }
  .supportmenu .col2_nosub_box .box:last-child {
    padding-left: 0;
  }
  .supportmenu .table02_sp100 {
    width: 100%;
  }
  .supportmenu .table02.system_table {
    width: 900px;
  }
  .supportmenu #main .btn_contact01 a {
    width: 95%;
    box-sizing: border-box;
  }
  .supportmenu #main .btn_contact02 a {
    width: 95%;
    box-sizing: border-box;
  }
}
/* 発電所定検延長の投資効果試算表  */
.trial .col2_nosub_box {
  display: table;
}

.trial .col2_nosub_box .box {
  width: 435px;
  display: table-cell;
}

.trial .col2_nosub_box .box:last-child {
  padding-left: 30px;
}

.trial .table02.system_table th {
  padding: 5px 5px;
}

.trial .table02.system_table td {
  padding: 5px 5px;
}

.trial #main h3.mt20 {
  margin-top: 30px;
  margin-bottom: -5px;
}

.trial input {
  border: 1px solid #CCCCCC;
  vertical-align: middle;
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 85%;
  margin-top: 0;
  text-align: right;
  margin: 0;
}

.trial label.w100per input {
  width: 100%;
}

.trial label.input_focus input {
  background: #F6FF6D;
}

.trial #main .btn_contact01 a {
  width: 22em;
}

.trial #main .btn_contact02 a {
  width: 22em;
  margin-bottom: -15px;
}

.trial #main .trial_txt {
  font-size: 95%;
  font-weight: bold;
}

.trial #main .trial_txt .red {
  color: #f00;
}

@media screen and (max-width: 739px) {
  .trial .col2_nosub_box {
    display: block;
  }
  .trial .col2_nosub_box .box {
    width: 100%;
    display: block;
  }
  .trial .col2_nosub_box .box:last-child {
    padding-left: 0;
  }
  .trial .table02_sp100 {
    width: 100%;
  }
  .trial .table02.system_table {
    width: 900px;
  }
  .trial label.w100per input {
    width: 90%;
  }
  .trial #main .btn_contact01 a {
    width: 90%;
    box-sizing: border-box;
  }
  .trial #main .btn_contact02 a {
    width: 90%;
    box-sizing: border-box;
  }
}
/* 計量校正通信 */
.report #main .report_index_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 20px;
}

.report #main .report_index_box dl {
  width: 335px;
  margin-top: 20px;
}

.report #main .report_index_box dl dt a {
  display: block;
}

.report #main .report_index_box dl dt {
  text-align: center;
}

.report #main .report_index_box dl dd {
  margin-top: 10px;
  line-height: 1.4;
  font-size: 85%;
  text-align: left;
}

.report #main .report_index_box dl dd a {
  text-decoration: none;
  background: url(../img/icon_arrow03.png) left 0.4em no-repeat;
  padding-left: 12px;
  display: block;
}

.report #main .btn_contact03 {
  margin-bottom: -15px;
}

@media screen and (max-width: 739px) {
  .report #main .report_index_box {
    display: block;
    padding-top: 0;
  }
  .report #main .report_index_box dl {
    width: 100%;
    margin-top: 20px;
  }
  .report #main .report_index_box dl dt {
    text-align: center;
  }
  .report #main .report_index_box dl dd {
    margin-top: 10px;
    line-height: 1.4;
    font-size: 13px;
    text-align: left;
  }
  .report #main .report_index_box dl dd a {
    text-decoration: none;
    background: url(../img/icon_arrow03.png) left 0.4em no-repeat;
    padding-left: 12px;
    display: inline-block;
  }
  .report #main .btn_contact03 {
    margin-bottom: 0;
  }
}
.report #main .report_caution_box {
  border: 1px solid #d50000;
  padding: 20px;
  margin-top: 25px;
}

.report #main .report_caution_box p {
  color: #d50000;
}

.report #main .traceability {
  position: relative;
  padding: 5px 25px 25px 60px;
  border: 1px solid #0B6BC4;
  margin-top: 20px;
}

.report #main .traceability dt {
  width: 45px;
  height: 45px;
  background: #0B6BC4;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 計量校正通信 Vol.05_20200213*/
.report05 #main {
  padding: 25px 30px 0;
}

@media screen and (max-width: 739px) {
  .report05 #main {
    width: 92%;
    float: none;
    margin: 0 auto;
    padding: 0;
  }
}
/* multiut.html_20200511*/
.colorB {
  color: #0B6BC4;
}

.flex_box01 {
  margin-top: 15px;
}

.flex_box01 dl {
  display: flex;
  margin-top: 5px;
}

.flex_box01 dl dt {
  font-size: 85%;
  line-height: 1.9;
  flex-shrink: 0;
  padding-right: 10px;
  position: relative;
}

.flex_box01 dl dt::before {
  content: ":";
  position: absolute;
  right: 0;
}

.flex_box01 dl dd {
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
  font-size: 85%;
  line-height: 1.9;
}

/* 発電設備保全 */
.local_link {
  width: 760px;
  margin-left: -30px;
  margin-top: -25px;
  margin-bottom: 25px;
  background-color: #0B6BC4;
}

.local_link ul {
  display: flex;
  flex-wrap: wrap;
}

.local_link ul li {
  list-style-type: none;
  padding: 15px;
}

/* supportmenu.html */
@media screen and (min-width: 740px) {
  .sm_dl {
    margin-top: 20px;
    display: flex;
    align-items: center;
  }
  .sm_dl dt {
    font-weight: bold;
    flex-shrink: 0;
    line-height: 1.4;
    margin-right: 15px;
    width: 120px;
  }
  .sm_dl dd ul {
    display: flex;
    margin-top: 0;
  }
  .sm_dl dd ul li {
    margin-right: 15px;
    margin-top: 0;
  }
  .table02 .non_b {
    border: none;
  }
  .table02 th.type02 {
    background: #0B6BC4;
    color: #fff;
    width: 150px;
  }
}
@media screen and (max-width: 739px) {
  .sm_dl {
    margin-top: 20px;
  }
  .sm_dl dt {
    font-weight: bold;
    line-height: 1.4;
  }
  .table02 th.type02 {
    background: #0B6BC4;
    color: #fff;
  }
}
/* law_support.html_20200514　*/
.law_box {
  position: relative;
}

@media screen and (min-width: 740px) {
  .law_img {
    opacity: 1;
    transition: all 0.5s ease;
  }
  .law_img.on {
    opacity: 0.7;
  }
  .law_box .popup {
    background: #0D878A;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
  }
  .law_box .popup.on {
    opacity: 1;
    visibility: inherit;
  }
  .law_box .popup dt {
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    line-height: 1.7;
  }
  .law_box .popup dd {
    color: #fff;
    font-size: 13px;
    line-height: 1.7;
  }
  .law_box .popup dd.close {
    display: none;
  }
  #popup01_box {
    top: 136px;
    left: 335px;
    width: 317px;
  }
  #popup02_box {
    top: 164px;
    left: 322px;
    width: 317px;
  }
  #popup03_box {
    top: 184px;
    left: 390px;
    width: 275px;
  }
  #popup04_box {
    top: 249px;
    left: 385px;
    width: 280px;
  }
  #popup05_box {
    top: 350px;
    left: 385px;
    width: 280px;
  }
}
@media screen and (max-width: 739px) {
  .law_box .popup {
    background: #0D878A;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    width: 80%;
    box-sizing: border-box;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
    z-index: 2;
  }
  .law_box .popup.on {
    opacity: 1;
    visibility: inherit;
  }
  .law_box .popup dt {
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    line-height: 1.7;
  }
  .law_box .popup dd {
    color: #fff;
    font-size: 13px;
    line-height: 1.7;
  }
  .law_box .popup dd.close {
    position: absolute;
    background: #222;
    color: #fff;
    bottom: -35px;
    height: 30px;
    width: 50%;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 6px;
    line-height: 30px;
    font-size: 13px;
  }
  .law_box .ov {
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
  }
  .law_box.on .ov {
    opacity: 1;
    visibility: inherit;
  }
}
/* 2022 01 add */
.acd {
  margin-top: 15px;
}

.acd .ac_bar {
  background-color: #0B6BC4 !important;
  color: #fff !important;
  padding: 10px 45px 10px 10px !important;
  margin: 0 !important;
  position: relative;
  cursor: pointer;
  font-weight: 700;
  font-size: 90% !important;
}

.acd .ac_bar::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 10px;
  background: #3C89D0 url(../img/icon_open.svg) no-repeat center center;
  background-size: 11px;
  margin: auto;
  border-radius: 100%;
}

.acd.open .ac_bar::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 10px;
  background: #3C89D0 url(../img/icon_close.svg) no-repeat center center;
  background-size: 11px;
  margin: auto;
  border-radius: 100%;
}

.acd .ac_box {
  display: none;
  background-color: #ECF3FA;
  margin-top: 0;
  padding: 20px;
}

.acd.open .ac_box {
  display: block;
}

.acd .ac_box img {
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto 10px;
}

.acd .ac_box h5 {
  margin-top: 25px;
  font-size: 90%;
}

.acd .ac_box *:first-child {
  margin-top: 0 !important;
}

#act #main .link a {
  position: relative;
  padding-left: 22px;
}

#act #main .link a::before {
  content: "";
  width: 6px;
  height: 12px;
  position: absolute;
  left: 5px;
  top: 0.25em;
  background: url(../img/icon_right_b.svg) no-repeat center center;
  background-size: 100%;
}

#act #main .columns li a,
#act #main .column a {
  position: relative;
  padding-left: 22px;
}

#act #main .columns li a::before,
#act #main .column a::before {
  content: "";
  width: 16px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 0.05em;
  background: url(../img/icon_column.svg) no-repeat center center;
  background-size: 100%;
}

#act #main .columns {
  margin-top: 30px;
}

#act #main .columns li {
  list-style-type: none;
  margin-top: 15px;
  font-size: 85%;
  line-height: 1.6;
}

.num {
  margin-top: 20px;
  margin-left: 1.5em;
}

.num li {
  margin-top: 10px;
  font-size: 0.8rem;
  line-height: 1.6;
}

.num.kan {
  list-style-type: cjk-ideographic;
  margin-top: 20px !important;
}

.acd .ac_box ol li ol:first-child {
  margin-top: 15px !important;
}

#main .readcopy {
  color: #000;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, serif;
  font-size: 140%;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 30px;
  text-align: center;
}

#main .point {
  margin-top: 30px;
  border: 2px solid #D50000;
  padding: 15px;
}

#main .point dt {
  color: #D50000;
  font-weight: 700;
}

#main .point dd {
  margin-top: 15px;
  line-height: 1.5;
}

h4.type02 {
  margin-top: 50px !important;
  border-bottom: 1px dotted #777;
}

#act .flex_box {
  display: flex;
  justify-content: space-between;
}

#act .flex_box .img {
  width: 300px;
  margin-top: 20px;
  flex-shrink: 0;
}

#act .flex_box .text {
  padding-right: 30px;
}

.sp_view {
  display: none;
}

@media screen and (max-width: 739px) {
  #act .flex_box {
    display: block;
    justify-content: space-between;
  }
  #act .flex_box .img {
    width: auto;
    margin-top: 20px;
    flex-shrink: 0;
  }
  #act .flex_box .text {
    padding-right: 0;
  }
  .pc_view {
    display: none;
  }
  .sp_view {
    display: block;
  }
}
.flex_box .img img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.col1_img_list01 .center img {
  display: block;
  margin: 0 auto 10px;
}

.col1_img_list01 .two_column {
  display: flex;
  justify-content: center;
}

.col1_img_list01 .two_column img {
  margin: 0 10px 15px;
}

#main .btns {
  display: flex;
}

#main .btns .btn_pdf03 {
  margin-top: 0;
}

#main .btns .login {
  margin-top: 0;
  margin-left: 10px;
}

#main .login a {
  background-color: #2F5597;
  border-radius: 5px;
  color: #FFF;
  text-decoration: none;
  font-size: 125%;
  font-weight: bold;
  text-align: center;
  padding: 0 30px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#main .login a:hover {
  background-color: #3E72CC;
}

#main .login a span {
  display: flex;
  align-items: center;
  color: #fff;
}

#main .login a span:before {
  content: "";
  width: 27px;
  height: 32px;
  background: url(../img/icon_login.svg) left center no-repeat;
  display: inline-block;
  margin-right: 12px;
  background-size: 100%;
}

.login_btn {
  padding: 40px;
  background-color: #ECF3FA;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login_btn a {
  background-color: #0D878A;
  border-radius: 8px;
  color: #FFF;
  text-decoration: none;
  font-size: 145%;
  font-weight: bold;
  text-align: center;
  padding: 30px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24em;
  border: 3px solid #fff;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  transition: 0.25s;
}

.login_btn a:hover {
  background-color: #09AEB2;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.login_btn a span {
  display: flex;
  align-items: center;
  color: #fff;
}

.login_btn a span:before {
  content: "";
  width: 27px;
  height: 32px;
  background: url(../img/icon_login.svg) left center no-repeat;
  display: inline-block;
  margin-right: 12px;
  background-size: 100%;
}

#main .download_list {
  margin-top: 40px;
  width: 100%;
}

#main .download_list td {
  padding: 15px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

#main .download_list td div {
  display: flex;
  align-items: center;
}

#main .download_list td div .img {
  flex-shrink: 0;
  width: 130px;
  margin-right: 20px;
  border: 1px solid #ccc;
}

#main .download_list td div .img img {
  max-width: 100%;
  width: 100%;
}

#main .download_list td div div.text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

#main .download_list td a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0D878A;
  color: #FFF;
  text-decoration: none;
  font-size: 85%;
  text-align: center;
  padding: 15px 10px;
  width: 100%;
  box-sizing: border-box;
  font-weight: 700;
}

#main .download_list td a.pdf:before {
  content: "";
  width: 27px;
  height: 32px;
  background: url(../img/icon_pdf.png) left center no-repeat;
  display: inline-block;
  margin-right: 12px;
  background-size: 100%;
}

#main .download_list td a.zip:before {
  content: "";
  width: 27px;
  height: 32px;
  background: url(../img/icon_zip.svg) left center no-repeat;
  display: inline-block;
  margin-right: 12px;
  background-size: 100%;
}

#main .download_list td a:hover {
  opacity: 0.8;
}

#main .download_list td p {
  font-weight: 700;
  margin-top: 0;
  font-size: 95%;
}

#main .download_list td p.size {
  font-weight: 500;
  margin-top: 5px;
  font-size: 85%;
}

#main .download_list .download_btn {
  width: 180px;
}

@media screen and (max-width: 739px) {
  #main .btns {
    flex-direction: column;
  }
  #main .btns .btn_pdf03 {
    margin-top: 0;
  }
  #main .btns .login {
    margin-top: 15px;
    margin-left: 0;
    text-align: center;
  }
  #main .login a {
    padding: 15px 30px;
    display: inline-flex;
  }
  #main .login a:hover {
    background-color: #3E72CC;
  }
  #main .login a span {
    display: flex;
    align-items: center;
    color: #fff;
  }
  .login_btn {
    padding: 40px 10px;
  }
  .login_btn a {
    font-size: 115%;
  }
  #main .download_list {
    margin-top: 40px;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  #main .download_list td {
    box-sizing: border-box;
    display: block;
    padding: 15px;
    border: 1px solid #ccc;
    border-bottom: none;
    vertical-align: middle;
  }
  #main .download_list td.download_btn {
    width: 100%;
    background-color: #f0f0f0;
    border-top: none;
    border-bottom: none;
  }
  #main .download_list td div {
    display: flex;
    align-items: center;
  }
  #main .download_list td div .img {
    flex-shrink: 0;
    width: 100px;
    margin-right: 10px;
    border: 1px solid #ccc;
  }
  #main .download_list .download_btn {
    width: 100%;
  }
}
/* ad 2022 09 */
.materials .flex_img {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

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

.col2_img_list_flex .img {
  margin-top: 10px;
}

.materials .list01.type02 li {
  line-height: 1.9;
}

.materials .col1_img_list01 dt {
  text-align: center;
}

.materials .flex_box .img dd {
  text-align: center;
  margin-top: 5px;
  font-size: 85%;
  line-height: 1.9;
}

.materials #main ol {
  list-style-type: decimal;
  margin-left: 1em;
}

.materials #main ol li {
  margin-top: 10px;
  font-size: 85%;
  line-height: 1.9;
}

.materials .table04 {
  border-collapse: collapse;
  margin-top: 25px;
  width: 100%;
}

.materials .table04 th {
  padding: 10px 15px;
  font-size: 80%;
  line-height: 1.7;
  color: #555;
  border: 1px solid #CCC;
  font-weight: bold;
  width: 100px;
}

.materials .table04 td {
  padding: 10px 15px;
  font-size: 80%;
  line-height: 1.7;
  color: #555;
  border: 1px solid #CCC;
}

/* add bt */
#act.bt .osusume {
  list-style-type: none;
  counter-reset: item;
  padding-left: 0;
}
#act.bt .osusume li {
  position: relative;
  padding-left: 5em;
  display: flex;
  gap: 20px;
  margin-top: 30px;
}
#act.bt .osusume li:last-child::after {
  display: none !important;
}
#act.bt .osusume li::before {
  content: "なぜ";
  position: absolute;
  left: 0;
  top: 0.15em;
  background-color: #0B6BC4;
  border-radius: 6px;
  color: #fff;
  font-weight: 700;
  width: 4em;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 100%;
  flex-shrink: 0;
}
#act.bt .osusume li::after {
  content: "";
  background: url(../../act/measurement/img/bt_arrow.png) no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: 16px;
  bottom: 5%;
  border-radius: 6px;
  color: #fff;
  font-weight: 700;
  width: 2em;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 100%;
  flex-shrink: 0;
}
#act.bt .osusume li .text {
  width: 100%;
  padding-top: 0.25em;
}
#act.bt .osusume li .text strong {
  font-size: 100%;
  font-weight: 700;
  position: relative;
  padding-left: 35px;
  display: block;
  line-height: 2;
}
#act.bt .osusume li .text strong::before {
  position: absolute;
  left: 0;
  top: 2px;
  counter-increment: item;
  content: counter(item) "";
  width: 22px;
  height: 22px;
  font-size: 85%;
  border: 2px solid #0B6BC4;
  color: #0B6BC4;
  font-weight: 700;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
#act.bt .osusume li .text strong span {
  display: block;
  font-size: 85%;
}
#act.bt .osusume li .img {
  flex-shrink: 0;
  width: 100px;
}
#act.bt .osusume li .img img {
  max-width: 100%;
}
#act.bt .flow {
  list-style-type: none;
  padding-left: 0;
}
#act.bt .flow li {
  position: relative;
  display: flex;
  gap: 20px;
  margin-top: 30px;
}
#act.bt .flow li:last-child dl dt::after {
  display: none !important;
}
#act.bt .flow li dl {
  width: 100%;
  padding-top: 0.25em;
  display: flex;
  gap: 20px;
}
#act.bt .flow li dl dt {
  background-color: #0B6BC4;
  border-radius: 6px;
  color: #fff;
  font-weight: 700;
  width: 7em;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 100%;
  flex-shrink: 0;
}
#act.bt .flow li dl dt::after {
  content: "";
  background: url(../../act/measurement/img/bt_arrow.png) no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: 42px;
  bottom: 5%;
  border-radius: 6px;
  color: #fff;
  font-weight: 700;
  width: 2em;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 100%;
  flex-shrink: 0;
}
#act.bt .flow li dl dd {
  display: flex;
  justify-content: space-between;
  font-size: 85%;
  gap: 20px;
  line-height: 2;
  width: 100%;
}
#act.bt .flow li dl dd .img {
  flex-shrink: 0;
  width: 100px;
}
#act.bt .flow li dl dd .img img {
  max-width: 100%;
}

@media screen and (max-width: 739px) {
  #act.bt .osusume li {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }
  #act.bt .osusume li::before {
    content: "なぜ";
    position: relative;
    left: 0;
    top: 0.15em;
    background-color: #0B6BC4;
    border-radius: 6px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 85%;
    flex-shrink: 0;
  }
  #act.bt .osusume li::after {
    content: "";
    background: url(../../act/measurement/img/bt_arrow.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    left: 0;
    margin: 0 auto;
    bottom: 5%;
    border-radius: 6px;
    color: #fff;
    font-weight: 700;
    width: 2em;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 100%;
    flex-shrink: 0;
  }
  #act.bt .osusume li .text {
    width: 100%;
    padding-top: 0.25em;
  }
  #act.bt .osusume li .text strong {
    font-size: 100%;
    font-weight: 700;
    position: relative;
    padding-left: 35px;
    display: block;
    line-height: 2;
  }
  #act.bt .osusume li .text strong::before {
    position: absolute;
    left: 0;
    top: 2px;
    counter-increment: item;
    content: counter(item) "";
    width: 22px;
    height: 22px;
    font-size: 85%;
    border: 2px solid #0B6BC4;
    color: #0B6BC4;
    font-weight: 700;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
  }
  #act.bt .osusume li .text strong span {
    display: block;
    font-size: 85%;
  }
  #act.bt .osusume li .img {
    flex-shrink: 0;
    width: 50%;
    margin: 0 auto;
  }
  #act.bt .osusume li .img img {
    max-width: 100%;
  }
  #act.bt .flow {
    list-style-type: none;
    padding-left: 0;
  }
  #act.bt .flow li {
    position: relative;
    display: flex;
    gap: 20px;
    margin-top: 30px;
  }
  #act.bt .flow li:last-child dl {
    padding-bottom: 50px;
  }
  #act.bt .flow li:last-child dl::after {
    display: none !important;
  }
  #act.bt .flow li dl {
    width: 100%;
    padding-top: 0.25em;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  #act.bt .flow li dl::after {
    content: "";
    background: url(../../act/measurement/img/bt_arrow.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    left: 0;
    margin: 0 auto;
    bottom: 0%;
    border-radius: 6px;
    color: #fff;
    font-weight: 700;
    width: 2em;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 100%;
    flex-shrink: 0;
  }
  #act.bt .flow li dl dt {
    background-color: #0B6BC4;
    border-radius: 6px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 100%;
    flex-shrink: 0;
  }
  #act.bt .flow li dl dt::after {
    display: none;
  }
  #act.bt .flow li dl dd {
    display: flex;
    justify-content: space-between;
    font-size: 85%;
    gap: 20px;
    line-height: 2;
    width: 100%;
  }
  #act.bt .flow li dl dd .img {
    flex-shrink: 0;
    width: 100px;
  }
  #act.bt .flow li dl dd .img img {
    max-width: 100%;
  }
}/*# sourceMappingURL=act.css.map */

/* add 2024 0513 */
.text_link_btn a{
  border-radius:5px;
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	padding:6px 15px;
  background-color: #0B6BC4;
}

.text_link_btn.text_right{
  text-align: right;
}

.text_link_btn a span {
    background: url(../img/icon_arrow04.png) left center no-repeat;
    padding-left: 15px;
    color:#FFF;
    font-weight: 700;
}

/* add 2025 0822 */
#main .generation_list{
    text-align: left;
    margin-top: 10px;
    margin-left: 1.5em;
}

#main .generation_list li{
    margin-top: 8px;
}

#main .examination_box{
  margin-top: 30px;
  padding-bottom: 30px;
}
#main .examination_box .img{
  margin-top: 40px;
}

#main .examination_box h3 {
  color: #FFF;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: none;
  border-radius: 5px;
  padding: 6px 15px;
  margin-top: 30px;
}

.examination_box h3.color01 {
  background-color: #DC2E2B;
}

.examination_box h3.color02 {
  background-color: #FFBA00;
}

.examination_box h3.color03 {
  background-color: #77B400;
}

.examination_box h3.color04 {
  background-color: #4999CC;
}

#main .examination_box ul {
  list-style: none;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin-left: -30px;
  gap: 10px 0 ;
}

#main .examination_box ul li {
  width: calc(50% - 30px);
  margin-left: 30px;
  font-size: 95%;
  line-height: 1.4;
  display: flex;
  gap: 8px;
}

#main .examination_box ul li::before {
  content: "";
  width:8px;
  height: 8px;
  background: #000;
  border-radius: 100%;
  transform: translateY(0.35em);
}

#main .examination_box .pickup{
    margin-top: 20px;
}

#main .examination_box .pickup a{
    box-sizing: border-box;
    padding: 10px;
    background-color: #FFEFC2;
    box-sizing: border-box;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#main .examination_box .pickup .img{
    margin-top: 0;
}

.ut #main .technical_box{
   margin: 40px 0;
  background-color: rgba(10,20,29,0.07);
  padding: 20px;
  display: flex;
  justify-content: space-between;
}

.ut #main .technical_box > div {
    width: 48%;
    margin: 0;
    position: relative
}

.ut #main .technical_box > div a {
    display: block;
    font-size: 15px;
    font-weight: 700;
    background-color: #fff;
    text-decoration: none;
    color: #000;
    text-align: center;
    padding-bottom: 20px;
    -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    position: relative
}

.ut #main .technical_box > div a .img {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 370 / 240;
    opacity: 1;
    -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms
}

.ut #main .technical_box > div a .img img {
    transform: scale(1);
    -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms
}

.ut #main .technical_box > div a:hover {
    background: #00254b;
    color: #fff
}

.ut #main .technical_box > div a:hover .img {
    opacity: .5;
    -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms
}

.ut #main .technical_box > div a:hover .img img {
    transform: scale(1.1);
    -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms
}