/* CSS Document */


/* TOP
------------------------------------------------------------*/

.thermo_kv{
  width:100%;
  height:375px;
  text-align:center;
  background:url(../images/thermo/kv.jpg) no-repeat center center;
  background-size:cover;
  border-radius:8px;
} 

.thermo_kv .icon{
  padding-top:40px; 
}

.thermo_kv h2{
  font-size: 34px;
  color: #fff;
  font-weight:700;
  line-height:1.1;
  margin-top:22px;
}

.thermo_kv h2 .min{
  display:block;
  font-size: 14px;
  margin-bottom:5px;
}

.thermo_kv h2 .sub_ttl{
  display:block;
  margin:10px auto 0;
  width: 96px;
  height: 28px;
  border-radius: 2px;
  background: #2b4fab;
  box-sizing:border-box;
  padding-top:6px;
  font-size:14px;
}

.thermo_kv ul{
  display:flex;
  justify-content:center;
  margin-top:24px; 
}

.thermo_kv ul li:nth-child(1){
  margin-right:10px; 
}

@media screen and (max-width: 767px) {
  .thermo_kv{
    width:100%;
    height:91.73vw;
    text-align:center;
    background:url(../images/thermo/kv_sp.jpg) no-repeat center center;
    background-size:cover;
    border-radius:0;
  } 
  
  .thermo_kv .icon{
    padding-top:10.6vw;
    width:21.06vw;
    margin:0 auto; 
  }
  
  .thermo_kv h2{
    font-size: 7.46vw;
    line-height:1.1;
    margin-top:4vw;
  }
  
  .thermo_kv h2 .min{
    font-size: 3.73vw;
    margin-bottom:2vw;
  }
  
  .thermo_kv h2 .sub_ttl{
    display:block;
    margin:2vw auto 0;
    width: 25.6vw;
    height: 7.46vw;
    border-radius: 0.53vw;
    padding-top:1.7vw;
    font-size:3.73vw;
  }
  
  .thermo_kv ul{
    display:flex;
    justify-content:center;
    margin-top:5.3vw; 
  }
  
  .thermo_kv ul li:nth-child(1){
    margin-right:4vw; 
  }
  
  .thermo_kv ul li img{
    width:auto;
    height:11.73vw; 
  }
}

.thermo_kv.sub{
  display:flex;
  justify-content:center;
  height:156px;
  background-image:url(../images/thermo/kv_sub.jpg);
} 

.thermo_kv.sub .icon{
  padding-top:29px; 
}

.thermo_kv.sub h2{
  text-align:left;
  margin-top:0;
  padding-top:32px;
  margin-left:39px;
}

.thermo_kv.sub h2 .sub_ttl{
  text-align:center;
  margin-left:0;
}

@media screen and (max-width: 767px) {
  
}

.thermo_icon_list{
  margin-top:40px; 
}

.thermo_icon_list li{
  display:flex;
  justify-content:space-between;
  padding-bottom:24px;
  border-bottom:solid 1px #dedede; 
  margin-bottom:40px;
  align-items:flex-start;
}

.thermo_icon_list li p{
  margin-top:0; 
}

.thermo_icon_list li p.icon{
  margin-top:-11px; 
  width:65px;
}

.thermo_icon_list li .txt_area{
  width:calc(100% - 65px); 
}

.thermo_icon_list li .txt_area h4{
  font-size:16px; 
  margin-bottom:8px;
}

.thermo_icon_list li .txt_area h4 span{
  font-weight:400; 
}

.thermo_icon_list li .txt_area p{
  font-size:16px; 
}

.thermo_icon_list li .txt_area p img{
  display:inline-block;
  margin:0 3px;
  position:relative;
  top:7px; 
}

.thermo_icon_list li .txt_area p img.min{
  margin:0 5px;
  top:3px; 
}

.thermo_icon_list li .txt_area p span.indent{
  display:block;
  position:relative;
  padding-left:30px;
}

.thermo_icon_list li .txt_area p span.indent.indent1{
  padding-left: 0;
}

.thermo_icon_list li .txt_area p span.indent img{
  position:absolute;
  left:3px;
  top:3px; 
}

.thermo_icon_list li .txt_area p span.indent span{
  display:inline-block;
  text-indent:-2.4em;
  padding-left:2.4em;
}

.thermo_icon_list li .txt_area p span.indent.indent1 span{
  text-indent:-1em;
  padding-left:1em;
}

@media screen and (max-width: 767px) {
  .thermo_icon_list{
    margin-top:10.6vw;; 
  }
  
  .thermo_icon_list li{
    padding-bottom:6.4vw;
    border-bottom:solid 0.26vw #dedede; 
    margin-bottom:6.4vw;
  }
  
  .thermo_icon_list li p.icon{
    margin-top:-2vw; 
    width:13.3vw;
  }
  
  .thermo_icon_list li p img{
    width:10.6vw;
    height:auto; 
  }
  
  .thermo_icon_list li .txt_area{
    width:calc(100% - 13.3vw); 
  }
  
  .thermo_icon_list li .txt_area h4{
    font-size:4.26vw; 
    margin-bottom:2.13vw;
  }
  
  .thermo_icon_list li .txt_area p{
    font-size:3.73vw; 
  }
  
  .thermo_icon_list li .txt_area p img{
    width:4.8vw;
    margin:0 2vw;
    top:1.5vw; 
  }
  
  .thermo_icon_list li .txt_area p img.ml0{
    margin-left:0; 
  }
  
  .thermo_icon_list li .txt_area p img.min{
    width:4vw;
    margin:0 2vw;
    top:0.3vw; 
  }
}

