@charset "utf-8";
.seminar{
	background-color:var(--orange-color);
}
ul.yosiki{
	list-style: none;
}
ul.yosiki li{
	margin-left: 20px;
	margin-top: 15px;
}
ul.yosiki span{
	margin-left: 40px;
}
.yosiki li::before {
    content: "□";
    margin-right: 5px;
}
.use_ul{
  margin-left:30px;
  margin-bottom:30px;
}
.use_ul li{
  list-style-type: disc;
}
.use_dl{
  margin:0 30px;
}
.use_dl dt{
  background-color: var(--brown-color);
  color:white;
  width:20%;
  max-width:150px;
}
.use_dl dd{
  margin:5px 20px;
}
p{
	margin: 10px;
	line-height: 200%;
}

p.url{
	background-color: var(--bg-color);
	padding: 20px;
	margin: 20px;
	border-radius: 10px;
	word-break: break-all;
}
p.url a{
	text-decoration: none;
	color: #000;
}
p.url a:hover{
	text-decoration: underline
}
a.url{
	/* background-color: var(--bg-color); */
	padding: 10px;
	border-radius: 10px;
	text-decoration: none;
	word-break: break-all;
	color:#000;
}
a.url:hover{
	text-decoration: underline;
}
p.url2{
	background-color: var(--bg-color2);
	padding: 20px;
	margin: 20px;
	border-radius: 10px;
}


div.seminar{
	background-color: var(--bg-color);
	padding: 20px;
	margin: 20px;
	border-radius: 10px;
}
div.seminar li{
	list-style-position: inside;
	margin-bottom: 5px;
}
.c2{
	display: grid;
	grid-template-columns: 2fr 1fr;
	align-items: start;
}
img.textbook{
	max-width: 200px;
	width:80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
}
ol{
	padding: 20px;
	margin: 10px;
	list-style-type: decimal;
}
ol li{
	margin-bottom: 5px;
}
.youkou ul{
	margin-left: 20px;
}
.youkou li{
	list-style-position: inside;
	margin-bottom: 10px;
}
.youkou h3{
	font-weight: bold !important;
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}
ul.bcg_color{
	background-color: var(--bg-color);
	padding: 20px;
	box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
	margin-bottom: 50px;
	margin-top: 15px;
}
.okuduke{
	width:80%;
	max-width: 20em;
	padding: 20px;
	margin-left: auto;
	margin-right: 0;
	border: 2px solid var(--orange-color);
}
/*mobile*/
@media screen and (max-width:599px) {
	.c2{
	grid-template-columns:1fr;
}
.youkou ul{
	margin-left: 5px;
}
}