@charset "UTF-8";



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

	TABLE CONTENTS
	---------------------------
		01. Globals
		02. アコーディオンのデザイン
		03. タブデザイン
		04. タイトル付き枠
		05. 表のレイアウト
		06. 囲み文字の基本形
		07. 吹き出し
		08. web font
		09. 下線
		10. インデント追加
		11. bootstrap 調整
		12. table フォント幅調整
		13. box
		14. 背景
		15. リスト(三角形)
		16. 囲み文字の基本形　インデント有
	---------------------------

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


/** 01. Globals
 **************************************************************** **/
h5.sideline {
	font-size: 1.1em;
	padding: 0.7em 0 0.7em 0.7em;
	border-bottom: solid 1px #ccc;
	border-left: 6px solid #3AABD2;
}
h5.sideline.redline {
	font-size: 1.1em;
	padding: 0.7em 0 0.7em 0.7em;
	border-bottom: solid 1px #ccc;
	border-left: 6px solid #C00000;
}
h4.txt_h18, .h4.txt_h18 {
	font-size: 18px;
	line-height: 1.8;
}
h4.box1{
	font-size:1.3em;
	font-weight: 500;
	color: #fff;/*文字色*/
	padding: 0.4em 0.5em 0.8em 0.5em;/*文字周りの余白*/
	line-height: 1.3;/*行高*/
	background: #2270C0;/*背景色*/
	vertical-align: middle;/*上下中央*/
	margin:0px 0;
	border-bottom: solid 1px #184766;
	border-radius: 5px;
}
h4.box1:before {
	font-size:1.6em; 
	content: '●';
	color: white;
	margin:0.3em 5px 0.5em 5px;
	text-shadow: -1px -1px 1px #fff, -2px -2px 2px #2C2A2B;
}
.top_space {
	margin-top: 30px;
}

#container .fullview2 {
	position: relative;
}
@media (max-width: 768px) {
	h3, .h3 {
		font-size: 18px;
	}
	h4.txt_h18, .h4.txt_h18 {
		font-size: 15px;
	}
	.label {
		vertical-align: middle;
	}
	#content h2 {
		font-size: 160%;
	}
	.page-header {
		padding-top: 20px;
		padding-bottom: 8.5px;
		margin: 0 0 10px;
		border-bottom: 1px solid #eee;
	}
}

[class*="ind"] i {
	text-indent: 0;
}
.center-line {
	width: 90px;
	height: 5px;
	display: block;
	margin: 10px auto 30px auto;
	border-bottom: 1px solid #25CBF5;
	border-top: 1px solid #25CBF5;
}
.green, .green a {
	color: #3CB832;
}
.deepblue, .deepblue a {
	color: #217dbb;
}
.top_btnmenu {
	margin-bottom: 5px;
}

.yakuhanjp {
	font-family: 'YakuHanJP',"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-weight: 700;
	margin: 5px 0;
}


.module_inner {
	padding: 15px 20px;
}


hr.border_01 {
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px #333;
}

hr.border_02 {
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px #3498db;
}

hr.border_03 {
	margin-top: 10px;
	margin-bottom: 10px;
	border: dashed 1px #FF8C53;
}

.SideBySide p {
 display:inline-block;
 vertical-align: middle; /*縦方向の揃え位置を指定*/
 margin-bottom: 0;
}

.SideBySide p img{
 height: 50px;
}



#content .md {
	font-size: 150%;
}

#content .bg {
	font-size: 400%;
}

#content .sm {
	font-size: 120%;
}

@media all and (max-width: 515px) {
	#content .bg {
		font-size: 5.6vw;
	}

	#content .md {
		font-size: 4.7vw;
	}

	#content .sm {
		font-size: 4.0vw;
	}
}




/* -------------------------------------------------- *
 * 丸の中の画像
 * -------------------------------------------------- */
.comment_phoho {
	border-radius: 50%;
}





/** 02. アコーディオンのデザイン
 **************************************************************** **/
