@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------


モニター募集　2017.1


----------------------------------------------------------*/
@media screen and (min-width: 721px) {
#contactus_monitor_index #visual {
  position: relative;
  height: 380px;
  margin: 0;
  background-color:#F7F5EA;
}

#contactus_monitor_index #visual figure {
  position: relative;
  height: 405px;
  overflow: hidden;
}

#contactus_monitor_index #visual figure #main_pc {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#contactus_monitor_index #visual figure #main_sp {
	display:none;
}

#contactus_monitor_index #visual figure[class^="shadow"]::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: "";
}


#contactus_monitor_index #visual figure.shadow0::before {
  background: rgba(0, 0, 0, 0);
}

#contactus_monitor_index .mainTxt{
	background-color:#F7F5EA; 
	text-align:center; 
	padding:50px 0 30px 0; 
	font-size:20px;
}


#contactus_monitor_index #about {
  padding:20px 0 0 0;
  background-color:#F7F5EA;
}

#contactus_monitor_index #about .about_list {
  width: 1084px;
  margin: 0 auto;
  counter-reset: li;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#contactus_monitor_index #about .about_list li:first-child {
    margin: 0 100px 0 0;
}


#contactus_monitor_index #about .orangeTit {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  color:#FF783E;
  text-align:center;
  padding:10px 0;
}

#contactus_monitor_index #about .aboutIcon{
	float:left; 
	height:105px;
}


#contactus_monitor_index #about .about_list img {
	margin-bottom:20px;
}

#contactus_monitor_index #about .nom{
	background-color: #FF783E;
	color:#FFF;
	font-weight:bold;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	padding:1px 12px;
	width:43px;
	height:43px;
	float:left;
	font-size:26px;
	margin-right:15px;
}

#contactus_monitor_index #about .aboutTxtArea{
	height:50px;
}

#contactus_monitor_index #about .aboutTxt{
	font-size:16px;
	padding: 10px 0;
}

#contactus_monitor_index #about .osusume{
	width:1100px; 
	background-color:#FFF; 
	height:396px;
	margin: 60px auto 0 auto;
	background-image:url(/form/img/gaigo/monitor/backImg.png); 
	background-position:right; 
	background-repeat:no-repeat;
}

#contactus_monitor_index #about .osusumeArea{
	 padding:50px; 
}

#contactus_monitor_index #about .orangeTxt {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.4;
  color:#FF783E;
  margin:0 0 40px 0;
}

#contactus_monitor_index #about .orangeTxt2,
#contactus_monitor_index .flow_entry .orangeTxt2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  color:#FF783E;
  margin:60px 0 15px 0;
  text-align:center;
}


#contactus_monitor_index #about .about_bg{
	background-color:#EBE6C9; 
	float:left; width:380px; 
	padding:10px; height:90px;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	margin-bottom:10px;
}


#contactus_monitor_index #about .about_bg2{
	background-color:#FFF; 
	font-size:16px; 
	text-align:center; 
	height:70px; 
	display: table-cell;
	vertical-align: middle;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; 
	width:380px;
}

#contactus_monitor_index #about .about_bg2s{
	background-color:#FFF; 
	font-size:16px; 
	text-align:center; 
	height:70px; 
	display: table-cell;
	vertical-align: middle;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; 
	width:190px;
}

#contactus_monitor_index #about .about_bg2ss{
	font-size:16px; 
	text-align:center; 
	height:20px; 
	display: table-cell;
	vertical-align: middle;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; 
	width:20px;
	padding:0 3px;
}


#contactus_monitor_index #about .about_bg2 span,
#contactus_monitor_index #about .about_bg2s span{
	font-size:14px;
}


#contactus_monitor_index #about .about_bgR{
	background-color:#D9CF9E; 
	float:left;width:350px; 
	padding:10px; 
	height:90px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	margin-bottom:10px;
}

#contactus_monitor_index #about .about_bgR2{
	background-color:#EBE6C9; 
	padding:0 15px; 
	font-size:16px; 
	text-align:center; 
	height:70px;
	display: table-cell;
	vertical-align: middle;
}

#contactus_monitor_index #about .about_bgR3{
	font-size:16px; 
	margin:0 0 0 20px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}
	
#contactus_monitor_index #about .levelBoxL{
	float: left;
}
#contactus_monitor_index #about .levelBoxR{
	float: right;
}

#contactus_monitor_index #about .osusumeTxtArea{
	height:60px;
	margin-bottom:10px;
	background-image:url(/form/img/gaigo/monitor/icon03.png);
	background-repeat: no-repeat;
	padding:10px 0 10px 70px;
}

#contactus_monitor_index #about .osusumeTxt{
	font-size:20px;
	line-height:16pt;
}

#contactus_monitor_index #about .naiyou,
#contactus_monitor_index .flow_entry .naiyou{
	width:1100px; 
	margin:0 auto;
}


#contactus_monitor_index .arrow {
    position: absolute;
	left: 50%;
	z-index: 1;
	border-style: solid;
	border-width: 14px 14px 0;
	content: "";
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-color: #FF783E transparent transparent;
}

#contactus_monitor_index .table_monitor {
  width: 100%;
  border: 2px solid #FF783E;
  border-collapse: separate;
  border-radius: 10px;
  margin-bottom:5px;
}


#contactus_monitor_index .table_monitor th,
#contactus_monitor_index .table_monitor td {
  padding: 12px 20px;
  background: #fff;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
  vertical-align:middle;
}

#contactus_monitor_index .table_monitor th {
  background: #FFD6C5;
  font-weight: bold;
  text-align:center;
  width:200px;
  vertical-align:middle;
}

#contactus_monitor_index .table_monitor tr{
	border-left: none;
}



#contactus_monitor_index .table_monitor tr > *:first-child{
  border-left: none;
}

#contactus_monitor_index .table_monitor thead:first-child tr:first-child > *:first-child,
#contactus_monitor_index .table_monitor tbody:first-child tr:first-child > *:first-child{
  border-top-left-radius: 10px;
}

#contactus_monitor_index .table_monitor thead:first-child tr:first-child > *:last-child,
#contactus_monitor_index .table_monitor tbody:first-child tr:first-child > *:last-child {
  border-top-right-radius: 10px;
}

#contactus_monitor_index .table_monitor tbody:last-child tr:last-child > * {
  border-bottom: none;
}

#contactus_monitor_index .table_monitor tbody:last-child tr:last-child > *:first-child {
  border-bottom-left-radius: 10px;
}

#contactus_monitor_index .table_monitor tbody:last-child tr:last-child > *:last-child{
  border-bottom-right-radius: 10px;
}

#contactus_monitor_index .table_monitor .border_top {
  border-top: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index .table_monitor .border_btm{
  border-btm: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index .table_monitor .border_left{
  border-left: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index .table_monitor .border_right {
  border-right: 1px solid #d9d9d9 !important;
}



#contactus_monitor_index .table_monitor_s {
  border-collapse: separate;
  border-radius: 10px;
  margin-bottom:5px;
}


#contactus_monitor_index .table_monitor_s th,
#contactus_monitor_index .table_monitor_s td {
  padding: 5px 10px;
  background: #EBE6C9;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  text-align: center;
  vertical-align: top;
  line-height: 1.5;
}

#contactus_monitor_index .table_monitor_s th {
  background: #D9CF9E;
  font-weight: bold;
  text-align:center;
  width:150px;
}

#contactus_monitor_index .table_monitor_s tr{
	border-left: none;
}



#contactus_monitor_index .table_monitor_s tr > *:first-child{
  border-left: none;
}

#contactus_monitor_index .table_monitor_s thead:first-child tr:first-child > *:first-child,
#contactus_monitor_index .table_monitor_s tbody:first-child tr:first-child > *:first-child{
  border-top-left-radius: 10px;
}

#contactus_monitor_index .table_monitor_s thead:first-child tr:first-child > *:last-child,
#contactus_monitor_index .table_monitor_s tbody:first-child tr:first-child > *:last-child {
  border-top-right-radius: 10px;
}

#contactus_monitor_index .table_monitor_s tbody:last-child tr:last-child > * {
  border-bottom: none;
}

#contactus_monitor_index .table_monitor_s tbody:last-child tr:last-child > *:first-child {
  border-bottom-left-radius: 10px;
}

#contactus_monitor_index .table_monitor_s tbody:last-child tr:last-child > *:last-child{
  border-bottom-right-radius: 10px;
}

#contactus_monitor_index .table_monitor_s .border_top {
  border-top: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index .table_monitor_s .border_btm{
  border-btm: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index .table_monitor_s .border_left{
  border-left: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index .table_monitor_s .border_right {
  border-right: 1px solid #d9d9d9 !important;
}


#contactus_monitor_index #about .kaisai_school{
	width:1100px; 
	background-color:#FF783E; 
	color:#FFF; 
	font-size:26px; 
	font-weight:bold; 
	text-align:center;
	margin:60px auto 0 auto;
	padding:10px 0;
}

#contactus_monitor_index #about .kaisai_list {
  width: 1084px;
  margin: 20px auto;
  counter-reset: li;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#contactus_monitor_index #about .kaisai_list li {
	background-color:#FFF;
	width:540px;
	padding:30px;
}

#contactus_monitor_index #about .kaisai_list li:first-child {
    margin: 0 20px 0 0;
}

#contactus_monitor_index #about .gLine{
	border-bottom:2px solid #EEEEEE; 
	margin:20px 0;
}

#contactus_monitor_index #about .kaisaiArea{
	text-align:center; 
	font-size:22px;
	font-weight:bold;
}

#contactus_monitor_index .formEntry{
	font-size:24px; 
	text-align:center; 
	background-image:url(/form/img/gaigo/monitor/arrow.png); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-position:bottom; 
	height:100px;
}

/*-------------------------------------------------

開講スケジュール

-------------------------------------------------*/
#contactus_monitor_index .monitor_row dl {
    display: block !important;
}

#contactus_monitor_index .monitor_row dl:not(:last-child) {
    margin: 0;
}

#contactus_monitor_index .monitor_row dt {
	background-color: #FF783E;
	color: #FFF;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	width:1100px;
	flex:none;
}

#contactus_monitor_index .accordionPrompt {
	background-color: #EBE6C9;
	color: #000;
	font-size: 14px;
	padding: 0 10px 0 10px;
	position: absolute;
	right: 10px;
	top: 10px;
}

#contactus_monitor_index .accordionBody {
	display: none;
	overflow: hidden;
}

/* アコーディオン内のテーブル */
#contactus_monitor_index table.onecoinTbl {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	width:1100px;
	background-color:#FFF;
}

#contactus_monitor_index table.onecoinTbl tr.close{
	background-color: #C5C5C5;
}
	
#contactus_monitor_index table.onecoinTbl td span.close {
	color: #FF0000;
}
	
#contactus_monitor_index table.onecoinTbl th {
	font-weight: normal;
	padding: 5px 0;
	border: 1px solid #CCC;
	vertical-align: middle;
	line-height: 1.3em;
	background-color: #F6F6F6;
	text-align: center;
}

#contactus_monitor_index table.onecoinTbl td {
	padding: 5px 0;
	border: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3em;
}

#contactus_monitor_index #trialInfo {
	border: 1px dotted #08A3F3;
	padding: 10px 20px;
	margin-bottom: 30px;
}

#contactus_monitor_index #trialInfo ul li {
	padding-left: 15px;
	line-height: 1.5em;
}

#contactus_monitor_index table.onecoinTbl {
	border-collapse: collapse;
	border-spacing:0;
	margin-bottom:20px;
}
#contactus_monitor_index table.onecoinTbl th {
	font-weight:normal;
	padding:5px 0;
	border:1px solid #CCC;
	vertical-align:middle;
	line-height:1.3em;
	background-color:#F6F6F6;
	text-align:center;
}
#contactus_monitor_index table.onecoinTbl td {
	padding:5px 0;
	border:1px solid #CCC;
	text-align:center;
	vertical-align:middle;
	line-height:1.3em;
}

#contactus_monitor_index th.kaisai {
	width: 20%;
}

#contactus_monitor_index th.time {
	width: 5%;
}

#contactus_monitor_index th.youbi {
	width: 5%;
}

#contactus_monitor_index th.lesson {
	width: 20%;
}

#contactus_monitor_index th.level {
	width: 5%;
}

#contactus_monitor_index p.areaName {
	font-size: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 10px;
	font-weight: bold;
	/*	color:#0166FF;
	color:#ED286E;*/
	width: 100%;
}

@media screen and (max-width: 720px) {
img {
	max-width: 100%;
}

#contactus_monitor_index #mainTopArea {
	padding: 0 10px;
}

#contactus_monitor_index #mainArea {
	width: 100%;
	padding: 0 10px;
}	
	
/* アコーディオン内のテーブル */
[class*="js-templateContainer"] > table {
	float: none;
	width: 100%;
}
}


#contactus_monitor_index .flow_entry {
  padding: 40px 0;
  background: #F7F5EA;
  overflow: hidden;
}

#contactus_monitor_index .flow_entry .ttl01 {
  margin-bottom: 30px;
  line-height: 1.15;
}

#contactus_monitor_index .flow_entry .ttl01 span {
  font-size: 3.2rem;
}

#contactus_monitor_index .flow_entry .flow {
	padding:0;
  
}

#contactus_monitor_index .flow_entry .flow li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 23.3%;
          flex: 1 0 23.3%;
		  background:none;
}

#contactus_monitor_index .flow_entry .flow li:not(:first-child) {
  margin: 0 0 0 1px;
}

#contactus_monitor_index .flow_entry .flow li::before {
  top: 245px;
  border:none;
}

#contactus_monitor_index .flow_entry .flow li:first-child::before {
  right: 0;
}

#contactus_monitor_index .flow_entry .flow li:last-child::before {
  left: 0;
}
	
#contactus_monitor_index .flow li:not(:first-child)::before, .flow li:not(:first-child)::after

#contactus_monitor_index .flow_entry .flow li div{
	padding:0;
	position: relative;
}

#contactus_monitor_index .flow_entry .flow li .ttl {
  position: relative;
  margin: 15px 0;
  padding: 50px 0 0;
  box-sizing: content-box;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}

/*
	font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
	padding:15px 0;
	margin:0;


#contactus_monitor_index .flow_entry .flow li .ttl::before,
#contactus_monitor_index .flow_entry .flow li .ttl::after {
	display:none;
}*/
#contactus_monitor_index .flow_entry .flow li .ttl::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 30px;
  background: #ee0055;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 30px;
  counter-increment: li;
}

#contactus_monitor_index .flow_entry .flow li .ttl::after {
  position: absolute;
  top: 29px;
  left: 10px;
  content: "";
  border-color: #ee0055 transparent transparent;
  border-style: solid;
  border-width: 6px 5px 0;
}


#contactus_monitor_index .flow_entry .flow li div::before,
#contactus_monitor_index .flow_entry .flow li div::after {
	border:none;
  top: 102px;
}

#contactus_monitor_index .flow_entry .flow li div::before {
  right: -15px;
  border-color: transparent transparent transparent #ffe5ef;
}

#contactus_monitor_index .flow_entry .flow li:last-child div::before,
#contactus_monitor_index .flow_entry .flow li:last-child div::after {
  display: none;
}

#contactus_monitor_index .flow_entry .flow li figure {
	width:260px;
  height: 195px;
}

#contactus_monitor_index .flow_entry .flow li .ttl::before {
  width: 90px;
  content: "STEP " counter(li);
  border-radius: 100px;
}

#contactus_monitor_index .flow_entry .flow.column03 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
}

#contactus_monitor_index .flow_entry p.note {
  margin: 20px auto 0;
  text-align: center;
}
}

@media screen and (max-width: 720px) {
img {
	max-width: 100%;
}

#contactus_monitor_index #mainTopArea {
	padding: 0 10px;
}

#contactus_monitor_index #mainArea {
	width: 100%;
	padding: 0 10px;
}	
	
/* アコーディオン内のテーブル */
[class*="js-templateContainer"] > table {
	float: none;
	width: 100%;
}
}


#contactus_monitor_index .flow_entry {
  padding: 40px 0;
  background: #F7F5EA;
  overflow: hidden;
}

#contactus_monitor_index .flow_entry .ttl01 {
  margin-bottom: 30px;
  line-height: 1.15;
}

#contactus_monitor_index .flow_entry .ttl01 span {
  font-size: 3.2rem;
}

#contactus_monitor_index .flow_entry .flow {
	padding:0;
  
}

#contactus_monitor_index .flow_entry .flow li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 23.3%;
          flex: 1 0 23.3%;
		  background:none;
}

