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


/* ~~~ 「住宅サッシ・防火戸取扱い事業所定期講習会」開催のご案内（regularsemi.html） ~~~ */
/* セミナー table */
.seminar-tbl1 {
  width: 100%;
  /*margin: 30px 0 60px;*/
  font-size: 116%;
}
.seminar-tbl1 th,
.seminar-tbl1 td { 
  padding: 8px 8px 4px;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  border-right:  1px solid #c9c9c9;
  box-sizing: border-box;
}
.seminar-tbl1 th { background: #e1ecce; }
.seminar-tbl1 th:last-child { border-right: none; }
.seminar-tbl1 td:last-child { border-right: none; }
.seminar-tbl1 td:nth-child(1) { width: 320px; }
.seminar-tbl1 td:nth-child(2) { width: 140px; }
.seminar-tbl1 td:nth-child(3) { width: auto; }

/* 中止のセミナーの行（tr）に適用 */  
.seminar-tbl1 tr.cancel td { background: #ebebeb;color: #999; }
.seminar-tbl1 tr.cancel td:nth-child(3) { font-weight: bold; }


@media screen and (max-width:750px) {
  .seminar-tbl1 th { display: none; }
  .seminar-tbl1 td { display: block;padding: 4px 6px 1px;text-align: left;}
  .seminar-tbl1 td { border: none; }
  .seminar-tbl1 td:nth-child(1) { width: 100%;margin-top: 10px;background: #e1ecce; }
  .seminar-tbl1 td:nth-child(2) { width: 100%;padding-top: 8px; }
  .seminar-tbl1 td:nth-child(3) { width: 100%; }
  .seminar-tbl1 td::before { content: attr(data-label);float: left;/*margin-right: 10px;*/ }
  .seminar-tbl1 tr.cancel td:nth-child(1) { background: #e1ecce;color: #202020; }
  .seminar-tbl1 tr.cancel td:nth-child(2) { background: #fff; }
  .seminar-tbl1 tr.cancel td:nth-child(3) { background: #fff;font-weight: bold; }
}

/* 振込先 */
.bank-tbl1 {
  width: 100%;
  margin: 15px 0 0;
  font-size: 116%;
}
.bank-tbl1 th,
.bank-tbl1 td { 
  padding: 8px 8px 4px;
  box-sizing: border-box;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}
.bank-tbl1 th { width: 150px; }

@media screen and (max-width:750px){
  .bank-tbl1 { border: 1px solid #c9c9c9; }
  .bank-tbl1 th,
  .bank-tbl1 td { display: block;width: 100%;padding: 4px 10px 0;border: none; }
  .bank-tbl1 th { margin-top: 4px;font-weight: bold; }
  .bank-tbl1 tr:nth-child(3) th { display: none; }
  .bank-tbl1 tr:nth-child(3) td { padding-bottom: 10px; }
}


/* ~~~ yuryo.html ~~~ */
/* 開催日程　table */
.seminar-tbl2 {
  width: 100%;
  margin: 30px 0 15px;
}
.seminar-tbl2 th,
.seminar-tbl2 td { 
  padding: 8px 8px 4px;
  box-sizing: border-box;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}
.seminar-tbl2 th { background: #e1ecce; }
.seminar-tbl2 td:nth-child(1) { width: 110px; }

/* 受講までの流れ */
.seminar-flow {
  display: block;
  margin: 0 0 10px 24px;
}
.seminar-flow li {
  list-style-type: decimal;
  margin-right: 20px;
  margin-bottom: 6px;
}

/* 受講料（dlで表の大本のcss設定は、ass-yyyymmdd.css に設定があります。） */
/* yuryo.html */
dl.dtw140-yuryo dt { width: 140px; }
dl.dtw140-yuryo dd { width: calc(100% - 140px); }

dl.dtw140-yuryo dd span { display: inline-flex; }
dl.dtw140-yuryo dd span.param1 { width: 300px; }
dl.dtw140-yuryo dd span.param2 { display: inline-block;width: 140px;text-align: right;}

@media screen and (max-width:750px) {
  dl.dtw140-yuryo dt { display: block;width: 100%; }
  dl.dtw140-yuryo dd { display: block;width: 100%;border: none; }
}

/* 開催予定　table */
.next-seminar-tbl {
  width: 100%;
  margin: 30px 0 15px;
}
.next-seminar-tbl th,
.next-seminar-tbl td { 
  padding: 8px 8px 4px;
  box-sizing: border-box;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  text-align: center;
}
.next-seminar-tbl th { background: #e1ecce; }
.next-seminar-tbl td:nth-child(1) { width: 100px; }

@media screen and (max-width:750px) {
  .next-seminar-tbl td { text-align: left; }
}


/* ~~~ sash-manager-session.html ~~~ */
dl.dtw140 dt { width: 140px; }
dl.dtw140 dd { width: calc(100% - 140px); }

dl.dtw140 dd span { display: inline-flex; }
dl.dtw140 dd span.param1 { width: 180px; }
dl.dtw140 dd span.param2 { width: 70px; }
/*dl.dtw140 dd span.param3 { width: 210px; }*/

@media screen and (max-width:750px) {
  dl.dtw140 dt { display: block;width: 100%; }
  dl.dtw140 dd { display: block;width: 100%;border: none; }
}


/* ~~~ regularsemi.html ~~~ */
dl.dtw280 dt { width: 280px; }
dl.dtw280 dd { width: calc(100% - 280px); }

dl.dtw120 dt { width: 120px; }
dl.dtw120 dd { width: calc(100% - 120px); }

dl.dtw240 dd span { display: inline-flex; }
/*dl.dtw140 dd span.param1 { width: 180px; }
dl.dtw140 dd span.param2 { width: 70px; }
dl.dtw140 dd span.param3 { width: 210px; }*/

@media screen and (max-width:750px) {
  dl.dtw280 dt { display: block;width: 100%; }
  dl.dtw280 dd { display: block;width: 100%;border: none; }
  dl.dtw120 dt { display: block;width: 100%; }
  dl.dtw120 dd { display: block;width: 100%;border: none; }
}


.session-info {
  margin: 20px 0 20px;
  padding: 10px;
  background: #e1ecce;
  font-size: 146.5%;
  font-weight: bold;
  text-align: center;
}


/* ~~~ yoyaku.html ~~~ */

.yoyaku { 
  display: flex;
  width: 100%;
  margin-top: 26px;
}

.yoyaku a,
.yoyaku div { 
  display: block;
  width: 100%;
  padding: 12px 20px 10px;
  border-bottom: solid 3px #fead44;
  border-right: solid 3px #fead44;
  background: #ffd8a5;
  background: #ffd49b;
  color: #404040;
  letter-spacing: 1px;
  text-align: center;
}


/* ~~~ kouenkai.html ~~~ */

.lecture-ttl { margin-top: 2rem;margin-bottom: 1rem;padding: 7px 10px 3px;font-size: 16px;font-weight: bold;background: #f5f5f5; }
.lecture-ttl:first-child { margin-top: 0; }

.kouenkai-profile { display: flex; }
.kouenkai-profile span { display: flex; }
.kouenkai-profile span:nth-child(1) { width: 360px;margin-left: 32px;/*margin-left: 126px;*/margin-right: 40px; }

.lecture-content-ttl { margin-top: 1rem;margin-left: 32px;font-size: 16px;font-weight: bold; }

@media screen and (max-width:600px) {
  .kouenkai-profile { display: block; }
  .kouenkai-profile span { display: block; }
  .kouenkai-profile span:nth-child(1) { width: calc(100% - 32px);margin-right: 0; }
  .kouenkai-profile span:nth-child(2) { width: calc(100% - 32px);margin-left: 32px;margin-top: .5rem; }
}