/* accordion menu*/
#toggle-freshman,#toggle-event,#toggle-exam {
	color: #fff;
	font-size: 1.3em;
}
.tiles-toggle i {
	font-size: 1.5em;
}
#toggle-exam {
	background-color: #3498db;
}
#toggle-freshman {
	background-color: #3498db;
}
#toggle-event {
	background-color: #3498db;
}
@media (max-width: 768px) {
	#toggle-freshman,#toggle-event,#toggle-exam {
		font-size: 1.1em;
	}
	.tiles-toggle i {
		padding-right: 5px;
	}
}
#content .tiles-toggle {
	
	position: relative;
}
#content .tiles-toggle > a {
	/*border: 1px solid #aaa;*/
	display: block;
	padding: 10px 10px;
	text-decoration: none;
	margin-top: 5px;
}
/*アコーディオンの文字[step]のレイアウト*/
#content .tiles-toggle > a .kan412 {
	color: #fff;
	font-family: kan412typos-std, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	margin-right: 5px;
}
#content .tiles-toggle > a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f068";
	font-weight: 600;
	margin-top: 0px;
	position: absolute;
	right: 10px;
	top: 0.6em;
	width: 22px;
}
#content .tiles-toggle > a.collapsed:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f067";
	font-weight: 600;
	margin-top: 0px;
	position: absolute;
	right: 10px;
	top: 0.6em;
	width: 22px;
}









/** 03. タブデザイン
 **************************************************************** **/
/*タブのアクティブのデザイン変更*/
.nav-tabs > li > a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus {
	color: #fff!important;
	cursor: default;
	background: #3498db!important;
	border-bottom-color: transparent!important;
	border-radius: 0!important;
}
/*.nav-tabs > li > a.active:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -9px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid white;
}*/
/*タブの高さの変更*/
.nav > li > a {
	position: relative;
	display: block;
	padding: 15px 5px;
}
/*タブの角丸の変更*/
@media (min-width: 769px) {
	.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
		border-bottom: 0px solid #ddd;
		border-radius: 0px 0px 0 0;
	}
	.nav-tabs-justified  > a.active, .nav-tabs.nav-justified > .active > a,
	.nav-tabs-justified  > a.active:hover,
	.nav-tabs.nav-justified > a.active:hover,
	.nav-tabs-justified > a.active:focus,
	.nav-tabs.nav-justified  > a.active:focus {
		border-bottom-color: #f9f9f9;
	}
}
/*タブの隣とのスペース*/
.nav > li > a {
	margin-left: 0px;
	margin-right: 0px;
	background-color: #EFEFEF!important;
	border-right: 1px solid #fff!important;
	border-left: 1px solid #fff!important;
	border-radius: 0!important;
}
/*タブの下方向のスペース*/
#content .nav.nav-tabs {
	margin: 10px 0 0 0;
	padding-left: 0;
}
/*タブの文字レイアウト*/
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	font-size: 16.5px;
	font-weight: 600;
	color: #3498db;
	text-decoration: none;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-radius: 0px;
}
.tab-content{
	padding: 30px 20px;
}
.nav-tabs-outer::-webkit-scrollbar {
	display: none;
}
.nav-tabs-outer .nav-tabs li{
	display: block;
	width: 25%;
}
.nav-tabs-outer .nav-tabs a {
	color: #3498db;
	text-decoration: none;
}
.nav-tabs-outer .nav-tabs a:hover, .nav-tabs-outer .nav-tabs a:focus {
	color: #3498db;
	text-decoration: underline;
	background-color: #DDEFFB;
}
.nav-tabs-outer .nav-tabs a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
@media (max-width: 768px) {
.tab-content{
	padding: 30px 10px;
}
	.nav-tabs-outer .nav-tabs li {
		display: block;
		width: 25%;
	}
	.nav-tabs-outer .nav-tabs li a {
		padding:5px 2px 10px;
		font-size: 13px;
	}
	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
		font-size: 0.7em;
	}
}


