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

h1{
	width: 100%;
	margin-top: 0.5%;
	padding: 0 0 5% 0;
}
#headerWrap{
	position: relative;
	margin-top:0;
	padding-top: 25px;
	z-index: 1000000;
}

#meetingWrap{
	font-size: 1.6vw
}
#meetingWrap h2{
	position: relative;
	width:100%;
	line-height: 0;
	margin-bottom: 1.0vw;
}
#meetingWrap .chara1{
	width: calc(121/2100*100%);
	margin-top: -6.2%;
	margin-left: 0.5%;
}
@media screen and (max-width: 840px) {

#meetingWrap .chara1{
	width: calc(121/885*100%);
	margin-top: -12.4%;
	margin-left: 0.5%;
}
}



#meetingWrap .c01{
	padding: 0 0 3.0vw;
}
#meetingWrap .c01 ul li{
	list-style-type: disc;
}

#meetingWrap ul{
	padding: 0.8% 0 2%;
}
#meetingWrap ul li{
	margin-left: 3%;
}
#meetingWrap ul li div.activity{
	display: flex;
	justify-content: space-between;
	padding-bottom: 2.0vw;
    margin-bottom: 1.0vw;
	border-bottom: 3px dotted #888888;
    aspect-ratio: 10 / 3;
}
#meetingWrap ul.list_area{
	width: 66%;
    overflow-y: scroll;
}

#meetingWrap ul div.img_Area{
	width: 33%;
	display: flex;
	justify-content:space-between;
	padding-right: 2%;
     margin: 1% 0 0 0;
	flex-flow: wrap;
}
#meetingWrap ul div.img_Area div{
	width: 49%;
}
@media screen and (max-width: 840px) {
	#meetingWrap ul li div.activity{
		display:block;
	}
	#meetingWrap ul li.activity ul{
		width: 100%;
	}
	#meetingWrap ul.list_area{
		width: 100%;
		padding-right: 5%;
        overflow: inherit;
	}
	#meetingWrap ul div.img_Area{
		width: 100%;
		padding: 0 2.0vw 4.0vw
	}
	#meetingWrap ul div.img_Area div{
		width: 49%;
	}
}


.scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.scrollbar::-webkit-scrollbar-thumb {
    background: #909090;
     border-radius: 5px;
 /*box-shadow: rgba(0, 0, 0, 0.85) 0px 2px 0px 0px;*/
}
.scrollbar::-webkit-scrollbar-track {
    background: #eeeeee;
     border-radius: 5px;
}




#meetingWrap .c02{
	padding: 0 0 3.0vw;
}

#meetingWrap .c02 ul li{
	margin-left: 3%;
	padding-bottom: 1.7%;
	line-height: 1.3vw;
	list-style-type: decimal;	
}


#meetingWrap .c03{
	padding: 0 0 5.0vw;
}

#meetingWrap .c03 ul li{
	margin-left: 3%;
	padding-bottom: 1.5%;
	line-height: 1.2vw;
	list-style-type: disc;
}
@media screen and (max-width: 840px) {
	#meetingWrap .c03 ul li{
		margin-left: 3%;
		font-size: 3.0vw;
		line-height: 1.6em;	
	}
}

#meetingWrap .c03 .figure_img{
	width: 75%;
    margin: 3.0vw auto 0;
}
@media screen and (max-width: 840px) {
    #meetingWrap .c03 .figure_img{
		width: 100%;
        margin-top: 1.5vw;
    }
}


#meetingWrap .c04{
	padding: 0 0 1.0vw;
}
#meetingWrap .c04 ul{
	padding-top: 0%;
}
#meetingWrap .c04 h3{
    width: 11em;
    font-size: 1.6vw;
    font-weight: 600;
    line-height: 0.9em;
    text-align: center;
    color: #FFFFFF;
    background-color: #00a4ea;
    margin: 1.6vw 0 0 0;
    padding: 0.5em 0.5em 0.3em 0.5em;
    border-radius: 6px 15px;
}
#meetingWrap .c04 ul.list_area li{
	margin-left: 1.0em;
	padding-bottom: 0.6em;
    padding-right: 1.0em;
	line-height: 1.2em;
	list-style-type: disc;
}
#meetingWrap .c04 ul li ul{
    margin: 1% 0 0 0;
}

