@charset "utf-8";
@charaset "utf-8";



body {}



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

  .pankuzu_inner {

    font-size: 10px;

  }

}



/* tool ----------------- */



._indt_10 {

  display: block;

  padding-left: 1em;

  text-indent: -1em;

}



._indt_20 {

  padding-left: 2em;

  text-indent: -2em;

}



._block {

  display: block;

}



#content sup {

  font-size: 70%;

}



._for_pc {

  display: block;

}



._for_sp {

  display: none;

}



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

  ._for_pc {

    display: none;

  }



  ._for_sp {

    display: block;

  }

}



a .icon_pdf {

  padding-left: 0;

}



html[lang="en"] a .icon_pdf {

  padding-left: 16px;

}

html[lang="en"] a ._el {

  padding-left: 16px;

}

html[lang="en"] a ._el::after {

  right: 1px;

}



/* title ----------------- */



.title_inner {

  max-width: 1000px;

  margin: 0 auto;

  height: 155px;

  position: relative;

  background-image: url(../images/title_bg.jpg);

  background-repeat: no-repeat;

}



.title_inner h2 {

  /*text-indent: -9999px;

  overflow: hidden;

  background-image: url(../images/h2_title_pc.png);*/

  background-repeat: no-repeat;

  background-position: 0 0;

  width: 400px;

  height: 155px;

  padding-top: 40px;

  padding-left: 16px;

  font-weight: 700;

  font-size: 150%;

  line-height: 1.4;

}



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

  .title_inner {

    width: 100%;

    margin: 0;

    height: 76px;

    background-image: url(../images/title_bg_sp.jpg);

    background-size: 490px 76px;

    background-position: right;

  }



  .title_inner h2 {

    /* background-image: url(../images/h2_title_pc.png?ud=200626);*/

    background-size: 250px 77.5px;

    width: 250px;

    height: 77.5px;

    padding-top: 4px;

    font-size: 125%;

    line-height: 1.2;

  }

}



/* content ----------------- */

#content {

  font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  background-color: rgb(244, 244, 244);

}



.all_box {

  overflow: hidden;

  padding-bottom: 0;

  /* width: 1000px; */

}



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

  .all_box {

    width: 95%;

    margin-right: auto;

    margin-left: auto;

  }

}



/* block01 ----------------- */

.block01 {

  padding-bottom: 48px;

  border-bottom: 1px solid rgb(223, 223, 223);

}



.txt_lede {

  margin-top: 48px;

  text-align: center;

  font-size: 18px;

  line-height: 1.5;

  font-weight: 700;

}



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

  .block01 {

    padding-bottom: 24px;

  }



  .txt_lede {

    margin-top: 24px;

    font-size: 14px;

  }

}





/* block01 - menu_box ----------------- */

.block01 .menu_box {

  display: flex;

  flex-direction: row;

  justify-content: center;

  flex-wrap: wrap;

  /* width: 980px; */

  margin: 30px auto 0;

}



.menu_box > .menu_panel {

  /* width: calc(309 / 980 * 100%); */

  width: 309px;

  margin-right: 24px;

  margin-left: 24px;

  margin-bottom: 24px;

}



.menu_box > .menu_panel > a {

  display: block;

  padding-top: 55px;

  background-repeat: no-repeat;

  background-position: center top;

  text-align: center;

  color: rgb(255, 255, 255);

  font-weight: 700;

  text-decoration: none;

  overflow: hidden;

}



.menu_box > .menu_panel > a > span {

  display: block;

  padding-top: 12px;

  padding-bottom: 10px;

}



.menu_box > .menu_panel.menu01 > a {

  background-color: rgb(247, 176, 0);

  background-image: url(../images/bnr_dydo.png);

}



.menu_box > .menu_panel.menu02 > a {

  background-color: rgb(0, 104, 182);

  background-image: url(../images/bnr_daido.png);

}



.menu_box > .menu_panel.menu03 > a {

  background-color: rgb(235, 83, 3);

  background-image: url(../images/bnr_tarami.png);

}



.menu_box > .menu_panel.menu01 > a:hover {

  background-color: rgba(247, 176, 0, 0.7);

}