.nav-tabs-outer .nav-tabs li.w100{
	display: block;
	width: 100%;
	margin-bottom: 10px!important;
}



/** 04. タイトル付き枠
 **************************************************************** **/
#content .box20 p.border_bottom_dot.green {
	border-bottom: 2px dotted #3CB832;
	margin: 0 0px 10px 0px;
}
#content .box20 p.border_bottom_dot.deepblue {
	border-bottom: 2px dotted #217dbb;
	margin: 0 0px 10px 0px;
}
#content .box ul {
	margin-bottom: 0;
}
#content .box p ,#content .box li {
	line-height: 1.5;
}
.box20 {
	margin: 1em 0;
}
.box20 .box-title {
	font-size: 2.2rem;
	padding: 10px 10px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.box20 .box-inner {
	padding: 0 15px 15px 15px;
}
#content .box20 p {
	padding: 0px;
	margin: 0px;
	line-height: 1.5;
}
.box20 p.img {
	padding: 5px;
	margin: 0;
}
.box20.backblue {
	background: #ffff;
	border: solid 2px #217dbb;
}
.box20.backblue .box-title {
	color: #217dbb;
}
.box20.backpink {
	background: #ffff;
	border: solid 2px #C74890;
}
.box20.backpink .box-title {
	background: #fff;
	color: #C74890;
}
.box20.backyellow {
	background: #ffff;
	border: solid 2px #F4CB0D;
	color: #393939;
}
.box20.backyellow .box-title {
	background: #fff;
	color: #F4CB0D;
}
.box20.backgreen {
	background: #ffff;
	border: solid 2px #3CB832;
}
.box20.backgreen .box-title {
	background: #fff;
	color: #3CB832;
}
@media screen and (max-width: 767px){
	.box20 .box-title {
		font-size: 1.7rem;
		padding: 10px 10px;
		text-align: center;
		font-weight: 700;
		letter-spacing: 0.05em;
	}
}






/** 05. 表のレイアウト
 **************************************************************** **/