#contactus_monitor_index .flow_entry .flow li:not(:first-child) {
  margin: 0 0 0 1px;
}

#contactus_monitor_index .flow_entry .flow li::before {
  top: 245px;
  border:none;
}

#contactus_monitor_index .flow_entry .flow li:first-child::before {
  right: 0;
}

#contactus_monitor_index .flow_entry .flow li:last-child::before {
  left: 0;
}

#contactus_monitor_index .flow_entry .flow li:not(:first-child):not(:last-child)::before {
  left: 0;
  right: 0;
  width: auto;
}

#contactus_monitor_index .flow_entry .flow li div{
	padding:0;
	position: relative;
}

#contactus_monitor_index .flow_entry .flow li .ttl {
	font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
	padding:15px 0;
	margin:0;
}

#contactus_monitor_index .flow_entry .flow li .ttl::before,
#contactus_monitor_index .flow_entry .flow li .ttl::after {
	display:none;
}

#contactus_monitor_index .flow_entry .flow li div::before,
#contactus_monitor_index .flow_entry .flow li div::after {
	border:none;
  top: 102px;
}

#contactus_monitor_index .flow_entry .flow li div::before {
  right: -15px;
  border-color: transparent transparent transparent #ffe5ef;
}

#contactus_monitor_index .flow_entry .flow li:last-child div::before,
#contactus_monitor_index .flow_entry .flow li:last-child div::after {
  display: none;
}

#contactus_monitor_index .flow_entry .flow li figure {
	width:260px;
  height: 195px;
}

#contactus_monitor_index .flow_entry .flow li .ttl::before {
  width: 90px;
  content: "STEP " counter(li);
  border-radius: 100px;
}

#contactus_monitor_index .flow_entry .flow.column03 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
}

#contactus_monitor_index .flow_entry p.note {
  margin: 20px auto 0;
  text-align: center;
}
}

/*　開催校のスケジュール開閉　*/

/*	12 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */


/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/scripts/boxsizing.htc); 
	/*	If you need support for IE7 and lower make 
		sure the boxsizing.htc file is linked properly.
		More info here:  https://github.com/Schepp/box-sizing-polyfill */
}


/*	MAIN CONTAINER 
	Set the width to whatever you want the width of your site to be. */
#contactus_monitor_index .container { 
	max-width: 800px;
	margin: 0 auto; 
}



/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
#contactus_monitor_index .container:after,
#contactus_monitor_index .monitor_row:after, 
#contactus_monitor_index .col:after, 
#contactus_monitor_index .clr:after, 
#contactus_monitor_index .group:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

/* 	DEFAULT ROW STYLES 
	Set bottom padding according to preference */
#contactus_monitor_index .monitor_row { padding-bottom: 0em;
}
			
								  
/* DEFAULT COLUMN STYLES */
#contactus_monitor_index .col { 
	display: block;
	float: left;
	width: 100%;
}

@media ( min-width : 720px ) {
	
	#contactus_monitor_index .gutters .col {
		margin-left: 2%;
	}
	
	#contactus_monitor_index .gutters .col:first-child { 
		margin-left: 0; 
	}
}




/*	COLUMN WIDTH ON DISPLAYS +768px 
	You might need to play with media queries here to suite your design. */
@media ( min-width : 720px ) {
	#contactus_monitor_index .span_1 { width: 8.33333333333%; }
	#contactus_monitor_index .span_2 { width: 16.6666666667%; }
	#contactus_monitor_index .span_3 { width: 25%; }
	#contactus_monitor_index .span_4 { width: 33.3333333333%; }
	#contactus_monitor_index .span_5 { width: 41.6666666667%; }
	#contactus_monitor_index .span_6 { width: 50%; }
	#contactus_monitor_index .span_7 { width: 58.3333333333%; }
	#contactus_monitor_index .span_8 { width: 66.6666666667%; }
	#contactus_monitor_index .span_9 { width: 75%; }
	#contactus_monitor_index .span_10 { width: 83.3333333333%; }
	#contactus_monitor_index .span_11 { width: 91.6666666667%; }
	#contactus_monitor_index .span_12 { width: 100%; }
	
	#contactus_monitor_index .gutters .span_1 { width: 6.5%; }
	#contactus_monitor_index .gutters .span_2 { width: 15.0%; }
	#contactus_monitor_index .gutters .span_3 { width: 23.5%; }
	#contactus_monitor_index .gutters .span_4 { width: 32.0%; }
	#contactus_monitor_index .gutters .span_5 { width: 40.5%; }
	#contactus_monitor_index .gutters .span_6 { width: 49.0%; }
	#contactus_monitor_index .gutters .span_7 { width: 57.5%; }
	#contactus_monitor_index .gutters .span_8 { width: 66.0%; }
	#contactus_monitor_index .gutters .span_9 { width: 74.5%; }
	#contactus_monitor_index .gutters .span_10 { width: 83.0%; }
	#contactus_monitor_index .gutters .span_11 { width: 91.5%; }
	#contactus_monitor_index .gutters .span_12 { width: 100%; }
}


@media screen and (min-width: 0px) and (max-width: 720px) {
#contactus_monitor_index #visual {
  position: relative;
  margin: 0;
}

#contactus_monitor_index #visual div[class^="al_"] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  color: #fff;
}

#contactus_monitor_index #visual figure #main_sp {
	display: block;
}

#contactus_monitor_index #visual figure #main_pc {
	display:none;
}

#contactus_monitor_index #visual figure[class^="shadow"]::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: "";
}

#contactus_monitor_index #visual figure.shadow0::before {
  background: rgba(0, 0, 0, 0);
}


#contactus_monitor_index #visual h1 img{
	width:100% !important;
}

#contactus_monitor_index .mainTxt{
	background-color:#F7F5EA; 
	text-align:left; 
	padding:30px 15px; 
	font-size:14px;
}

#contactus_monitor_index #about {
  padding: 0 0 30px 0 ;
  background-color:#F7F5EA;
}

#contactus_monitor_index #about .about_list {
  counter-reset: li;
}

#contactus_monitor_index #about .about_list li:first-child {
  margin: 0 0 30px;
}

#contactus_monitor_index #about .about_list img {
	width:100%;
	margin-bottom:20px;
}


#contactus_monitor_index #about .orangeTit {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  color:#FF783E;
  text-align:center;
  padding:10px 0;
}

/*#contactus_monitor_index #about .orangeTit br{
	display:none;
}*/

#contactus_monitor_index #about .aboutIcon{
	float:left; 
	height:105px;
}

#contactus_monitor_index #about .aboutIcon img{
	width: 90%;
}


#contactus_monitor_index #about .nom{
	background-color: #FF783E;
	color:#FFF;
	font-weight:bold;
	border-radius:70px;
	-moz-border-radius:70px;
	-webkit-border-radius:70px;
	padding:2px 10px;
	width:35px;
	height:35px;
	float:left;
	font-size:20px;
	margin-right:10px;
}

#contactus_monitor_index #about .aboutTxtArea{
	height:50px;
}

#contactus_monitor_index #about .aboutTxt{
	font-size:14px;
	padding: 10px 0;
	line-height:14pt;
}
#contactus_monitor_index #about .osusume{
	background-color:#FFF; 
	height:550px;
	background-image:url(/form/img/gaigo/monitor/backImg_sp.png); 
	background-position:bottom; 
	background-repeat:no-repeat;
	background-size:contain;
}

#contactus_monitor_index #about .osusumeArea{
	 padding:20px;
	 background-color:#FFF;
}

#contactus_monitor_index #about .orangeTxt {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  color:#FF783E;
  margin:0 0 40px 0;
}

#contactus_monitor_index #about .orangeTxt2 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  color:#FF783E;
  margin:0 0 5px 0;
  text-align: center;
}

#contactus_monitor_index #about .osusumeTxtArea{
	margin-bottom:10px;
	background-image:url(/form/img/gaigo/monitor/icon03.png);
	background-repeat: no-repeat;
	padding:5px 0 10px 70px;
}
	
#contactus_monitor_index #about .about_bg{
	background-color:#EBE6C9; 
	float:left;
	width:100%; 
	padding:10px;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	margin-bottom:0;
}

#contactus_monitor_index #about .about_bg2{
	background-color:#FFF; 
	font-size:16px; 
	text-align:center; 
	display: table-cell;
	vertical-align: middle;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; 
	width:380px;
	padding: 5px;
}
	
#contactus_monitor_index #about .about_bg2 span{
	display: block;
}

#contactus_monitor_index #about .about_bg2s{
	background-color:#FFF; 
	font-size:16px; 
	text-align:center; 
	display:block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; 
	width:100%;
	padding: 5px;
}

#contactus_monitor_index #about .about_bg2ss{
	text-align:center; 
	height:20px; 
	display:block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; 
	width:20px;
	margin: 3px auto;
}


#contactus_monitor_index #about .about_bg2 span,
#contactus_monitor_index #about .about_bg2s span{
	font-size:14px;
}


#contactus_monitor_index #about .about_bgR{
	background-color:#D9CF9E; 
	float:left;
	width:100%; 
	padding:10px; 
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	margin-bottom:10px;
}

#contactus_monitor_index #about .about_bgR2{
	background-color:#EBE6C9; 
	padding:0 15px; 
	font-size:16px; 
	text-align:center; 
	display:block;
}

#contactus_monitor_index #about .about_bgR3{
	font-size:16px; 
	margin:0 0 0 20px;
	display: table-cell;
	vertical-align: middle;
}
#contactus_monitor_index #about .levelBoxL{
	float:none;
}
#contactus_monitor_index #about .levelBoxR{
	float:none;
}
	
#contactus_monitor_index .table_monitor_s {
  border-collapse: separate;
  border-radius: 10px;
  margin-bottom:5px;
  width: 100%;
}


#contactus_monitor_index .table_monitor_s th,
#contactus_monitor_index .table_monitor_s td {
  padding: 5px 10px;
  background: #EBE6C9;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  text-align: center;
  vertical-align: top;
  line-height: 1.5;
  display:inline;
  width: 100%;
}

#contactus_monitor_index .table_monitor_s th {
  background: #D9CF9E;
  font-weight: bold;
  text-align:center;
}

#contactus_monitor_index .table_monitor_s tr{
	border-left: none;
}



#contactus_monitor_index .table_monitor_s tr > *:first-child{
  border-left: none;
}

#contactus_monitor_index .table_monitor_s thead:first-child tr:first-child > *:first-child,
#contactus_monitor_index .table_monitor_s tbody:first-child tr:first-child > *:first-child{
  border-top-left-radius: 10px;
}

#contactus_monitor_index .table_monitor_s thead:first-child tr:first-child > *:last-child,
#contactus_monitor_index .table_monitor_s tbody:first-child tr:first-child > *:last-child {
  border-top-right-radius: 10px;
}

#contactus_monitor_index .table_monitor_s tbody:last-child tr:last-child > * {
  border-bottom: none;
}

#contactus_monitor_index .table_monitor_s tbody:last-child tr:last-child > *:first-child {
  border-bottom-left-radius: 10px;
}

#contactus_monitor_index .table_monitor_s tbody:last-child tr:last-child > *:last-child{
  border-bottom-right-radius: 10px;
}

#contactus_monitor_index .table_monitor_s .border_top {
  border-top: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index .table_monitor_s .border_btm{
  border-btm: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index .table_monitor_s .border_left{
  border-left: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index .table_monitor_s .border_right {
  border-right: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index #about .osusumeTxt{
	font-size:16px;
	line-height:14pt;
}

#contactus_monitor_index #about .osusumeTxt br{
	display:none;
}


#contactus_monitor_index #about .naiyou{
	width: auto;
}
	
#contactus_monitor_index .flow_entry .orangeTxt2 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  color:#FF783E;
  margin:0 0 5px 0;
  text-align: center;
}


#contactus_monitor_index .arrow {
    position: absolute;
	left: 50%;
	z-index: 1;
	border-style: solid;
	border-width: 14px 14px 0;
	content: "";
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-color: #FF783E transparent transparent;
}

.table_monitor {
  width: 100%;
  border: 2px solid #FF783E;
  border-collapse: separate;
  border-radius: 10px;
}


.table_monitor th,
.table_monitor td {
  padding: 12px 20px;
  background: #fff;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  text-align: left;
  line-height: 1.5;
  white-space: nowrap;
}

.table_monitor th {
  background: #FFD6C5;
  font-weight: bold;
}

.table_monitor tr, .table_monitor th, .table_monitor td {
  display: block;
  border-left: none;
  white-space: normal;
}



.table_monitor tr > *:first-child{
  border-left: none;
}

.table_monitor thead:first-child tr:first-child > *:first-child,
.table_monitor tbody:first-child tr:first-child > *:first-child {
  border-radius: 10px 10px 0 0;
}

.table_monitor tbody:last-child tr:last-child > *:last-child {
  border-bottom: none;
  border-radius: 0 0 10px 10px;
}



.table_monitor tbody:last-child tr:last-child > * {
  border-bottom: none;
}

/*.table_monitor tbody:last-child tr:last-child > *:first-child {
  border-bottom-left-radius: 10px;
}*/

.table_monitor tbody:last-child tr:last-child > *:last-child{
  border-bottom-right-radius: 10px;
}

.table_monitor .border_top {
  border-top: 1px solid #d9d9d9 !important;
}

.table_monitor .border_btm{
  border-btm: 1px solid #d9d9d9 !important;
}

.table_monitor .border_left{
  border-left: 1px solid #d9d9d9 !important;
}

.table_monitor .border_right {
  border-right: 1px solid #d9d9d9 !important;
}

#contactus_monitor_index #about .kaisai_school{
	width:100%; 
	background-color:#FF783E; 
	color:#FFF; 
	font-size:26px; 
	font-weight:bold; 
	text-align:center;
	margin:60px auto 0 auto;
	padding:5px 0;
}

#contactus_monitor_index #about .kaisai_list {
  counter-reset: li;
  margin-top: 30px;
}

#contactus_monitor_index #about .kaisai_list li {
	background-color:#FFF;
	width:100%; 
	padding:30px;
}

#contactus_monitor_index #about .kaisai_list li:first-child {
  margin: 0 0 30px;
}




#contactus_monitor_index #about .gLine{
	border-bottom:2px solid #EEEEEE; 
	margin:20px 0;
}

#contactus_monitor_index #about .kaisaiArea{
	text-align:center; 
	font-size:22px;
	font-weight:bold;
}

#contactus_monitor_index .formEntry{
	font-size:16px; 
	text-align:center; 
	background-image:url(/form/img/gaigo/monitor/arrow.png); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-position:bottom; 
	height:90px;
}

/*-------------------------------------------------

開講スケジュール

-------------------------------------------------*/
#contactus_monitor_index .monitor_row dl {
    display: block !important;
}

#contactus_monitor_index .monitor_row dl:not(:last-child) {
    margin: 0;
}

#contactus_monitor_index .monitor_row dt {
	background-color: #FF783E;
	color: #FFF;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	width:100%;
	flex:none;
}

#contactus_monitor_index .accordionPrompt {
	background-color: #EBE6C9;
	color: #000;
	font-size: 10px;
	padding: 0 10px 0 10px;
	position: absolute;
	right: 10px;
	top: 10px;
}

#contactus_monitor_index .accordionBody {
	display: none;
	overflow: hidden;
}

/* アコーディオン内のテーブル */
#contactus_monitor_index table.onecoinTbl {
	font-size: 9px;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	width:100%;
	background-color:#FFF;
}
	
#contactus_monitor_index table.onecoinTbl tr.close{
	background-color: #C5C5C5;
}
	
#contactus_monitor_index table.onecoinTbl td span.close {
	color: #FF0000;
}

#contactus_monitor_index table.onecoinTbl th {
	font-weight: normal;
	padding: 5px 0;
	border: 1px solid #CCC;
	vertical-align: middle;
	line-height: 1.3em;
	background-color: #F6F6F6;
	text-align: center;
}

#contactus_monitor_index table.onecoinTbl td {
	padding: 5px 0;
	border: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3em;
}

#contactus_monitor_index #trialInfo {
	border: 1px dotted #08A3F3;
	padding: 10px 20px;
	margin-bottom: 30px;
}

#contactus_monitor_index #trialInfo ul li {
	padding-left: 15px;
	line-height: 1.5em;
}

