@charset "utf-8";



.introduction{float: left; width: 70%; height: 100%; margin-right: 30px; border: 1px solid #dedede; border-radius: 10px; overflow: hidden;}
.participant{float: left; width: calc(30% - 30px); height: 100%; border: 1px solid #dedede; border-radius: 10px; overflow: hidden;}

.introduction_inner,
.participant_inner{width: 100%; height: 100%; padding: 30px;}
.introduction_inner .tit,
.participant_inner .tit{position: relative; width: 100%; height: auto; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #dedede;} 
.introduction_inner .tit h3,
.participant_inner .tit h3{width: 100%; font-size: 15px; font-weight: 600; padding-left: 30px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75.88 75.88'%3E%3Cdefs%3E%3Cstyle%3E.ic_tit01%7Bfill:%230e7eff;%7D.ic_tit02%7Bfill:%2384c1ef;%7D%3C/style%3E%3C/defs%3E%3Cpath class='ic_tit01' d='M820.67,216.85a26.37,26.37,0,0,1-6.11,16.93l8.1,8.09a37.91,37.91,0,0,0,0-50l-8.1,8.09A26.37,26.37,0,0,1,820.67,216.85Z' transform='translate(-756.22 -178.91)'/%3E%3Cpath class='ic_tit02' d='M794.15,190.33a26.43,26.43,0,0,1,16.94,6.11l8.09-8.09a37.89,37.89,0,0,0-50,0l8.09,8.09A26.42,26.42,0,0,1,794.15,190.33Z' transform='translate(-756.22 -178.91)'/%3E%3Cpath class='ic_tit01' d='M767.64,216.85a26.37,26.37,0,0,1,6.11-16.93l-8.1-8.09a37.91,37.91,0,0,0,0,50l8.1-8.09A26.37,26.37,0,0,1,767.64,216.85Z' transform='translate(-756.22 -178.91)'/%3E%3Cpath class='ic_tit02' d='M794.15,243.37a26.37,26.37,0,0,1-16.93-6.11l-8.09,8.09a37.89,37.89,0,0,0,50,0l-8.09-8.09A26.37,26.37,0,0,1,794.15,243.37Z' transform='translate(-756.22 -178.91)'/%3E%3C/svg%3E") left center no-repeat; background-size: 20px 20px;}
.introduction_inner .con,
.participant_inner .con{position: relative; width: 100%; height: calc(100% - 70px); overflow-x: hidden; overflow-y: auto;}

.introduction_inner .con .img{position: relative; width: 100%; display: flex; justify-content: center; margin-bottom: 30px;}
.introduction_inner .con .txt{position: relative; width: 100%;}
.introduction_inner .con .txt p{font-size: 15px; line-height: 1.5em; font-weight: 400;}

.participant_inner .con ul{position: relative; width: 100%;}
.participant_inner .con ul li{position: relative; width: 100%; display: flex; align-items: center;}
.participant_inner .con ul li:not(:first-child){margin-top: 20px;}
.participant_inner .con ul li span{position: relative; display: inline-block; margin-right: 10px; overflow: hidden; width: 40px; height: 40px; border: 1px solid #dedede; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg data-name='Layer 3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135.85 142.88'%3E%3Cpath d='M155 177.48c-10-3-14.39-9.7-14.39-9.7v-13.05a29.5 29.5 0 0 0 6-7 45.72 45.72 0 0 0 3.35-9.36S156 134 157.3 127s-4.69-9-4.69-9 2-5.69-2.67-20.74c-5.36-17.4-24.77-16.73-24.77-16.73s-19.4-.67-24.76 16.73c-4.63 15-2.67 20.74-2.67 20.74s-6 2-4.69 9 7.36 11.38 7.36 11.38a45.72 45.72 0 0 0 3.35 9.36 29.5 29.5 0 0 0 6 7v13.05s-4.35 6.69-14.39 9.7-38.14 16.07-38.14 45.85H193.1c0-29.79-28.1-42.84-38.1-45.86Z' transform='translate(-57.25 -80.44)' style='fill:%23d2d5d9'/%3E%3C/svg%3E") #fff 50% bottom no-repeat; background-size: 80%;}
.participant_inner .con ul li span::before{content: ''; display: block; width: 100%; min-height: 100%; background: url(../image/test_img.jpg) 50% 50% no-repeat; background-size: cover;}
.participant_inner .con ul li p{width: calc(100% - 50px); font-weight: 400; font-size: 15px;}