/* CSS */

.inspection_subpart{
  width:98%;
  max-width:1200px;
  margin:70px auto;
}

.inspection_subpart ul{
  display:flex;
  justify-content:space-between;
}

.inspection_subpart ul li:nth-child(1){
  width:55%;
}

.inspection_subpart ul li:nth-child(1) dl{
}

.inspection_subpart ul li:nth-child(1) dl h5 {
  font-size:80%;
  font-weight:bold;
  letter-spacing:0.3em;
  background: #FF5722;
  color: #fff;
  display: inline-block;
  height: 1.8em;
  line-height: 1.8em;
  padding: 0 1em 0 1em;
  position: relative;
}

.inspection_subpart ul li:nth-child(1) dl h5::before {
  border: 0.9em solid transparent;
  border-left-color: #FF5722;
  border-right-width: 0;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  right: -0.9em;
  top: 0;
  width: 0;
}
.inspection_subpart ul li:nth-child(1) dl h4 {
  font-size:140% !important;
  margin-bottom:1em !important;
  padding-bottom:0.7em !important;
}

.inspection_subpart ul li:nth-child(2){
  width:45%;
  text-align:center;
}
.inspection_subpart ul li:nth-child(2) img{
  width:100% !important;
  max-width:350px !important;
}

.measure_info{
  border:2px solid #2196F3;
  background:#f0f8ff;
  padding:20px;
  box-sizing:border-box;
  margin:70px 0 30px 0;
}

.sub_info{
  background:#f5f5f5;
  padding:20px;
  box-sizing:border-box;
  margin:50px 0;
}

.sub_info h5{
  font-weight:bold;
  font-size:130%;
  letter-spacing:0.1em;
  text-align:center;
  margin:0 0 0.8em 0;
}

.sub_info ol{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}

.sub_info #infoblock{
  width:30%;
}
#infoblock figure{
  margin: 0;
  display: none;
}
#infoblock figure:target{
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
}
#infoblock figure:target #overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  color: inherit;
}
#infoblock figure:target img{
  animation: fadein .3s;
}
@keyframes fadein{
  0%{
    transform: scale(0.2);
    opacity: 0.2;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}


.info_present{
  width:90%;
  max-width:500px;
  background:#fff;
  z-index: 102;
  padding:2%;
  box-sizing:border-box;
  position:relative;
}

.info_present dl{
   background:#f0f0f0;
   text-align:center;
   padding:20px 0;
   margin:20px 0;
}

.info_present dl img{
  width:70%;
}


.info_present h5{
  color:#d6215f;
  font-size:130%;
  font-weight:bold;
}

.info_present h6{
  font-size:130%;
  width:100%;
  color:#fff;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  background:#d6215f;
}




.info_seminer{
  width:90%;
  max-width:500px;
  background:#fff;
  z-index: 102;
  padding:2%;
  box-sizing:border-box;
  position:relative;
}

.info_seminer h6{
  font-size:130%;
  width:100%;
  color:#fff;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  background:#223a82;
}

.info_seminer dl{
  margin:20px 0;
}
.info_seminer dl h5{
   color:#d6215f;
  font-size:130%;
  font-weight:bold;
  margin:0 0 10px 0;
}

.info_seminer dl > li{
  font-size:105%;
  line-height:2em;
  font-weight:bold;
  list-style:none;
  border-bottom:1px dotted #ccc;
  text-align:center;
  padding:0 0 10px 0;
  margin:10px 0 0 0;
}

.info_seminer dl > li span{
  border:1px solid #ccc;
  display:block;
  padding:0 2em;
  margin-right:10px;
}
.info_seminer dl p{
  font-size:90%;
 line-height:1.5em;
}

.info_seminer dl.teach{
  background:#f9f9f9;
  padding:2%;
}
.info_seminer dl.teach ul{
  display:flex !important;
  justify-content: space-between;
}

.info_seminer dl.teach ul li:nth-child(1){
  width:15%;
}
.info_seminer dl.teach ul li:nth-child(2){
  width:80%;
}
.info_seminer dl.teach p{
 font-size:90%;
 line-height:1.5em;
}



.info_line{
  width:90%;
  max-width:500px;
  background:#fff;
  z-index: 102;
  padding:2%;
  box-sizing:border-box;
  position:relative;
}

.info_line dl{
   background:#00ba00;
   text-align:center;
   padding:20px 0;
   margin:20px 0;
}

.info_line dl img{
  width:70%;
}


.info_line h5{
  color:#00ba00;
  font-size:130%;
  font-weight:bold;
}

.info_line h6{
  font-size:130%;
  width:100%;
  color:#fff;
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  background:#1b881b;
}




.event_box_detail{
  margin-bottom:50px;
}

.event_box_detail ul{
  display:flex;
  justify-content:space-between;
}

.event_box_detail ul li{
  width:33%;
}




@media screen and (max-width: 768px) {
  
  .inspection_subpart{
    margin:10px auto 30px;
  }
  .inspection_subpart ul{
    display:block;
    justify-content:unset;
  }
  .inspection_subpart ul li:nth-child(1){
    width:100%;
  }
  .inspection_subpart ul li:nth-child(2){
    width:100%;
    text-align:center;
  }
  .inspection_subpart ul li:nth-child(2) img{
    width:50% !important;
    margin-left:-10%;
  }
  .inspection_subpart ul li:nth-child(1) dl h4 {
    font-size:120% !important;
    width:100% !important;
    margin:0.5em 0 !important;
    padding:0 !important;
  }

  .sub_info #infoblock{
    width:48%;
    margin:0 0 30px 0;
  }
  .sub_info #infoblock:nth-child(3){
    margin:0;
  }
}

@media screen and (max-width: 500px) {
   .inspection_subpart ul li:nth-child(2) img{
    width:50% !important;
  }
  .inspection_subpart ul li:nth-child(1) dl h5 {
  font-size:70%;
  letter-spacing:0.2em;
  }
  .sub_info #infoblock{
    width:100%;
    margin:0 0 20px 0;
  }
	.event_box_detail ul{
    display:unset;
    justify-content:unset;
  }
  .event_box_detail ul li{
    width:100%;
  }

}