@charset "UTF-8";
/* CSS Document */
/*---------------------------------

  会員の皆様へ

---------------------------------*/
section a::after {
  content: '';
  display: inline-block;
  margin-left: .5rem;
  width: 1.5rem;
  height: 1.5rem;
}
section .wrap p {
  margin: 1rem 0;
}
section .__section {
  margin-bottom: 5rem;
}
section .__section .__wrap {
  background: #f3f3f3;
  margin: 3rem auto;
  max-width: 90rem;
  padding: .5rem 3rem 3rem;
}
section .__section .__wrap h4 {
  margin: 2rem 0 1.5rem;
}
section a[href$=".pdf"]::after {
  background: url("../images/i_pdf.svg") no-repeat right center/1.5rem;
}
section a[href$=".doc"]::after, section a[href$=".docx"]::after {
  background: url("../images/i_word.svg") no-repeat right center/1.5rem;
}
section a[href$=".xls"]::after, section a[href$=".xlsm"]::after, section a[href$=".xlsx"]::after {
  background: url("../images/i_excle.svg") no-repeat right center/1.5rem;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {
  section .__section {
    margin-bottom: 3rem;
  }
  section .__section .__wrap {
    margin: 2rem auto;
    padding: .5rem 1.5rem 1rem;
  }
  section .__section .__wrap h4 {
    margin: 1rem 0 .5rem;
  }
}
/*---------------------------------

  賠償責任保険関係

---------------------------------*/
section.lp-hoken_block .wrap {}
/*---------------------------------
  LPガス事業者賠償責任保険にご加入の皆様へ
---------------------------------*/
section.hoken-insurance_block {}
section.hoken-insurance_block .__wrap ul {
  margin: 3rem 0 0;
}
section.hoken-insurance_block p.txt_soufu {
  display: flex;
}
section.hoken-insurance_block p.txt_soufu > span {
  margin: 0 .5em;
}
section.hoken-insurance_block p.txt_soufu > span .under {
  display: block;
  margin-bottom: -1rem;
  text-decoration: underline;
}
@media screen and (max-width: 480px) {
  section.hoken-insurance_block .__wrap ul {
    margin: 1rem 0 0;
  }
}
/*---------------------------------
  LPライフにご加入の皆様へ
---------------------------------*/
section.hoken-affiliate_block {}
section.hoken-affiliate_block p.icon_txt img {
  width: 1.7rem;
}
section.hoken-affiliate_block .contact {
  border: 10px solid #eee;
  margin: auto;
  max-width: 70rem;
  padding: 3rem;
  text-align: center;
}
section.hoken-affiliate_block .contact h3 {
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  section.hoken-affiliate_block .contact {
    padding: 1.5rem;
  }
}
/*---------------------------------
  会員向け共済制度のご案内
---------------------------------*/
section.hoken-guidance_block {}
section.hoken-guidance_block ._section_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5rem;
}
section.hoken-guidance_block ._section_wrap .__section {
  background: #f3f3f3;
  flex-basis: 48%;
  padding: 2rem;
}
section.hoken-guidance_block ._section_wrap .__section h3 {
  margin-top: 0;
}
section.hoken-guidance_block .imgWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
section.hoken-guidance_block .imgWrap div {
  flex-basis: calc(100%/2);
  padding: .5rem;
}
section.hoken-guidance_block .imgWrap div a {
  border: 1px solid #ccc;
  display: block;
}
section.hoken-guidance_block .imgWrap div img {
  width: 100%;
  vertical-align: bottom;
}
section.hoken-guidance_block .imgWrap div a::after {
  content: none !important;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {
  section.hoken-guidance_block ._section_wrap {
    display: block;
    margin-top: 2rem;
  }
  section.hoken-guidance_block ._section_wrap .__section {
    margin-bottom: 1.5rem;
  }
}
/*---------------------------------

  各種申請書

---------------------------------*/
section.app_block {}
/*---------------------------------
  高圧ガス事故の報告等について
---------------------------------*/
section.app-jikohoukoku_block .__wrap ul {
  margin: 3rem 0 0;
}
/*---------------------------------
  保安機関認定更新申請書等作成ツール
---------------------------------*/
section.app-hoankikann_block {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {
  section.app-jikohoukoku_block .__wrap ul {
    margin: 1rem 0 0;
  }
}
/*---------------------------------

  物品販売・貸出教材関係

---------------------------------*/
section.goods-block {}
section.goods-block p.update {
  text-align: right;
}
section.goods-block p.update span {
  background: url("../images/i_update.svg") no-repeat left center/1em;
  font-size: 90%;
  padding-left: 1.5em;
}
section.goods-block .btn {
  margin: 2rem 0 5rem;
  text-align: right;
}
section.goods-block .btn a::after {
  content: none;
}
section.goods-block figure {
  margin: 3rem 0;
  text-align: center;
}
section.goods-block figure img {
  max-width: 100%;
  width: auto;
}
section.goods-block table {
  margin: 2rem 0;
}
section.goods-block table + .aside {
  background: #f3f3f3;
  margin-top: 5rem;
  padding: 2rem;
}
section.goods-block .aside h3 {
  margin-top: 0;
}
section.goods-block p.pc_none {
  display: none;
}
section.goods-block table tr td.kakaku_right {
  text-align: right;
}
section.goods-block table tr td.kakaku_center {
  text-align: center;
}
/*---------------------------------
  出版物のご案内
---------------------------------*/
section.goods-block .syuppan {}
section.goods-block .syuppan table td:nth-child(1) {
  text-align: center;
}
section.goods-block .syuppan table td:nth-child(2) {}
section.goods-block .syuppan table td:nth-child(3) {
  width: 12rem;
}
section.goods-block .syuppan table td:nth-child(4) {
  width: 17rem;
}
section.goods-block .syuppan table td:nth-child(5) {}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {
  section.goods-block p.pc_none {
    display: block;
  }
  section.goods-block .syuppan table {
    display: block;
    overflow-x: scroll;
  }
  section.goods-block .syuppan table tbody {
    display: table;
    width: 200%;
  }
}
/*---------------------------------
  LPガス関係帳票類のご案内
---------------------------------*/
section.goods-block .LPchouhyou {}
section.goods-block .LPchouhyou table td:nth-child(1) {
  text-align: center;
}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {}
/*---------------------------------
  LPガス周知文書のご案内
---------------------------------*/
section.goods-block .LPsyuuchi {}
/*section.goods-block .LPsyuuchi table tr:nth-child(even) td:nth-child(1), section.goods-block .LPsyuuchi table tr:nth-child(even) td:nth-child(n+4), section.goods-block .LPsyuuchi table tr:nth-child(odd) td:nth-child(n+2) {
  text-align: center;
}*/
section.goods-block .LPsyuuchi table tr:nth-child(even) td:nth-child(1) {
  text-align: center;
}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {}
/*---------------------------------
  看板・ステッカーのご案内
---------------------------------*/
section.goods-block .kanban {}
section.goods-block .kanban table td:nth-child(1) {
  text-align: center;
}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {}
/*---------------------------------
  各種看板への社名等印刷のご案内
---------------------------------*/
section.goods-block .syameiprint ol {
  list-style: none;
  margin: 1rem 0;
}
section.goods-block .syameiprint table td:nth-child(1) {
  text-align: center;
}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {}
/*---------------------------------
  緊急時連絡先ラベルのご案内
---------------------------------*/
section.goods-block .ravel {}
section.goods-block .ravel table td {
  text-align: center;
}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {}
/*---------------------------------
  全溶連発行書籍等のご案内
---------------------------------*/
section.goods-block .zenyouren {}
section.goods-block .zenyouren table td:nth-child(1) {
  text-align: center;
}
section.goods-block .zenyouren table .miekesi {
  position: relative;
}
section.goods-block .zenyouren table .miekesi::after {
  content: '';
  border-top: 4px double;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {}
/*---------------------------------
  LPガススタンド向け用品のご案内
---------------------------------*/
section.goods-block .LPGcar {}
section.goods-block .LPGcar table td:nth-child(1) {
  text-align: center;
}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {}
/*---------------------------------
  KHK保安啓発用品のご案内
---------------------------------*/
section.goods-block .KHKhoan {}
section.goods-block .KHKhoan table td:nth-child(1) {
  text-align: center;
}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {}
/*---------------------------------
  貸出用教材等のご案内
---------------------------------*/
section.goods-block .video {}
section.goods-block .video table td:nth-child(1) {
  text-align: center;
  width: 5rem;
}
section.goods-block .video table td:nth-child(2) {
  width: 40rem;
}
section.goods-block .video table td:nth-child(3) {
  text-align: center;
  width: 9rem;
}
section.goods-block .video table td:nth-child(4) {
  text-align: center;
  width: 12rem;
}
section.goods-block .video table td:nth-child(6) {
  text-align: center;
  width: 8rem;
}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {
  section.goods-block .video table {
    display: block;
    overflow-x: scroll;
  }
  section.goods-block .video table tbody {
    display: table;
    width: 200%;
  }
  section.goods-block .video table td:nth-child(2) {
    width: 25rem;
  }
}
/*---------------------------------

  会報一覧

---------------------------------*/
section.report_block {}
section.report_block .reportList {}
section.report_block .reportList ul {
  display: flex;
  flex-wrap: wrap;
}
section.report_block .reportList ul li {
  flex-basis: calc(100% /4);
  padding: 0 2rem !important;
  margin: 4rem 0 0 !important;
}
section.report_block .reportList ul li::before {
  content: none !important;
}
section.report_block .reportList ul li a {
  display: block;
}
section.report_block .reportList ul li a::after {
  content: none !important;
}
section.report_block .reportList ul li a img {
  height: auto;
  width: 100%;
  vertical-align: bottom;
}
section.report_block .reportList ul li a p {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {
  section.report_block .reportList ul li {
    flex-basis: calc(100% /2);
    padding: 0 1rem !important;
    margin: 1rem 0 0 !important;
  }
}