/* ---------------backblue--------------- */
#content table.table01 {
	width: 100%;
	border-top: #fff solid 1px;
	border-right: #fff solid 1px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#content table.table01 thead th {
	background: #217dbb;
	color: #FFF;
	padding:5px 5px;
	border-right: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
	font-weight: normal;
}
#content table.table01 thead th:last-child {
	border-right: #217dbb solid 1px;
}
#content table.table01 tbody th {
	background: #217dbb;
	color: #fff;
	padding: 5px 5px;
	border-bottom: #FFF solid 1px;
	border-right: #FFF solid 1px;
	vertical-align: middle;
}
#content table.table01 tbody tr:last-child th {
	border-bottom:#4e8ac9 solid 1px;
}
#content table.table01 tbody td {
	background: #EFEFEF;
	padding: 5px;
	border-left: #fff solid 1px;
	border-bottom: #fff solid 1px;
	display: table-cell;
	vertical-align: middle;
}
#content table.table01 tbody td.bottom_b {
	border-bottom: #4e8ac9 solid 2px;
}
/* ---------------backpink--------------- */
#content table.table02 {
	width: 100%;
	border-top: #fff solid 1px;
	border-right: #fff solid 1px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#content table.table02 thead th {
	background: #C74890;
	color: #FFF;
	padding:5px 5px;
	border-right: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
	font-weight: normal;
}
#content table.table02 thead th:last-child {
	border-right: #C74890 solid 1px;
}
#content table.table02 tbody th {
	background: #C74890;
	color: #fff;
	padding: 5px 5px;
	border-bottom: #FFF solid 1px;
	vertical-align: middle;
}
#content table.table02 tbody tr:last-child th {
	border-bottom: #C74890 solid 1px;
}
#content table.table02 tbody td {
	background: #EFEFEF;
	padding: 5px;
	border-left: #fff solid 1px;
	border-bottom: #fff solid 1px;
	display: table-cell;
	vertical-align: middle;
}
#content table.table02 tbody td.bottom_b {
	border-bottom: #C74890 solid 2px;
}
/* ---------------backyellow--------------- */
#content table.table03 {
	width: 100%;
	border-top: #fff solid 1px;
	border-right: #fff solid 1px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#content table.table03 thead th {
	background: #F4CB0D;
	color: #393939;
	padding: 5px 5px;
	border-right: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
	font-weight: normal;
}
#content table.table03 thead th:last-child {
	border-right: #F4CB0D solid 1px;
}
#content table.table03 tbody th {
	background: #F4CB0D;
	color: #393939;
	padding: 5px 5px;
	border-bottom: #FFF solid 1px;
	vertical-align: middle;
}
#content table.table03 tbody tr:last-child th {
	border-bottom: #F4CB0D solid 1px;
}
#content table.table03 tbody td {
	background: #EFEFEF;
	padding: 5px;
	border-left: #fff solid 1px;
	border-bottom: #fff solid 1px;
	display: table-cell;
	vertical-align: middle;
}
#content table.table03 tbody td.bottom_b {
	border-bottom: #F4CB0D solid 2px;
}
/* ---------------backgreen--------------- */
#content table.table04 {
	width: 100%;
	border-top: #fff solid 1px;
	border-right: #fff solid 1px;
	border-collapse: collapse;
	margin-bottom: 0px;
}
#content table.table04 thead th {
	background: #3CB832;
	color: #FFF;
	padding: 5px 5px;
	border-right: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
	font-weight: normal;
}
#content table.table04 thead th:last-child {
	border-right: #3CB832 solid 1px;
}
#content table.table04 tbody th {
	background: #3CB832;
	color: #fff;
	padding: 5px 5px;
	border-bottom: #FFF solid 1px;
	vertical-align: middle;
}
#content table.table04 tbody tr:last-child th {
	border-bottom: #3CB832 solid 1px;
}
#content table.table04 tbody td {
	background: #EFEFEF;
	padding: 5px;
	border-left: #fff solid 1px;
	border-bottom: #fff solid 1px;
	display: table-cell;
	vertical-align: middle;
}
#content table.table04 tbody td.bottom_b {
	border-bottom: #3CB832 solid 2px;
}

/* table01調整 */
@media (max-width: 768px) {
	#content table.table01 thead th {
		font-size: 0.9em;
	}
	#content table.table01 tbody td {
		font-size: 0.9em;
	}
}








/** 06. 囲み文字の基本形
 **************************************************************** **/
.maru {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-flow: column; 
	vertical-align: top;
}
/* 四角の大きさ */
.content_inner .square {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	flex-flow: column; 
	vertical-align: top;
	padding: 5px;
	border-radius: 5px;
}
.content_inner .square:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -9px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #217dbb transparent transparent transparent;
	border-width: 10px 10px 0 10px;
}
@media (max-width: 768px) {
	.content_inner .square {
		width: 80px;
		height: 40px;
		margin-bottom: 10px;
	}
	.content_inner .square:after {
	bottom: 1px;
	}
}
/* 文字の大きさ */
.letter3 {
	font-size: 1.1em;
	line-height: 1.1em;
}
/* 囲みと文字の色 */
.gray1 {
	color: #5F5F5F;
	border: 1px solid #5F5F5F;
	background: #fff;
}
.yellow1 {
	color: #C7B500;
	border: 1px solid #C7B500;
	background: #fff;
}
.purple1 {
	color: #8a2be2;
	border: 1px solid #8a2be2;
	background: #fff;
}
.blue1 {
	color: #fff;
	border: 1px solid #217dbb;
	background: #217dbb;
}
.pink1 {
	color: #E500B3;
	border: 1px solid #E500B3;
	background: #fff;
}
.green1 {
	color: #fff;
	border: 1px solid #3CB832;
	background: #3CB832;
}







/** 07. 吹き出し
 **************************************************************** **/