#contactus_monitor_index table.onecoinTbl {
	border-collapse: collapse;
	border-spacing:0;
	margin-bottom:20px;
}
#contactus_monitor_index table.onecoinTbl th {
	font-weight:normal;
	padding:5px 1px;
	border:1px solid #CCC;
	vertical-align:middle;
	line-height:1.3em;
	background-color:#F6F6F6;
	text-align:center;
}
#contactus_monitor_index table.onecoinTbl td {
	padding:5px 1px;
	border:1px solid #CCC;
	text-align:center;
	vertical-align:middle;
	line-height:1.3em;
}

#contactus_monitor_index th.kaisai {
	width: 15%;
}

#contactus_monitor_index th.time {
	width: 5%;
}

#contactus_monitor_index th.youbi {
	width: 7%;
}

#contactus_monitor_index th.lesson {
	width: 25%;
}

#contactus_monitor_index th.level {
	width: 10%;
}

#contactus_monitor_index p.areaName {
	font-size: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 10px;
	font-weight: bold;
	/*	color:#0166FF;
	color:#ED286E;*/
	width: 100%;
}

@media screen and (max-width: 720px) {
img {
	max-width: 100%;
}

#contactus_monitor_index #mainTopArea {
	padding: 0 10px;
}

#contactus_monitor_index #mainArea {
	width: 100%;
	padding: 0 10px;
}	
	
/* アコーディオン内のテーブル */
[class*="js-templateContainer"] > table {
	float: none;
	width: 100%;
}
}


#contactus_monitor_index .flow_entry {
  padding: 40px 0;
  background: #F7F5EA;
  overflow: hidden;
}

#contactus_monitor_index .flow_entry .ttl01 {
  margin-bottom: 30px;
  line-height: 1.15;
}

#contactus_monitor_index .flow_entry .ttl01 span {
  font-size: 3.2rem;
}

#contactus_monitor_index .flow_entry .flow {
	padding:0;
	margin: 0;
  
}

#contactus_monitor_index .flow_entry .flow li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 23.3%;
          flex: 1 0 23.3%;
		  background:none;
}

#contactus_monitor_index .flow_entry .flow li:not(:first-child)::after {
  margin: 0 0 0 1px;
}
	
#contactus_monitor_index .flow_entry .flow li:not(:first-child) {
  border-color: #FF783E transparent;
}

#contactus_monitor_index .flow_entry .flow li::before {
  top: 245px;
  border:none;
}

#contactus_monitor_index .flow_entry .flow li:first-child::before {
  right: 0;
}

#contactus_monitor_index .flow_entry .flow li:last-child::before {
  left: 0;
}

#contactus_monitor_index .flow_entry .flow li:not(:first-child):not(:last-child)::before {
  left: 0;
  right: 0;
  width: auto;
}

#contactus_monitor_index .flow_entry .flow li div{
	padding:0;
	position: relative;
}

#contactus_monitor_index .flow_entry .flow li .ttl {
	font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
	padding:15px 0;
	margin:0;
	text-align: center;
}

#contactus_monitor_index .flow_entry .flow li .ttl::before,
#contactus_monitor_index .flow_entry .flow li .ttl::after {
	display:none;
}

#contactus_monitor_index .flow_entry .flow li div::before,
#contactus_monitor_index .flow_entry .flow li div::after {
	border:none;
  top: 102px;
}

#contactus_monitor_index .flow_entry .flow li div::before {
  right: -15px;
  border-color: transparent transparent transparent #ffe5ef;
}

#contactus_monitor_index .flow_entry .flow li:last-child div::before,
#contactus_monitor_index .flow_entry .flow li:last-child div::after {
  display: none;
}

#contactus_monitor_index .flow_entry .flow li figure {
	width:260px;
  height: 195px;
}

#contactus_monitor_index .flow_entry .flow li .ttl::before {
  width: 90px;
  content: "STEP " counter(li);
  border-radius: 100px;
}

#contactus_monitor_index .flow_entry .flow.column03 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
}

#contactus_monitor_index .flow_entry p.note {
  margin: 20px auto 0;
  text-align: center;
}

#contactus_monitor_index .flow li:not(:first-child)::after {
    border-color: #D9CF9E transparent transparent;
}



	}



/*----------------------------------------------------------


高校生アカデミックコース　2017.2


----------------------------------------------------------*/
#contactus_high_s_academic_index #contents_academic{
	width:1200px;
	margin:0 auto;
}

#contactus_high_s_academic_index .mainImg{
	position: relative;
	background-image:url(/form/img/gaigo/high_s_academic/backimage.png);
	background-size: cover; 
	background-repeat:no-repeat;
	height:390px;
	z-index:0;
	overflow:hidden;
}

#contactus_high_s_academic_index #mainImgArea{
	width:1200px;
	margin:0 auto;
	position:relative;
}

#contactus_high_s_academic_index #mainImgArea .main01{
	position:absolute; 
	width:540px; 
	height:210px; 
	left:20px; 
	top:45px;
}

#contactus_high_s_academic_index #mainImgArea .main02{
	position:absolute; 
	width:540px; 
	height:63px; 
	left:20px; 
	top:285px;
}

#contactus_high_s_academic_index .high_s_academic_cpn{
	margin-top: 60px;
	text-align: center;
}

#contactus_high_s_academic_index .high_s_academic_cpn2{
	margin-top: 20px;
	text-align: center;
}

#contactus_high_s_academic_index .obj_smp{
	display:none;
}

#contactus_high_s_academic_index .title{
	font-size:28px; 
	color:#B20000; 
	font-weight:bold; 
	text-align:center;
	margin:60px 0 40px 0;
}

#contactus_high_s_academic_index .title{
	font-size:28px; 
	color:#B20000; 
	font-weight:bold; 
	text-align:center;
	margin:60px 0 40px 0;
}

#contactus_high_s_academic_index .br_smp{
	display:none;
}

#contactus_high_s_academic_index .title span{
	font-size:36px; 
	color:#336C54;
}

#contactus_high_s_academic_index .redLine{
    display: inline-block;
    position: relative;
    border-bottom: 3px solid #B20000;
}


#contactus_high_s_academic_index .redLine::before,
#contactus_high_s_academic_index .redLine::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

#contactus_high_s_academic_index .bg{
	background-image:url(/form/img/gaigo/high_s_academic/backimage_s.png);
	background-size: cover; 
	background-repeat:no-repeat;
	height:475px;
	z-index:0;
	overflow:hidden;
	margin-top:70px;
}

#contactus_high_s_academic_index .boxL{
	width:400px;
	float:left;
	text-align:center;
}

#contactus_high_s_academic_index .boxL .boxTxt{
	font-size:23px;
	font-weight:bold;
	margin:0 0 20px 0;
}

#contactus_high_s_academic_index .boxC{
	width:400px;
	float:left;
	text-align:center;
}

#contactus_high_s_academic_index .boxR{
	width:400px;
	float:left;
	text-align:center;
}

#contactus_high_s_academic_index .boxTxt{
	font-size:23px;
	font-weight:bold;
	margin:40px 0;
}

#contactus_high_s_academic_index .boxTxt_s{
	font-size:18px;
	font-weight:normal;
}

#contactus_high_s_academic_index .f18{
	font-size:18px;
}

#contactus_high_s_academic_index .f20{
	font-size:20px;
}


#contactus_high_s_academic_index .skill{
	width:1060px;
	margin:40px auto;
}

#contactus_high_s_academic_index .centerTxt{
	text-align:center;
}

#contactus_high_s_academic_index .marLR20{
	margin-right:20px;
	margin-left:20px;
}

#contactus_high_s_academic_index .marL20{
	margin-left:20px;
}

#contactus_high_s_academic_index .marR20{
	margin-right:20px;
}

#contactus_high_s_academic_index .syosai,
#contactus_high_s_academic_index .course_price{
	width:600px;
	text-align:center;
	float:left;
	margin:40px 0;
}

#contactus_high_s_academic_index .iconTxt{
	color:#C53F3F;
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
}

#contactus_high_s_academic_index .iconTxt img{
	vertical-align:text-bottom;
}

#contactus_high_s_academic_index .clearB{
	clear:both;
}

#contactus_high_s_academic_index .areaName{
	font-size:22px;
	text-align:center;
	margin-top:40px;
	margin-bottom:20px;
}

#contactus_high_s_academic_index table.kaisaiTable{
	border-top:1px solid #000;
	border-left:1px solid #000;
	width:600px;
	margin:0 auto;
}

#contactus_high_s_academic_index table.kaisaiTable th{
	background-color: #CCC;
	padding:0.5em 0.8em;
	vertical-align:middle;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	text-align:left;
	font-size:16px;
}

#contactus_high_s_academic_index table.kaisaiTable td{
	font-size:14px;
	padding:0.5em 0.8em;
	vertical-align:middle;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	vertical-align:top;
}

#contactus_high_s_academic_index table.kaisaiTable th.school{
	width:215px;
}

#contactus_high_s_academic_index .tableBtxt{
	font-size:16px;
	width:600px;
	margin:10px auto 40px auto;
}

#contactus_high_s_academic_index .fEntry{
	font-size:25px; 
	text-align:center;
	font-weight:bold;
	background-image:url(/form/img/gaigo/high_s_academic/arrow.png); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-position:bottom; 
	height:100px;
	margin:40px 0;
}

#contactus_high_s_academic_index .academic_lesson{
    padding: 40px 0 0;
    background: #FFF;
    overflow: hidden;
}

#contactus_high_s_academic_index .academic_lesson .academic_flow li:first-child::before {
    right: 0;
}

#contactus_high_s_academic_index .academic_lesson .academic_flow li::before {
    top: 245px;
}

#contactus_high_s_academic_index .academic_flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
    counter-reset: li;
}

#contactus_high_s_academic_index .academic_flow li::before {
    position: absolute;
    content: "";
    width: 310px;
    border-top: 2px dotted #d9d9d9;
}

#contactus_high_s_academic_index .academic_lesson .academic_flow li {
    background: #FFF;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 23.3%;
    flex: 1 0 23.3%;
	position: relative;
	margin: 0 0 0 1px;
}

#contactus_high_s_academic_index .academic_lesson .academic_flow.column03 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
	border-right: 1px solid #ffe5ef;
}

#contactus_high_s_academic_index .academic_flow li div {
    position: relative;
    padding: 20px;
}

#contactus_high_s_academic_index .academic_lesson .academic_flow li div::before, 
#contactus_high_s_academic_index .academic_lesson .academic_flow li div::after {
    top: 102px;
}

#contactus_high_s_academic_index .academic_flow li div::after {
    right: -14px;
    border-color: transparent transparent transparent #fff;
}

#contactus_high_s_academic_index .academic_flow li div::before, 
#contactus_high_s_academic_index .academic_flow li div::after {
    position: absolute;
    z-index: 1;
    content: "";
    border-style: solid;
    border-width: 14px 0 14px 14px;
}

#contactus_high_s_academic_index .academic_lesson .academic_flow li div::before {
    right: -15px;
    border-color: transparent transparent transparent #ffe5ef;
}
#contactus_high_s_academic_index .academic_flow li div::before {
    right: -15px;
}

#contactus_high_s_academic_index .academic_lesson .academic_flow li figure {
    height: 195px;
}
#contactus_high_s_academic_index .academic_flow li figure {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#contactus_high_s_academic_index .academic_flow li figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#contactus_high_s_academic_index .academic_flow li .ttl {
    position: relative;
    margin: 15px 0;
    padding: 50px 0 0;
    box-sizing: content-box;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
}
#contactus_high_s_academic_index .academic_flow li .ttl::after {
    position: absolute;
    top: 29px;
    left: 10px;
    content: "";
    border-color: #ee0055 transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0;
}
#contactus_high_s_academic_index .academic_lesson .academic_flow li .ttl::before {
    width: 90px;
    content: "STEP " counter(li);
    border-radius: 100px;
}
#contactus_high_s_academic_index .academic_flow li .ttl::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 30px;
    background: #ee0055;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 30px;
    counter-increment: li;
}
@media screen and (max-width: 720px) {
	
#contactus_high_s_academic_index #contents_academic{
	width:100%;
	margin:0 auto;
	padding:0 15px;
}


#contactus_high_s_academic_index .mainImg{
	display: none;
/*	position: relative;
	background-image:url(/form/img/gaigo/high_s_academic/backimage.png);
	background-size: cover; 
	background-repeat:no-repeat;
	height:150px;
	z-index:0;
	overflow:hidden;*/
}

/*#contactus_high_s_academic_index #mainImgArea .main01{
	position:absolute; 
	width:200px; 
	height:auto; 
	left:20px; 
	top:25px;
}*/

#contactus_high_s_academic_index #mainImgArea .main02{
	position:absolute; 
	width:200px; 
	height:auto; 
	left:20px; 
	top:105px;
}

#contactus_high_s_academic_index .title{
	font-size:20px; 
	color:#B20000; 
	font-weight:bold; 
	text-align:center;
	margin:30px 0;
}

#contactus_high_s_academic_index .br_smp{
	display: inline;
}
	
#contactus_high_s_academic_index .high_s_academic_cpn{
	margin-top: 20px;
	text-align: center;
	padding: 0 20px;
}
	
#contactus_high_s_academic_index .high_s_academic_cpn2{
	margin-top: 20px;
	text-align: center;
}

#contactus_high_s_academic_index .obj_pc{
	display:none;
}

#contactus_high_s_academic_index .obj_smp{
	display:block;
}


#contactus_high_s_academic_index .title span{
	font-size:26px; 
	color:#336C54;
}


#contactus_high_s_academic_index .bg{
	background-image:url(/form/img/gaigo/high_s_academic/backimage_s.png);
	background-size: cover; 
	background-repeat:no-repeat;
	width:100%;
	z-index:0;
	overflow:hidden;
	margin-top:40px;
	height:auto;
	background-position: center;
}

#contactus_high_s_academic_index .boxL{
	width:100%;
	float:none;
	text-align:center;
}

#contactus_high_s_academic_index .boxL .boxTxt{
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px 0;
}


#contactus_high_s_academic_index .boxC{
	width:100%;
	float:none;
	text-align:center;
}

#contactus_high_s_academic_index .boxR{
	width:100%;
	float:none;
	text-align:center;
}

#contactus_high_s_academic_index .skill{
	width:100%;
	margin:40px auto;
}

#contactus_high_s_academic_index .skill img{
	width:30%;
	margin-bottom:10px;
	margin-right:10px;
}

#contactus_high_s_academic_index .skill img.marLR20{
	margin:0 10px 10px 0;
}

#contactus_high_s_academic_index .skill img.marL20{
	margin:0 10px 10px 0;
}

#contactus_high_s_academic_index table.kaisaiTable{
	border-top:1px solid #000;
	border-left:1px solid #000;
	width:100%;
	margin:0 auto;
}

#contactus_high_s_academic_index table.kaisaiTable th{
	background-color: #CCC;
	padding:0.5em 0.8em;
	vertical-align:middle;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	text-align:left;
	font-size:14px;
}

#contactus_high_s_academic_index table.kaisaiTable th.school{
	width:auto;
}

#contactus_high_s_academic_index .tableBtxt{
	font-size:12px;
	width:100%;
	margin:10px auto 40px auto;
}

#contactus_high_s_academic_index .syosai{
	width:100%;
	text-align:center;
	float:left;
	margin:40px 0 0;
}
	
#contactus_high_s_academic_index .course_price{
	width:100%;
	text-align:center;
	float:left;
	margin:40px 0 60px;
}

#contactus_high_s_academic_index .boxTxt{
	font-size:20px;
	font-weight:bold;
	margin:10px 0;
}

#contactus_high_s_academic_index .boxTxt_s{
	font-size:14px;
	font-weight:normal;
	margin-bottom:30px;
}

#contactus_high_s_academic_index .f18{
	font-size:14px;
}

#contactus_high_s_academic_index .f20{
	font-size:16px;
}

#contactus_high_s_academic_index .centerTxt{
	text-align:left;
}


#contactus_high_s_academic_index .areaName{
	font-size:20px;
	text-align:center;
	margin-top:40px;
	margin-bottom:20px;
}

#contactus_high_s_academic_index .academic_lesson .academic_flow.column03 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
	border-right:none;
}


#contactus_high_s_academic_index .academic_lesson .academic_flow li div::before {
    right: -15px;
    border-color: transparent transparent transparent #fff;
}
	
#contactus_high_s_academic_index .academic_lesson {
    padding: 0;
}

}



/*----------------------------------------------------------


BIZ英会話トライアルLP　2017.5


----------------------------------------------------------*/
#contactus_bistrial_index .row {
    width: 1100px;
	margin:0 auto;
}

