@charset "UTF-8";

/********************************************************/
/*                       shimin.css                     */
/********************************************************/
/* ▼▼▼ レイアウトの設定_globalnavi ▼▼▼
--------------------------------------------------------*/
.globalnavi_list:nth-child(2) {
  background-color: #AFC5E6;
  border-radius: 0 0 10px 10px;
}
.globalnavi_list:nth-child(2):hover {
  background-color: #D8E4F5;
  transition: all 0.3s ease;
}
/* ▲▲▲ レイアウトの設定_globalnavi ▲▲▲
--------------------------------------------------------*/
/* ▼▼▼ レイアウトの設定_content ▼▼▼
--------------------------------------------------------*/

.side-now {
  background-color: background: #f5d8d8;
}

.shitei-bukuro_table th {
  background-color: #1E2380;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.shitei-bukuro_table td {
  text-align: center;
  vertical-align: middle;
}
.shitei-bukuro_table-td {
  background-color: #AFC5E6;
}
.shitei-bukuro_ul {
  margin: auto;
  margin-top: 15px;
  width: 60%;
  display: flex;
}
.shitei-bukuro_ul li {
  margin: 0 10px;
}
.shitei-bukuro_ul img {
  width: 100%;
}

.mochikomi_table th {
  background-color: #1E2380;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.mochikomi_table td {
  vertical-align: middle;
}
.mochikomi_table-td {
  background-color: #AFC5E6;
  text-align: center;
  font-weight: bold;
  min-width: 65px;
}

.mochikomi-uketsuke_table th , .mochikomi-uketsuke_table td , .mochikomi-uketsuke_table2 th , .mochikomi-uketsuke_table2 td {
  text-align: center;
}
.mochikomi-uketsuke_table th {
  max-width: 100px;
}
.mochikomi-uketsuke_table2 {
  display: none;
}

.crystal_konzatsuji-hannyuu {
  width: 90%;
  margin: 10px auto;
  display: flex;
}
.crystal_konzatsuji-hannyuu li:first-child {
  margin-right: 10px;
}
.crystal_konzatsuji-hannyuu img {
  width: 100%;
}
.clean-plant_hannyuu {
  width: 50%;
  margin: 10px auto;
}