.fukidashi_bottom2 {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 10px 8px;
	min-width: 120px;
	max-width: 100%;
	color: #393939;
	font-size: 13px;
	background: #fae6ee;
	border-radius: 15px;
}
.fukidashi_bottom2:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fae6ee;
}
/******************point_fukidashi*******************/
.point_fukidashi {
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	padding: 6px 0;
	width: 75px;
	height: 70px;
	line-height: 1.1;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	background: #3498db;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}
.point_fukidashi:before{
	content: "";
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 10px solid #3498db;
	z-index: 0;
}
#container h4.point_univ {
	font-size: 120%;
	font-weight: 600;
	line-height: 1.8;
	color: #3498db;
	border-bottom: solid 0px #005b9f;
	margin-top: 5px;
	text-align: left;
}
.step_hr {
	width: 95%;
	border-bottom: dotted 1px #ccc;
}
@media only screen and (max-width: 768px) {
	.point_fukidashi {
		position: relative;
		display: inline-block;
		margin-bottom: 1em;
		padding: 6px 0;
		width: 75px;
		height: 70px;
		line-height: 1.1;
		vertical-align: middle;
		text-align: center;
		color: #FFF;
		background: #3498db;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-sizing: border-box;
	}
	#container h4.point_univ {
		font-size: 110%;
		font-weight: 600;
		text-align: center;
		line-height: 1.8;
		color: #3498db;
		border-bottom: solid 0px #005b9f;
	}
}







/** 08. web font
 **************************************************************** **/
.yakuhanjp {
	font-family: 'YakuHanJP',"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
.kan412 {
	font-family: kan412typos-std, sans-serif;
}
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c", sans-serif; }








/** 09. 下線
 **************************************************************** **/
.center-line {
	width: 50%;
	height: 5px;
	display: block;
	margin: 10px auto 30px auto;
	border-bottom: 1px solid #F879D7;
	border-top: 1px solid #F879D7;
}
@media (max-width: 768px) {
	.center-line {
		width: 85%;
		height: 5px;
		display: block;
		margin: 5px auto 20px auto;
		border-bottom: 1px solid #F879D7;
		border-top: 1px solid #F879D7;
	}
}
.text-line {
	height: 24px;
	margin: 0px auto 3px auto;
	border-bottom: 2px solid #3AABD2;
}

.text-line.orange_line {
	height: 24px;
	margin: 0px auto 3px auto;
	border-bottom: 2px solid #f1a60e;
}
.under {
	border-bottom: solid 2px #87CEFA;
}







/** 10. インデント追加
 **************************************************************** **/
span.ind_005 {					/* spanブロック化 */
	display: block;
	padding-left: 0.5em;
	text-indent: -0.5em;
}
span.ind_01 {					/* spanブロック化 */
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}
span.ind_02 {					/* spanブロック化 */
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}
span.ind_025 {					/* spanブロック化 */
	display: block;
	padding-left: 2.5em;
	text-indent: -2.5em;
}
span.ind_03 {					/* spanブロック化 */
	display: block;
	padding-left: 3em;
	text-indent: -3em;
}
span.ind_04 {					/* spanブロック化 */
	display: block;
	padding-left: 4em;
	text-indent: -4em;
}
span.ind_05 {					/* spanブロック化 */
	display: block;
	padding-left: 5em;
	text-indent: -5em;
}
span.ind_06 {					/* spanブロック化 */
	display: block;
	padding-left: 6em;
	text-indent: -6em;
}







/** 11. bootstrap 調整
 **************************************************************** **/
.row-center {
	text-align: left;
	letter-spacing: -0.4em;
}
.row-center > [class*='col-'] {
	display: inline-block;
	letter-spacing: 0;
	vertical-align: top;
	float: none !important;
}
@media only screen and (max-width: 768px) {
	.row-center > [class*='col-sm'].block {
		display: block;
	}
}
/* bootstrap card 調整 */
.card {
	margin-bottom: 0px;
	margin-top: 10px;
}
.card.border-radius0 {
	border-radius: 0;
}
.card h4, .card .h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.card-info > .card-heading {
	padding: 5px 10px;
}
@media (max-width: 768px) {
	.card {
		margin-bottom: 0px;
		margin-top: 5px;
	}
}
.card-info {
	border-color: #002060;
}
.card-info > .card-heading {
	color: #fff;
	background-color: #002060;
	border-color: #002060;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.card-info > .card-heading + .card-collapse > .card-body {
	border-top-color: #002060;
}
.card-body {
	padding: 5px;
}
.card-info > .card-heading .badge {
	color: #fff;
	background-color: #002060;
}
.card-info > .card-footer + .card-collapse > .card-body {
	border-bottom-color: #002060;
}
/* bootstrap btn-default 調整 */
.btn-outline.btn-default       {background:none;border:0px solid #ccc;color:#333;    background-color: #fff;}
.btn-outline.btn-default:hover,
.btn-outline.btn-default:active{color:#333;background:#DCFAFF;border-color:#DCFAFF;}









/** 12. table フォント幅調整
 **************************************************************** **/
	#content table.tblFull.center td {
		text-align: center;
	}
@media only screen and (max-width: 768px) {
	#content table.tblFull .js90 {
		font-family: "JapanSans90","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ","Meiryo";
	}
	#content table.tblFull .js80 {
		font-family: "JapanSans80","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ","Meiryo";
	}
	#content table.tblFull .js70 {
		font-family: "JapanSans70","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ","Meiryo";
	}
}