#contactus_bistrial_index #visual {
	position: relative;
	height: 750px;
	margin: 0 0 50px;
	background-color: #FFF;
	background: url(/form/img/gaigo/bis_trial/bg_main.png) left top;
}
#contactus_bistrial_index #visual h1 {
}
#contactus_bistrial_index #visual .btnBox {
	margin: 40px 0 0;
	background: url(/form/img/gaigo/bis_trial/bg_btn_bizTrial.png) left top;
	width:950px;
	height:420px;
	position:relative;
}
#contactus_bistrial_index #visual .btnBox a {
	display:block;
	position:absolute;
}
#contactus_bistrial_index #visual .btnBox a.formBtn {
	bottom:165px;
	right:100px;
}

#contactus_bistrial_index #visual .btnBox a.movieBtn {
	bottom:20px;
	right:60px;
}

#contactus_bistrial_index #intro {
	padding: 20px 0 80px 0;
	background-color: #FFF;
	position: relative;
}

#contactus_bistrial_index #intro h2 {
	text-align: center;
	font-size: 33px;
	color: #000;
	font-weight:bold;
	margin:0 0 50px;
	position: relative;
}
#contactus_bistrial_index #intro h2:before {
	content:url(/form/img/gaigo/bis_trial/leftBracket.png);
	position: relative;
	margin:0 10px 0 0;
}
#contactus_bistrial_index #intro h2:after {
	content:url(/form/img/gaigo/bis_trial/rightBracket.png);
	position: relative;
	margin:0 0 0 10px;
	bottom:-15px;
}
#contactus_bistrial_index #intro ul {
	margin:0 auto 30px;
	width:1100px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#contactus_bistrial_index #intro ul li {
	margin:0 0 30px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	  -ms-flex: 1 0 33.3%;
		  flex: 1 0 33.3%;
}

#contactus_bistrial_index #intro > div > p{
	font-size:43px;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}
#contactus_bistrial_index #intro > div > p > span{
	font-size:27px;
	display:block;
}
#contactus_bistrial_index #intro > div > p > strong{
	color:#E40059;
}


/* #point */
#contactus_bistrial_index #point {
	padding: 20px 0 50px;
	background-color: #9CCD49;
}

#contactus_bistrial_index #point div.row {
	background:url(/form/img/gaigo/bis_trial/bg_point.png) 45px 0 no-repeat;
	padding: 15px 0 0;
}

#contactus_bistrial_index #point h2 {
	text-align: center;
	font-size: 37px;
	color: #FFF;
	font-weight:bold;
	text-shadow: 2px 2px 0px #5FA515;
	margin:0 0 50px;
	position: relative;
}
#contactus_bistrial_index #point h2:before {
	content:url(/form/img/gaigo/bis_trial/leftBracket_w.png);
	position: relative;
	margin:0 10px 0 0;
}
#contactus_bistrial_index #point h2:after {
	content:url(/form/img/gaigo/bis_trial/rightBracket_w.png);
	position: relative;
	margin:0 0 0 10px;
	bottom:-15px;
}
#contactus_bistrial_index #point div > ol {
	margin:0 auto 50px;
	width:1100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	  -ms-flex-align: stretch;
		  align-items: stretch;
}
#contactus_bistrial_index #point div > ol li {
	margin:0 25px 0 0;
	position: relative;
	-webkit-box-flex: 1;
	  -ms-flex: 1 0 350px;
		  flex: 1 0 350px;
	box-shadow:0px 0px 5px #aaa;
	background-color:#FFF;
}
#contactus_bistrial_index #point div > ol li > figure img {
	width:100%;
	display:block;
}
#contactus_bistrial_index #point div > ol li > div {
	padding:30px 30px;
}

#contactus_bistrial_index #point div > ol li:nth-child(3) > div > p:nth-child(2) {
	letter-spacing: -0.05em;
}
#contactus_bistrial_index #point div > ol li:nth-child(3) > div > p:nth-child(2) strong {
	letter-spacing: 0;
}

#contactus_bistrial_index #point div > ol li > div > p:nth-child(1) {
	border:2px solid #231815;
	color:#231815;
	padding:2px 30px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	margin:0 40px 15px;
}
#contactus_bistrial_index #point div > ol li > div > p:nth-child(1) > span {
	color:#FFF;
	background-color:#231815;
	padding:0 5px;
	margin:0 0 0 3px;
	font-size:13px;
	font-weight:normal;
	line-height:1;
}
#contactus_bistrial_index #point div > ol li > div > p:nth-child(2) {
	font-size:15px;
}
#contactus_bistrial_index #point div > ol li > div > p:nth-child(2) > strong {
	font-size:24px;
	color:#000;
	display:block;
	margin:0 0 10px 0;
	text-align:center;
}

/* #training */
#contactus_bistrial_index #training {
	padding: 60px 0 50px;
	background-color: #5FA515;
}

#contactus_bistrial_index #training div {
	background:url(/form/img/gaigo/bis_trial/bg_training.png) 45px 0 no-repeat;
	padding: 0 0 0;
}

#contactus_bistrial_index #training h2 {
	text-align: center;
	color: #FFF;
	font-weight:bold;
	text-shadow: 2px 2px 0px #487A10;
	margin:0 0 50px;
	position: relative;
	font-size: 26px;
}
#contactus_bistrial_index #training h2 span {
	font-size:37px;
}
#contactus_bistrial_index #training h2 span:before {
	content:url(/form/img/gaigo/bis_trial/leftBracket_w02.png);
	position: relative;
	margin:0 10px 0 0;
	top:-15px;
}
#contactus_bistrial_index #training h2 span:after {
	content:url(/form/img/gaigo/bis_trial/rightBracket_w02.png);
	position: relative;
	margin:0 0 0 10px;
	bottom:-15px;
}


#contactus_bistrial_index #training div > dl {
	margin:0 auto 30px;
	width:1100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-start;
	  -ms-flex-align: flex-start;
		  align-items: flex-start;
}
#contactus_bistrial_index #training div > dl dd {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	  -ms-flex: 1 0 50%;
		  flex: 1 0 50%;
}
#contactus_bistrial_index #training div > dl dd > ul li {
	font-size:18px;
	line-height:1.5;
	color:#FFF;
	padding:0 0 0 40px;
	background:url(/form/img/gaigo/bis_trial/ico_check.png) left center no-repeat;
	margin:0 0 15px 0;
}
#contactus_bistrial_index #training div > dl dd:first-child > ul li {
	padding:0 30px 0 40px;
}
#contactus_bistrial_index #training div > dl dd:last-child > ul li:last-child {
	background: none;
	text-align:right;
	font-size:16px;
	margin:30px 0 0 0;
}
#contactus_bistrial_index #training p {
	width:890px;
	padding: 10px 0;
	margin:0 auto;
	background-color: #F4F7E6;
	font-size:22px;
	text-align:center;
	font-weight:bold;
	color:#5FA513;
}
#contactus_bistrial_index #training p > strong {
	color: #E40059;
	font-size:27px;
}

/* #schoolList */
#contactus_bistrial_index #schoolList {
	padding: 100px 0 80px;
	background-color: #FFF;
}
#contactus_bistrial_index #schoolList h2 {
	text-align: center;
	font-size: 22px;
	color: #000;
	font-weight:bold;
	margin:0 0 50px;
}
#contactus_bistrial_index #schoolList h2 span {
	font-size: 33px;
}
#contactus_bistrial_index #schoolList h2 span:before {
	content:url(/form/img/gaigo/bis_trial/leftBracket.png);
	margin:0 100px 0 0;
}
#contactus_bistrial_index #schoolList h2 span:after {
	content:url(/form/img/gaigo/bis_trial/rightBracket.png);
	margin:20px 0 0 100px;
}
#contactus_bistrial_index #schoolList dl {
	margin:0 auto 30px;
	/*width:1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
          align-items: flex-start;*/
	
	display: block;
	width: 400px;
}
#contactus_bistrial_index #schoolList dl dt {
	background:#9CCD49;
	color:#FFF;
	padding:10px 50px;
	text-align:center;
	-webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
}
#contactus_bistrial_index #schoolList dl dd {
	/*padding:0 0 0 20px;
	font-size:16px;*/
}
#contactus_bistrial_index #schoolList dl:last-child dd {
	/*padding:8px 0 0 20px;*/
		
	text-align: center;
	font-size: 1.5em;
	padding:8px 0 0 0;
}

/* #entry_block */
#contactus_bistrial_index #entry_block {
	padding: 0 0 0 0;
	background-color: #E4005A;
	position: relative;
	margin:0 0 200px 0;
}
#contactus_bistrial_index #entry_block:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top:45px solid #E4005A;
	border-right: 45px solid transparent;
	border-bottom: 45px solid transparent;
	border-left: 45px solid transparent;
	margin-left: -45px;
}

#contactus_bistrial_index #entry_block div {
	background:url(/form/img/gaigo/bis_trial/img_photo.jpg) left top no-repeat;
}

#contactus_bistrial_index #entry_block div > div{
	width:610px;
	background:url(/form/img/gaigo/bis_trial/bg_entry_block.png) left top no-repeat;
	padding:25px 40px 20px;
	margin:0 0 0 490px;
}
#contactus_bistrial_index #entry_block div > div > img{
	display:block;
	margin:0 0 15px 0;
}
#contactus_bistrial_index #entry_block div > div > p{
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
	margin:0 0 10px 0;
}
#contactus_bistrial_index #entry_block div > div a{
	display:block;
	background:#FFF;
	text-decoration:none;
	width:460px;
	margin:0 auto 10px;
	padding:5px;
	text-align:center;
	box-shadow: 4px 4px 0px #C30852;
}
#contactus_bistrial_index #entry_block div > div a > span{
	color:#E40059;
	font-weight:bold;
	font-size:21px;
}
#contactus_bistrial_index #entry_block div > div a > span:after{
	content:url(/form/img/gaigo/bis_trial/uArrow.png);
	margin:0 0 0 10px;
}

/* arrowBox */

#contactus_bistrial_index .arrowBox{
	overflow: hidden;
	position: relative;
}

#contactus_bistrial_index .arrowBox:before {
  content: "";
  position: absolute;
  height: 300px;
  width: 300%;
  bottom: -300px;
  left: -100%;
  -webkit-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  transform: rotate(-8deg);
}

#contactus_bistrial_index .arrowBox:after {
  content: "";
  position: absolute;
  height: 300px;
  width: 300%;
  bottom: -300px;
  left: -100%;
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  transform: rotate(8deg);
}

#contactus_bistrial_index .arrowBox:before {
  background: #9CCD49;
}
#contactus_bistrial_index .arrowBox:after {
  background: #9CCD49;
}


@media screen and (min-width: 0px) and (max-width: 720px) {


#contactus_bistrial_index .row {
    width: 100%;
	margin:0 auto;
	padding:0;
}

#contactus_bistrial_index #visual {
	position: relative;
	margin: 0 0 20px;
	background-color: #FFF;
	background:none;
	padding:0;
	height:auto;
}

#contactus_bistrial_index #visual h1 img {
	width:100%;
}
#contactus_bistrial_index #visual h1 a {
	margin: 0 0;
}

#contactus_bistrial_index #visual a img {
	width:100%;
}

#contactus_bistrial_index #intro {
	padding: 20px 0 40px 0;
	background-color: #FFF;
	position: relative;
}

#contactus_bistrial_index #intro h2 {
	text-align: center;
	font-size: 2.4rem;
	color: #000;
	font-weight:bold;
	margin:0 0 20px;
	position: relative;
}
#contactus_bistrial_index #intro h2:before {
	position: relative;
    content:" ";
    display:inline-block;
    width:25px;
    height:25px;
    background:url(/form/img/gaigo/bis_trial/leftBracket.png) left top no-repeat;    
    background-size:contain;
    vertical-align:middle;
	margin:0 5px 0 0;
}
#contactus_bistrial_index #intro h2:after {
	position: relative;
    content:" ";
    display:inline-block;
    width:25px;
    height:25px;
    background:url(/form/img/gaigo/bis_trial/rightBracket.png) left top no-repeat;    
    background-size:contain;
    vertical-align:middle;
	margin:0 0 0 0;
}

#contactus_bistrial_index #intro ul {
	margin:0 auto 30px;
	width:100%;
	display:block;
}
#contactus_bistrial_index #intro ul li {
	margin:0 0 10px;
	position: relative;
	width:100%;
	display:block;
}
#contactus_bistrial_index #intro ul li img {
	width:100%;
}
#contactus_bistrial_index #intro ul li:last-child {
	margin:0;
}
#contactus_bistrial_index #intro > div > p{
	font-size: 2.4rem;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}
#contactus_bistrial_index #intro > div > p > span{
	font-size: 1.6rem;
	display:block;
}
#contactus_bistrial_index #intro > div > p > strong{
	color:#E40059;
}


/* #point */
#contactus_bistrial_index #point {
	padding: 0 0 30px;
	background-color: #9CCD49;
}

#contactus_bistrial_index #point div.row {
	background:url(/form/img/gaigo/bis_trial/bg_point.png) 20px 0 no-repeat;
    background-size:100px auto;
	padding: 15px 0 0;
}
#contactus_bistrial_index #point div.arrow_box{
	width:100%;
	margin:0 auto;
	padding: 0 0;
	height:40px;
	background:url(/form/img/gaigo/bis_trial/bg_arrow.png) center top no-repeat;
    background-size:contain;
}

#contactus_bistrial_index #point h2 {
	text-align: center;
	font-size: 2.4rem;
	color: #FFF;
	font-weight:bold;
	text-shadow: 2px 2px 0px #5FA515;
	margin:0 0 20px;
	position: relative;
}
#contactus_bistrial_index #point h2:before {
	position: relative;
    content:" ";
    display:inline-block;
    width:25px;
    height:25px;
    background:url(/form/img/gaigo/bis_trial/leftBracket_w.png) left top no-repeat;    
    background-size:contain;
    vertical-align:middle;
	margin:0 5px 0 0;
}
#contactus_bistrial_index #point h2:after {
	position: relative;
    content:" ";
    display:inline-block;
    width:25px;
    height:25px;
    background:url(/form/img/gaigo/bis_trial/rightBracket_w.png) left top no-repeat;    
    background-size:contain;
    vertical-align:middle;
	margin:0 0 0 0;
}


#contactus_bistrial_index #point div > ol {
	margin:0 auto;
	width:100%;
	display:block;
}
#contactus_bistrial_index #point div > ol li {
	margin:0 auto 15px;
	position: relative;
	width:90%;
	box-shadow:0px 0px 5px #aaa;
	background-color:#FFF;
	display:block;
}
#contactus_bistrial_index #point div > ol li > figure img {
	width:100%;
	display:block;
}
#contactus_bistrial_index #point div > ol li > div {
	padding:30px 30px;
}

#contactus_bistrial_index #point div > ol li:nth-child(3) > div > p:nth-child(2) {
	letter-spacing: -0.05em;
}
#contactus_bistrial_index #point div > ol li:nth-child(3) > div > p:nth-child(2) strong {
	letter-spacing: 0;
}

#contactus_bistrial_index #point div > ol li > div > p:nth-child(1) {
	border:2px solid #231815;
	color:#231815;
	padding:2px 30px;
	font-size: 1.4rem;
	text-align:center;
	font-weight:bold;
	margin:0 40px 15px;
}
#contactus_bistrial_index #point div > ol li > div > p:nth-child(1) > span {
	color:#FFF;
	background-color:#231815;
	padding:0 5px;
	margin:0 0 0 3px;
	font-size: 1.4rem;
	font-weight:normal;
	line-height:1;
}
#contactus_bistrial_index #point div > ol li > div > p:nth-child(2) {
	font-size: 1.6rem;
}
#contactus_bistrial_index #point div > ol li > div > p:nth-child(2) > strong {
	font-size: 2.0rem;
	color:#000;
	display:block;
	margin:0 0 10px 0;
	text-align:center;
}

/* #training */
#contactus_bistrial_index #training {
	padding: 30px 0 30px;
	background-color: #5FA515;
}

#contactus_bistrial_index #training div {
	background:url(/form/img/gaigo/bis_trial/bg_training.png) 20px 0 no-repeat;
    background-size:120px auto;
	padding: 0 0 0;
}

#contactus_bistrial_index #training h2 {
	text-align: center;
	color: #FFF;
	font-weight:bold;
	text-shadow: 2px 2px 0px #487A10;
	margin:0 0 30px;
	position: relative;
	font-size: 1.8rem;
}
#contactus_bistrial_index #training h2 span {
	font-size: 2.4rem;
}
#contactus_bistrial_index #training h2 span:before {
	position: relative;
    content:" ";
    display:inline-block;
    width:25px;
    height:25px;
    background:url(/form/img/gaigo/bis_trial/leftBracket_w02.png) left top no-repeat;    
    background-size:contain;
    vertical-align:middle;
	margin:0 5px 0 0;
}
#contactus_bistrial_index #training h2 span:after {
	position: relative;
    content:" ";
    display:inline-block;
    width:25px;
    height:25px;
    background:url(/form/img/gaigo/bis_trial/rightBracket_w02.png) left top no-repeat;    
    background-size:contain;
    vertical-align:middle;
	margin:0 0 0 5px;
}