.menu_box > .menu_panel.menu02 > a:hover {

  background-color: rgba(0, 104, 182, 0.7);

}



.menu_box > .menu_panel.menu03 > a:hover {

  background-color: rgba(235, 83, 3, 0.7);

}



.menu_box > .menu_panel > ul {

  padding-top: 3px;

}



.menu_box > .menu_panel .txt_menu {

  margin-top: 9px;

  font-size: 13px;

  font-weight: 700;

}



.menu_box > .menu_panel .txt_menu > a {

  display: block;

  position: relative;

  padding-left: 17px;

}



.menu_box > .menu_panel .txt_menu > a::before {

  display: block;

  position: absolute;

  top: 4px;

  left: 5px;

  border-top: 5px solid transparent;

  border-bottom: 5px solid transparent;

  border-left: 8px solid rgb(247, 176, 0);

  content: '';

}



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

  .menu_box {

    display: block;

    width: 100%;

    margin-top: 0;

  }



  .menu_box > .menu_panel {

    display: flex;

    width: 100%;

    margin-top: 18px;

  }



  .menu_box > .menu_panel > a {

    display: block;

    width: 40%;

    height: 83px;

    padding-top: 27.5px;

    background-size: 154.5px 27.5px;

  }



  .menu_box > .menu_panel > a > span {

    padding-top: 12px;

    font-size: 11px;

  }



  .menu_box > .menu_panel > a > span._l1 {

    padding-top: 20px;

  }



  .menu_box > .menu_panel > ul {

    padding-top: 1px;

  }



  .menu_box > .menu_panel .txt_menu {

    margin-top: 6px;

    font-size: 11px;

  }



  .menu_box > .menu_panel .txt_menu > a {}



  .menu_box > .menu_panel .txt_menu > a::before {

    top: 3px;

    left: 6px;

    border-top: 3px solid transparent;

    border-bottom: 3px solid transparent;

    border-left: 5px solid rgb(247, 176, 0);

  }

}





/* block02 - block04 ----------------- */

/* block02 - block04 - navi ----------------- */

#content .navi_box {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  padding-left: 80px;

}



#content .navi_box > .current_info {

  display: flex;

  flex-direction: row;

  width: 600px;

}



#content .navi_box > .current_info > .ttl_box {

  width: 251px;

  border-width: 1px;

  border-style: solid;

  padding-top: 55px;

  color: rgb(255, 255, 255);

}



#content .navi_box > .current_info > .ttl_box > span {

  display: block;

  padding-top: 18px;

  text-align: center;

  font-weight: 700;

}



#content .navi_box > .current_info > .info_txt {

  padding-top: 38px;

  padding-left: 25px;

}



#content .navi_box > .current_info > .info_txt > .num_telework {

  font-weight: 700;

}



#content .navi_box > .current_info > .info_txt > .helptxt {

  margin-top: 12px;

}



#content .navi_box > ul {

  width: 291px;

}



#content .navi_box > ul > li {

  display: block;

  margin-top: 16px;

}



#content .navi_box > ul > li:first-child {

  margin-top: 0;

}



#content .navi_box > ul > li > a {

  display: block;

  /* height: 46px; */

  border-width: 1px;

  border-style: solid;

  padding-left: 124px;

  color: rgb(255, 255, 255);

  text-decoration: none;

}

#content .navi_box > ul > li > a:hover {

  opacity: .7;

}



#content .navi_box .bnr_dydo {

  border-color: rgb(247, 176, 0);

  background-color: rgb(247, 176, 0);

  background-image: url(../images/bnr_dydo.png);

  background-repeat: no-repeat;

  background-position: center top;

}



#content .navi_box .bnr_daido {

  border-color: rgb(0, 104, 182);

  background-color: rgb(0, 104, 182);

  background-image: url(../images/bnr_daido.png);

  background-repeat: no-repeat;

  background-position: center top;

}



#content .navi_box .bnr_tarami {

  border-color: rgb(235, 83, 3);

  background-color: rgb(235, 83, 3);

  background-image: url(../images/bnr_tarami.png);

  background-repeat: no-repeat;

  background-position: center top;

}