.acd-check {
  display: none;
}
.acd-label {
  font-weight: bold;
  display: block;
  cursor: pointer;
  border: 2px solid #1E2380;
  border-radius: 5px;
  padding: 5px 35px 5px 5px;
  position: relative;
}
.acd-label::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 13px;
  height: 20px;
  width: 10px;
  border: 10px solid transparent;
  border-top: 12px solid #1E2380;
  transition: all 0.3s;
}
.acd-label::after {
  content: "クリックして開く";
  padding-left: 20px;
}
.acd-content {
  border: 2px solid #1E2380;
  border-radius: 0 0 5px 5px;
  margin-top: -2px;
  height: 0;
  opacity: 0;
  transition: all 0.3s;
  visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content {
  height: 400px;
  opacity: 1;
  visibility: visible;
}
.acd-check:checked~.acd-label{
  border-radius: 5px 5px 0 0;
}
.acd-check:checked~.acd-label::before {
  transform: scaleY(-1);
  top: 3px;
  right: 10px;
}
.acd-check:checked~.acd-label::after {
  content: "クリックして閉じる";
}
.acd-content ol {
  box-sizing: border-box;
  height: 95%;
  margin: auto;
  margin-top: 9px;
  overflow: scroll;
  padding: 0 15px;
}
.line1 {
  width: 50%;
  min-width: 500px;
  margin: 15px auto;
}
.line2 {
  width: 80%;
  min-width: 500px;
  margin: 15px auto;
}
.line3 {
  width: 100%;
  min-width: 500px;
  margin: 15px auto;
}


.sodai_table td {
  vertical-align: middle;
  background: none;
}
.sodai_table td img {
  width: 100%;
}

.ryoukinhyou-table th {
  background-color: #1E2380;
  color: #fff;
  text-align: center;
  border: none;
}
.ryoukinhyou-table th:not(:first-child) {
  border-left: 2px solid #F5FAFF;
}
.ryoukinhyou-table th:first-child {
  border-left: 2px solid #1E2380;
}
.ryoukinhyou-table th:last-child {
  border-right: 2px solid #1E2380;
}
.ryoukinhyou-table td {
  border: 2px solid #1E2380;
}
.shubetsu {
  background-color: #AFC5E6;
  text-align: center;
  font-weight: bold;
}
.width100px {
  width: 100px;
  text-align: center;
}
.width50px {
  width: 50px;
  text-align: center;
}
.ryoukinhyou-pdf {
  display: none;
}

.question::before {
  content: "Q";
  color: #e96900;
  font-size: 1.25rem;   /* 20px */
  margin-right: 10px;
}
.question {
  border-bottom: 2px dotted #AFC5E6;
}
.answer::before {
  content: "A";
  color: green;
  font-size: 1.25rem;   /* 20px */
  margin: 0 10px 0 -12px;
}
.answer:not(:last-child) {
  margin-bottom: 20px;
}


.kengaku_table th , .kengaku_table td {
  background: none;
  border: none;
}
.kengaku_table th {
  text-align: center;
}
.kengaku_table_img img {
  width: 100%;
}
.kengaku {
  display: none !important;
}


.lightbox-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.lightbox-wrapper li {
  margin-top: 15px;
  width: 33%;
}
.lightbox-wrapper img {
  margin: auto;
  width: calc(100% - 10px);
}
.lightbox-wrapper p {
  margin-top: 5px;
  text-align: center;
}


.kasai-jiko {
  display: flex;
}
.kasai-jiko li {
  margin: 0 10px;
}
.kasai-jiko img {
  margin-bottom: 10px;
  width: 100%;
}

.chuui_table th {
  text-align: center;
}
.chuui_table td:nth-child(-n+2) {
  text-align: center;
  width: 20%;
}


.arrow {
  background-color: #1E2380;
  clip-path: polygon(0 32%,35.2% 32%,35.2% 0,100% 50%,35.2% 100%,35.2% 68%,0 68%);
  display: block;
  height: 45px;
  vertical-align: middle;
  margin: auto;
  width: 35px;
}


.img {
  width: 250px;
  margin: 10px 0;
}
.img2 {
  width: 70%;
  margin: 10px auto;
}
.img3 {
  width: 100%;
  margin: auto;
}
.bunbetsujiten {
  display: block;
  margin: 10px auto;
  width: 90%;
}
.bunbetsujiten img {
  border-radius: 5px;
  transition: all 0.3s;
}
.bunbetsujiten:hover img {
  opacity: 0.7;
}

.kogatakaden img {
  display: block; 
  width: 100%;     
  max-width: 1000px;    
  height: auto;       
  margin: 0 0 20px 0;  
}

/* ▲▲▲ レイアウトの設定_content ▲▲▲
--------------------------------------------------------*/
/********************************************************/
/*                 画面幅が820px以下の場合                 */
/********************************************************/

@media screen and (max-width:820px) {
  /*この間に設定を記入*/
  .shitei-bukuro_ul {
    width: 80%;
  }
  .clean-plant_hannyuu {
    width: 60%;
  }
}
/********************************************************/
/*                 画面幅が767px以下の場合                 */
/********************************************************/

@media screen and (max-width:767px) {
  /*この間に設定を記入*/
  .ryoukinhyou-table {
    display: none;
  }
  .ryoukinhyou-pdf {
    display: block;
  }

  .kengaku_table_img {
    display: none;
  }
  .kengaku {
    display: block !important;
    width: 300px;
    margin: auto;
    margin-top: 15px;
  }
}
/********************************************************/
/*                 画面幅が550px以下の場合                 */
/********************************************************/

@media screen and (max-width:550px) {
  /*この間に設定を記入*/
  .line1 , .line2 , .line3 {
    width: 100%;
    min-width: 300px;
  }
  .sodai_table , .sodai_table th , .sodai_table td {
    display: block;
  }
  .mochikomi-uketsuke_table{
    display: none;
  }
  .mochikomi-uketsuke_table2 {
    display: flex;
    justify-content: center;
  }
  .bunbetsujiten {
    width: 100%;
  }
}

/********************************************************/
/*                         メモ                         */
/********************************************************/

/* フォントサイズ一覧 */
/* 1px=0.0625rem */
.fontsize-dummy {
  font-size: .75rem;    /* 12px */
  font-size: .8125rem;  /* 13px */
  font-size: .875rem;   /* 14px */
  font-size: .9375rem;  /* 15px */
  font-size: 1rem;      /* 16px */
  font-size: 1.125rem;  /* 18px */
  font-size: 1.25rem;   /* 20px */
  font-size: 1.375rem;  /* 22px */
  font-size: 1.75rem;   /* 28px */
}


/* ▼▼▼ コピペ用 ▼▼▼
--------------------------------------------------------*/

/* ▲▲▲ コピペ用 ▲▲▲
--------------------------------------------------------*/

/* * * * * * * * * * * * 一番下 * * * * * * * * * * * * */