#content table.tblFull.tbl_blue th {
	background-color: #3498db;
	color: #fff;
}




/** 13. box
 **************************************************************** **/
.box {
	margin: 10px 0;
	padding: 10px 15px;
	border: 2px solid #cccccc;
	border-radius: 10px;
}
#content .box.gray {
	background-color: #DDDDDD;
	color: #333;
	border: 0px solid #cccccc;
	border-radius: 0px;
	padding: 20px 10px;
}








/** 14. 背景
 **************************************************************** **/
.bg {
	width: 100%;
	height: 100%;
	background-image: url(../images/course2020_006.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	padding: 20px;
}






/** 15. リスト(三角形)
 **************************************************************** **/
#content ul.cp_list {
	padding: 0.5em;
	list-style-type: none;
}
#content ul.cp_list li {
	position: relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
#content ul.cp_list li:before {
	position:absolute;
	content:'';
	top: 0.5em;
	left: 0.2em;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #3F51B5;
}


/** 16. 囲み文字の基本形　インデント有
 **************************************************************** **/

.maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
  vertical-align:middle;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: 0;
}
/* 円の大きさ */
.size_normal{
  width: 30px;
  height: 30px;
}
/* 四角の大きさ */
.content_inner .square {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  flex-flow: column; 
  margin-right: 0.2em;
}

/* 文字の大きさ */
.letter3 {
  font-size: 1.1em;
  line-height: 1.3em;
  text-indent: 0.1em;
}
/* 囲みと文字の色 */
.gray1 {
  color: #5F5F5F;
  border: 1px solid #5F5F5F;
  background: #fff;
}
.yellow1 {
  color: #ECD700;
  border: 1px solid #ECD700;
  background: #fff;
}
.purple1 {
  color: #8a2be2;
  border: 1px solid #8a2be2;
  background: #fff;
}
.blue1 {
  color: #fff;
  border: 1px solid #52A7E0;
  background: #52A7E0;
}
.pink1 {
  color: #E500B3;
  border: 1px solid #E500B3;
  background: #fff;
}
.green1 {
  color: #008000;
  border: 1px solid #008000;
  background: #fff;
}
.orange1 {
  color: #fff;
  border: 1px solid #E67E22;
  background: #E67E22;
}
.content_inner p{
  padding-left: 1.2em;
  text-indent: -1.4em;
}






h6.backline {
	position: relative;
	padding: 0 65px;
	text-align: center;
	margin-top: 3em;
}

h6.backline:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #000;
}

h6.backline span {
	position: relative;
	padding: 0 1em;
	background: #fff;
}