#content .navi_box > ul > li > a > span {

  display: block;

  /* height: 44px; */

  padding-top: 6px;

  padding-bottom: 6px;

  text-align: center;

  font-size: 12px;

  line-height: 1.4;

}



#content .navi_box > ul > li > .bnr_dydo {

  background-position: -92px -5px;

}



#content .navi_box > ul > li > .bnr_daido {

  background-position: -92px -5px;

}



#content .navi_box > ul > li > .bnr_tarami {

  background-position: -92px -5px;

}



#content .navi_box > ul > li > .bnr_dydo > span {

  background-color: rgb(247, 176, 0);

}



#content .navi_box > ul > li > .bnr_daido > span {

  background-color: rgb(0, 104, 182);

}



#content .navi_box > ul > li > .bnr_tarami > span {

  background-color: rgb(235, 83, 3);

}

#content .navi_box > ul > li > .bnr_dydo,

#content .navi_box > ul > li > .bnr_daido,

#content .navi_box > ul > li > .bnr_tarami {

  background-color: rgb(255,255,255);

}









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

  #content .navi_box {

    display: block;

    padding-left: 0;

  }



  #content .navi_box > .current_info {

    display: flex;

    flex-direction: row;

    width: 100%;

  }



  #content .navi_box > .current_info > .ttl_box {

    width: 55%;

    max-width: 250px;

    font-size: 13px;

    background-position: center top;

  }



  #content .navi_box > .current_info > .ttl_box > span {

    padding-top: 10px;

    padding-bottom: 8px;

    font-weight: 700;

  }



  #content .navi_box > .current_info > .info_txt {

    padding-top: 28px;

    padding-left: 12px;

    font-size: 12px;

  }



  #content .navi_box > .current_info > .info_txt > .num_telework {}



  #content .navi_box > .current_info > .info_txt > .num_telework > span {

    display: block;

    text-align: right;

  }



  #content .navi_box > .current_info > .info_txt > .helptxt {

    margin-top: 12px;

    font-size: 11px;

  }



  #content .navi_box > ul {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    width: 100%;

  }



  #content .navi_box > ul > li {

    width: 49%;

    margin-top: 16px;

  }



  #content .navi_box > ul > li:first-child {

    margin-top: 16px;

  }



  #content .navi_box > ul > li > a {

    display: block;

    height: 40px;

    padding-left: 54px;

  }



  #content .navi_box > ul > li > a > span {

    height: 38px;

    padding-top: 6px;

    font-size: 10px;

  }



  #content .navi_box > ul > li > .bnr_dydo {

    background-color: rgb(255, 255, 255);

    background-position: -50px 6px;

    background-size: 154.5px 27.5px;

  }



  #content .navi_box > ul > li > .bnr_daido {

    background-color: rgb(255, 255, 255);

    background-position: -50px 6px;

    background-size: 154.5px 27.5px;

  }



  #content .navi_box > ul > li > .bnr_tarami {

    background-color: rgb(255, 255, 255);

    background-position: -50px 6px;

    background-size: 154.5px 27.5px;

  }



  #content .navi_box > ul > li > .bnr_dydo > span {

    letter-spacing: -.5px;

  }



  #content .navi_box > ul > li > .bnr_daido > span {}



  #content .navi_box > ul > li > .bnr_tarami > span {}

}



/* block02 - block04 - articles ----------------- */

.articles_block {

  margin-top: 54px;

}



.articles_block ._with_img {

  display: flex !important;

}



.articles_block ._with_img img {

  margin-left: 24px;

}