.thermo_modal_cover{
  position:fixed;
  left:0;
  top:0;
  z-index:30;
  background: rgba(0, 0, 0, 0.2);
  width:100%;
  height:100%;
  display:none;
}

.thermo_modal{
  position:fixed;
  left:0;
  top:0;
  z-index:31;
  width:550px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:none;
}

.thermo_modal.thermo_modal02{
  width:100%;
  max-width:680px;
}

.thermo_modal .close{
  text-align:right;
  margin-bottom:15px;
}

.thermo_modal .inner{
  width:100%;
  background: #fff;
  filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.16));
  border-radius: 4px;
  padding:25px 30px 30px;
  box-sizing:border-box;
}

.thermo_modal .inner h5{
  font-size: 22px;
  font-weight:700;
  margin-bottom:5px; 
}

.thermo_modal .inner p{
  font-size: 16px;
  text-align: left; 
}

.thermo_modal .inner table{
  margin-top:10px;
  width:100%;
  border:solid 1px #dedede;
  border-right:none;
  border-bottom:none;
  box-sizing:border-box; 
}

.thermo_modal .inner table th,
.thermo_modal .inner table td{
  border-right:solid 1px #dedede;
  border-bottom:solid 1px #dedede;
  font-size:12px;
  padding:6px 0 6px;
  text-align:center;
  background:#f5f5f5;
  color:#333;
  width:50%;
  box-sizing:border-box;
}

.thermo_modal .inner table th{
  background:#5666be;
  color:#FFF;
  font-weight:700; 
}

.thermo_modal .inner table tr:nth-child(2n) td{
  background:#FFF; 
}

@media screen and (max-width: 767px) {
  
  .thermo_modal,
  .thermo_modal.thermo_modal02{
    width:91.46vw;
  }
  
  .thermo_modal .close{
    margin-bottom:5.3vw;
  }
  
  .thermo_modal .close img{
    width:6.4vw;
    
    height:auto;
  }
  
  .thermo_modal .inner{
    width:100%;
    border-radius: 1.06vw;
    padding:5.3vw;
  }
  
  .thermo_modal .inner h5{
    font-size: 4.8vw;
    margin-bottom:1.3vw; 
  }
  
  .thermo_modal .inner p{
    font-size: 3.73vw;
  }
  
  .thermo_modal .inner table{
    margin-top:2.6vw;
    border:solid 0.26vw #dedede;
  }
  
  .thermo_modal .inner table th,
  .thermo_modal .inner table td{
    border-right:solid 0.26vw #dedede;
    border-bottom:solid 0.26vw #dedede;
    font-size:3.2vw;
    padding:1.6vw 0 2.1vw;
  }
  
}

.thermo_modal .inner .sc_areaY{
  width:100%;
  max-height:60vh;
  overflow:hidden;
  overflow-y:scroll;
}

.thermo_modal .inner .sc_areaY th{
  position: sticky;
  top: 0;
  left: 0; 
}

@media screen and (max-width: 767px) {
   
}

/*TOP------------------------------------------------------------*/


/* tr4report
------------------------------------------------------------*/

.thermo_kv.tr4report{
  height:351px;
  background:url(../images/tr4report/kv.jpg) no-repeat center center;
  background-size:cover;
} 

.thermo_kv.tr4report h2{
  margin-top:14px;
}


.thermo_kv.tr4report h2 .sub_ttl{
  background: #00a4c7;
}


.thermo_kv.sub.tr4report{
  display:flex;
  justify-content:center;
  height:156px;
  background-image:url(../images/tr4report/kv_sub.jpg);
} 

.thermo_kv.sub.tr4report .icon{
  padding-top:29px; 
}

.thermo_kv.sub.tr4report h2{
  text-align:left;
  margin-top:0;
  padding-top:32px;
  margin-left:39px;
}

.thermo_kv.sub.tr4report h2 .sub_ttl{
  text-align:center;
  margin-left:0;
}

@media screen and (max-width: 767px) {
  .thermo_kv.sub,
  .thermo_kv.sub.tr4report{
    height:36.26vw;
    background-image:url(../images/thermo/kv_sub_sp.jpg);
  } 
  
  .thermo_kv.sub.tr4report{
    background-image:url(../images/tr4report/kv_sub_sp.jpg);
  } 
  
  .thermo_kv.sub .icon,
  .thermo_kv.sub.tr4report .icon{
    padding-top:8.53vw;
    width:19.2vw; 
    margin:0;
  }
  
  .thermo_kv.sub h2,
  .thermo_kv.sub.tr4report h2{
    text-align:left;
    margin-top:0;
    padding-top:6.5vw;
    margin-left:6.4vw;
  }
  
  .thermo_kv.sub h2 .sub_ttl,
  .thermo_kv.sub.tr4report .sub_ttl{
    text-align:center;
    margin-left:0;
  }
}

.common_block01 .caution.caution02{
  margin-top:15px;
  background: #f5f5f5;
  border:none; 
}

.common_block01 .caution.caution02 p.txt{
  margin-top:10px;
  font-size: 16px;
  line-height: 24px; 
}

.common_block01 .caution.caution02 p.txt span{
  font-weight:700;
} 

@media screen and (max-width: 767px) {
  .common_block01 .caution.caution02{
    margin-top:4vw;
  }
  
  .common_block01 .caution.caution02 p.txt{
    margin-top:2vw;
    font-size: 3.73vw;
    line-height: 5.6vw; 
  }
   
}
/*tr4report------------------------------------------------------------*/


/* TOP
------------------------------------------------------------*/
 

@media screen and (max-width: 767px) {
  
}

/*TOP------------------------------------------------------------*/