#contactus_bistrial_index #training div > dl {
	margin:0 auto 30px;
	width:100%;
	display:block;
}
#contactus_bistrial_index #training div > dl dd {
	position: relative;
	width:92%;
	margin:0 auto;
	display:block;
}
#contactus_bistrial_index #training div > dl dd > ul li {
	font-size: 1.5rem;
	line-height:1.5;
	color:#FFF;
	padding:0 0 0 25px;
	background:url(/form/img/gaigo/bis_trial/ico_check.png) left center no-repeat;
    background-size:18px auto;
	margin:0 0 10px 0;
}
#contactus_bistrial_index #training div > dl dd:first-child > ul li {
	padding:0 0 0 25px;
}
#contactus_bistrial_index #training div > dl dd:last-child > ul li:last-child {
	background: none;
	text-align:right;
	font-size: 1.4rem;
	margin:30px 0 0 0;
}
#contactus_bistrial_index #training p {
	width:90%;
	padding: 10px;
	margin:0 auto;
	background-color: #F4F7E6;
	font-size: 1.4rem;
	text-align:center;
	font-weight:bold;
	color:#5FA513;
}
#contactus_bistrial_index #training p > strong {
	color: #E40059;
	font-size: 1.8rem;
}

/* #schoolList */
#contactus_bistrial_index #schoolList {
	padding: 40px 0 40px;
	background-color: #FFF;
}
#contactus_bistrial_index #schoolList h2 {
	text-align: center;
	font-size: 1.6rem;
	color: #000;
	font-weight:bold;
	margin:0 0 30px;
}
#contactus_bistrial_index #schoolList h2 span {
	font-size: 2.2rem;
}
#contactus_bistrial_index #schoolList h2 span:before {
    content:" ";
    display:inline-block;
    width:25px;
    height:25px;
    background:url(/form/img/gaigo/bis_trial/leftBracket.png) left top no-repeat;    
    background-size:contain;
    vertical-align:middle;
	margin:0 10px 0 0;
}
#contactus_bistrial_index #schoolList h2 span:after {
    content:" ";
    display:inline-block;
    width:25px;
    height:25px;
    background:url(/form/img/gaigo/bis_trial/rightBracket.png) left top no-repeat;    
    background-size:contain;
    vertical-align:middle;
	margin:0 0 0 20px;
}
#contactus_bistrial_index #schoolList dl {
	margin:0 auto 0;
	width:92%;
	display:block;
}
#contactus_bistrial_index #schoolList dl dt {
	background:#9CCD49;
	color:#FFF;
	padding:10px 0;
	text-align:center;
	font-size: 1.5rem;
	display:block;
}
#contactus_bistrial_index #schoolList dl dd {
	padding:0 0 20px 0;
	font-size: 1.3rem;
	display:block;
}
#contactus_bistrial_index #schoolList dl:last-child dd {
	padding:0 0 20px 0;
	display:block;
}

/* #entry_block */
#contactus_bistrial_index #entry_block {
	padding: 0 0 0 0;
	background-color: #E4005A;
	position: relative;
	margin:0 0 70px 0;
}
#contactus_bistrial_index #entry_block:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top:40px solid #E4005A;
	border-right: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 40px solid transparent;
	margin-left: -40px;
}

#contactus_bistrial_index #entry_block div {
	background:none;
}

#contactus_bistrial_index #entry_block div > div{
	width:100%;
	background:url(/form/img/gaigo/bis_trial/bg_entry_block.png) left top no-repeat;
    background-size:contain;
	padding:25px 40px 20px;
	margin:0;
}
#contactus_bistrial_index #entry_block div > div > img{
	display:block;
	margin:0 auto 15px;
}
#contactus_bistrial_index #entry_block div > div > p{
	font-size: 1.6rem;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
	margin:0 0 10px 0;
}
#contactus_bistrial_index #entry_block div > div a{
	display:block;
	background:#FFF;
	text-decoration:none;
	width:92%;
	margin:0 auto 20px;
	padding:5px;
	text-align:center;
	box-shadow: 4px 4px 0px #C30852;
}
#contactus_bistrial_index #entry_block div > div a > span{
	color:#E40059;
	font-weight:bold;
	font-size: 1.5rem;
}
#contactus_bistrial_index #entry_block div > div a > span:after{
	content:url(/form/img/gaigo/bis_trial/uArrow.png);
	margin:5px 0 0 10px;
}



}


/*----------------------------------------------------------


月謝制語学スクール　2017.7


----------------------------------------------------------*/


#beginner_monthly {
	position: relative;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 300;
	background: #FFF;
	color: #3d3f3f;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#beginner_monthly .left {
	float: left;
}
#beginner_monthly .right {
	float: right;
}
#beginner_monthly .clear {
	clear: both;
}

@media screen and (min-width:720px) {
#beginner_monthly .pc {
	display: inline;
}
#beginner_monthly .sp {
	display: none;
}
#beginner_monthly a {
	color: #3d3f3f;
	text-decoration: none;
}
/*ページトップボタン*/
#beginner_monthly #page-top {
	margin: 0;
	padding: 0;
	position: fixed;
	right: 2%;
	bottom: 2%;
}
#beginner_monthly .top_button {
	display: block;
	background: #E40057;
	border-radius: 25%;
	width: 50px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#beginner_monthly .top_button:hover {
	opacity: 0.85;
}
/*ヘッダー*/
#beginner_monthly #beginner_monthly_header {
	background: #FFF;
	width: 100%;
	height: 90px;
	margin: 0 auto;
}
#beginner_monthly #beginner_monthly_header #header {
	width: 1000px;
	margin: 0 auto;
}
#beginner_monthly #beginner_monthly_header #header .header_left {
	width: 485px;
	height: 90px;
}
#beginner_monthly #beginner_monthly_header #header .header_center {
	width: 280px;
	height: 45px;
	padding: 22px 0 23px 0;
}
#beginner_monthly #beginner_monthly_header #header .header_right {
	width: 215px;
	height: 45px;
	padding: 22px 0 23px 0;
}
/*コンテンツ*/
#beginner_monthly #wrap {
	background: #f9f3ee;
	width: 1400px;
	margin: 0 auto;
}
#beginner_monthly .arrow {
	height: 50px;
	margin: 2% auto;
}
#beginner_monthly h2 {
	margin: 2% auto;
}
/*メインイメージ*/
/*#beginner_monthly #mainimage_bg {
	background: #f9f3ee;
	background: url(/form/img/gaigo/beginner_monthly/mainimage_bg_pc.png);
	background-size: 100% 100%;
	background-repeat: repeat-x;
	width: 100%;
	height: 724px;
}*/
#beginner_monthly #mainimage {
	position: relative;
	background: url(/form/img/gaigo/beginner_monthly/mainimage_pc.png);
	background-size: 100% 100%;
	width: 1400px;
	height: 724px;
	margin: 0 auto;
}
#beginner_monthly .balloon {
	position: absolute;
	width: 170px;
}
#beginner_monthly .b1 {
	top: 180px;
	left: 150px;
	height: 160px;
}
#beginner_monthly .b2 {
	top: 180px;
	right: 150px;
	height: 160px;
}
#beginner_monthly .b3 {
	top: 380px;
	left: 200px;
	height: 145px;
}
#beginner_monthly .mainimage_form {
	position: absolute;
	right: 250px;
	bottom: 40px;
	width: 370px;
	height: 60px;
}
/*0から始める月謝制の〜*/
#beginner_monthly #content1 {
}
#beginner_monthly #content1 .chara {
	height: 310px;
	margin: 10px auto;
}
/*初心者向けレッスンを修了〜*/
#beginner_monthly #content2 {
}
#beginner_monthly #content2 #balloon {
	width: 1000px;
	margin: 0 auto;
}
#beginner_monthly #content2 #balloon .voice {
}
/*月額制スクールの内容とは？〜*/
#beginner_monthly #content3 {
	margin: 50px 0;
}
/*よくある質問*/
#beginner_monthly #content4 {
	margin: 50px 0;
}
/*開催校一覧*/
#beginner_monthly #content5 {
	margin: 50px 0;
}
#beginner_monthly #content5 p {
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	width: 620px;
	margin: 0 auto;
}
#beginner_monthly #content5 #list {
	font-size: 13px;
	width: 1000px;
	margin: 30px auto;
}
#beginner_monthly #content5 #list ul {
	list-style: none;
}
#beginner_monthly #content5 #list ul li {
	margin: 5px 0;
}
#beginner_monthly #content5 #list ul li:before {
	content: ">";
	margin: 0 2px 0 0;
}
#beginner_monthly #content5 #list_tokyo {
	width: 560px;
	margin: 0 25px;
	padding: 0;
}
#beginner_monthly #content5 .list1 {
	width: 185px;
	margin: 0;
	padding: 0;
}
#beginner_monthly #content5 #list_kanagawa {
	width: 365px;
	margin: 0 25px 0 0;
	padding: 0;
}
#beginner_monthly #content5 .list1 {
	width: 185px;
	margin: 10px 0;
	padding: 0;
}
#beginner_monthly #content5 .list2 {
	width: 182px;
	margin: 10px 0;
	padding: 0;
}
#beginner_monthly #content5 .list_kanto {
	width: 165px;
	margin: 30px 6px 30px 25px;
}
#beginner_monthly #content5 .list3 {
	width: 180px;
	margin: 10px 0;
	padding: 0;
}
/*レッスンスタート*/
#beginner_monthly #content6 {
	background: #edd9c0;
	padding: 0px 0 50px 0;
}
#beginner_monthly #content6 #step {
	width: 1000px;
	margin: 0 auto;
}
#beginner_monthly #content6 #step img {
	float: left;
}
#beginner_monthly #content6 .step_text {
	width: 300px;
	margin-right: 33px;
}
#beginner_monthly #content6 #tel {
	width: 1000px;
	margin: 50px auto 0 auto;
}
/*応募フォーム*/
#beginner_monthly #content7{
	background:#FFF;	
	margin-bottom:50px;	
}

}

@media screen and (max-width:719px) {
#beginner_monthly .pc {
	display: none;
}
#beginner_monthly .sp {
	display: inline;
}
#beginner_monthly a {
	color: #3d3f3f;
	text-decoration: underline;
}
#beginner_monthly img {
	border: none;
	border-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}
#beginner_monthly p {
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	width: 96%;
	margin: 0 2%;
}
/*ヘッダー*/
#beginner_monthly #beginner_monthly_header {
	background: #FFF;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#beginner_monthly #beginner_monthly_header #header {
	width: 100%;
	margin: 0 auto;
}
#beginner_monthly #beginner_monthly_header #header .header_left {
	width: 60%;
}
#beginner_monthly #beginner_monthly_header #header .header_center {
	width: 40%;
}
/*ページトップボタン*/
#beginner_monthly {
	position: relative;
}
#beginner_monthly #page-top {
	margin: 0 auto;
	padding: 0;
	position: fixed;
	left: 5%;
	bottom: 0;
}
#beginner_monthly .top_button {
	display: block;
	background: #E40057;
	width: 95%;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#beginner_monthly .top_button:hover {
	opacity: 0.85;
}
/*コンテンツ*/
#beginner_monthly #wrap {
	background: #f9f3ee;
	width: 100%;
	margin: 0 auto;
}
#beginner_monthly .arrow {
	margin: 2% auto;
}
#beginner_monthly h2 {
	margin: 2% auto;
}

/*メインイメージ*/
#beginner_monthly #mainimage {
	position: relative;
	background: url(/form/img/gaigo/beginner_monthly/mainimage_sp.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	height: 320px;
	margin: 0 auto;
}
#beginner_monthly .balloon {
	position: absolute;
	width: auto;
}
#beginner_monthly .b1 {
	top: 60px;
	left: 2%;
	width: 15%;
}
#beginner_monthly .b2 {
	top: 70px;
	right: 1%;
	height: auto;
	width: 15%;
}
#beginner_monthly .b3 {
	top: 120px;
	left: 4%;
	width: 20%;
}
#beginner_monthly .mainimage_form {
	position: absolute;
	left: 20%;
	right: 20%;
	bottom: 0;
	width: 60%;
}
/*0から始める月謝制の〜*/
#beginner_monthly #content1 {
}
#beginner_monthly #content1 .chara {
	height: auto;
	margin: 10px auto;
}
/*初心者向けレッスンを修了〜*/
#beginner_monthly #content2 {
}
#beginner_monthly #content2 #balloon {
	width: 100%;
	margin: 0 auto;
}
#beginner_monthly #content2 #balloon .voice {
}
/*月額制スクールの内容とは？〜*/
#beginner_monthly #content3 {
	margin: 2% 0;
}
/*よくある質問*/
#beginner_monthly #content4 {
	margin: 2% 0;
}
/*開催校一覧*/
#beginner_monthly #content5 {
	margin: 2% 0;
}
#beginner_monthly #content5 #list {
	font-size: 10px;
	width: 100%;
	margin: 4% auto;
}
#beginner_monthly #content5 #list ul {
	list-style: none;
}
#beginner_monthly #content5 #list ul li {
	width: auto;
	margin: 5px 0;
}
#beginner_monthly #content5 #list ul li:before {
	content: ">";
	margin: 0 1% 0 0;
}
#beginner_monthly #content5 .list1 {
	width: 30%;
	height: auto;
	margin: 1% -10% 1% 10%;
	padding: 0;
}
#beginner_monthly #content5 .list2 {
	width: 35%;
	height: auto;
	margin: 1% 5% 1% 10%;
	padding: 0;
}
#beginner_monthly #content5 .list3 {
	width: 40%;
	height: auto;
	margin: 1% 5% 1% 10%;
}
#beginner_monthly #content5 #list_tokyo {
	width: 100%;
	margin: 2% auto;
	padding: 0;
}
#beginner_monthly #content5 #list_kanagawa {
	width: 100%;
	margin: 2% auto;
	padding: 0;
}
#beginner_monthly #content5 .list_kanto {
	width: 100%;
	margin: 2% auto;
	padding: 0;
}
/*レッスンスタート*/
#beginner_monthly #content6 {
	background: #edd9c0;
	padding: 0px 0 50px 0;
}
#beginner_monthly #content6 #step {
	font-size: 11px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
#beginner_monthly #content6 .step_text {
	text-align: center;
	width: 96%;
	margin: 0 2%;
}
#beginner_monthly #content6 #tel {
	width: 100%;
	margin: 2% auto 0 auto;
}
/*応募フォーム*/
#beginner_monthly #content7{
	background:#FFF;	
	margin-bottom:30px;	
}
}


/*----------------------------------------------------------


英会話2ヵ月集中プログラム　2017.8


----------------------------------------------------------*/

#eng_2month{
	padding-top: 0;
}

#eng_2month #mainImg{
	background:url(/form/img/gaigo/eng_2month/main_bg.png) top left repeat-x;
	margin:0 auto 50px;
}

#eng_2month #mainImg h1{
	text-align:center;
	margin:0 auto;
}

#eng_2month #intro{
	width:1100px;
	margin:0 auto;
	padding-bottom:100px;
}

#eng_2month #intro p{
	text-align:center;
	margin:0 auto;
}

#eng_2month #intro div.introBox{
	text-align:center;
	margin:0 auto 50px;
	padding-bottom:80px;
	background: url(/form/img/gaigo/eng_2month/line.gif) center bottom no-repeat;
}

#eng_2month #intro div.introBox p{
	text-align:center;
	font-size:16px;
}

#eng_2month #intro div.introBox p strong{
	font-size:20px;
	font-weight:bold;
	color:#272632;
}


#eng_2month table {
	width:1100px !important;
	position:relative;
}

#eng_2month table:after {
    position: absolute;
    top: 33px;
	left: 50%;
    content:" ";
    display:inline-block;
    width:55px;
    height:55px;
    background:url(/form/img/gaigo/eng_2month/img_or.png) left top no-repeat;    
    background-size:contain;
    vertical-align:middle;
	margin-left:-28px;
}

#eng_2month #intro table#lesson_2type td {
	width:550px;
	padding-right:10px;
}

#eng_2month #intro table#lesson_2type td:last-child {
	padding-left:10px;
}

