@charset "utf-8";
.tour-sum ul li{margin-right:0;}


.repIndex {background: #f3f4d3; padding: 20px; margin-bottom: 30px; border-radius:10px;}
.repIndex p, .repIndex ul li {font-size: 16px; line-height: 1.8; margin-bottom: 1em;list-style-position: inside !important; color: #530;}
.repIndex ul {margin: 0 0 30px;border-top: 1px solid #b8ac58; padding-bottom: 5px; padding-top: 5px;}
.repIndex ul li {list-style: disc; border-bottom: 1px dotted #b8ac58; padding-bottom: 5px; margin-bottom: 5px;}
.repIndex ul.nonList li {list-style: none; }
.repIndex h4 {font-size: 18px; margin: 0 0 10px 0; font-weight: bold; border: none; color: #530; padding-left: 0;}
.repIndex h5 {font-size: 16px; margin-bottom: 10px; border: none; font-weight: normal;}
.repIndex figure {margin:0;}
.repIndex figure img {margin:0 0 30px 0;}
.repIndex p, .repIndex ul li {font-size: 14px;}

.section-box *{box-sizing:border-box;}
.section-box figure{background:#ff9900; padding:20px 20px 40px; margin:20px 0;}
.section-box figure.wsReport{background:transparent; padding:0;}
.section-box figure div.img{background:#087043; padding-bottom:5px; margin-bottom:15px;}
.section-box figure div.img img{display:block; width:100%; height:auto;}
.section-box figure figcaption{background:url("/ecoene/assets/images/thermal/cs_isogo/report/2020/baloonTop.png") no-repeat left top,url("/ecoene/assets/images/thermal/cs_isogo/report/2020/baloonBtm.png") no-repeat left bottom; background-size:100% auto; padding:40px 30px 25px 30px; font-size:18px; text-align:center; font-weight:bold; margin-top:5px; width:100%; max-width:100%; line-height:1.4; position:relative;}
.section-box figure div.collage{position:relative; z-index:2;}
.section-box figure div.collage img{display:block;width:100%; height:auto;}
.section-box figure div.collage + figcaption{margin-top:-16px; position:relative; z-index:1;}
.section-box figure.duo{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.section-box figure.duo div{width:calc(50% - 10px);}
.section-box figure figcaption .tipImage{width:176px; height:176px; position:absolute; right:10px; top:-130px; border:4px #087043 solid; border-radius:50%; overflow:hidden;}



@media screen and (max-width: 600px) {
.section-box figure{padding:10px 10px 20px; margin:10px 0;}
.section-box figure div.img{padding-bottom:3px; margin-bottom:10px;}
.section-box figure figcaption{padding:25px 15px 15px 15px; font-size:15px;}
.section-box figure div.collage{position:relative; z-index:2;}
.section-box figure div.collage img{display:block;width:100%; height:auto;}
.section-box figure div.collage + figcaption{margin-top:-12px; position:relative; z-index:1;}
.section-box figure.duo div{width:calc(50% - 3px);}
.section-box figure figcaption .tipImage{width:88px; height:88px; position:absolute; right:10px; top:-65px; border:2px #087043 solid; border-radius:50%; overflow:hidden;}


}