.articles_block .ttl_s {

  min-height: 60px;

  background-image: linear-gradient(to right, #cccccc, #cccccc 2px, transparent 1px, transparent 4px);

  background-size: 4px 3px;

  background-position: bottom;

  background-repeat: repeat-x;

  text-align: center;

}



.articles_block .ttl_s > span {

  display: inline-block;

  padding-top: 4px;

  padding-left: 56px;

  background-repeat: no-repeat;

  background-position: left top;

  line-height: 43px;

  font-size: 24px;

  font-weight: 700;

}



.block02 .articles_block .ttl_s.ttl_s01 > span {

  background-image: url(../images/icon_ttl_s01_dydo.png);

}

.block02 .articles_block .ttl_s.ttl_s02 > span {

  background-image: url(../images/icon_ttl_s02_dydo.png);

}

.block02 .articles_block .ttl_s.ttl_s03 > span {

  background-image: url(../images/icon_ttl_s03_dydo.png);

}

.block03 .articles_block .ttl_s.ttl_s01 > span {

  background-image: url(../images/icon_ttl_s01_daido.png);

}

.block03 .articles_block .ttl_s.ttl_s02 > span {

  background-image: url(../images/icon_ttl_s02_daido.png);

}

.block03 .articles_block .ttl_s.ttl_s03 > span {

  background-image: url(../images/icon_ttl_s03_daido.png);

}

.block04 .articles_block .ttl_s.ttl_s01 > span {

  background-image: url(../images/icon_ttl_s01_tarami.png);

}

.block04 .articles_block .ttl_s.ttl_s02 > span {

  background-image: url(../images/icon_ttl_s02_tarami.png);

}

.block04 .articles_block .ttl_s.ttl_s03 > span {

  background-image: url(../images/icon_ttl_s03_tarami.png);

}



.articles_box {

  margin-top: 20px;

  border-width: 10px;

  border-style: solid;

  padding: 20px;

}



.articles_box > .article {

  position: relative;

  display: block;

  padding-top: 10px;

  padding-left: 20px;

  padding-bottom: 8px;

  background-image: linear-gradient(to right, #999, #999 2px, transparent 1px, transparent 4px);

  background-size: 4px 1px;

  background-position: bottom;

  background-repeat: repeat-x;

}



.articles_box > .article::before {

  display: block;

  position: absolute;

  top: 16px;

  left: 8px;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-left: 6px solid rgb(104, 104, 104);

  content: '';

}



.articles_box > .article._withsup::before {

  top: 20px;

}



.articles_box > .article > span {

  display: block;

  line-height: 171%;

}



.articles_box > .article span.helptxt {

  font-size: 11px;

}



.articles_box > .article span.note {

  font-size: 13px;

}



.articles_box > .article > .link_btn {

  position: relative;

  display: block;

  width: 300px;

  height: 35px;

  margin-top: 6px;

  background-color: rgb(244, 244, 244);

  text-align: center;

  text-decoration: none;

}

html[lang="en"] .articles_box > .article > .link_btn {

  width: 400px;

}



.articles_box > .article > .link_btn::after {

  display: block;

  position: absolute;

  top: 50%;

  right: 9px;

  border-top: 5px solid transparent;

  border-bottom: 5px solid transparent;

  border-left: 7px solid rgb(61, 51, 51);

  transform: translate3d(0, -50%, 0);

  content: '';

}



.articles_box > .article > .link_btn:hover {

  background-color: rgb(61, 51, 51);

  color: rgb(255, 255, 255);

}



.articles_box > .article > .link_btn:hover::after {

  border-left-color: rgb(255, 255, 255);

}



.articles_box > .article > .link_btn > span {

  display: block;

  padding-top: 8px;

  font-size: 13px;

  font-weight: 700;

}



.articles_box > .article .box_txt_w_2img {

  width: calc(99.5% - 308px);

}



.articles_box > .article .box_2img_w_txt {

  width: 308px;

}



.articles_box > .article .img_dydo02_01 {

  width: 130px;

  height: 85px;

}



.articles_box > .article .img_dydo02_02 {

  width: 130px;

  height: 85px;

}



.articles_box > .article .img_dydo03_01 {

  width: 239px;

  height: 168px;

}



.articles_box > .article .img_daido01_01 {

  width: 130px;

  height: 85px;

}



.articles_box > .article .img_daido01_02 {

  width: 130px;

  height: 85px;

}



.articles_box > .article .img_tarami01_01 {

  width: 130px;

  height: 85px;

}



.articles_box > .article .img_tarami02_01 {

  width: 130px;

  height: 85px;

}



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

  .articles_block {

    margin-top: 27px;

  }



  .articles_block ._with_img img {

    margin-left: 12px;

  }



  .articles_block .ttl_s {

    min-height: 30px;

    text-align: left;

  }



  .articles_block .ttl_s > span {

    padding-top: 2px;

    padding-left: 28px;

    background-size: 23px 23px;

    line-height: 21px;

    font-size: 14px;

  }



  .articles_block .ttl_s.ttl_s01 > span {

    letter-spacing: -.5px;

  }



  .articles_block .ttl_s.ttl_s01 > span > span {

    letter-spacing: -3px;

  }



  .articles_block .ttl_s.ttl_s02 > span {

  }



  .articles_block .ttl_s.ttl_s03 > span {

  }



  .articles_box {

    margin-top: 10px;

    border-width: 5px;

    padding: 8px;

  }



  .articles_box > .article {

    padding-top: 7px;

    padding-left: 15px;

    padding-bottom: 6px;

    font-size: 13px;

  }



  .articles_box > .article::before {

    top: 15px;

    left: 5px;

    border-top: 3px solid transparent;

    border-bottom: 3px solid transparent;

    border-left: 5px solid rgb(104, 104, 104);

    content: '';

  }



  .articles_box > .article._withsup::before {

    top: 16px;

  }



  .articles_box > .article > span {

    display: block;

    line-height: 171%;

  }



  .articles_box > .article span.helptxt {

    font-size: 11px;

  }



  .articles_box > .article span.note {

    font-size: 12px;

  }



  .articles_box > .article > .link_btn {

    width: 80%;

    max-width: 300px;

    height: 30px;

    font-size: 13px;

  }

  html[lang="en"] .articles_box > .article > .link_btn {

    width: 100%;

    height: 50px;

    line-height: 1.4;

  }



  .articles_box > .article > .link_btn::after {

    right: 9px;

    border-top: 4px solid transparent;

    border-bottom: 4px solid transparent;

    border-left: 6px solid rgb(61, 51, 51);

  }



  .articles_box > .article > .link_btn > span {

    padding-top: 7px;

    font-size: 13px;

  }



  .articles_box > .article.article_dydo03_07 ._with_img {

    flex-direction: column;

  }





  .articles_box > .article .box_txt_w_2img {

    width: calc(99.5% - 142px);

  }



  .articles_box > .article .box_2img_w_txt {

    width: 142px;

  }



  .articles_box > .article .box_2img_w_txt img {

    margin-bottom: 6px;

  }



  .articles_box > .article .img_dydo03_01 {

    width: 119.5px;

    height: 84px;

  }



}







/* block02 ----------------- */

.block02 {

  border-bottom: 1px solid rgb(223, 223, 223);

  padding-top: 43px;

  padding-bottom: 48px;

  background-color: rgb(255, 255, 255);

}



.block02 .articles_box {

  border-color: rgb(254, 247, 229);

}



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

  .block02 {

    padding-top: 22px;

    padding-bottom: 24px;

  }

}



/* block03 ----------------- */

.block03 {

  margin-top: 50px;

  border-top: 1px solid rgb(223, 223, 223);

  border-bottom: 1px solid rgb(223, 223, 223);

  padding-top: 43px;

  padding-bottom: 48px;

  background-color: rgb(255, 255, 255);

}



.block03 .articles_box {

  border-color: rgb(229, 240, 248);

}



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

  .block03 {

    margin-top: 25px;

    padding-top: 22px;

    padding-bottom: 24px;

  }

}



/* block04 ----------------- */

.block04 {

  margin-top: 50px;

  border-top: 1px solid rgb(223, 223, 223);

  border-bottom: 1px solid rgb(223, 223, 223);

  padding-top: 43px;

  padding-bottom: 48px;

  background-color: rgb(255, 255, 255);

}



.block04 .articles_box {

  border-color: rgb(253, 237, 229);

}



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

  .block04 {

    margin-top: 25px;

    padding-top: 22px;

    padding-bottom: 48px;

  }

}