/*#eng_2month #intro #lesson_2type:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

#eng_2month #intro #lesson_2type div.inner {
	width:540px;
	margin-right:10px;
	float:left;
}

#eng_2month #intro #lesson_2type div.inner:last-child {
	margin-left:10px;
}*/

#eng_2month #intro ul.check{
	margin:0 0 50px 0;
}

#eng_2month #intro ul.check li{
	list-style:none;
	text-align:left;
	background:url(/form/img/gaigo/eng_2month/ico_check.png) left center no-repeat;
	padding-left:30px;
}

#eng_2month h2#lesson_01{
	background-color:#172548;
}

#eng_2month h2#lesson_02{
	background-color:#6C001E;
}

#eng_2month #lesson01,
#eng_2month #lesson02{
	width:1100px;
	margin:0 auto;
	text-align:left;
	padding-bottom:80px;
}

#eng_2month h2{
	margin:0 auto 60px;
}

#eng_2month h2 {
	position: relative;
}

#eng_2month h2:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-width: 25px;
	margin-left: -25px;
}

#eng_2month h2#lesson_01:after{
	border-top-color:#203263;
}

#eng_2month h2#lesson_02:after{
	border-top-color:#7A0022;
}


#eng_2month h3{
	margin:0 auto 50px;
}

#eng_2month #lesson01 .caption,
#eng_2month #lesson02 .caption{
	margin:0 auto 50px;
	font-size:28px;
	text-align:center;
}

#eng_2month #lesson01 .caption{
	color:#221F5F;
}

#eng_2month #lesson02 .caption{
	color:#870026;
}

#eng_2month #lesson01 .caption span{
	font-weight:bold;
}

#eng_2month #lesson02 .caption span{
	font-weight:bold;
}

#eng_2month .img_float_left > div,
#eng_2month .img_float_right > div {
    padding: 0 30px 0 0;
	font-weight: normal;
}

#eng_2month #lesson01 ol,
#eng_2month #lesson02 ol{
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	text-align:left;
	margin:0 auto;
	font-size:18px;
}

#eng_2month #lesson01 ol li,
#eng_2month #lesson02 ol li{
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0 0.5em 40px;
}

#eng_2month #lesson01 ol li:before,
#eng_2month #lesson02 ol li:before{
	/* 数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	/*数字のデザイン変える*/
	display:inline-block;
	color: #FFF;
	font-size: 16px;
	border-radius: 50%;
	left: 0;
	top:0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align:center;
	/* 上下中央寄せ */
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#eng_2month #lesson01 ol li:before{
	background: #2A2874;
}

#eng_2month #lesson02 ol li:before{
	background: #890028;
}

#eng_2month #lesson01 ol li span{
	color: #2A2874;
	font-weight:bold;
}

#eng_2month #lesson02 ol li span{
	color: #890028;
	font-weight:bold;
}


#eng_2month #lesson01 .img_float_left figure,
#eng_2month #lesson01 .img_float_right figure,
#eng_2month #lesson02 .img_float_left figure,
#eng_2month #lesson02 .img_float_right figure{
	width:450px;
}


#eng_2month h3,
#eng_2month h3{
	text-align:center;
}

#eng_2month h3:before,
#eng_2month h3:before,
#eng_2month h3:after,
#eng_2month h3:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

#eng_2month #lesson01 h4,
#eng_2month #lesson02 h4{
	font-size:22px;
	font-weight:bold;
	margin-bottom:5px;
}

#eng_2month #lesson01 h4{
	color:#23205F;
}

#eng_2month #lesson02 h4{
	color:#890028;
}

#eng_2month #lesson01 h4 img,
#eng_2month #lesson02 h4 img{
	vertical-align:middle;
	margin-right:10px;
}

#eng_2month #lesson01 p strong,
#eng_2month #lesson02 p strong{
	font-size:18px;
	font-weight:bold;
	color:#272632;
}

#eng_2month .img_float_left > div > *:not(:last-child),
#eng_2month .img_float_right > div > *:not(:last-child) {
    margin-bottom: 0;
}

#eng_2month .btnBox{
	text-align:center;
}

#eng_2month .btnBox p{
	font-size:22px;
}

#eng_2month .btnBox p.memo{
	font-size:15px;
}

#eng_2month #lesson01 a.btn,
#eng_2month #lesson02 a.btn{
	margin-top:50px;
	text-align:center;
}



#eng_2month h2.lessonflow{
	height:180px;
	background-color:#EEEEEE;
	padding:50px auto;
	position: relative;
	text-align:center;
}
#eng_2month h2.lessonflow:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #EEEEEE;
	border-width: 25px;
	margin-left: -25px;
}

#eng_2month h2.lessonflow img{
	margin:75px auto;
	text-align:center;
}

@media screen and (max-width:719px) {
#eng_2month #mainImg{
	width:100%;
}

#eng_2month #mainImg h1 img{
	width:100%;
}

#eng_2month #intro{
	width:100% !important;
	padding:0 20px 30px !important;
}

#eng_2month #intro div.introBox{
	background-size:100% auto;
	padding-bottom:30px;
}


#eng_2month table {
	width:100% !important;
	text-align:center;
	margin:0 auto;
}

#eng_2month table td {
	width:50% !important;
}
#eng_2month table td img {
	width:100% !important;
}
#eng_2month table td > p > img.w90,
#eng_2month table td > a > img.w90 {
	width:80% !important;
}

#eng_2month #intro ul.check{
	margin:0 5px 30px 5px;
	font-size:12px;
}

#eng_2month #intro ul.check li{
	margin:0 0 10px 0;
	padding-left:20px;
	background-size:15px auto;
}

#eng_2month #lesson01 ol,
#eng_2month #lesson02 ol{
	font-size:16px;
}

#eng_2month h2#lesson_01,
#eng_2month h2#lesson_02{
	background: none;
	margin:0 auto 40px;
}

#eng_2month h2.lessonflow{
	height:70px;
	padding:5px 40px;
}
#eng_2month h2.lessonflow img{
	margin:20px auto;
}

#eng_2month h3{
	margin:0 auto 30px;
	padding:0 20px;
}

#eng_2month h3 img{
	width:100%;
}

#eng_2month #lesson01 .img_float_left figure,
#eng_2month #lesson01 .img_float_right figure,
#eng_2month #lesson02 .img_float_left figure,
#eng_2month #lesson02 .img_float_right figure{
	width:100% !important;
}
#eng_2month #lesson01 .img_float_left figure img,
#eng_2month #lesson01 .img_float_right figure img,
#eng_2month #lesson02 .img_float_left figure img,
#eng_2month #lesson02 .img_float_right figure img{
	width:100% !important;
}

#eng_2month #lesson01,
#eng_2month #lesson02{
	width:100% !important;
	padding: 0 20px 30px;
}

#eng_2month #lesson01 .caption,
#eng_2month #lesson02 .caption{
	font-size:20px;
	margin:0 auto 30px;
}
#eng_2month .img_float_left > div,
#eng_2month .img_float_right > div {
    padding: 0 0 0 0;
}

#eng_2month .btnBox p{
	font-size:16px;
}
#eng_2month h2#lesson_01:after{
	display:none;
}

#eng_2month h2#lesson_02:after{
	display:none;
}

#eng_2month #lesson01 a.btn img,
#eng_2month #lesson02 a.btn img{
	margin-top:10px;
	margin-bottom:10px;
}


}


/*----------------------------------------------------------


羽ばたく高校生のためのECC式英語学習プログラム　2017.9


----------------------------------------------------------*/

#contactus_ml_index #high_s_monthly{ padding-top:0 !important;}
#contactus_ml_index #high_s_monthly img{ max-width: 100%!important;}
#contactus_ml_index #high_s_monthly #inner{margin:0 auto;text-align:center;overflow:hidden;}
#contactus_ml_index #high_s_monthly .altText{display:none;}
#contactus_ml_index #high_s_monthly .left{float:left;}
#contactus_ml_index #high_s_monthly .right{float:right;}
#contactus_ml_index #high_s_monthly .clear{clear:both;}


/* header ---------------------*/
#high_s_monthly #p0 {position:relative;width:100%;}
#high_s_monthly #p0 #p0fg {position:absolute;top:0;left:0;width:100%;height:100%;}
#high_s_monthly #p0 #p0fg #p0fgInner {height:100%;margin:auto;}
#high_s_monthly #p0 #p0fg #p0fgInner #p0-1 {float:left;display:inline-block;height:100%;}
#high_s_monthly #p0 #p0fg #p0fgInner #p0-2 {float:right;display:inline-block;height:100%;}
#high_s_monthly #p0 #p0fg #p0fgInner #p0-3 {float:right;display:inline-block;height:100%;}
#high_s_monthly #p0 #p0fg #p0fgInner #p0-3 a {height:100%;}

#high_s_monthly #p4 #p4-1 {position:relative;width:100%;}
#high_s_monthly #p4 #p4-1tel {position:absolute;display:inline-block;}
#high_s_monthly #p4 #p4-1tel_kansai {position:absolute;display:inline-block;}

@media screen and (min-width:801px){
	#high_s_monthly .PC {display:block;margin:auto;}
	#high_s_monthly .SP {display:none;}
	#high_s_monthly #inner {width:1400px;max-width:100%;}
	#high_s_monthly #p0 #p0fg #p0fgInner {max-width:1000px;}
	#high_s_monthly #p0fg #p0-1 {width:32%;}
	#high_s_monthly #p0fg #p0-2 {width:28%;}
	#high_s_monthly #p0fg #p0-3 {width:24%;}
	#high_s_monthly #p4 #p4-1tel {top:65%;left:16%;width:68%;}
	#high_s_monthly #p4 #p4-1tel_kansai {top:70%;left:16%;width:68%;}
}
@media screen and (min-width:1000px) and (max-width:1400px){
	#high_s_monthly .flex {width:1400px;max-width:none;margin-left:calc((100% - 1400px) / 2);}
}
@media screen and (min-width:801px) and (max-width:999px){
	#high_s_monthly .flex {width:142%;max-width:none;margin-left:-21%;}
}

@media screen and (max-width:800px){
	#high_s_monthly .PC {display:none;}
	#high_s_monthly .SP {display:block;}
	#high_s_monthly #inner {width:100%;max-width:640px;}
	#high_s_monthly header#p0 #p0fg {left:0;width:100%;}
	#high_s_monthly header#p0 #p0fg #p0fgInner {width:100%;}
	#high_s_monthly #p0fg #p0-1 {width:60%;}
	#high_s_monthly #p0fg #p0-2 {width:15%;margin-right:3%;}
	#high_s_monthly #p0fg #p0-3 {width:35%;margin-right:4%;}
	#high_s_monthly #p4 #p4-1tel {top:87.5%;left:5%;width:90%;}
}

@media screen and (min-width:801px){
#high_s_monthly #list{
	font-size:12px;
	width:940px;
	margin:4% auto;
}
#high_s_monthly #list a{
	color:#3d3f3f;
	text-decoration:none;
}
	#high_s_monthly #list ul{
		list-style:none;
	}
		#high_s_monthly #list ul li{
			text-align:left;
			width:auto;
			margin:5px 0;
		}
			#high_s_monthly #list ul li:before{
				content:">";
				margin:0 10px 0 0;
			}
		#high_s_monthly .list1{
			width:180px;
			height:auto;
			margin:0;
			padding:0;
		}
		#high_s_monthly .list2{
			width:162px;
			height:auto;
			margin:1% 8px;
			padding:0;
		}
		#high_s_monthly .list3{
			width:100px;	
			height:auto;
			margin:1% 0 1% 0;
		}
		#high_s_monthly #list_tokyo{
			width:560px;
			margin:2% auto;
			padding:0;
		}
		#high_s_monthly #list_kanagawa{
			width:365px;
			margin:2% auto 2% 10px;
			padding:0;
		}
		#high_s_monthly .list_kanto{
			width:165px;
			margin:2% 10px 2% 0;
			padding:0;
		}
		#high_s_monthly #list_osaka{
			width:690px;
			margin: 2% 10px 2% 0;
			padding:0;
		}
		#high_s_monthly #list_osaka .list1{
			width:200px;
			margin:2% auto;
			padding:0;
		}
		#high_s_monthly #list_kyoto{
			width:230px;
			margin:2% auto;
			padding:0;
		}
		#high_s_monthly #list_kyoto .list3,
		#high_s_monthly .list_nara .list3,
		#high_s_monthly .list_wakayama .list3{
			width:180px;
			margin:2% auto;
			padding:0;
		}
		#high_s_monthly .list_hyogo{
			width:445px;
			margin: 2% 10px 2% 0;
			padding:0;
		}
		#high_s_monthly .list_nara{
			width:230px;
			margin: 2% 10px 2% 0;
			padding:0;
		}
		#high_s_monthly .list_wakayama{
			width:230px;
			margin:2% auto;
			padding:0;
		}
}

@media screen and (max-width:800px){
	#high_s_monthly #list{
		font-size:10px;
		width:100%;
		margin:4% auto;
	}
#high_s_monthly #list a{
	color:#3d3f3f;
	text-decoration:none;
}
		#high_s_monthly #list ul{
			list-style:none;
		}
			#high_s_monthly #list ul li{
				text-align:left;
				width:auto;
				margin:5px 0;
			}
				#high_s_monthly #list ul li:before{
					content:">";
					margin:0 1% 0 0;
				}
			#high_s_monthly .list1{
				width:32%;
				height:auto;
				margin:1% -10% 1% 9%;
				padding:0;
			}
			#high_s_monthly .list2{
				width:35%;
				height:auto;
				margin:1% 5% 1% 9%;
				padding:0;
			}
			#high_s_monthly .list3{
				width:40%;	
				height:auto;
				margin:1% 0 1% 9%;
			}
		#high_s_monthly #list_tokyo{
			width:100%;
			margin:2% auto;
			padding:0;
		}
		#high_s_monthly #list_kanagawa{
			width:100%;
			margin:2% auto;
			padding:0;
		}
		#high_s_monthly .list_kanto{
			width:100%;
			margin:2% auto;
			padding:0;
		}
}

/*-------【東海・関西】羽ばたく高校生のためのECC式英語学習プログラム　2017.10------*/

#contactus_ml_index #high_s_monthly #menu ul{
margin: 0; 
padding: 0; 
list-style: none;
}

#contactus_ml_index #high_s_monthly #menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

#contactus_ml_index #high_s_monthly #menu li a{
display: block; 
}

#contactus_ml_index #high_s_monthly .nText{
	width:1100px;
	margin:0 auto;
	text-align:left;
	font-size:16px;
}

#contactus_ml_index #high_s_monthly .nText strong{
	color:#333;
	font-size:20px;
}

#contactus_ml_index #high_s_monthly .nText span{
	color:#1D8CE5;
}


#contactus_ml_index #high_s_monthly .sText{
	width:1100px;
	margin:0 auto 60px auto;
	text-align:left;
	font-size:12px;
}

#contactus_ml_index #high_s_monthly .marB60{
	margin-bottom:60px;
}

#contactus_ml_index #high_s_monthly .marB30{
	margin-bottom:30px;
}


#contactus_ml_index #high_s_monthly .area_uni{
	width:1100px;
	margin:5px auto;
	border:1px solid #CCC;
	padding:20px;
	font-size:16px;
}

#contactus_ml_index #high_s_monthly .courseAreaL{
	width:1100px;
	margin:0 auto;
	background-color:#EBE3CF;
	padding:45px 0 30px 40px;
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#contactus_ml_index #high_s_monthly .courseAreaLtit{
	position: absolute;
	width:287px;
	height:65px;
	top:-30px;
	left:-20px;
}

#contactus_ml_index #high_s_monthly .blueText{
	font-size:24px;
	font-weight:bold;
	color:#1C8BE6;
	text-align:left;
	margin:10px 0;
}

#contactus_ml_index #high_s_monthly .blueText span{
	font-size:16px;
	font-weight:normal;
	color:#333;
}

#contactus_ml_index #high_s_monthly .bgGlay{
	background-color:#9EA4B1;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	width:120px;
	float:left;
	margin-right:20px;
}

#contactus_ml_index #high_s_monthly .flTxt{
	float:left;
}

#contactus_ml_index #high_s_monthly .courseAreaM{
	width:1100px;
	margin:0 auto 5px auto;
}

#contactus_ml_index #high_s_monthly .courseL{
	float:left;
	width:520px;
	margin-right:60px;
	position:relative;
}
#contactus_ml_index #high_s_monthly .courseLb{
	padding:20px 40px 0 40px;
	width:520px;
	height:780px;
	background:#F9F7F1;
	-webkit-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	margin-bottom:60px;
}

