@charset "UTF-8";
/* CSS Document */
#course {
	max-width: 1120px;
	width: 100%;
	margin: 0 auto;
	padding: 170px 10px 0;
	box-sizing: border-box;
}
#course .title {
	margin-bottom: 80px;
}
#course .title h2 {
	font-size: 50px;
	letter-spacing: 6px;
	text-align: center;
	color: #665e58;
	font-family: acumin-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
	margin-bottom: 15px;
}
#course .title p {
	font-size: 14px;
	color: #1c1e26;
	text-align: center;
	letter-spacing: 6px;
}
#course .txt {
	font-size: 16px;
	text-align: center;
	color: #606060;
	letter-spacing: 4px;
	margin-bottom: 50px;
}
#course .list {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#course .list li {
	text-align: center;
	width: 33.333%;
	box-sizing: border-box;
}
#course .list li p {
	border-left: 1px solid #bbb6af;
	margin-bottom: 30px;
	line-height: 1.8;
}
#course .list li:first-child p {
	border-left: none;
}
#course .list li span {
	display: none;
}
#course .list li span img {
	width: 31px;
}
#course .list li span {
	display: block;
}
#course .list li a {
	display: block;
	color: #1c1e26;
}
#course .cate {
	padding: 100px 0;
	border-bottom: 1px solid rgba(189,184,177,0.3);
}
#course .cate:last-of-type {
	border: none;
}
#course .cate h3 {
	font-size: 28px;
	text-align: center;
	letter-spacing: 4px;
	color: #1c1e26;
	margin-bottom: 70px;
}
#course .cate:nth-of-type(2) h3,
#course .cate:nth-of-type(3) h3 {
	margin-bottom: 50px;
}
#course .cate .cate_txt {
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.8;
	margin-bottom: 70px;
}
#course .cate_box a {
	display: block;
	color: #80806b;
}
#course .cate figure {
	border: 1px solid rgba(189,184,177,0.3);
	box-sizing: border-box;
}
#course .cate figure img {
	vertical-align: middle;
}
#course #cate1 figure {
	margin-bottom: 35px;
}
#course #cate2 figure,#course #cate3 figure {
	margin-bottom: 20px;
}
#course #cate1 .cate_box h4 {
	margin-bottom: 25px;
}
#course .cate_box h4 {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: normal;
	font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#course .cate_box h4 span {
	padding-left: 5px;
}
#course .cate_box h4 span img {
	width: 10px;
	vertical-align: top;
}
#course .cate p {
	line-height: 2;
	font-size: 16px;
	letter-spacing: 2px;
}
#course .flex_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
#course .flex_box .cate_box {
	width: 48%;
	margin-bottom: 90px;
}
#course #cate2 .flex_box .cate_box:last-of-type {
	margin-bottom: 0;
}
#course #cate3 .flex_box .cate_box:nth-of-type(3),#course #cate3 .flex_box .cate_box:last-of-type {
	margin-bottom: 0;
}
#course #cate3 {
	padding-bottom: 180px;
}



/*タブレット以下---------------------------------------------------*/
@media screen and (max-width: 1080px) {
	#course .cate {
		padding: 70px 0;
	}
	
}



/*スマホ以下------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#course {
		padding-top: 90px;
	}
	#course .title {
		margin-bottom: 50px;
	}
	#course .title h2 {
		font-size: 28px;
	}
	#course .title p {
		font-size: 10px;
		letter-spacing: 4px;
	}
	#course .txt {
		font-size: 14px;
		line-height: 1.8;
	}
	#course .list li p {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#course .list li span img {
		width: 20px;
	}
	#course .cate {
		padding: 50px 0;
	}
	#course .cate h3 {
		font-size: 18px;
		margin-bottom: 30px;
	}
	#course .cate:nth-of-type(2) h3, #course .cate:nth-of-type(3) h3 {
		margin-bottom: 20px;
	}
	#course .cate .cate_txt {
		font-size: 14px;
		margin-bottom: 30px;
	}
	#course .cate_box h4 {
		font-size: 20px;
	}
	#course #cate1 figure {
		margin-bottom: 25px;
	}
	#course #cate1 .cate_box h4 {
		margin-bottom: 15px;
		font-size: 18px;
	}
	#course .cate p {
		line-height: 1.8;
		font-size: 14px;
	}
	#course .flex_box .cate_box {
		width: 100%;
	}
	#course .flex_box .cate_box {
		width: 100%;
		margin-bottom: 50px;
	}
	#course #cate3 {
		padding-bottom: 50px;
	}
}