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


/*大見出し（h1）で利用
1.青、2.オレンジ、3.緑、4.ピンク、5.紫
--------------------------------------------------------------------*/
.box-title1,
.box-title2,
.box-title3,
.box-title4,
.box-title5	{
	font-size: 2.0em;
	padding: 12px 0 5px 20px;
	text-shadow: 0 1px 1px #777;
	border: #CCC 1px solid;
	margin: 0 0 10px;
	 background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(254, 254, 255, 1.0)), 
			color-stop(0.50, rgba(254, 254, 254, 1.0)),
			to(				 rgba(231, 231, 231, 1.0))
			);
	background-image: -webkit-linear-gradient(top,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	background-image: -moz-linear-gradient(top,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	background-image: -o-linear-gradient(top,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	background-image: linear-gradient(to bottom,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	position: relative;
	border-radius: 4px;
	box-shadow:0px 1px 0px #b8b8b8,
           0px 2px 0px #b8b8b8,
           0px 3px 0px #adadad,
           0px 3px 3px rgba(0,0,0,0.3),
           0px 2px 0px rgba(255,255,255,0.5) inset,
           0px -1px 0px rgba(255,255,255,0.2) inset;
} 
.box-title1:before,
.box-title2:before,
.box-title3:before,
.box-title4:before,
.box-title5:before {
    position: absolute;
    width: 8px;
		height:74%;
    top: 8px;
    left: 8px;
		border-radius: 3px;
    content: "";
		border:#c7c7c7 1px solid;
}
.box-title1:before {
    background: #f6b052;
}
.box-title2:before {
    background: #a0c950;
}
.box-title3:before {
    background: #80c0f0;
}
.box-title4:before {
    background: #f09090;
}
.box-title5:before {
    background: #dda0dd;
}
@media screen and (max-width: 767px) {
	.box-title1,
	.box-title2,
	.box-title3,
	.box-title4,
	.box-title5	{
		font-size: 1.5em;
	}
}
/*フッタ
--------------------------------------------------------------------*/
.foot-navi	{
	text-align:center;
	font-size:0.85em;
}

/*
コース案内　スタート






/*

/*コースタイトル（h1）で利用
1.国際ビジネス、2.英語、3.韓国語、4.中国語、5.専科






--------------------------------------------------------------------*/
.course-title	{
	font-size:1em;
	font-weight:normal;
	padding: 20px 0 7px 10px;
	border: #ddd 1px solid;
	margin: 20px 0 10px 10px;
	/*background: #fdfcfc;*/
	border-radius: 3px;
	position: relative;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(253,252,252) 76%,rgb(247,243,243) 98%,rgb(247,243,243) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.76, rgb(253,252,252)),color-stop(0.98, rgb(247,243,243)),color-stop(1, rgb(247,243,243)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(253,252,252) 76%,rgb(247,243,243) 98%,rgb(247,243,243) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(253,252,252) 76%,rgb(247,243,243) 98%,rgb(247,243,243) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(253,252,252) 76%,rgb(247,243,243) 98%,rgb(247,243,243) 100%);
	background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(253,252,252) 76%,rgb(247,243,243) 98%,rgb(247,243,243) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff7f3f3,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff7f3f3,GradientType=0);
}
.course-name1,
.course-name2,
.course-name3,
.course-name4,
.course-name5,
.course-name6,
.course-name7,
.course-name8{
	top: -23px;
	left: -10px;
	position: absolute;
	color: #FFF;	
	width: 15em !important;
	font-size: 1.5em;
	padding: 8px 0 4px 10px;
	border-radius: 3px 15px 15px 0;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
}
.course-name1:before,
.course-name2:before,
.course-name3:before,
.course-name4:before,
.course-name5:before,
.course-name6:before,
.course-name7:before,
.course-name8:before{
	content: "";
	position: absolute;
	top: 70%;
	left: -11px;
	border: 11px solid transparent;
	z-index: -1;
}
.course-name1	{
	background: #EC407A;
}
.course-name1:before	{
	border-right-color: #e3175b;
}
.course-name2	{
	background: #8bc34a;
}
.course-name2:before	{
	border-right-color: #77AC39;
}
.course-name3	{
	background: #ff9800;
}
.course-name3:before	{
	border-right-color: #cc7a00;
}
.course-name4	{
	background: #EF5350;
}
.course-name4:before	{
	border-right-color: #eb2521;
}
.course-name5	{
	background: #1073ff;
}
.course-name5:before	{
	border-right-color: #005bdc;
}
.course-name6	{
	background: #29b6f6;
}
.course-name6:before	{
	border-right-color: #0a9fe3;
}
.course-name7	{
	background: #4CAF50;
}
.course-name7:before	{
	border-right-color: #449C47;
}
.course-name8	{
	background: #ed6c00;
}
.course-name8:before	{
	border-right-color: #ba5500;
}

/*見出し-コースタイトル下（p）で利用
--------------------------------------------------------------------*/
.course-read	{
	font-size:1.4em;
	text-align:center;
	margin-bottom:10px;
}
.course-read2	{
	font-size:1.2em;
	text-align:center;
	margin-bottom:10px;
}
/*コースタイトル下（p）の写真の配置で利用
--------------------------------------------------------------------*/
.photo-center		{
	text-align:center;
	margin-bottom:10px;
}

/*見出し-学びのポイント（h2）で利用
1.国際ビジネス、2.英語、3.韓国語、4.中国語






--------------------------------------------------------------------*/
.point-title1,
.point-title2,
.point-title3,
.point-title4,
.point-title5,
.point-title6,
.point-title7,
.point-title8{
	margin:0 0 18px 0;
	padding: 10px 0 5px 10px;
	font-size:1.4em;
	color:#FFF;
	text-shadow: 1px 1px 2px #000;
	position:relative;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.point-title1:before,
.point-title2:before,
.point-title3:before,
.point-title4:before,
.point-title5:before,
.point-title6:before,
.point-title7:before,
.point-title8:before{
	content: "";
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 31px;
	bottom: -24px;
	background: transparent;
	border-style:solid;
	border-width:15px;
}
.point-title1 {
	background: #ef5f90; 
}
.point-title1:before {
	border-color: #ef5f90 transparent transparent  transparent  ;
}
.point-title2 {
	background: #9bcb64; 
}
.point-title2:before {
	border-color: #9bcb64 transparent transparent  transparent  ;
}
.point-title3 {
	background: #ffa622; 
}
.point-title3:before {
	border-color: #ffa622 transparent transparent  transparent  ;
}
.point-title4 {
	background: #f2726f; 
}
.point-title4:before {
	border-color: #f2726f transparent transparent  transparent  ;
}
.point-title5 {
	background: #0062ed; 
}
.point-title5:before {
	border-color: #0062ed transparent transparent  transparent  ;
}
.point-title6 {
	background: #4ac1f7; 
}
.point-title6:before {
	border-color: #4ac1f7 transparent transparent  transparent  ;
}
.point-title7 {
	background: #62bb66; 
}
.point-title7:before {
	border-color: #62bb66 transparent transparent  transparent  ;
}
.point-title8 {
	background: #ff7d10; 
}
.point-title8:before {
	border-color: #ff7d10 transparent transparent  transparent  ;
}

.point-study1,
.point-study2,
.point-study2-2,
.point-study3,
.point-study4,
.point-study5,
.point-study6,
.point-study7,
.point-study8{
  display: block;
  position: relative;
  margin: 10px 0px 20px 12px;
  padding: 10px 10px 10px 20px;
  border-radius: 5px;
}
.point-study1:before,
.point-study2:before,
.point-study2-2:before,
.point-study3:before,
.point-study4:before,
.point-study5:before,
.point-study6:before,
.point-study7:before,
.point-study8:before{
  position: absolute;
  top: -10px;
  left: -10px;
  text-align: center;
	color:#FFF;
	font-weight:bold;
	margin: auto;
	border: solid 2px #fff;
	width: 24px;
	height: 24px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.point-study1{
	border: 1px dotted #f59dbb;
  background: #fef9fb;
  counter-increment: point-study1;
}
.point-study1:before{
  content: counter(point-study1);
	background-color: #ef5f90;
	box-shadow: 0 0 0 2px #ef5f90;
	-webkit-box-shadow: 0 0 0 2px #ef5f90;
	-moz-box-shadow: 0 0 0 2px #ef5f90;
}
.point-study1 h3	{
	margin:0 0 6px;
	font-size:1.2em;
	color:#c4134f;
}
.point-study1 p,
.point-study2 p,
.point-study2-2 p,
.point-study3 p,
.point-study4 p,
.point-study5 p,
.point-study6 p,
.point-study7 p,
.point-study8 p{
	font-size:0.95em;
}

.point-study2{
	border: 1px dotted #b4d88a;
  background: #f5faf0;
  counter-increment: point-study2;
}
.point-study2:before{
  content: counter(point-study2);
	background-color: #9bcb64;
	box-shadow: 0 0 0 2px #9bcb64;
	-webkit-box-shadow: 0 0 0 2px #9bcb64;
	-moz-box-shadow: 0 0 0 2px #9bcb64;
}
.point-study2 h3	{
	margin:0 0 6px;
	font-size:1.2em;
	color:#5f8a2e;
}
.point-study3{
	border: 1px dotted #ffba55;
  background: #fff8ee;
  counter-increment: point-study3;
}
.point-study3:before{
  content: counter(point-study3);
	background-color: #ffa622;
	box-shadow: 0 0 0 2px #ffa622;
	-webkit-box-shadow: 0 0 0 2px #ffa622;
	-moz-box-shadow: 0 0 0 2px #ffa622;
}
.point-study3 h3	{
	margin:0 0 6px;
	font-size:1.2em;
	color:#aa6500;
}
.point-study4{
	border: 1px dotted #f69f9e;
  background: #fffbfb;
  counter-increment: point-study4;
}
.point-study4:before{
  content: counter(point-study4);
	background-color: #f2726f;
	box-shadow: 0 0 0 2px #f2726f;
	-webkit-box-shadow: 0 0 0 2px #f2726f;
	-moz-box-shadow: 0 0 0 2px #f2726f;
}
.point-study4 h3	{
	margin:0 0 6px;
	font-size:1.2em;
	color:#d61714;
}
.point-study5{
	border: 1px dotted #4f9ce8;
  background: #f4f9fe;
  counter-increment: point-study5;
}
.point-study5:before{
  content: counter(point-study5);
	background-color: #4ca6e6;
	box-shadow: 0 0 0 2px #4ca6e6;
	-webkit-box-shadow: 0 0 0 2px #4ca6e6;
	-moz-box-shadow: 0 0 0 2px #4ca6e6;
}
.point-study5 h3	{
	margin:0 0 6px;
	font-size:1.2em;
	color:#1769a4;
}
.point-study6{
	border: 1px dotted #7ad2f9;
  background: #edf9fe;
  counter-increment: point-study5;
}
.point-study6:before{
  content: counter(point-study5);
	background-color: #4ac1f7;
	box-shadow: 0 0 0 2px #4ac1f7;
	-webkit-box-shadow: 0 0 0 2px #4ac1f7;
	-moz-box-shadow: 0 0 0 2px #4ac1f7;
}
.point-study6 h3	{
	margin:0 0 6px;
	font-size:1.2em;
	color:#0888c2;
}
.point-study7{
	border: 1px dotted #62bb66;
  background: #f5faf0;
  counter-increment: point-study7;
}
.point-study7:before{
  content: counter(point-study7);
	background-color: #62bb66;
	box-shadow: 0 0 0 2px #62bb66;
	-webkit-box-shadow: 0 0 0 2px #62bb66;
	-moz-box-shadow: 0 0 0 2px #62bb66;
}
.point-study7 h3	{
	margin:0 0 6px;
	font-size:1.2em;
	color:#3C8C3F;
}
.point-study8{
	border: 1px dotted #ff9943;
  background: #fff5ed;
  counter-increment: point-study5;
}
.point-study8:before{
  content: counter(point-study5);
	background-color: #ff7d10;
	box-shadow: 0 0 0 2px #ff7d10;
	-webkit-box-shadow: 0 0 0 2px #ff7d10;
	-moz-box-shadow: 0 0 0 2px #ff7d10;
}
.point-study8 h3	{
	margin:0 0 6px;
	font-size:1.2em;
	color:#984500;
}

/*コース見出し（h2）で利用（主な授業内容、時間割例　等）






1.国際ビジネス、2.英語、3.韓国語、4.中国語、5.専科






--------------------------------------------------------------------*/
.course-m-header-line1,
.course-m-header-line2,
.course-m-header-line3,
.course-m-header-line4,
.course-m-header-line5,
.course-m-header-line6,
.course-m-header-line7,
.course-m-header-line8{
	padding:2px 0 0;
	margin:0 0 30px;
}
.course-m-header1,
.course-m-header2,
.course-m-header3,
.course-m-header4,
.course-m-header5,
.course-m-header6,
.course-m-header7,
.course-m-header8{
	padding:8px 0 3px 5px;
	font-size:1.4em;
	line-height:100%;
	border-radius:0 0 4px 4px;
	margin:0 0 20px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}

.course-m-header-line1	{
	border-top:#b41249 3px solid;
}
.course-m-header1	{
	background:#fef9fb;
	color:#950f3c;
	border:#f8bcd0 1px solid;
}
.course-m-header-line2	{
	border-top:#577d2a 3px solid;
}
.course-m-header2	{
	background:#f5faf0;
	color:#577d2a;
	border:#cce5b0 1px solid;
}
.course-m-header-line3	{
	border-top:#995b00 3px solid;
}
.course-m-header3	{
	background:#fff8ee;
	color:#995b00;
	border:#ffd699 1px solid;
}
.course-m-header-line4	{
	border-top:#c71612 3px solid;
}
.course-m-header4	{
	background:#fdecec;
	color:#c71612;
	border:#f69f9e 1px solid;
}
.course-m-header-line5	{
	border-top:#0054cb 3px solid;
}
.course-m-header5	{
	background:#edf4ff;
	color:#003f98;
	border:#98c3ff 1px solid;
}
.course-m-header-line6	{
	border-top:#077db2 3px solid;
}
.course-m-header6	{
	background:#edf9fe;
	color:#066691;
	border:#9bddfb 1px solid;
}
.course-m-header-line7	{
	border-top:#2d6830 3px solid;
}
.course-m-header7	{
	background:#f0f9f1;
	color:#285c2a;
	border:#b5dfb7 1px solid;
}
.course-m-header-line8	{
	border-top:#984500 3px solid;
}
.course-m-header8	{
	background:#fff5ed;
	color:#763600;
	border:#ffc798 1px solid;
}

/*主な授業内容（dt dd）で利用
1.国際ビジネス、2.英語、3.韓国語、4.中国語






--------------------------------------------------------------------*/
.lesson-t-box	{
	padding:0 5px 20px;
	font-size:0.9em;
}
.lesson-t1,
.lesson-t2,
.lesson-t3,
.lesson-t4,
.lesson-t5,
.lesson-t6,
.lesson-t7,
.lesson-t8{
	padding:4px 8px;
	font-weight:bold;
	margin-right:6px;
	float:left;
	width:18em;
	border-radius:4px;
}
@media screen and (max-width: 767px) {
	.lesson-t1,
	.lesson-t2,
	.lesson-t3,
	.lesson-t4,
	.lesson-t5,
	.lesson-t6,
	.lesson-t7,
	.lesson-t8{
		padding:4px 8px;
		font-weight:bold;
		margin-right:6px;
		float:none;
		width:98%;
		border-radius:4px;
	}
}
.lesson-t1	{
	background:#fef9fb;
	border:#f7acc5 1px solid;
	color:#950f3c;
}
.lesson-t2	{
	background:#f5faf0;
	border:#cce5b0 1px solid;
	color:#577d2a;
}
.lesson-t3	{
	background:#fff8ee;
	border:#ffd699 1px solid;
	color:#774700;
}
.lesson-t4	{
	background:#fdecec;
	border:#f69f9e 1px solid;
	color:#D85070;
}
.lesson-t5	{
	background:#f6f7f9;
	border:#87d0f7 1px solid;
	color:#0d71af;
}
.lesson-t6	{
	background:#edf9fe;
	border:#9bddfb 1px solid;
	color:#066691;
}
.lesson-t7	{
	background:#f6f7f9;
	border:#87d0f7 1px solid;
	color:#0d71af;
}
.lesson-t8	{
	background:#fff5ed;
	border:#ffc798 1px solid;
	color:#763600;
}
.lesson-txt	{
	padding:6px 10px;
	margin-bottom:4px;
	overflow:auto;
}

/*時間割で利用
--------------------------------------------------------------------*/
.timetabele-box1 table	{
	padding:0 10px 5px;
	font-size:0.8em;
}
.timetabele-box2 table	{
	padding:0 10px 20px;
	font-size:0.8em;
}
/*@media screen and (max-width: 767px) {
	.timetabele-box1 table	{
	font-size:0.4em;
	}
	.timetabele-box2 table	{
	font-size:0.4em;
	}
}*/
.timetabele-box3	{
	padding:0 10px 20px;
	font-size:0.8em;
}
.timetabele-box4 table	{
	padding:0 10px 5px;
	font-size:0.8em;
}
.timetabele-box4 caption	{
	color: #57B86F;
}
.timetabele-box4 th{
	text-align: center !important;
	font-size: 1.2em;
	font-weight: bold !important;
}
.timetabele-box4 th p{
	font-size: 0.8em;
	font-weight: normal;
}
.timetabele-box4 td{
	text-align: center;
}

/* 英語学科 */
.english-curriculum table	{
	padding:0 10px 5px;
	font-size:0.8em;
}
.english-curriculum caption	{
	color: #57B86F;
}
.english-curriculum th{
	text-align: center;
	font-size: 1.1em;
	font-weight: bold !important;
	white-space: pre-wrap !important; /* テキストを折り返す */
    word-wrap: break-word; /* 長い単語を折り返す */
}
.english-curriculum th p{
	font-size: 0.8em;
	font-weight: normal;
}
.english-curriculum td{
	text-align: center !important;
	white-space: pre-wrap !important; /* テキストを折り返す */
    word-wrap: break-word; /* 長い単語を折り返す */
}
.english-curriculum td p{
	text-align: left;
	white-space: pre-wrap !important; /* テキストを折り返す */
    word-wrap: break-word; /* 長い単語を折り返す */
}

/* 韓国語 */
.korea-curriculum table	{
	padding:0 10px 5px;
	font-size:0.8em;
}
.korea-curriculum caption	{
	color: #F08437;
}
.korea-curriculum th{
	text-align: center;
	font-size: 1.1em;
	font-weight: bold !important;
	white-space: pre-wrap !important; /* テキストを折り返す */
    word-wrap: break-word; /* 長い単語を折り返す */
}
.korea-curriculum th p{
	font-size: 0.8em;
	font-weight: normal;
}
.korea-curriculum td{
	text-align: center !important;
	white-space: pre-wrap !important; /* テキストを折り返す */
    word-wrap: break-word; /* 長い単語を折り返す */
}
.korea-curriculum td p{
	text-align: left;
	white-space: pre-wrap !important; /* テキストを折り返す */
    word-wrap: break-word; /* 長い単語を折り返す */
}

.subject1,
.subject2,
.subject3,
.subject4,
.subject5,
.subject6{	
	font-size: 1.2em !important;
}
.subject1{
	background: #57B86F !important;
	color: #fff;
}
.subject2{
	background: #EEF6E5 !important;
	color: #208E3B;
}
.subject3{
	background: #F4DDD5 !important;
}
.subject3-2{
	background: #F4DDD5 !important;
}
.subject4{
	background: #C0CDE9 !important;
}
.subject5{
	background: #FFFCD3 !important;
}
.subject6{
	background: #F39F64 !important;
	color: #fff;
}
.subject7{
	background: #D5575C !important;
	color: #fff;
}

.exclusive	{
	background:#EDF7F8;
}
.exclusive-txt	{
	color:#C9F5F8;
}
.exclusive-2	{
	background:#DCDCED;
}
.exclusive-2-txt	{
	color:#C1BFDF;
}
.native	{
	background:#FFFCDB;
}
.native-txt	{
	color:#FFE97A;
}
.native-2	{
	background:#E4F1E5;
}
.native-2-txt	{
	color:#A4D9A9;
}
.bilingual	{
	background:#FDF0E5;
}
.bilingual-txt {
	color:#F6BA86;
}
.compulsory	{
	background:#E7EDFC;
}
.compulsory-txt {
	color:#D9E2FA;
}
.korea {
	background:#F8C499;
}
.korea-txt {
	color:#F8C499;
}
.korea-txt2 {
	color:#F39F64;
}
.chinese {
	background:#F9CCBF;
}
.chinese-txt {
	color:#F4A48D;
}

.compulsory-txt,
.bilingual-txt,
.native-2-txt,
.native-txt,
.chinese-txt{
	font-size: 1.3em;
}
/*主な進路目標資格（dt dd）で利用
1.国際ビジネス、2.英語、3.韓国語、4.中国語






--------------------------------------------------------------------*/
.license-target1,
.license-target2,
.license-target3,
.license-target4,
.license-target5,
.license-target6,
.license-target7,
.license-target8{
	padding:4px 8px 2px;
	font-weight:bold;
	margin-right:6px;
	float:left;
	width:6em;
	border-radius:0 20px 20px 0;
	color:#fff;
}
@media screen and (max-width: 767px) {
	.license-target1,
	.license-target2,
	.license-target3,
	.license-target4,
	.license-target5,
	.license-target6,
	.license-target7,
	.license-target8{
		padding:4px 8px 2px;
		font-weight:bold;
		margin-right:6px;
		float:none;
		width:98%;
		border-radius:0 20px 20px 0;
		color:#fff;
	}
}
.license-target1	{
	background:#ec407a;
}
.license-target2	{
	background:#8bc34a;
}
.license-target3	{
	background:#ff9800;
}
.license-target4	{
	background:#ef5350;
}
.license-target5	{
	background:#0084e2;
}
.license-target6	{
	background:#29b6f6;
}
.license-target7	{
	background:#0084e2;
}
.license-target8	{
	background:#ed6c00;
}
.license-txt1,
.license-txt2,
.license-txt3,
.license-txt4,
.license-txt5,
.license-txt6,
.license-txt7,
.license-txt8{
	padding:5px 0 2px;
	margin-bottom:4px;
	overflow:auto;
}
.license-txt1	{
	border-bottom:#f16e9a 1px dotted;
}
.license-txt2	{
	border-bottom:#9bcb64 1px dotted;
}
.license-txt3	{
	border-bottom:#ffa622 1px dotted;
}
.license-txt4	{
	border-bottom:#f2726f 1px dotted;
}
.license-txt5	{
	border-bottom:#63a8e8 1px dotted;
}
.license-txt6	{
	border-bottom:#4ac1f7 1px dotted;
}
.license-txt7	{
	border-bottom:#a163e8 1px dotted;
}
.license-txt8	{
	border-bottom:#ff7d10 1px dotted;
}

/*メッセージで利用
1.国際ビジネス、2.英語、3.韓国語、4.中国語






voice1＝講師　voice2＝在校生　voice3＝卒業生






--------------------------------------------------------------------*/
.course1-voice1,
.course1-voice2,
.course1-voice3,
.course2-voice1,
.course2-voice2,
.course2-voice3,
.course3-voice1,
.course3-voice2,
.course3-voice3,
.course4-voice1,
.course4-voice2,
.course4-voice3,
.course6-voice1,
.course8-voice1{
	position:relative;
	font-size:0.9em;
	color:#FFF;
	padding:5px 0 2px 30px;
	margin:0 0 6px;
	border-radius:4px 4px 0 0;
}
.course1-voice1:before,
.course1-voice2:before,
.course1-voice3:before,
.course2-voice1:before,
.course2-voice2:before,
.course2-voice3:before,
.course3-voice1:before,
.course3-voice2:before,
.course3-voice3:before,
.course4-voice1:before,
.course4-voice2:before,
.course4-voice3:before,
.course6-voice1:before,
.course8-voice1:before{
	position:absolute;
	width:20px;
	height:1px;
	top:13px;
	left:6px;
	background:#fdfbc9;
	content:"";
}
.course1-voice1	{
	background: #e92164;
}
.course1-voice2	{
	background: #4677e2;
}
.course1-voice3	{
	background: #4697e2;
}
.course2-voice1	{
	background: #7ab13b;
}
.course2-voice2	{
	background: #20b592;
}
.course2-voice3	{
	background: #20b574;
}
.course3-voice1	{
	background: #dd8400;
}
.course3-voice2	{
	background: #ae46e2;
}
.course3-voice3	{
	background: #8f46e2;
}
.course4-voice1	{
	background: #ec3431;
}
.course4-voice2	{
	background: #cd3c42;
}
.course4-voice3	{
	background: #cd3c42;
}
.course6-voice1	{
	background: #0aaaf3;
}
.course8-voice1	{
	background: #cb5d00;
}

.voice-txt	{
	font-size:0.9em;
	line-height:1.6em;
	padding:0 15px 10px;
}
.voice-txt2	{
	font-size:0.9em;
	line-height:1.1em;
	padding:0 0 0px 35px;
}
.voice-txt3	{
	font-size:0.9em;
	line-height:1.1em;
	padding:0 0 20px 35px;
}

.voice-txt4	{
	font-size:0.9em;
	line-height:1.1em;
}

.voice-txt4	img{
	float: left;
	margin: 0  10px 10px 0;
}

.note{
	font-size:0.8em;
}

.voice-txt4	ul{
	margin: 10px  0  10px 0;
	list-style: none;
}

.voice-txt4	p{
	margin: 10px  0  10px 0;
}
/*専科小見出し






--------------------------------------------------------------------*/
.course-s-header1,
.course-s-header2,
.course-s-header3,
.course-s-header4	{
	font-size:1.1em;
	position:relative;
	margin:0 0 10px;
	padding:7px 0 3px 24px;
}
.course-s-header1	{
	color:#2C77C5;
	border-bottom:#326DD5 1px solid;
}
.course-s-header2	{
	color:#5f8a2e;
	border-bottom:#8bc34a 1px solid;
}
.course-s-header3	{
	color:#cc7a00;
	border-bottom:#ffad33 1px solid;
}
.course-s-header4	{
	color:#c71612;
	border-bottom:#ef5350 1px solid;
}
.course-s-header1:before,
.course-s-header2:before,
.course-s-header3:before,
.course-s-header4:before	{
	position:absolute;
	width:16px;
	height:16px;
	top:7px;
	left:3px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 25%;
	content:"";
}

.course-s-header1:before	{
	background:#D6DEF2;
	border:#286CB3 1px solid;
}
.course-s-header2:before	{
	background:#e5f2d6;
	border:#517C1F 1px solid;
}
.course-s-header3:before	{
	background:#ffcf88;
	border:#ff9800 1px solid;
}
.course-s-header4:before	{
	background:#facdcc;
	border:#ef5350 1px solid;
}
.course-s-txt	{
	margin:0 10px 10px;
	font-size:0.9em;
}
.course-s-txt-end	{
	margin:0 10px 20px;
	font-size:0.9em;
}

/*語学専科（course/language.html）






--------------------------------------------------------------------*/
.senka-txt	{
	padding:0 10px;
	font-size:0.9em;
	line-height:1.1em;
}
.senka-txt2	{
	padding:0 10px 10px;
	font-size:0.9em;
	line-height:1.1em;
}
.senka-strong	{
	font-weight:bold;
	color:#884d25;
}
/*コース一覧（course/index.html)
--------------------------------------------------------------------*/
.start-line	{
	font-size:1.3em;
	color:#2692e3;
	padding:0 0 0 10px;
}
.start-line-txt	{
	font-size:0.9em;
	padding:0 10px;
	line-height:1.2em;
}
.start-line-end	{
	font-size:0.9em;
	padding:0 10px 20px;
}
.start-course-head1,
.start-course-head2,
.start-course-head3,
.start-course-head4,
.start-course-head5,
.start-course-head6,
.start-course-head7,
.start-course-head8	{
	font-size:1.6em;
	color:#FFF;
	padding:12px 0 6px 5px;
	border-radius:6px 6px 0 0;
	margin:0;
}
.start-course-head1	{
	background:#ec407a;
}
.start-course-head2	{
	background:#8bc34a;
}
.start-course-head3	{
	background:#FF9800;
}
.start-course-head4	{
	background:#EF5350;
}
.start-course-head5	{
	background:#003f98;
}
.start-course-head6	{
	background:#29B6F6;
}
.start-course-head7	{
	background:#4CAF50;
}
.start-course-head8	{
	background:#ED6C00;
}
.grade-back-white	{
	font-size:0.6em;
	background:#FFF;
	color:#666;
	padding:4px 7px 0;
	margin:0 10px;
	margin-top:-5px;
	border-radius:4px;
}
.english-course-name	{
	font-size:0.5em;
	color:#eee;
}
@media screen and (max-width: 767px) {
	.start-course-head1,
	.start-course-head2,
	.start-course-head3,
	.start-course-head4,
	.start-course-head5,
	.start-course-head6,
	.start-course-head7,
	.start-course-head8	{
		font-size:1.3em;
	}
}
.start-course-box1,
.start-course-box2,
.start-course-box3,
.start-course-box4,
.start-course-box5,
.start-course-box6,
.start-course-box7,
.start-course-box8	{
	border-radius:0 0 6px 6px;
	padding:10px;
	margin-bottom:16px;
}
.start-course-box1	{
	border:#ec407a 1px solid;
}
.start-course-box2	{
	border:#8BC34A 1px solid;
}
.start-course-box3	{
	border:#FF9800 1px solid;
}
.start-course-box4	{
	border:#EF5350 1px solid;
}
.start-course-box5	{
	border:#003f98 1px solid;
}
.start-course-box6	{
	border:#29B6F6 1px solid;
}
.start-course-box7	{
	border:#4CAF50 1px solid;
}
.start-course-box8	{
	border:#ED6C00 1px solid;
}
.start-course-box1 ul,
.start-course-box2 ul,
.start-course-box3 ul,
.start-course-box4 ul,
.start-course-box5 ul,
.start-course-box6 ul,
.start-course-box7 ul,
.start-course-box8 ul{
	list-style:none;
}
.start-course-name1,
.start-course-name2,
.start-course-name3,
.start-course-name4,
.start-course-name5,
.start-course-name6,
.start-course-name7,
.start-course-name8{
	position:relative;
	padding:8px 6px 4px 20px;
	border-radius:4px;
	float:left;
	margin:0 16px 16px 0;
}
.start-course-name1	{
	background:#fdeaf0;
	border:#f48db0 1px solid;
}
.start-course-name2	{
	background:#e5f2d6;
	border:#b4d88a 1px solid;
}
.start-course-name3	{
	background:#ffe3bb;
	border:#ffba55 1px solid;
}
.start-course-name4	{
	background:#fdecec;
	border:#f69f9e 1px solid;
}
.start-course-name5	{
	background:#edf4ff;
	border:#76afff 1px solid;
}
.start-course-name6	{
	background:#dcf3fe;
	border:#7ad2f9 1px solid;
}
.start-course-name7	{
	background:#cde9ce;
	border:#86ca88 1px solid;
}
.start-course-name8	{
	background:#ffecdc;
	border:#ffb476 1px solid;
}
.start-course-name1:before,
.start-course-name2:before,
.start-course-name3:before,
.start-course-name4:before,
.start-course-name5:before,
.start-course-name6:before,
.start-course-name7:before,
.start-course-name8:before{
	position:absolute;
	top: 8px;
	left:6px;
	content: "";
	width: 0;
	height: 20px;
}
.start-course-name1:before	{
	border-left:5px solid #f16e9a;
	border-right: 5px solid #f16e9a;
	border-bottom:8px solid transparent;
}
.start-course-name2:before	{
	border-left:5px solid #a4d070;
	border-right: 5px solid #a4d070;
	border-bottom:8px solid transparent;
}
.start-course-name3:before	{
	border-left:5px solid #ffad33;
	border-right: 5px solid #ffad33;
	border-bottom:8px solid transparent;
}
.start-course-name4:before	{
	border-left:5px solid #f3817f;
	border-right: 5px solid #f3817f;
	border-bottom:8px solid transparent;
}
.start-course-name5:before	{
	border-left:5px solid #549bff;
	border-right: 5px solid #549bff;
	border-bottom:8px solid transparent;
}
.start-course-name6:before	{
	border-left:5px solid #5ac7f8;
	border-right: 5px solid #5ac7f8;
	border-bottom:8px solid transparent;
}
.start-course-name7:before	{
	border-left:5px solid #6ec071;
	border-right: 5px solid #6ec071;
	border-bottom:8px solid transparent;
}
.start-course-name8:before	{
	border-left:5px solid #ffa254;
	border-right: 5px solid #ffa254;
	border-bottom:8px solid transparent;
}
.start-course-read1	{
	color:#e3175b;
	font-size:1.1em;
	clear:both;
}
.start-course-read2	{
	color:#71a436;
	font-size:1.1em;
	clear:both;
}
.start-course-read3	{
	color:#cc7a00;
	font-size:1.1em;
	clear:both;
}
.start-course-read4	{
	color:#eb2521;
	font-size:1.1em;
	clear:both;
}
.start-course-read5	{
	color:#1073ff;
	font-size:1.1em;
	clear:both;
}
.start-course-read6	{
	color:#0a9fe3;
	font-size:1.1em;
	clear:both;
}
.start-course-read7	{
	color:#3d8b40;
	font-size:1.1em;
	clear:both;
}
.start-course-read8	{
	color:#ba5500;
	font-size:1.1em;
	clear:both;
}
.start-course-txt	{
	font-size:0.9em;
	line-height:1.4em;
}
@media screen and (max-width: 600px) {
	.start-line img	{
		display:none;
	}
}

/*色ごとの見出し






blue（青）、orange（オレンジ）、green（緑）、pink（ピンク）、purple（紫）






-b-　h2
-m-  h3
-s-  h4
--------------------------------------------------------------------*/
.header-b-blue,
.header-b-orange,
.header-b-green,
.header-b-pink,
.header-b-purple	{
	font-size: 1.4em;
	padding: 14px 0 6px 10px;
	text-shadow: 0 1px 1px #fff;
	border: #CCC 1px solid;
	margin: 0 0 10px;
	background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(231, 231, 231, 1.0)), 
			color-stop(0.50, rgba(254, 254, 254, 1.0)),
			to(				 rgba(254, 254, 255, 1.0))
			);
	background-image: -webkit-linear-gradient(top,
			rgba(231, 231, 231, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(254, 254, 255, 1.0)
			);
	background-image: -moz-linear-gradient(top,
			rgba(231, 231, 231, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(254, 254, 255, 1.0)
			);
	background-image: -o-linear-gradient(top,
			rgba(231, 231, 231, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(254, 254, 255, 1.0)
			);
	background-image: linear-gradient(to bottom,
			rgba(231, 231, 231, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(254, 254, 255, 1.0)
			);
	position: relative;
	border-radius:0 0 6px 6px;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);
}
.header-b-blue:before,
.header-b-orange:before,
.header-b-green:before,
.header-b-pink:before,
.header-b-purple:before	{
	position:absolute;
	top:2px;
	left:3px;
	width:99%;
	height:4px;
	content:"";
}
.header-b-blue:before	{
	background:#158ecb;
}
.header-b-orange:before	{
	background:#e77f08;
}
.header-b-green:before	{
	background:#45c916;
}
.header-b-pink:before	{
	background:#c91669;
}
.header-b-purple:before	{
	background:#7516c9;
}

.header-m-blue,
.header-m-orange,
.header-m-green,
.header-m-pink,
.header-m-purple	{
	font-size: 1.3em;
	color:#FFF;
	padding: 9px 0 5px 18px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3),-1px -1px 1px rgba(0,0,0,0.5);
	margin: 0 0 20px;
	position: relative;
	border-radius:4px;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.3);
}
.header-m-blue	{
	background:#158ecb;
}
.header-m-orange	{
	background:#e77f08;
}
.header-m-green	{
	background:#6fa20b;
}
.header-m-pink	{
	background:#c91669;
}
.header-m-purple	{
	background:#7a4ea2;
}

.header-m-blue:before,
.header-m-orange:before,
.header-m-green:before,
.header-m-pink:before,
.header-m-purple:before	{
	position:absolute;
	top:5px;
	left:6px;
	width:6px;
	height:25px;
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(240,240,240) 0%,rgb(243,243,243) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(240,240,240)),color-stop(1, rgb(243,243,243)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(240,240,240) 0%,rgb(243,243,243) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(-90deg,rgb(240,240,240) 0%,rgb(243,243,243) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(240,240,240) 0%,rgb(243,243,243) 100%);
	background-image:linear-gradient(180deg,rgb(240,240,240) 0%,rgb(243,243,243) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff0f0f0,endColorstr=#fff3f3f3,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff0f0f0,endColorstr=#fff3f3f3,GradientType=0);
	content:"";
	border-radius:4px;
	box-shadow:-1px -1px 2px 0 rgba(0,0,0,0.3);
}
@media screen and (max-width: 767px) {
	.header-m-blue,
	.header-m-orange,
	.header-m-green,
	.header-m-pink,
	.header-m-purple	{
		font-size: 1.1em;
	}
}

.header-s-blue,
.header-s-orange,
.header-s-green,
.header-s-pink,
.header-s-purple,
.header-job-blue,
.header-job-green	{
	font-size:1.1em;
	position:relative;
	margin:0 0 10px;
	padding:7px 0 3px 16px;
}
.header-s-blue,
.header-job-blue	{
	border-bottom:#158ecb 1px solid;
}
.header-s-orange	{
	border-bottom:#e77f08 1px solid;
}
.header-s-green	{
	border-bottom:#98db24 1px solid;
}
.header-job-green	{
	border-bottom:#1cc471 1px solid;
}
.header-s-pink	{
	border-bottom:#c91669 1px solid;
}
.header-s-purple	{
	border-bottom:#7516c9 1px solid;
}
.header-s-blue:before,
.header-job-blue:before,
.header-job-green:before,
.header-s-orange:before,
.header-s-pink:before,
.header-s-purple:before	{
	position:absolute;
	width:8px;
	height:16px;
	top:7px;
	left:3px;
	border-radius: 25%;
	-webkit-border-radius: 25%;
	-moz-border-radius: 25%;
	content:"";
}

.header-s-orange:before	{
	background:#fcd6ab;
	border:#e77f08 1px solid;
}
.header-s-pink:before	{
	background:#ed9ac0;
	border:#c91669 1px solid;
}
.header-s-purple:before	{
	background:#c69aed;
	border:#7516c9 1px solid;
}
.header-job-blue:before	{
	background:#a5dbf6;
	border:#158ecb 1px solid;
}
.header-job-green:before	{
	background:#a8f3ce;
	border:#1cc471 1px solid;
}
.header-s-green	{
	font-size:1.1em;
	color:#4c6c19;
	position:relative;
	margin:0 0 10px;
	padding:8px 0 4px 14px;
	border-bottom:#aac776 4px solid;
	border-top:#cfe0b2 1px solid;
	background:#f3fbe8;
	border-radius:0 0 4px 4px;
}
.header-s-blue	{
	font-size:1.1em;
	color:#1f59a3;
	position:relative;
	margin:0 0 10px;
	padding:8px 0 4px 14px;
	border-bottom:#8ca8ca 4px solid;
	border-top:#b2c8e0 1px solid;
	background:#e8f1fb;
	border-radius:0 0 4px 4px;
}
.header-s-blue:before	{
	background:#9ad2ef;
	border:#158ecb 1px solid;
}
.header-s-blue2	{
	font-size:1.1em;
	color:#1f59a3;
	margin:0 0 10px;
	padding:8px 0 4px 14px;
	border-bottom:#8ca8ca 4px solid;
	border-top:#b2c8e0 1px solid;
	background:#e8f1fb;
}
.header-s-green2	{
	font-size:1.1em;
	color:#4c6c19;
	position:relative;
	margin:0 0 10px;
	padding:8px 0 4px 14px;
	border-bottom:#aac776 4px solid;
	border-top:#cfe0b2 1px solid;
	background:#f3fbe8;
	border-radius:0 0 4px 4px;
}
.header-s-green2:before	{
	position:absolute;
	width:8px;
	height:16px;
	top:7px;
	left:3px;
	border-radius: 25%;
	-webkit-border-radius: 25%;
	-moz-border-radius: 25%;
	content:"";
	background:#beef9a;
	border:#6ccb15 1px solid;
}
.header-s-orange2	{
	font-size:1.1em;
	color:#995b00;
	margin:0 0 10px;
	padding:8px 0 4px 14px;
	border-bottom:#ffd699 4px solid;
	border-top:#ffd699 1px solid;
	background:#fff8ee;
}
.header-s-red	{
	font-size:1.1em;
	color:#C71612;
	margin:0 0 10px;
	padding:8px 0 4px 14px;
	border-bottom:#F8C2C0 4px solid;
	border-top:#F8C2C0 1px solid;
	background:#FBDEDD;
}
/*
本校の特長　スタート






/*

/*本校の教育システム（feature/index.html)
--------------------------------------------------------------------*/
.chara-box	{
	margin:30px 0px 16px;
	border:#a0c950 2px solid;
	border-radius:6px;
}
.chara-box-head	{
	width:20.5em;
	font-size:1.1em;
	color:#5f821c;
	position:relative;
	left:10px;
	top:-8px;
	background:#FFF;
	margin:0;
	padding:0 3px;
}
.chara-box ul	{
	margin-top:-4px;
	padding:0 10px;
	list-style:none;
}
.chara-menu	{
	font-size:0.9em;
	position:relative;
	padding:7px 10px 4px 20px;
	border-radius:4px;
	/*float:left;*/
	display: inline-block;
	margin:0 16px 10px 0;
	background:#fafeef;
	border:#c2d991 1px solid;
}
.chara-menu:before	{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	left:4px;
	top:10px;
	border-top: 4px solid #7ac615;
	border-right: 4px solid #7ac615;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.chara-menu-selected	{
	font-size:0.9em;
	position:relative;
	padding:8px 10px 4px 21px;
	/*float:left;*/
	display: inline-block;
	margin:0 16px 10px 0;
}
.chara-menu-selected:before	{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	left:5px;
	top:11px;
	border-top: 4px solid #ea7910;
	border-right: 4px solid #ea7910;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.system-index-box	{
	margin:0 10px;
}
.system-index-left	{
	width:68%;
	float:left;
}
.system-index-right	{
	width:30%;
	float:right;
}
.system-index-right img	{
	max-width:100%;
	height:auto;
}
.system-txt	{
	font-size:0.9em;
	padding:0 5px 10px;
}
.system-box	{
	margin:0px 0px 16px;
	border:#8fb446 1px dotted;
	border-radius:4px;
}
.system-box-head	{
	width:6.5em;
	font-size:0.9em;
	color:#5f8d07;
	position:relative;
	left:10px;
	top:-8px;
	background:#FFF;
	margin:0;
	padding:0 3px;
}
.system-box ul	{
	margin-top:-4px;
	padding:0 10px;
	list-style:none;
}
.system-menu	{
	font-size:0.8em;
	position:relative;
	padding:0px 0px 0px 15px;
	float:left;
	margin:0 10px 6px 0;
}
.system-menu:before	{
	content: "";
  position: absolute;
  width: 8px;
	height: 8px;
	background:#84b91d;
	left:3px;
	top:3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.mar-side	{
	margin:0 0 10px;
}
.system-notes	{
	font-size:0.8em;
	line-height:1.3em;
	margin:0 10px
}
.six-point	{
  display: block;
	font-size:1.1em;
  position: relative;
  margin: 0 5px 6px;
  padding: 2px 0 3px 28px;
  counter-increment: six-point;
	border-bottom:#9bc054 1px dotted;
}
.six-point:before	{
  position: absolute;
  top: -1px;
  left: 0px;
  text-align: center;
  color:#749b27;
  margin: auto;
  border: solid 2px #99d02f;
  width: 24px;
  height: 24px;
  border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  content: counter(six-point);
}


/*講師紹介（feature/teacher.html)
--------------------------------------------------------------------*/
.teacher-photo-box	{
	margin:0 10px 20px;
}
.teacher-photo-case	{
	margin:0 20px 15px 0;
	float:left;
	
	padding: 25px;
	border: solid 1px #d9d9d9;
	border-radius: 7px;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
}
.photo-tape	{
	position:relative;
	padding: 5px;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    /*box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
	border-radius:0 0 10px 10px;*/
    vertical-align: bottom;
}
.photo-tape::before,
.photo-tape::after {
	content: '';
	position: absolute;
	/*transform: rotate(-40deg);
	width: 60px;
	height: 25px;
	background-color: #fff*/;
	z-index: 1;
}
.photo-tape::before {
	/*top: -5px;
	left: -15px;
	transform: rotate(-25deg);
	width: 70px;
	height: 25px;
	
	background-color: powderblue;
	background-image: linear-gradient(180deg, transparent 50%, rgba(255,243,82,.5) 50%);
	background-size: 10px 10px;*/
}
.photo-tape::after {
	/*bottom: 5px;
	right: -20px;
	transform: rotate(-40deg);
	width: 80px;
	height: 23px;
	
	background-color: pink;
	background-image: radial-gradient(white 20%, transparent 16%),
	radial-gradient(white 20%, transparent 16%);
	background-size: 30px 30px;
	background-position: 0 3px, 15px -7px;*/
}
.photo-tape:after {
	/*position: absolute;
	content: "";
	width: 40px;
	height: 18px;
	top: -10px;
	left: 60%;
	margin-left: -30px;
	border: solid 1px rgba(137,130,48,.2);
	background: -moz-linear-gradient(top, rgba(254,243,127,.6) 0%, rgba(247,243,197,.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,243,127,.6)), color-stop(100%,rgba(247,243,197,.6)));
	background: linear-gradient(top, rgba(254,243,127,.6) 0%,rgba(247,243,197,.6) 100%);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.2);*/
}
.photo-tape figcaption	{
	display:block;
	font-size:0.75em;
	color:#333;
	padding-top:4px;
	line-height:1.3em;
	text-align:center;
}
.teacher-photo-box p {
	display:block;
	font-size:0.75em;
	color:#333;
	padding-top:4px;
	line-height:1.3em;
	text-align:center;
	margin-bottom: 0;
}

.photo-tape-m::before,
.photo-tape-f::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: -5px;
	left: -15px;
	transform: rotate(-30deg);
	width: 75px;
	height: 25px;
}
.photo-tape-m::before {
	background-color: powderblue;
	background-image: linear-gradient(180deg, transparent 50%, rgba(255,243,82,.5) 50%);
	background-size: 10px 10px;
}
.photo-tape-f::before {
	background-color: pink;
	background-image: radial-gradient(white 20%, transparent 16%),
	radial-gradient(white 20%, transparent 16%);
	background-size: 30px 30px;
	background-position: 0 3px, 15px -7px;
}
.teacher-photo-bgcolor-eng {
	background: linear-gradient(135deg, rgb(243,251,232) 0%,rgb(208,249,149) 100%);
}
.teacher-photo-bgcolor-air {
	background: linear-gradient(135deg, rgb(237,249,255) 0%,rgb(170,226,255) 100%);
}
.teacher-photo-bgcolor-kor {
	background: linear-gradient(135deg, rgb(255,248,238) 0%,rgb(255,214,160) 100%);
}
.teacher-photo-bgcolor-chn {
	background: linear-gradient(135deg, rgb(251,222,221) 0%,rgb(249,181,179) 100%);
}
.teacher-photo-bgcolor-biz {
	background: linear-gradient(135deg, rgb(249,241,248) 0%,rgb(244,186,236) 100%);
}

/*在校生メッセージ（feature/voice.html)
--------------------------------------------------------------------*/	
.voice-intro	{
	font-size:0.9em;
	line-height:1.5em;
	margin:0 10px 4px;
}
.voice-notes	{
	font-size:0.8em;
	line-height:1.5em;
	margin:0 20px 20px;
}
.voice-box	{
	margin:0 10px 20px;
}
.voice-case	{
	width:47%;
	margin:0 16px 20px 0;
	padding:10px;
	border:#CCC 2px solid;
	border-radius:8px;
	float:left;
}
@media screen and (max-width: 600px) {
	.voice-case	{
		width:97%;
}
}
.voice-case-txt-area	{
	width:65%;
	float:left;
}
.voice-case-photo-area	{
	width:33%;
	float:right;
	text-align:right;
}
.voice-case-photo-area img	{
	max-width:100%;
	height:auto;
}.voice-m-read	{
	font-size:0.9em;
	color:#1861bc;
}
.voice-w-read	{
	font-size:0.9em;
	color:#bc1887;
}
.voice-name	{
	font-size:0.9em;
	text-align:right;
	margin:0;
	padding:0;
}
.voice-class	{
	font-size:0.85em;
}
.voice-from	{
	font-size:0.8em;
	text-align:right;
	color:#999;
}
.voice-body	{
	font-size:0.9em;
	line-height:1.5em;
	margin:0;
	padding:0;
}

/*学校行事（feature/schedule.html)
--------------------------------------------------------------------*/
.school-event-read,
.school-event-area	{
	margin:0 10px 20px;
	font-size:0.9em;
}
.school-event-area img	{
	max-width:100%;
	height:auto;
}
.school-event-end-notes	{
	margin:0 10px 20px;
	font-size:0.9em;
	color:#999;
	text-align:right;
}

/*校内施設（feature/facility.html)
--------------------------------------------------------------------*/
.facility-area	{
	margin:0 10px 20px;
}
facility-case	{
	width:47%;
	margin:0 16px 20px 0;
	float:left;
}
@media screen and (max-width: 600px) {
	.facility-case	{
		width:97%;
}
}
.facility-case img	{
	max-width:100%;
	height:auto;
}

/*Q&A（feature/qa.html)
--------------------------------------------------------------------*/
.q-a-area	{
	margin:0 0px 20px;
	font-size:0.9em;
}
.q-line	{
	margin-bottom:7px;
	border-bottom:#ecba8e 2px solid;
}
.q-head	{
	font-size:1.2em;
	color:#e26c03;
}
.a-box	{
	border:#5EC1FD 1px solid;
	border-radius:4px;
	background:#ECF8FF;
	padding:8px 8px 5px;
	margin:0 5px 26px;
	font-size:90%;
}	

/*

*/

/*イベント　学校説明会・体験授業（event/index.html)
--------------------------------------------------------------------*/
.event-intro-txt	{
	font-size:0.9em;
	line-height:1.6em;
	padding: 10px;
}
.event-feature-box	{
	padding:0 0 20px;
}
.event-feature-left	{
	width:68%;
	float:left;
}
.event-feature-right	{
	width:29%;
	float:right;
}
@media screen and (max-width: 767px) {
	.event-feature-left	{
		width:100%;
		float:none;
	}
	.event-feature-right	{
		width:100%;
		float:none;
	}
}
.event-feature-right img	{
	max-width:100%;
	height:auto;
}
.event-feature-point	{
  display: block;
  font-size:1.2em;
  position: relative;
  margin: 0 0 6px;
	color:#5c2451;
  padding: 6px 0 3px 32px;
  counter-increment: event-feature-point;
  border-bottom:#f769dc 2px solid;
	border-radius:4px;
	background:#f9f1f8;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
}
.event-feature-point:before	{
  position: absolute;
  top: 6px;
  left: 3px;
  text-align: center;
  color:#d12eb3;
  margin: auto;
  border: solid 1px #de73ca;
	background:#FFF;
  width: 26px;
  height: 26px;
  border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
  content: counter(event-feature-point);
}
.event-feature-p	{
	font-size:0.9em;
	padding:0 10px 16px;
}
.event-explain	{
	font-size:0.85em;
}
.explain-left	{
	width:12em;
	text-align:center;
	background:#bf45a8;
	color:#FFF;
	font-weight:bold;
	border-bottom:#f8d3f1 1px solid;
	padding:6px 10px;
}
.explain-right	{
	padding:6px 10px;
	border-bottom:#f8d3f1 1px solid;
	border-right:#f8d3f1 2px solid;
}
.event-three-case	{
	width:50%;
	float:left;
}
@media screen and (max-width: 600px) {
	.event-three-case	{
		width:98%;
		float:none;
	}
}
.event-feature-box img,
.event-three-case img	{
	max-width:100%;
	height:auto;
}
.event-visit-txt1	{
	font-size:1.0em;
	line-height:1.3em;
	padding: 0 20px;
}
.event-visit-txt2	{
	font-size:0.8em;
	line-height:1.4em;
	padding: 0 20px 16px;
}
.event-time-sche	{
	padding:0 20px;
	list-style-type:none;
}
.event-time-sche li	{
	width: 12em;
	padding:0 16px 6px 0;
	float:left;
	font-size:0.9em;
}
.time-color	{
	color:#893295;
	font-weight:bold;
}
.event-local-txt	{
	font-size:0.9em;
	line-height:1.4em;
	padding: 0 10px 10px;
}


/*イベント実施日程（event/calendar.html)
--------------------------------------------------------------------*/	
.notes-box	{
	font-size:0.85em;
	text-align:center;
	margin:20px;
	padding:12px 20px 6px;
	border:#CCC 1px solid;
	border-radius:6px;
}
.btn-box	{
	text-align:center;
	margin-bottom:16px;
}
.explain-campus,
.open-campus,
.special-campus,
.parents-campus	{
	color:#ffffff;
	cursor:default;
}
.explain-campus {
	background-color:#e77ecb;
}
.open-campus {
	background-color:#7ebee7;
}
.special-campus {
	background-color:#f1a522;
}
.visit-campus	{
	background:#dcf8c3;
}
.parents-campus	{
	background:#b166f0;
}
.open-notes {
		border:1px solid #d0d0d0;
		padding:0;
		margin:0 5px 0 15px;
}
.explain-campus.close,
.open-campus.close,
.special-campus.close,
.visit-campus.close	{
	color:#ffffff;
	cursor:default;
}

/*
卒業後の進路
*/

/*卒業後の進路（a_way/index.html）






------------------------------------------------------------------*/
.a-way-area	{
	margin:20px 0;
}
.a-way-intro-txt	{
	font-size:0.9em;
	line-height:1.6em;
}
.interview-title	{
	border-top:1px solid #e4d8b4;
	border-bottom:4px solid #cfbb81;
	padding:8px 0 4px 5px;
	font-size:1.1em;
	margin:0 0 10px;
	color:#da7201;
	background:#fdf3e8;
	border-radius:0 0 4px 4px;
	clear:both;
}
.interview-title2	{
	border-top:1px solid #ebd1dc;
	border-bottom:4px solid #e0b3cc;
	padding:8px 0 4px 5px;
	font-size:1.1em;
	margin:0 0 10px;
	color:#d60088;
	background:#fef1fa;
	border-radius:0 0 4px 4px;
	clear:both;
}
img.photo {
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
  vertical-align: bottom;
}
.photo-above	{
	margin:0;
	
}
.photo-below	{
	margin:0 0 20px 110px;
}
@media screen and (max-width: 600px) {
	.photo-above	{
		margin:0 auto;
	}
	.photo-below	{
		margin:0 0 20px 0;
	}
}
.a-way-photo-case	{
	margin:0 15px 20px 0;
	float: left;
}
@media screen and (max-width: 600px) {
	.a-way-photo-case	{
		margin-right:5px;
	}
}

.a-way-target-box	{
	padding:0 0 10px;
	font-size:0.9em;
}
.a-way-target-box p	{
	margin:0;
	padding:0;
}
.a-way-target-txt	{
	color:#1c5b87;
	font-weight:bold;
}
.a-way-target-txt2	{
}

/*卒業後の進路-就職（a_way/employment.html）






--------------------------------------------------------------------*/
.a-way-read	{
	font-size:1.2em;
	color:#9a5918;
	line-height:1.5em;
	text-align:center;
	margin:20px 0 16px;
}
.employ-baloon	{
	position:relative;
	border:#e69500 2px solid;
	border-radius:8px;
	font-size:1.1em;
	color:#993200;
	padding:6px 0 2px 5px;
    clear: both;         /*floatを解除する */
}
.employ-baloon:before	{
	position:absolute;
	content:"";
	bottom:-10px;
	left:75px;
	margin-left:-10px;
	width:0;
	height:0;
	border-top:10px solid #e69500;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.employ-baloon:after	{
	position:absolute;
	content:"";
	bottom:-7px;
	left:75px;
	margin-left:-10px;
	width:0;
	height:0;
	border-top:10px solid #ffffff;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.employ-txt1	{
	padding:0 0 10px;
	font-size:0.9em;
	line-height:1.6em;
}
.employ-txt2	{
	font-size:1.0em;
	text-align:right;
	padding-bottom:1px;
}
.employ-txt3	{
	font-size:0.8em;
	text-align:right;
	padding-bottom:1px;
}
.employ-txt4	{
	font-size:0.8em;
	text-align:right;
	color:#757575;
	padding-bottom:4px;
	border-bottom:#e7cd97 2px dotted;
	margin-bottom:20px;
}

.employ-dot-line{
	border-top:#e7cd97 2px dotted;
	margin-top: 10px;
    clear: both;         /*floatを解除する */
}
@media screen and (max-width: 767px) {
	.a-way-read	{
		font-size:1.0em;
	}
	.employ-baloon	{
		font-size:0.9em;
	}
	.employ-txt1,
	.employ-txt2	{
		font-size:0.8em;
	}
	.mb60	{
		margin-bottom:60px;
	}
}
.emplo-box	{
	max-width:100%;
	height:auto;
}
.ora-h4	{
	color:#e44b01;
	font-size:0.9em;
}
.graph-box	{
	float:right;
	margin:0 0 16px 16px;
}
@media screen and (max-width: 600px) {
	.graph-box	{
		float:none;
		margin:0 0 16px 0;
		text-align:center;
	}
}
.graph-box img	{
	max-width:100%;
	height:auto;
}
.employ-blue,
.employ-pink,
.employ-orange,
.employ-green	{
	font-size:0.9em;
	color:#00abdc;
	margin-bottom:2px;
}
.employ-blue	{
	color:#00abdc;
}
.employ-pink	{
	color:#c3286d;
}
.employ-orange	{
	color:#c37528;
}
.employ-green	{
	color:#7db98b;
}
.employ-data-txt	{
	font-size:0.85em;
	margin-bottom:10px;
}

/*卒業後の進路-留学（a_way/abroad.html）






--------------------------------------------------------------------*/
.a-way-read2	{
	font-size:1.2em;
	color:#597e1b;
	line-height:1.5em;
	text-align:center;
	margin:20px 0 16px;
}
.abroad-baloon	{
	position:relative;
	border:#9fc96e 2px solid;
	border-radius:8px;
	font-size:1.1em;
	color:#05800a;
	padding:6px 0 2px 5px;
}
.abroad-baloon:before	{
	position:absolute;
	content:"";
	bottom:-10px;
	left:75px;
	margin-left:-10px;
	width:0;
	height:0;
	border-top:10px solid #9fc96e;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.abroad-baloon:after	{
	position:absolute;
	content:"";
	bottom:-7px;
	left:75px;
	margin-left:-10px;
	width:0;
	height:0;
	border-top:10px solid #ffffff;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.abroad-txt4	{
	font-size:0.8em;
	text-align:right;
	color:#757575;
	padding-bottom:4px;
	border-bottom:#acdd73 2px dotted;
	margin-bottom:20px;
}
.abroad-intro-txt	{
	font-size:0.9em;
	line-height:1.6em;
	padding:0 10px 10px;
}
.abroad-intro-txt2	{
	font-size:0.8em;
	line-height:1.4em;
}
.abroad-select-point	{
	font-size:0.8em;
	position:relative;
	padding:0px 0px 0px 15px;
	float:left;
	margin:0 10px 6px 0;
}
.abroad-select-point:before	{
	content: "";
  position: absolute;
  width: 8px;
	height: 8px;
	background:#6eb536;
	left:3px;
	top:3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.abroad-image	{
	text-align:center;
	margin-bottom:20px;
}
.abroad-image img	{
	max-width:100%;
	height:auto;
}
.map-ora	{
	background:#dea229;
	font-weight:bold;
	padding:0 4px;
	margin-right:6px;
}
.map-ora2	{
	font-weight:bold;
	margin-right:6px;
}

/*卒業後の進路-大学編入（a_way/university.html）






--------------------------------------------------------------------*/
.a-way-read3	{
	font-size:1.2em;
	color:#b72a81;
	line-height:1.5em;
	text-align:center;
	margin:20px 0 16px;
}
.univ-baloon	{
	position:relative;
	border:#d78eb9 2px solid;
	border-radius:8px;
	font-size:1.1em;
	color:#b12561;
	padding:6px 0 2px 5px;
}
.univ-baloon:before	{
	position:absolute;
	content:"";
	bottom:-10px;
	left:75px;
	margin-left:-10px;
	width:0;
	height:0;
	border-top:10px solid #d78eb9;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.univ-baloon:after	{
	position:absolute;
	content:"";
	bottom:-7px;
	left:75px;
	margin-left:-10px;
	width:0;
	height:0;
	border-top:10px solid #ffffff;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.univ-txt4	{
	font-size:0.8em;
	text-align:right;
	color:#757575;
	padding-bottom:4px;
	border-bottom:#d7a8c8 2px dotted;
	margin-bottom:20px;
}

.univ-interview-read	{
	font-size:1.1em;
	color:#9a1869;
	line-height:1.5em;
	margin:0 0 5px;
}
.univ-interview-txt	{
	font-size:0.85em;
	line-height:1.5em;
	margin:0 0 20px;
}
.university-box	{
	padding:0 0 20px;
}
.university-grade	{
	font-size:0.9em;
	color:#ed4055;
	width:4em;
	padding-right:10px;
	float:left;
}
.university-grade-right	{
	font-size:0.85em;
	overflow:auto;
	margin-bottom:8px;
}
.university-left	{
	width:47%;
	float:left;
}
.university-left img	{
	max-width:100%;
	height:auto;
}
.university-right	{
	width:51%;
	float:right;
}
@media screen and (max-width: 500px) {
	.university-left	{
		width:98%;
		float:none;
	}
	.university-right	{
		width:98%;
		float:none;
	}
}
.header-surugadai	{
	font-size:0.9em;
	position:relative;
	margin:0 0 10px;
	padding:3px 0 3px 4px;
	border-bottom:#cc2e83 1px solid;
	color:#a0036a;
}
.surugadai-depart	{
	font-size:0.85em;
	width:11em;
	padding-right:10px;
	float:left;
}
.surugadai-subject	{
	font-size:0.85em;
	overflow:auto;
	margin-bottom:8px;
}
.university-select-point	{
	font-size:0.8em;
	position:relative;
	padding:0px 0px 0px 15px;
	float:left;
	margin:0 10px 6px 0;
}
.university-select-point:before	{
	content: "";
  position: absolute;
  width: 8px;
	height: 8px;
	background:#E82884;
	left:3px;
	top:3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/*卒業後の進路-資格取得（a_way/qualification.html）






--------------------------------------------------------------------*/
.quali-read	{
	font-size:1.2em;
	color:#18489a;
	line-height:1.5em;
	text-align:center;
	margin:20px 0 6px;
}
.quali-intro-txt	{
	font-size:0.85em;
	line-height:1.6em;
	padding:0 0 6px;
}
.quali-list	{
	font-size:0.85em;
	padding:0 0 6px 0;
}
.toeic-point	{
	font-size:0.9em;
	color:#036ba0;
	width:12em;
	padding:0 10px 2px 0;
	margin-bottom:4px;
	float:left;
}
.toeic-point-right	{
	font-size:0.9em;
	overflow:auto;
	padding:0 0 2px 3px;
	margin-bottom:4px;
}
@media screen and (max-width: 500px) {
	.toeic-point	{
		float:none;
	}
	.toeic-point-right	{
		float:none;
	}
}
.toeic-company-box	{
	margin:0 10px 2px;
}
.toeic-company	{
	font-size:0.9em;
	width:8em;
	color:#3547d4;
	padding:0 10px 2px 0;
	margin-bottom:4px;
	float:left;
}
.toeic-company-right	{
	font-size:0.9em;
	overflow:auto;
	padding:0 0 2px 3px;
	margin-bottom:4px;
}
@media screen and (max-width: 500px) {
	.toeic-company	{
		float:none;
	}
	.toeic-company-right	{
		float:none;
		padding-left:20px;
	}
}
.toeic-company-att	{
	margin:0 20px 20px;
	font-size:0.8em;
	text-align:right;
	color:#707070;
}
.quali-mess-read	{
	padding:0 10px 6px;
	font-size:1.0em;
	color:#355682;
}
.quali-mess-name	{
	font-size:0.9em;
	text-align:right;
	padding-bottom:6px;
}
.quali-mess-txt	{
	padding:0 14px 20px;
	font-size:0.9em;
}

.quali-baloon	{
	position:relative;
	border:#8eb6d7 2px solid;
	border-radius:8px;
	font-size:1.1em;
	color:#255eb1;
	padding:6px 0 2px 5px;
}
.quali-baloon:before	{
	position:absolute;
	content:"";
	bottom:-10px;
	left:75px;
	margin-left:-10px;
	width:0;
	height:0;
	border-top:10px solid #8eb6d7;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.quali-baloon:after	{
	position:absolute;
	content:"";
	bottom:-7px;
	left:75px;
	margin-left:-10px;
	width:0;
	height:0;
	border-top:10px solid #ffffff;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.quali-txt4	{
	font-size:0.8em;
	text-align:right;
	color:#757575;
	padding-bottom:30px;
	border-bottom:#255eb1 2px dotted;
	margin-bottom:40px;
}
.quali-box	{
	margin:20px 0px 10px;
	border:#b3c7d6 1px solid;
	border-radius:4px;
}
.quali-box-head	{
	width:5em;
	font-size:0.9em;
	color:#156ba8;
	position:relative;
	left:10px;
	top:-8px;
	background:#FFF;
	margin:0;
	padding:0 6px;
}
.quali-box ul	{
	margin-top:-4px;
	padding:0 10px;
	list-style:none;
}
.quali-menu	{
	font-size:0.8em;
	position:relative;
	float:left;
	margin:0 16px 10px 0;
	padding:0 0 0 14px;
}
.quali-menu:before	{
	content: "";
  position: absolute;
  width: 8px;
	height: 8px;
	background:#4b87dd;
	left:3px;
	top:3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/*交通アクセス（access/index.html)
--------------------------------------------------------------------*/	
.access-area	{
	margin:0 10px 20px;
}
.access-area img	{
	max-width:100%;
	height:auto;
}

/*

*/

/*募集要項（guideline/index.html)
--------------------------------------------------------------------*/	
.guideline-list	{
	font-size:0.9em;
	margin:0 10px 20px;
}
.guideline-list li	{
	list-style:none;
	line-height:1.6em;
	position:relative;
	padding-left:14px
}
.guideline-list li:before	{
	content:"";
	position:absolute;
	top:3px;
	left:0;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#a38be5;
}
.guideline-point ol	{
  display: block;
  font-size:0.9em;
  position: relative;
	list-style:none;
  margin: 0 10px 6px;
  padding: 0 0 0 16px;
  counter-increment: guideline-point;
}
.guideline-point ol:before	{
  position: absolute;
  top: -1px;
  left: 0px;
  text-align: center;
  color:#9c82e3;
  margin: auto;
  content: counter(guideline-point);
}
.guideline-notes	{
	font-size:0.9em;
	margin:0 20px 20px;
}

/*募集要項（guideline/index.html)
--------------------------------------------------------------------*/	
.header-extension	{
	font-size: 1.3em;
	color:#FFF;
	padding: 9px 0 5px 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
	margin: 0 0 20px;
	position: relative;
	border-radius:0 0 6px 6px;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
	background:#1ea6be;
}

.header-extension:before	{
	position:absolute;
	top:1px;
	left:6px;
	width:4px;
	height:30px;
	background:#FFF;
	content:"";
	box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);
}

/*個人情報の取り扱いについて（privacy.html)
--------------------------------------------------------------------*/	
.privacy-list	{
	font-size:0.9em;
	margin:0 20px 20px;
}
.privacy-list li	{
	list-style:none;
	line-height:1.6em;
	position:relative;
	padding:0 20px 0 14px;
	float:left;
}
.privacy-list li:before	{
	content:"";
	position:absolute;
	top:3px;
	left:0;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#5f94d3;
}
.privacy ol	{
  display: block;
  font-size:0.9em;
  position: relative;
	list-style:none;
  margin: 0 20px 6px;
  padding: 0 0 0 16px;
  counter-increment: guideline-point;
}
.privacy ol:before	{
  position: absolute;
  top: -1px;
  left: 0px;
  text-align: center;
  color:#345dbc;
  margin: auto;
  content: counter(guideline-point);
}
.privacy-notes	{
	font-size:0.9em;
	margin:0 20px 20px;
}

/*サイトマップ（sitemap.html)
--------------------------------------------------------------------*/
.sitemap-box	{
	padding:0 16px 16px;
}
.sitemap-box p	{
	font-size:0.9em;
	padding-bottom:3px;
	margin:0;
}
/*ビデオメッセージへのリンクボタン
--------------------------------------------------------------*/
.vid-btn-box	{
	text-align:center;
	margin-bottom:16px;
}
@media screen and (max-width: 767px) {
	.vid-btn-box	{
		display:none;
	}
}

/*卒業生で証明書の発行が必要な方へ
-------------------------------------------------------------------*/
.gradu-txt	{
	font-size:0.9em;
}
.gradu-read	{
	font-size:1.1em;
}


/* box margin
---------------------------------------------------------*/
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px;}


.comment{
	font-size: 0.8em;
	margin: -10px 0 0 10px;
}
.bordered-text {
	border: 1px solid #C71612; /* 赤色の線を1ピクセルの太さで描く */
	padding: 2.5px 2.5px 0px 2.5px; /* テキストと線の間に5ピクセルの余白を設定 */
	border-radius: 8px;
}
.bordered-text-red {
	border: 5px solid #fff; /* 白色の線の太さ */
	background: #D5575C;
	padding: 20px; /* テキストと線の間に5ピクセルの余白を設定 */
	border-radius: 50px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
}
.bordered-text-blue-s {
	background: #0082CB;
	padding: 5px; /* テキストと線の間に5ピクセルの余白を設定 */
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
}


.flex-container {
  display: flex; /* Flexboxを使用 */
  flex-wrap: wrap; /* 要素が行を超えた場合に折り返す */
  align-items: flex-start; /* 上揃えにする */
  justify-content: center;
}
.flex-item-col{
	display: flex;
	flex-direction: column;
	padding-left: 5px;
	margin: 10px;
}
.flex-item-row{
	display: flex;
	flex-direction: row;
	padding-left: 5px;
	margin: 10px;
}
.image-00{
  margin: 5px; /* 画像間の余白を設定 */
  max-width: 60%; /* 画像の最大幅をウィンドウの幅に合わせる */
  height: auto; /* 高さを自動で調整 */
}

.image-01,
.image-02,
.image-03{
  margin: 5px; /* 画像間の余白を設定 */
  max-width: 30%; /* 画像の最大幅をウィンドウの幅に合わせる */
  height: auto; /* 高さを自動で調整 */
}
	
@media screen and (max-width: 767px) {
  .flex-container {
    align-items: flex-start; /* 上揃えにする */
  }
  .image-00 {
    max-width: 65%;
    height: auto; /* 高さを自動で調整 */
  }
  .image-01 {
    max-width: 47%;
    height: auto; /* 高さを自動で調整 */
  }
  .image-02 {
    max-width: 47%;
    height: auto; /* 高さを自動で調整 */
	clear: both; /* 次の行に移動 */
  }
  .image-03 {
    max-width: 48%;
    height: auto; /* 高さを自動で調整 */
	margin-top: 30px;
  }
}

@media screen and (max-width: 500px) {
  .flex-container {
    flex-direction: column; /* フレックスアイテムを垂直に配置 */
	align-items: center; 
  }
  .image-00 {
    max-width: 100%;
    height: auto; /* 高さを自動で調整 */
  }
  .image-01,
  .image-02,
  .image-03{
    max-width: 75%;
    height: auto; /* 高さを自動で調整 */
  }
}

@media screen and (max-width : 1070px ){
  .flex-container {
    flex-direction: column; /* フレックスアイテムを垂直に配置 */
	align-items: center; 
  }
  .image-00 {
    max-width: 100%;
    height: auto; /* 高さを自動で調整 */
  }
  .image-01,
  .image-02,
  .image-03{
    max-width: 80%;
    height: auto; /* 高さを自動で調整 */
  }
}

.table-container {
				  display: flex;
				  text-align: left;
				  justify-content: center;
				}

@media screen and (max-width: 767px){
	.col-xs-offset-01{
		margin-left: 8.33333333%;
	}
}
@media screen and (max-width: 500px){
	.col-xs-offset-01{
		margin-left: 8.33333333%;
	}
}
@media screen and (max-width : 1070px ){
	.col-xs-offset-01{
		margin-left: 8.33333333%;
	}
}


/*新着情報（news/~.html)
--------------------------------------------------------------------*/	

.news p{
	overflow-wrap: break-word;
}
.news h2{
	font-size: 2rem;
	font-weight: bold;
}
.news h3{
	color: #E53935;
    font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.news h5{	
	color: #095CA7;
    font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.news .card {
    border-radius: 10px;
    margin-bottom: 0.5em;
	padding: 1em 1.5em;
	overflow: hidden !important;
}
.news .card h3 {
    font-size: 1em;
	background-color: #095CA7;
	color: #FFF;
	font-weight: normal;
}
.news .card h4 {
    font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 16px;
}
.news .card p {
    font-size: 0.9em;
	font-weight: 600;
}
.news .card-01 {
	border: 4px solid #095CA7;	
	color: #095CA7;
}
.news .card-02 {
	background: #095CA7;
    border: 4px solid #fff;
	color: #FFFFFF;
}
.news .card-03 {
	border: 1px solid #095CA7;	
	color: #095CA7;
	padding: 0em;
}

@media screen and (max-width: 767px) {
  .news .flex-item-news{
	display: flex;
	flex-direction: column;
	padding-left: 5px;
	margin: 10px;
	align-items: center!important ;
	clear: both;
		}
  }

/*フォントの太さ

--------------------------------------------------------------------*/	
.fb500 {
  font-weight: 500;
}

.fb600 {
  font-weight: 600;
}

.fb700 {
  font-weight: 700;
}

.fb800 {
  font-weight: 800;
}

.fb900 {
  font-weight: 900;
}

/*文字色
--------------------------------------------------------------------*/	
.font-black {
	color: #000;
}
.font-white {
	color: #FFF;
}
　
/*背景色
--------------------------------------------------------------------*/
.bg-color-blue {
	background: #095CA7;
}

.center{
	align-items: center!important;
	text-align: center;
}