#contactus_ml_index #high_s_monthly .courseLb img,
#contactus_ml_index #high_s_monthly .courseRb img{
	margin-bottom:20px;
}

#contactus_ml_index #high_s_monthly .courseR{
	float:left;
	width:520px;
}

#contactus_ml_index #high_s_monthly .courseRb{
	padding:20px 40px 0 40px;
	width:520px;
	height:750px;
	background:#F9F7F1;
	-webkit-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	margin-bottom:60px;
}

#contactus_ml_index #high_s_monthly .pointBg{
	background-color:#B58B1E;
	width:80px;
	color:#FFF;
	font-weight:bold;
	margin-right:10px;
	float:left;
}

#contactus_ml_index #high_s_monthly .pointTxt{
	color:#B58B1E;
	font-weight:bold;
	font-size:18px;
	text-align:left;
}

#contactus_ml_index #high_s_monthly .courseAreaM .bgGlay{
	float:none;
	margin-right:0;
	margin-bottom:5px;
}

#contactus_ml_index #high_s_monthly .courseAreaM .nText{
	width:440px;
	margin-bottom:30px;
}


#contactus_ml_index #high_s_monthly .courseAreaM .goTxt{
	color:#CE9F22;
	font-size:17px;
	font-weight:bold;
	margin:130px 0 20px 0;
	line-height:1.5;
}


#contactus_ml_index #high_s_monthly .courseAreaM .blTxt{
	color:#57AAEB;
	font-size:17px;
	font-weight:bold;
	margin:130px 0 20px 0;
	line-height:1.5;
}

#contactus_ml_index #high_s_monthly .courseAreaM .osusumeTxt{
	font-size:16px;
	width:390px;
	margin:0 auto;
	text-align:left;
}	

#contactus_ml_index #high_s_monthly .blueArea{
	width:1100px;
	margin:0 auto 60px auto;
	position:relative;
	border:2px solid #1D8CE5;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:40px 0 20px 0;
}

#contactus_ml_index #high_s_monthly .blueAreaTit{
	position: absolute;
	width:201px;
	height:123px;
	top:-30px;
	left:-20px;
}

#contactus_ml_index #high_s_monthly .blueArea .blueTxtL{
	color:#1D8CE5;
	font-size:42px;
	font-weight:bold;
	margin-bottom:20px;
}

#contactus_ml_index #high_s_monthly .blueArea .mText{
	font-size:20px;
}

#contactus_ml_index #high_s_monthly .blueArea .lText{
	font-size:40px;
	font-weight:bold;
}

#contactus_ml_index #high_s_monthly .blueArea .lText span{
	font-size:70px;
	font-weight:bold;
}

#contactus_ml_index #high_s_monthly .blueArea .nText{
	width:970px;
	margin:0 auto;
}

#contactus_ml_index #high_s_monthly .st_bg{
	padding:60px 130px 60px 130px;
	width:1400px;
	margin:0 auto 60px auto;
	background: url(/form/img/gaigo/high_s_monthly_tokai/pc/p4_bg.png) ;
	background-repeat: repeat;
	overflow:hidden;
}


#contactus_ml_index #high_s_monthly .st_bg .stBox{
	width:540px;
	float:left;
	margin:60px 60px 0 0;
	text-align:left;
}

#contactus_ml_index #high_s_monthly .st_bg .stBox:nth-of-type(2){
	width:540px;
	float:left;
	margin:60px 0 0 0;
	text-align:left;
}

#contactus_ml_index #high_s_monthly .st_bg .stBox:last-child{
	width:540px;
	float:left;
	margin:60px 0 0 0;
	text-align:left;
}


#contactus_ml_index #high_s_monthly .st_bg .stBox img{
	float:left;
	margin:0 20px 20px 0;
}

#contactus_ml_index #high_s_monthly .st_bg .stBox .stName{
	font-size:22px;
	font-weight:bold;
	color:#856617;
}

#contactus_ml_index #high_s_monthly .st_bg .stBox .stcText{
	font-size:14px;
}

#contactus_ml_index #high_s_monthly .st_bg .stBox .stText{
	font-size:14px;
	clear:both;
}


#contactus_ml_index #high_s_monthly .greenArea{
	width:1100px;
	margin:60px auto;
	border:2px solid #4B9E1F;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:40px 0 20px 0;
}

#contactus_ml_index #high_s_monthly .greenArea img{
	float:right;
	margin-right:60px;
}


#contactus_ml_index #high_s_monthly .greenArea .greenTxtL{
	width:770px;
	margin:0 auto 20px auto;
	color:#4B9E1F;
	font-size:38px;
	font-weight:bold;
	text-align:left;
	line-height:1.3;
}

#contactus_ml_index #high_s_monthly .greenArea .mText{
	width:770px;
	margin:0 auto 20px auto;
	font-size:26px;
	font-weight:bold;
	text-align:left;
}

#contactus_ml_index #high_s_monthly .greenArea .nText{
	width:770px;
	margin:0 auto;
	text-align:left;
}

#high_s_monthly .nTxt {
    text-align: center;
    padding-bottom: 60px;
    font-size: 16px;
}

@media screen and (max-width:800px){
#contactus_ml_index #high_s_monthly #menu ul{
margin: 0; 
padding: 0; 
list-style: none;
}

#contactus_ml_index #high_s_monthly #menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
width:50%;
}

#contactus_ml_index #high_s_monthly #menu li a{
display: block; 
}


#contactus_ml_index #high_s_monthly .nText{
	width:100%;
	margin:5px auto 20px auto;
	padding:0 15px;
	text-align:left;
	font-size:16px;
}

#contactus_ml_index #high_s_monthly .nText strong{
	color:#333;
	font-size:18px;
}

#contactus_ml_index #high_s_monthly .nText span{
	color:#1D8CE5;
}


#contactus_ml_index #high_s_monthly .sText{
	padding:0 15px;
	width:100%;
	margin:0 auto 60px auto;
	text-align:left;
	font-size:12px;
}

#contactus_ml_index #high_s_monthly .area_uni{
	width:90%;
	margin:5px auto;
	border:1px solid #CCC;
	padding:10px;
	font-size:16px;
}

#contactus_ml_index #high_s_monthly .courseAreaM{
	width:90%;
	margin:20px auto 5px auto;
}

#contactus_ml_index #high_s_monthly .courseL{
	float:none;
	width:100%;
	margin-right:0;
	position:relative;
}



#contactus_ml_index #high_s_monthly .courseLb{
	padding:20px 20px 0 20px;
	width:100%;
	height:auto;
	background:#F9F7F1;
	background-image:none;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	margin-bottom:30px;
}


#contactus_ml_index #high_s_monthly .courseR{
	float:none;
	width:100%;
	position:relative;
}


#contactus_ml_index #high_s_monthly .courseRb{
	padding:20px 20px 0 20px;
	width:100%;
	height:auto;
	background:#F9F7F1;
	background-image:none;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	margin-bottom:20px;
}

#contactus_ml_index #high_s_monthly .courseLb .nText,
#contactus_ml_index #high_s_monthly .courseRb .nText{
	padding:0 0 15px 0;
}


#contactus_ml_index #high_s_monthly .courseAreaM .bgGlay{
	float:none;
	margin-right:0;
	margin-bottom:5px;
}

#contactus_ml_index #high_s_monthly .courseAreaM .nText{
	width:100%;
	margin-bottom:10px;
	font-size:14px;
}

#contactus_ml_index #high_s_monthly .check,
#contactus_ml_index #high_s_monthly .check_bt{
	width:90%;
	margin:0 auto 30px auto;
}

#contactus_ml_index #high_s_monthly .pointTxt{
	color:#B58B1E;
	font-weight:bold;
	font-size:16px;
	text-align:left;
}

}

/*----------------------------------------------------------


オンラインレッスン　2017.9


----------------------------------------------------------*/

#plus1{
	padding-top: 0;
}

#plus1 #mainImg{
	background:url(/form/img/gaigo/plus1/main_bg.png) top left repeat-x;
	margin:0 auto 50px;
}

#plus1 #mainImg h1{
	text-align:center;
	margin:0 auto;
}

#plus1 #osusume{
	background:url(/form/img/gaigo/plus1/osusume.png); 
	background-repeat:no-repeat; 
	margin: 0 auto 60px;
	width: 1300px;
}

#plus1 #osusume .osusumeArea{
	margin: 0 390px 0 450px;
	width: 460px;
	height:347px;
}


#plus1 #osusume .fukidashi{
	position: relative;
	display: inline-block;
	margin:35px 0;
	padding: 7px 10px;
	min-width: 460px;
	max-width: 100%;
	color: #282732;
	font-size: 16px;
	background:#FFF;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}

#plus1 #osusume .fukidashi:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #FFF;
}

#plus1 #osusume .fukidashiL{
	position: relative;
	display: inline-block;
	min-width: 1300px;
	max-width: 100%;
}

#plus1 #osusume .fukidashiL:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin:-17px 0 0 -50px;
	border: 50px solid transparent;
	border-top: 50px solid #BED1D2;
}

#plus1 #osusume .osusumeArea p{
	background:url(/form/img/gaigo/plus1/check.png)left 20%; 
	background-repeat:no-repeat; 
	padding-left:25px;
	margin:0 0 5px 10px;
	font-size:15px;
}

#plus1 #osusume .osusumeArea p.pinkTxt{
	background:none; 
	font-size:26px;
	color:#FB275E;
	font-weight:bold;
	text-align:center;
	margin:20px 0 0 -80px;
}

#plus1 #campaign{
	margin: 0 auto 80px auto;
	width: 1100px;
	background-color:#F7EED5;
	padding:40px 55px 60px 55px;
}

#plus1 #campaign .bgb{
	font-size:18px;
	background-color:#262631;
	text-align:center;
	color:#FFF;
	padding:5px 10px;
	font-weight:bold;
	margin:0 auto;
	width:600px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}

#plus1 #campaign .bgb span{
	font-size: 0.8em;
}

#plus1 #campaign .campaignTit{
	text-align:center;
	/*font-size:70px;*/
	font-weight:bold;
	color:#F8265E;
	font-size:45px;
}

#plus1 #campaign .campaignTit span.ss{
	/*font-size:45px;*/
	font-weight:bold;
	color:#F8265E;
	font-size:45px;
}

#plus1 #campaign .campaignTit span.ncolor{
	font-size:33px;
	font-weight:bold;
	color:#262631;
}

#plus1 #campaign .camBg{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap: wrap;
}

#plus1 #campaign .camBg li{
	flex-wrap: wrap;
	background-color: #FFF;
	margin:0 15px 15px 0;
	padding:15px 0;
	text-align:center;
	float:left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	list-style: none;
	width: 487px
}

/*#plus1 #campaign .camBg li:nth-child(1),
#plus1 #campaign .camBg li:nth-child(2){
	width: 487px;
}

#plus1 #campaign .camBg li:nth-child(3),
#plus1 #campaign .camBg li:nth-child(4),
#plus1 #campaign .camBg li:nth-child(5){
	width: 320px;
}*/

#plus1 #campaign .camBg li:nth-child(2),
#plus1 #campaign .camBg li:nth-child(4){
	margin:0 0 15px 0;
}

/*#plus1 #campaign .camBg li:last-child{
	background-color: initial;
	padding:0;
	text-align:inherit;
	border-radius:none;
}*/


#plus1 #campaign .camBg .btn_pink05{
	height:30px;
	margin: 10px 0;
}

#plus1 #campaign .camBg .pt{
	color:#F8265E;
	font-size:20px;
	font-weight:bold;
}

#plus1 #campaign .camBg .bt{
	color:#272632;
	font-size:25px;
	line-height:20pt;
	padding-top:10px;
	line-height: 1.4;
}

#plus1 #campaign .camBg .bt span,
#plus1 #campaign .camBg .bt span{
	font-size:18px;
}

#plus1 #campaign .sTxt,
#plus1 #about .sTxt,
#plus1 #campaign .cpn_plus .cpnBoxR .sTxt{
	font-size:13px;
	margin-bottom: 20px;
	font-weight:normal;
}

#plus1 #campaign .cpn_plus{
	width:810px;
	margin:40px auto 0 auto;
}

#plus1 #campaign .cpn_plus .cpnBoxL{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	background-color:#E0C17C;
	float:left;
	padding:30px 0 0 0;
	height:200px;
	width:185px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}

#plus1 #campaign .cpn_plus .cpnBoxR{
	text-align:center;
	background-color:#EFDEB2;
	float:left;
	padding:35px 0 0 0;
	height:200px;
	width:625px;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}

#plus1 #campaign .cpn_plus .cpnBoxR p{
	font-size:24px;
	font-weight:bold;
	line-height:2.0em;
}

#plus1 #campaign .cpn_plus .cpnBoxR span{
	font-size:40px;
	font-weight:bold;
	color:#F8265E;
}

#plus1 #about{
	background:url(/form/img/gaigo/plus1/aboutImg.png); 
	background-repeat:no-repeat;
	background-position:top 30% right;
	margin: 0 auto 60px;
	width: 1015px;
}

#plus1 #about .aboutTit{
	background-color:#272632;
	padding:20px 0;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}

#plus1 #about p{
	color:#272632;
	font-size:16px;
	margin-bottom:30px;
	width:600px;
}

#plus1 #about strong{
	color:#272632;
	font-size:20px;
	font-weight:bold;
}

#plus1 #about span{
	font-size:18px;
	font-weight:bold;
}

#plus1 #about .aboutBoxL{
	margin:40px 15px 0 0 ;
	width:328px;
	height:170px;
	float:left;
	text-align:center;
	background-color:#FFF;
	border:3px solid #272632;
}

#plus1 #about .aboutBoxR{
	margin:40px 0 0 0 ;
	width:329px;
	height:170px;
	float:left;
	text-align:center;
	background-color:#FFF;
	border:3px solid #272632;
}

#plus1 #about .aboutBoxBg{
	background-color:#272632;
	padding:8px 0;
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	width:324px;
}

#plus1 #about .aboutBoxL p{
	color:#272632;
	font-weight:bold;
	font-size:28px;
	margin:20px 0 0 0;
	width:324px;
}

#plus1 #about .aboutBoxR p{
	color:#272632;
	font-weight:bold;
	font-size:28px;
	margin:30px 0;
	width:324px;
}

#plus1 #about .aboutBoxL span{
	color:#272632;
	font-size:14px;
	margin:0 0 30px 0;
	font-weight:normal;
}

@media screen and (max-width:800px){
#plus1 #campaign{
	margin: 0 auto 80px auto;
	width: 100%;
	background-color:#F7EED5;
	padding:20px;
	border:none;
}

#plus1 #campaign .bgb{
	font-size:16px;
	background-color:#262631;
	text-align:center;
	color:#FFF;
	padding:5px 20px;
	font-weight:bold;
	margin:0 auto 10px auto;
	width: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#plus1 #campaign .campaignTit{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:#F8265E;
	background-color:#F7EED5;
}

#plus1 #campaign .campaignTit span.ss{
	font-size:16px;
	font-weight:bold;
	color:#F8265E;
}

#plus1 #campaign .campaignTit span.ncolor{
	font-size:16px;
	font-weight:bold;
	color:#262631;
}


#plus1 #campaign .camBg li{
	flex-wrap: wrap;
	background-color: #FFF;
	margin:0 0 15px 0;
	padding:15px;
	text-align:center;
	float:left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	list-style: none;
	width: 100%;
}

#plus1 #campaign .camBg .btn_pink05{
	height:30px;
	margin: 10px 0;
}

#plus1 #campaign .camBg .pt{
	color:#F8265E;
	font-size:18px;
	font-weight:bold;
}

#plus1 #campaign .camBg .bt{
	color:#272632;
	font-size:18px;
	line-height:20pt;
	padding-top:10px;
	line-height: 1.4;
}

#plus1 #campaign .camBg .bt span,
#plus1 #campaign .camBg .bt span{
	font-size:14px;
}

#plus1 #campaign .sTxt{
	font-size:13px;
	margin-bottom: 20px;
	font-weight:normal;
	background-color:#F7EED5;
}

#plus1 #about .sTxt{
	font-size:13px;
	margin-bottom: 20px;
	font-weight:normal;
}

#plus1 #campaign .cpn_plus .cpnBoxR .sTxt{
	font-size:13px;
	margin-bottom:0;
	font-weight:normal;
	background-color:#EFDEB2;
}

#plus1 #campaign .cpn_plus{
	width: 100%;
	margin:40px auto 0 auto;
}

