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



/* ~~~ 窓・玄関ドア（sash/index.html） ~~~ */



/* ~~~ 学校の窓点検（school/index.html） ~~~ */

.consultation-window { width: 100%;margin-bottom: 10px; }
.consultation-window th,
.consultation-window td  {
  padding: 8px 8px 4px;
  border-top: 1px dotted #c9c9c9;
  border-bottom: 1px dotted #c9c9c9;
  font-size: 15px;
  box-sizing: border-box;
}
.consultation-window th { width: 80px; }



/* ~~~ 窓の劣化事例集(school-case.html） ~~~ */

.school-sash-corrosion {  }

/*.school-sash-corrosion h4 {
  display: inline-block;
  border-radius: 3px;
  background: #70ac42;
  font-size: 15px;
  color: #fff;
  padding: 2px 10px 1px;
  margin: 5px 0 5px 0;
}*/
/*.school-sash-corrosion h4 { margin: 5px 0;font-size: 15px;font-weight: bold; }*/
.sash-corrosion-img img { margin: 5px;}

.school-sash-corrosion p.highlighting {
  display: block;
  padding: 6px;
  border: 1px solid #ff6633;
  color: #ff6633;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}

.school-sash-width303 { width: 303px; }
.school-sash-width400 { float: right;width: 400px; }

.down-arror { margin: 10px 0 15px;text-align: center; }

@media screen and (max-width:750px) {
  .school-sash-corrosion p.highlighting { text-align: left; }
  .school-sash-width303 { width: 100%;margin-bottom: 20px;text-align: center; }
  .school-sash-width400 { float: none;width: 100%; }
}



/* ~~~ 窓・玄関ドアの修理・メンテンスのご案内（sash/sash-case.html） ~~~ */
/* ~~~ 窓・玄関ドア 排煙・換気窓開閉装置の修理・メンテナンスのご案内（sash/sash-maintenance.html） ~~~ */
.maintenance-sash .long-section { text-align: center; }

.maintenance-sash .long-section div { display: flex;flex-wrap: wrap;margin-bottom: 10px;justify-content: center;align-items: center; }
.maintenance-sash .long-section div span {
  width: 160px;
  margin: 5px;
  padding: 4px 0 0;
  border: 2px solid #ff6633;
  border-radius: 20px;
  color: #ff6633;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.maintenance-sash h4 + div.photo { margin-top: 20px; }

.maintenance-sash .item-flex img { margin: 10px 15px 20px; }

.item-flex { margin: 20px 0; }
.item-flex div.sash-deterioration { width: 210px;margin: 10px; }
.item-flex div.sash-deterioration img { margin: 0; }
.item-flex div.sash-deterioration dl { width: 100%;margin-top: 5px; }
.item-flex div.sash-deterioration dt { font-size: 116%;color: #70ac42;font-weight: bold; }


/* ~~~ 窓・玄関ドア サッシ点検業の専門工事事業者地区別リスト（sash/index.html sash/mainte-pro-list-〇〇〇.html） ~~~ */
.mainte-pro-list { display: flex;flex-wrap: wrap;margin-bottom: 30px; }
.mainte-pro-list li {
  width: 80px;
  margin-right: 20px;
  margin-bottom: 4px;
}

.mainte-pro-list-tbl { width: 100%; }
.mainte-pro-list-tbl th,
.mainte-pro-list-tbl td { padding: 5px 5px;border: 1px solid #c9c9c9;text-align: center;box-sizing: border-box; }
.mainte-pro-list-tbl th { background: #f0f0f0; }

.mainte-pro-list-tbl td:nth-child(1) { width: 75px; }
.mainte-pro-list-tbl td:nth-child(2) { width: 175px;text-align: left; }
.mainte-pro-list-tbl td:nth-child(3) { width: 85px; }
.mainte-pro-list-tbl td:nth-child(4) { width: 175px;text-align: left; }
.mainte-pro-list-tbl td:nth-child(5) { width: 110px; }
.mainte-pro-list-tbl td:nth-child(6) { width: 110px; }

@media screen and (max-width:750px) {
  .mainte-pro-list-tbl thead { display: none; }
  .mainte-pro-list-tbl tr {  }
  .mainte-pro-list-tbl td { display: block;padding-bottom: 3px;text-align: left;border: none;background: #f5f5f5; }
  .mainte-pro-list-tbl td:nth-child(1) { width: 100%; }
  .mainte-pro-list-tbl td:nth-child(2) { width: 100%;padding-top: 0; }
  .mainte-pro-list-tbl td:nth-child(3) { width: 100%;padding-top: 0; }
  .mainte-pro-list-tbl td:nth-child(4) { width: 100%;padding-top: 0; }
  .mainte-pro-list-tbl td:nth-child(5) { width: 100%;padding-top: 0; }
  .mainte-pro-list-tbl td:nth-child(6) { width: 100%;margin-bottom: 10px;padding-top: 0;padding-bottom: 5px; }
  .mainte-pro-list-tbl td::before { content: attr(data-label);float: left; }
}



/* ~~~ 窓・玄関ドアQ&A（sash/index.html） ~~~ */
.qa { float: left;width: 100%;margin-bottom: 15px; }

.qa p.q { display: block;padding: 6px;background: #f5f5f5; }
.qa p.q::before { content: "Q ";color: #70ac42;font-weight: bold; }

.qa ul.a { margin: 5px 0 20px; }
.qa ul.a::before { content: "A ";padding-left: 10px;color: #70ac42;font-weight: bold; }

.qa ul.a li {
  list-style-type: disc;
  margin-left: 46px;
}



/* ~~~ 学校の窓の落下事故調査結果（school/school-fall-results.html） ~~~ */

.fall-results {
  float: left;
  margin: 0 0 40px;
}
.fall-results .graph {
  float: left;
  width: 380px;
}
.fall-results .comment {
  float: right;
  margin-left: 20px;
  width: calc(100% - 400px);
}

ol.review { margin-left: 20px; }
ol.review li { list-style-type: decimal;font-size:116%; }



@media screen and (max-width:399px) {
  .fall-results .graph { width: 100%;margin-bottom: 15px; }
  .fall-results .graph img { width: 100%;height: auto; }
  .fall-results .comment { width: 100%; }
}



/* ~~~ 登録学校窓点検事業者による点検（school/school-sash-check.html） ~~~ */
/* 点検項目、点検方法、評価基準の概要 */
.check-outline {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #c9c9c9;
}

.check-outline dt {
  width: 120px;
  padding: 5px 8px;
  background: #f5f5f5;
  border-bottom: 1px solid #c9c9c9;
  font-weight: bold;
  box-sizing: border-box;
  vertical-align: middle;
}

.check-outline dt div { display: flex;align-items: center; }

.check-outline dd {
  width: calc(100% - 120px);
  padding: 5px 8px;
  border-bottom: 1px solid #c9c9c9;
  box-sizing: border-box;
}

@media screen and (max-width:750px) {
  .check-outline { display: block;border-top: none; }
  .check-outline dt { width: 100%;padding: 5px 0;border-bottom: none; }
  .check-outline dd { width: 100%;padding: 5px 0;border-bottom: none; }
}



/* 登録学校窓点検事業者による窓点検の流れ */
.check-flow-indent p { text-indent: -45px;padding-left: 45px; }

.check-flow-ul-indent { margin-bottom: 15px;margin-left: 45px; }
.check-flow-ul-indent li { text-indent: -15px;padding-left: 15px; }



/* ~~~ 学校窓点検事業者の登録等に関する規程（school/school-check-regulation.html） ~~~ */
.lows {  }
.lows h4 { /*font-weight: bold;*/ }
.lows h5 { font-size: 15px;/*font-weight: bold;*/ }
.lows p { padding-left: 20px;text-indent: -20px;font-size: 15px; }

.block1 { margin-top: 1rem;margin-left: 20px; }
.block2 { margin-left: 20px; }
.block3 { margin-left: 20px; }

.lows p.low-inden1 { padding-left: 38px;text-indent: -38px; }



/* ~~~ 手すり（handrail/index.html） ~~~ */
.major-heading-link {  }
.major-heading-link li.header02 { margin-top: 10px; }
.major-heading-link a { text-decoration: none;color: #70ac42; }

.major-heading-link a:visited { text-decoration:none;color: #70ac42; }
.major-heading-link a:hover { text-decoration:none; color: #ff0000; }


.handrail-top {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.handrail-top .width400 {
  float: left;
  width: 400px;
}

.handrail-top .width300 {
  float: right;
  width: 300px;
}

@media screen and (max-width:750px) {
  .handrail-top .width400 { float: none;width: 100%;margin-bottom: 20px; }
  .handrail-top .width300 { float: none;width: 100%;margin-bottom: 20px;text-align: center; }
}

.photo-l-width350 { float: left;width: 350px;margin-bottom: 30px;text-align: center; }
.photo-r-width350 { float: right;width: 350px;margin-bottom: 30px;text-align: center; }
.photo-l-width350 p,
.photo-r-width350 p { margin-bottom: 1rem;padding-top: 3px;background: #f5f5f5; }

@media screen and (max-width:750px) {
  .photo-l-width350 { float: none;width: 100%;margin-bottom: 20px; }
  .photo-r-width350 { float: none;width: 100%;margin-bottom: 20px;text-align: center; }
}

@media screen and (max-width:360px) {
  .photo-l-width350 img { width: 100%;height:auto; }
  .photo-r-width350 img { width: 100%;height:auto; }
}

.deterioration-case {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.deterioration-case h4 {
  margin-top: 0;
}

.deterioration-case .width530 {
  float: right;
  width: 530px;
}

.deterioration-case .width550 .header04 {
  margin-top: 0;
}

.deterioration-case .photo-width180 {
  float: left;
  width: 180px;
}

.handrail-check {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.handrail-check li {
  display: flex;
  /*justify-content: center;*/
  margin-right: 2px;
  margin-bottom: 10px;
}

@media screen and (max-width:750px) {
  .deterioration-case .width530 { float: none;width: 100%;margin-bottom: 1rem; }
  .deterioration-case .photo-width180 { float: none;width: 100%;text-align: center; }
}

@media screen and (max-width:600px) {
  .photo figure { margin-left: 10px;margin-right:10px; } 
}

@media screen and (max-width:430px) {
  .photo figure { margin-left: 0;margin-right:0; } 
}

@media screen and (max-width:380px) {
  .handrail-check { display: block;width: 100%; }
  .handrail-check li { display: block;width: 100%;margin-right: 0;text-align: center; }
}