@media screen and (max-width: 840px) {
	#meetingWrap .c01 ul li{
		margin-left: 6%;
		font-size: 3.8vw;
		line-height: 1.6em;
	}
	#meetingWrap .c02{
		padding: 0 0 7%;
		font-size: 3.8vw;
		line-height: 1.6em;
	}

	#meetingWrap .c02 ul li{
		margin-left: 6.5%;
		padding-bottom: 1.5%;
		font-size: 3.8vw;
		line-height: 1.6em;
		list-style-type: decimal;	
	}

	#meetingWrap .c03{
		padding: 0 0 6.0vw;
	}

	#meetingWrap .c03 ul li{
		margin-left: 6%;
		padding-bottom: 1.5%;
		font-size: 3.8vw;
		line-height: 1.6em;
		list-style-type: disc;
	}


	#meetingWrap .c04{
		padding: 0 0 7%;
	}
    #meetingWrap .c04 ul li ul{
    margin: 3% 0 0 0;
    }
    
	#meetingWrap .c04 ul li{
		margin-left: 6%;
		padding-bottom: 1.5%;
		font-size: 3.8vw;
		line-height: 1.6em;
		list-style-type: disc;
	}
    @media screen and (max-width: 840px) {
        #meetingWrap .c04 ul li{
            margin-left: 2%;
        }
    }
    #meetingWrap .c04 ul li{
        list-style-type: none;
    }
    
    #meetingWrap .c04 h3{
        width: 11em;
        font-size: 4.1vw;
        font-weight: 600;
        line-height: 0.9em;
        text-align: center;
        color: #FFFFFF;
        background-color: #00a4ea;
        margin: 1.6vw 0 1.3vw 0;
        padding: 0.5em 0.5em 0.3em 0.5em;
        border-radius: 20px;
    }
}




#meetingWrap .c05{
	padding: 0 0 0%;
}
#meetingWrap .c05 p.lead{
	padding: 0 3.0vw 1.0vw;
}
@media screen and (max-width: 840px) {
	#meetingWrap .c05 p.lead{
		font-size: 4.0vw;
		padding: 0 1vw 4.0vw;
	}
}
#meetingWrap .c05 ul li{
	width: 47%;
	padding: 1.6vw;
	margin-bottom: 1vw;
	box-sizing:border-box; 
	border-radius: 2vw;
	font-size: 1.4vw;
	line-height: 1.6em;
}
#meetingWrap .c05 ul li{
	font-size: 1.6vw;
	font-weight: 600;
}
#meetingWrap .c05 a{
	display: inline-block;
	width: 100%;
	padding: 1.0vw 0;
	margin: 0 0 1.0vw;
	border: 0.2vw solid #BBBBBB;
	border-radius: 1.5vw;
	text-align: center;
	font-size: 1.9vw;
	line-height: 1.9vw;
	font-weight: 600;
	color: #666666;
	box-shadow: 0px 0.28vw 0.1px 0 rgba(0, 0, 0, 0.5);
	transition: all 0s 0s ease;
	-webkit-transition: all 0s 0s ease;
	cursor: pointer;
	text-decoration:none;
}
#meetingWrap .c05 a:hover{
	box-shadow: 0px 0.0vw 0.1px 0 rgba(0, 0, 0, 0);
	transition: all 0.2s 0.1s ease;-webkit-transition: all 0.2s 0.1s ease;
}








@media screen and (max-width: 840px) {
    #meetingWrap .c05 ul li:first-child{
        width: 100%;
        border: 0.6vw solid #dcdcdc;
        padding: 1vw 2vw;
        margin-bottom: 4vw;
        box-sizing:border-box; 
        border-radius: 2vw;
        font-size: 4.4vw;
        line-height: 4.6em;
        text-align: center;
    }

    #meetingWrap .c05  ul li{
        width: 100%;
        border: 0.6vw solid #dcdcdc;
        padding: 1vw 2vw;
        margin-bottom: 4vw;
        box-sizing:border-box; 
        border-radius: 2vw;
        font-size: 3.8vw;
        line-height: 1.6em;
    }
    #meetingWrap .c05  ul li h4{
        font-size: 4.8vw;
        line-height: 1.4em;
        font-weight: 600;
    }
    #meetingWrap .c05 a{
        font-size: 3.1vw;
    	line-height: 3.1vw;
        padding: 3.0vw 0;
    }
}





/*端末別-表示非表示*/
.blPc{display:block !important;}
.blSp{display:none !important;}
@media screen and (max-width: 840px) {
	.blPc{display:none !important;}
	.blSp{display:block !important;}
}
.inPc{display:inline !important;}
.inSp{display:none !important;}
@media screen and (max-width: 840px) {
	.inPc{display:none !important;}
	.inSp{display:inline !important;}
}








/*****************/