#plus1 #campaign .cpn_plus .cpnBoxL{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	background-color:#E0C17C;
	float:left;
	padding:20px 0;
	height:auto;
	width: 100%;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

#plus1 #campaign .cpn_plus .cpnBoxR{
	text-align:center;
	background-color:#EFDEB2;
	float:left;
	padding:20px;
	height:auto;
	width: 100%;
	-webkit-border-radius: 0 0x 10px 10px;
	border-radius: 0 0 10px 10px;
}

#plus1 #campaign .cpn_plus .cpnBoxR p{
	font-size:16px;
	font-weight:bold;
	line-height:2.0em;
}

#plus1 #campaign .cpn_plus .cpnBoxR span{
	font-size:20px;
	font-weight:bold;
	color:#F8265E;
}

#plus1 #campaign .cpn_plus .cpnBoxR br{
	display:none;
}

#plus1 #about{
	background:url(/form/img/gaigo/plus1/aboutImg.png); 
	background-repeat:no-repeat;
	background-position:top 6% right;
	background-size:100%;
	margin: 0 auto 60px;
	width: 100%;
	padding:0 20px;
}

#plus1 #about .aboutTit{
	background-color:#272632;
	padding:15px 0;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

#plus1 #about p{
	color:#272632;
	font-size:14px;
	margin-bottom:30px;
	width: 100%;
	text-shadow: 1px 1px 0 #fff,
             -1px 1px 0 #fff,
             1px -1px 0 #fff,
             -1px -1px 0 #fff;
	text-shadow: 1px 1px 0px #fff,
             -1px 1px 0px #fff,
             1px -1px 0px #fff,
             -1px -1px 0px #fff;
}

#plus1 #about strong{
	color:#272632;
	font-size:18px;
	font-weight:bold;
}

#plus1 #about span{
	font-size:16px;
	font-weight:bold;
}

#plus1 #about .aboutBoxL{
	margin:20px 0 0 0 ;
	width: 100%;
	height:auto;
	float:none;
	text-align:center;
	background-color:#FFF;
	border:3px solid #272632;
	padding:0 0 20px 0;
}

#plus1 #about .aboutBoxR{
	margin:20px 0 0 0 ;
	width: 100%;
	height:auto;
	float:none;
	text-align:center;
	background-color:#FFF;
	border:3px solid #272632;
	padding:0 0 20px 0;
}

#plus1 #about .aboutBoxBg{
	background-color:#272632;
	padding:8px 0;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	width: 100%;
}

#plus1 #about .aboutBoxL p{
	color:#272632;
	font-weight:bold;
	font-size:20px;
	margin:20px 0 0 0;
	width: 100%;
}

#plus1 #about .aboutBoxR p{
	color:#272632;
	font-weight:bold;
	font-size:20px;
	margin:20px 0 0 0;
	width: 100%;
}

#plus1 #about .aboutBoxL span{
	color:#272632;
	font-size:13px;
	margin:0 0 30px 0;
	font-weight:normal;
}

}


/*----------------------------------------------------------


高校生応援プログラム　2017.10


----------------------------------------------------------*/

.contactus #high_s_program {
}

.contactus #high_s_program .mainImgBox {
	height:480px;
	margin:0 0 30px;
	background: url(/form/img/gaigo/high_s_program/bg.jpg) repeat-x left top;
}

.contactus #high_s_program .mainImgBox .inner {
	width:1280px;
	margin:0 auto;
}

.contactus  #high_s_program h3 {
	border-left:10px solid #7030A0;
	border-bottom:1px solid #7030A0;
	font-size:3.0rem;
	font-weight:bold;
	padding:0 0 10px 20px;
	margin-bottom:20px;
	line-height:1.2;
}

.contactus #high_s_program h3 span {
	font-size:1.4rem;
	line-height:1.0;
}

.contactus #high_s_program ul {
	margin:0 auto 30px;
	width:960px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;
    padding: 0;
}

.contactus #high_s_program li {
	margin:0 0 30px;
	position: relative;
	-webkit-box-flex: 1;
	  -ms-flex: 1 0 50%;
		  flex: 1 0 50%;
    padding: 0 20px;
}

.contactus #high_s_program p.cont {
	height:80px;
}

.contactus #high_s_program figure {
	margin:30px 0;
}

.contactus #high_s_program dl {
	display:inherit;
}

.contactus #high_s_program dl dt {
	color:#7030A0;
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:10px;
}

.contactus #high_s_program dl dt span {
	background-color:#7030A0;
	color:#FFF;
	padding:5px 10px;
	margin-right:20px;
}

.contactus #high_s_program dl dd {
	padding-bottom:30px;
}

@media screen and (min-width: 0px) and (max-width: 720px) {

.contactus #high_s_program {
}

.contactus #high_s_program .mainImgBox {
	width:100%;
	height:auto;
	background:none;
	margin-bottom:30px;
}

.contactus #high_s_program .mainImgBox .inner {
	width:100%;
	margin:0 auto;
}

.contactus #high_s_program .mainImgBox .inner img {
	width:100%;
}

.contactus #high_s_program h3 {
	border-left:10px solid #7030A0;
	border-bottom:1px solid #7030A0;
	font-size:2.4rem;
	font-weight:bold;
	padding:0 0 10px 10px;
	margin-bottom:20px;
	line-height:1.2;
}

.contactus #high_s_program h3 span {
	font-size:1.4rem;
	line-height:1.0;
}

.contactus #high_s_program ul {
	margin:0 auto 0;
	width:100%;
	display:inherit;
    padding: 0;
}

.contactus #high_s_program li {
	margin:0 0 30px;
	width:100%;
	position: relative;
    padding: 0;
}

.contactus #high_s_program li img {
	width:100%;
}

.contactus #high_s_program p.cont {
	margin-bottom:20px;
}

.contactus #high_s_program figure {
	margin:20px 0;
}

.contactus #high_s_program figure img {
	width:100%;
}

.contactus #high_s_program dl {
}

.contactus #high_s_program dl dt {
	color:#7030A0;
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:10px;
}

.contactus #high_s_program dl dt span {
	background-color:#7030A0;
	color:#FFF;
	padding:5px 10px;
	margin-right:10px;
	font-size:1.2rem;
}

.contactus #high_s_program dl dd {
	padding-bottom:30px;
}

}

/*----------------------------------------------------------


エンビジョン　2017.12


----------------------------------------------------------*/

#contactus_envision_index {
	width:100%;
	margin:0 auto 60px auto;
	background: url(/form/img/gaigo/envision/bg.png) repeat;
	font-size: 15px;
	font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}


#contactus_envision_index #contents_envision {
	width:890px;
	margin:0 auto;
	padding:130px 0;
}

#contactus_envision_index #contents_envision h1 {
	font-size:3.5rem;
	text-align:center;
	font-weight:bold;
	color:#001270;
	line-height: 1.6;
}

#contactus_envision_index #contents_envision h1 span{
	font-size:2.2rem;
}

#contactus_envision_index #contents_envision p{
	font-size:1.9rem;
	text-align:center;
}

#contactus_envision_index #contents_envision p span{
	font-size:1.5rem;
}

#contactus_envision_index #contents_envision p span.underline{
	font-size:1.9rem;
	text-decoration:underline;
}

#contactus_envision_index #contents_envision p span.stext{
	font-size:1.1rem;
}


#contactus_envision_index #contents_envision .blueline_s{
	width:330px;
	margin:40px auto 60px auto;
	border-bottom:4px solid #001270;
}



#contactus_envision_index #contents_envision .further_area{
	width:870px;
	border-top:1px solid #001270;
	border-bottom:1px solid #001270;
	padding:50px 0;
	margin:60px 0;
}

#contactus_envision_index #contents_envision .further_area ul{
	margin-left:60px;
}



#contactus_envision_index #contents_envision .further_area li{
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.6;
}

#contactus_envision_index #contents_envision .further_area li span{
	color:#001270;
	font-size:2.8rem;
	font-weight:bold;
}



#contactus_envision_index #contents_envision .further{
	text-align:center;
	margin:-100px 0 30px 0;
}

#contactus_envision_index #contents_envision .btext{
	font-size:3.0rem;
	font-weight:bold;
	text-align:center;
	margin:120px auto 50px auto;
	line-height: 1.6;
}

#contactus_envision_index #contents_envision .cam{
	margin-bottom:30px;
}


@media screen and (min-width: 0px) and (max-width: 720px) {

#contactus_envision_index #contents_envision {
	width:100%;
	margin:0 auto;
	padding:80px 15px;
	font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}

#contactus_envision_index #contents_envision h1 {
	font-size:2.4rem;
	text-align:center;
	font-weight:bold;
	color:#001270;
}

#contactus_envision_index #contents_envision h1 span{
	font-size:1.6rem;
}

#contactus_envision_index #contents_envision p{
	font-size:1.6rem;
	text-align:center;
}

#contactus_envision_index #contents_envision p span{
	font-size:1.6rem;
}

#contactus_envision_index #contents_envision .blueline_s{
	width:80%;
	margin:30px auto 40px auto;
	border-bottom:4px solid #001270;
}

#contactus_envision_index #contents_envision p span.underline{
	font-size:1.6rem;
	text-decoration:underline;
}

#contactus_envision_index #contents_envision .further_area{
	width:100%;
	border-top:1px solid #001270;
	border-bottom:1px solid #001270;
	padding:40px 0 70px 0;
	margin:50px 0;
}

#contactus_envision_index #contents_envision .further_area ul{
	margin-left:0;
}

#contactus_envision_index #contents_envision .further_area li{
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.6;
	text-align: center;
	margin-bottom: 10px;
}

#contactus_envision_index #contents_envision .further_area li span{
	color:#001270;
	font-size:2.0rem;
	font-weight:bold;
}

#contactus_envision_index #contents_envision .btext{
	font-size:2.0rem;
	font-weight:bold;
	text-align:center;
	margin:40px auto 50px auto;
}


}


#contactus_ml_index .cpn_bana{
	width: 980px;
	margin: 50px auto;
	text-align:center;
}

@media screen and (min-width: 0px) and (max-width: 720px) {

#contactus_ml_index .cpn_bana{
	width: 90%;
	margin: 20px auto;
}

#contactus_ml_index .cpn_bana img{
	width: 100%;
}


}



/*----------------------------------------------------------

英検®が詳しくわかる特別無料セミナー　20190212

----------------------------------------------------------*/

@media screen and (min-width: 721px)  {
#contactus_ml_index #eiken_seminar{
    width: 960px;
    margin: 0 auto;
	text-align:center;
}

#contactus_ml_index #eiken_seminar div{
    overflow: hidden;
	background-color:#F3F5F8;
}

#contactus_ml_index #eiken_seminar h2 {
	padding-bottom:30px;
	background-color:#FFF;
}


#contactus_ml_index #eiken_seminar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 880px;
    margin: 50px auto 5px auto;

}

#contactus_ml_index #eiken_seminar p.com{
	width:420px;
	float:right;
	font-size: 1.1rem;
	margin:0 40px 40px 0;
	text-align:left;
}


#contactus_ml_index #eiken_seminar ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
    max-width: 420px;
	background-color:#FFF;
	padding-bottom: 10px;
}

#contactus_ml_index #eiken_seminar ul li:first-child{
	margin-right:40px;
}
	
#contactus_ml_index #eiken_seminar ul li h3{
	background-color:#E60012;
	color:#FFF;
	font-size: 2.0rem;
	padding: 2px 0 0;
	text-align: center;
	font-weight: bold;
	margin-bottom:25px;
}

#contactus_ml_index #eiken_seminar ul li p{
	font-size: 1.6rem;
	text-align: left;
	line-height:1.4;
	margin: 10px 20px 20px 30px;
	padding: 0 0 0 30px;
}

#contactus_ml_index #eiken_seminar ul li:first-child p::before{
	content:"";
	display:inline-block;
	background-size:contain;
	width:30px;
	height:25px;
	background:url(/school_article_img/article/eiken_seminar/osusume.png) no-repeat left;
	margin:0 10px 0 -40px;
	vertical-align: middle;
}

#contactus_ml_index #eiken_seminar ul li:last-child p::before{
	content:"";
	display:inline-block;
	background-size:contain;
	width:26px;
	height:25px;
	background:url(/school_article_img/article/eiken_seminar/check.png) no-repeat left;
	margin: 0 10px 0 -40px;
	vertical-align: middle;
}


#contactus_ml_index #eiken_seminar a p.btn_pink04{
	min-width:500px;
	margin:30px auto;
	height: 55px;
	font-size: 2rem;
	border-color: #E60012;
	color: #E60012;
}


#contactus_ml_index #eiken_seminar a p.btn_pink04:hover {
    background: #E60012;
    color: #fff;
}

#contactus_ml_index #eiken_seminar .merit{
	background-color: #FFF;
	padding:50px 0 0;
}

#contactus_ml_index #eiken_seminar .merit img{
	margin:30px 0 0;
}

#contactus_ml_index #eiken_seminar .merit p img:nth-of-type(1){
	margin:30px 0;
}

#contactus_ml_index #eiken_seminar .merit img:nth-of-type(1){
	margin:0;
}


#contactus_ml_index #eiken_seminar .merit p.bg_yellow{
	background-color:#FFFBC6;
	padding:30px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align:left;
	margin:30px 0;
}

#contactus_ml_index #eiken_seminar .merit p span{
	font-size:1.1rem;
}
#contactus_ml_index #eiken_seminar .floatR {
    float: right;
}
}
@media screen and (min-width: 0px) and (max-width: 720px) {
#contactus_ml_index #eiken_seminar{
    width: 100%;
    margin: 0 auto;
	text-align:center;
}

#contactus_ml_index #eiken_seminar div{
    overflow: hidden;
	background-color:#F3F5F8;
}

#contactus_ml_index #eiken_seminar ul li h2 img{
	width:100%;
}

#contactus_ml_index #eiken_seminar h2 {
	padding-bottom:20px;
	background-color:#FFF;
}

#contactus_ml_index #eiken_seminar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 25px auto 5px auto;
	padding: 0 20px;
}

#contactus_ml_index #eiken_seminar p.com{
	width:100%;
	float:none;
	font-size: 1.1rem;
	margin-bottom:25px;
	text-align:left;
	padding: 0 25px;
}

#contactus_ml_index #eiken_seminar ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	background-color:#FFF;
	margin-bottom:20px;
}

#contactus_ml_index #eiken_seminar ul li:last-child {
	margin-bottom:0;
}

#contactus_ml_index #eiken_seminar ul li h3{
	background-color:#E60012;
	color:#FFF;
	font-size: 1.8rem;
	padding: 2px 0 0;
	text-align: center;
	font-weight: bold;
}

#contactus_ml_index #eiken_seminar ul li p{
	font-size: 1.4rem;
	text-align: left;
	line-height:1.4;
	margin: 10px 20px 20px 30px;
	padding: 0 0 0 30px;
}

#contactus_ml_index #eiken_seminar ul li:first-child p::before{
	content:"";
	display:inline-block;
	background-size:contain;
	width:30px;
	height:25px;
	background:url(/school_article_img/article/eiken_seminar/osusume.png) no-repeat left;
	margin:0 10px 0 -40px;
	vertical-align: middle;
}

#contactus_ml_index #eiken_seminar ul li:last-child p::before{
	content:"";
	display:inline-block;
	background-size:contain;
	width:26px;
	height:25px;
	background:url(/school_article_img/article/eiken_seminar/check.png) no-repeat left;
	margin: 0 10px 0 -40px;
	vertical-align: middle;
}


#contactus_ml_index #eiken_seminar a p.btn_pink04{
	min-width:100%;
	margin:30px auto;
	height: 55px;
	font-size: 2rem;
	border-color: #E60012;
	color: #E60012;
}


#contactus_ml_index #eiken_seminar a p.btn_pink04:hover {
    background: #E60012;
    color: #fff;
}

#contactus_ml_index #eiken_seminar .merit{
	background-color: #FFF;
	padding:20px 0;
}

#contactus_ml_index #eiken_seminar .merit img{
	width:100%;
	margin:30px 0 0 0
}

#contactus_ml_index #eiken_seminar .merit img:nth-of-type(3){
	margin:0;
}

#contactus_ml_index #eiken_seminar .merit p:nth-of-type(3){
	margin:20px 0 0;
	text-align:left;
}

#contactus_ml_index #eiken_seminar .merit p.bg_yellow{
	background-color:#FFFBC6;
	padding:20px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align:left;
	margin:30px 0;
}

#contactus_ml_index #eiken_seminar .merit p span{
	font-size:1.1rem;
}
}
