@charset "utf-8";

/*
**
**
common style
**
** pagetitle
** common
**
page style
**
** index
** concept
** - concept detail
** reason
** - reason1
** - reason2
** - reason3
** course
** - course detail
** system
** event
** - eventdetail
** voice
** - voice detail
** school
** - school detail
** - teachers archive
** - teachers detail
** education
** information
** blog
** recommend
** corporate
** - contact
** - archives
** recruit,request
** faq
** contact
** - form page
** - thanks
** privacy
** sitemap
**
**
*/


/*==================================================
** Funakoshi
==================================================*/
/*2019.12.24*/
#pagetitle.campaign2020_new {background-image:url(../img/event/campaign2020_new_main.jpg);}

/*2018.02.18*/
#pagetitle.springCampaign2018 {background-image:url(../img/event/springCampaign2018.jpg);}

.textBox01{
	background: #f5f5f5;
	border-radius: 10px;
	padding: 30px;
	margin-top: 20px;
}

.textBox02{
	border:1px solid #CCC;
	margin:20px 0 0;
	padding:9px 19px;
}

/*2019.02.07*/
#pagetitle.grandopenCP {background-image:url(../img/event/grandopenCP.jpg);}

/*2019.01.07*/
#pagetitle.newyearCP {background-image:url(../img/event/newyearCP.jpg);}

.textBox01{
	background: #f5f5f5;
	border-radius: 10px;
	padding: 30px;
	margin-top: 20px;
}


/*フォントスタイル*/
.t-bold{ font-weight: bold;}
.t-red{color: #ff0000;}
.t-blue{color:#0000ff;}
.t-underline{text-decoration: underline;}
.t-italic{font-style: italic;}
.t-center{text-align: center;}


/*==================================================

** pagetitle
==================================================*/

#pagetitle.conceptpage {background-image:url(../img/concept/pagettl_bg.jpg);}
#pagetitle.concept1page {background-image:url(../img/concept1/pagettl_bg.jpg);}
#pagetitle.concept2page {background-image:url(../img/concept2/pagettl_bg.jpg);}
#pagetitle.concept3page {background-image:url(../img/concept3/pagettl_bg.jpg);}
#pagetitle.reasonpage {background-image:url(../img/reason/pagettl_bg.jpg);}
#pagetitle.reason1page {background-image:url(../img/reason1/pagettl_bg.jpg);}
#pagetitle.reason2page {background-image:url(../img/reason2/pagettl_bg.jpg);}
#pagetitle.reason3page {background-image:url(../img/reason3/pagettl_bg.jpg);}
#pagetitle.coursepage {background-image:url(../img/course/pagettl_bg.jpg);}
#pagetitle.englishpage {background-image:url(../img/english/pagettl_bg.jpg);}
#pagetitle.interpretationpage {background-image:url(../img/interpretation/pagettl_bg.jpg);}
#pagetitle.certificationpage {background-image:url(../img/certification/pagettl_bg.jpg);}
#pagetitle.privatepage {background-image:url(../img/private/pagettl_bg.jpg);}
#pagetitle.specialpage {background-image:url(../img/special/pagettl_bg.jpg);}
#pagetitle.foreignpage {background-image:url(../img/foreign/pagettl_bg.jpg);}
#pagetitle.systempage {background-image:url(../img/system/pagettl_bg.jpg);}
#pagetitle.eventpage {background-image:url(../img/event/pagettl_bg.jpg);}
#pagetitle.guidancepage {background-image:url(../img/guidance/pagettl_bg.jpg);}
#pagetitle.briefingpage {background-image:url(../img/briefing/pagettl_bg.jpg);}
#pagetitle.trialpage {background-image:url(../img/trial/pagettl_bg.jpg);}
#pagetitle.seminarpage {background-image:url(../img/seminar/pagettl_bg.jpg);}
#pagetitle.voicepage {background-image:url(../img/voice/pagettl_bg.jpg);}
#pagetitle.schoolpage {background-image:url(../img/school/pagettl_bg.jpg);}
#pagetitle.teacherspage {background-image:url(../img/teachers/pagettl_bg.jpg);}
#pagetitle.umedapage {background-image:url(../img/umeda/pagettl_bg.jpg);}
#pagetitle.hirakatapage {background-image:url(../img/hirakata/pagettl_bg.jpg);}
#pagetitle.kyotopage {background-image:url(../img/kyoto/pagettl_bg.jpg);}
#pagetitle.educationpage{background-image:url(../img/education/pagettl_bg.jpg);}
#pagetitle.informationpage {background-image:url(../img/information/pagettl_bg.jpg);}
#pagetitle.blogpage {background-image:url(../img/blog/pagettl_bg.jpg);}
#pagetitle.recruitpage {background-image:url(../img/recruit/pagettl_bg.jpg);}
#pagetitle.recommendpage {background-image:url(../img/recommend/pagettl_bg.jpg);}
#pagetitle.faqpage {background-image:url(../img/faq/pagettl_bg.jpg);}
#pagetitle.contactpage {background-image:url(../img/contact/contact_pagettl_bg.jpg);}
#pagetitle.formpage {background-image:url(../img/contact/form_pagettl_bg.jpg);}
#pagetitle.corporatepage.formpage {background-image:url(../img/contact/form_pagettl_bg.jpg);}
#pagetitle.corporatepage.thankspage {background-image:url(../img/thanks/pagettl_bg.jpg);}
#pagetitle.thankspage {background-image:url(../img/thanks/pagettl_bg.jpg);}
#pagetitle.privacypage {background-image:url(../img/privacy/pagettl_bg.jpg);}
#pagetitle.sitemappage {background-image:url(../img/sitemap/pagettl_bg.jpg);}



/*==================================================

** common
==================================================*/

/*	formArea	*/

#formArea {
}
#formArea .notes {
	color:#f60a20;
	font-size:16px;
	font-weight:bold;
}
#formArea form {
	border:1px solid #CCC;
	padding:15px 19px 30px;
	margin:20px 0 0;
}
#formArea table {
	margin:0;
}

#formArea table th{
 width: 23%;
}

#formArea th,
#formArea td {
	background:none;
	border:none;
	border-bottom:1px solid #CCC;
}
#formArea th {
	width:20%;
	font-size:114.2%;
}
#formArea td {
	vertical-align:middle;
}
#formArea td ul li {
	padding:0;
	megin:5px 0 0;
}
#formArea td .abreast {
	margin:0 0 0 -20px;
	letter-spacing:-0.5em;
}
#formArea td .abreast li {
	display:inline-block;
	letter-spacing:normal;
	margin:0 0 0 20px;
}
#formArea td .abreast li label {
	display:inline-block;
	padding:0 0 5px!important;
}
#formArea td dt,
#formArea td dd {
	display:inline-block;
	vertical-align:top;
}
#formArea td dt {
	width:135px;
	padding-top:10px;
}
#formArea td ul li:before {content:'';}
#formArea input,
#formArea select,
#formArea textarea {
	font-size:100%;
	padding:0 5px;
	border:1px solid #CCC;
	border-radius:4px;
	box-sizing: border-box;
}
#formArea input[type=text],
#formArea input[type=tel],
#formArea input[type=email] {
	width:500px;
	height:30px;
}
#formArea input[type=checkbox],
#formArea input[type=radio] {
	margin-right:5px;
}
#formArea textarea {
	min-width:650px!important;
	max-width:750px!important;
	min-height:200px!important;
}
#formArea select {
	height:32px;
}
#formArea .hope input {margin:0 5px;}
#formArea .hope select {margin-right:5px;}
#formArea #mailformpro label {
	border-radius: 0;
	margin:0;
	display:inline-block;
}
#formArea #mailformpro label.mfp_checked {
	padding:0;
	border:none;
	background:none;
}
#formArea #mailformpro label.mfp_not_checked {
	padding: 0;
	border:none;
	background:none;
}
#formArea label br {
	display:none;
}
#formArea input.other {
	margin-left:5px;
}
#formArea .submit button {
	display:block;
	width:250px;
	margin:30px auto 0;
	padding:12px 10px;
	background:#f60a20;
	color:#FFF;
	border-radius:2px;
	cursor:pointer;
	font-size:114.2%;
	font-weight:bold;
	text-align:center;
	position:relative;
}
#formArea .submit button:after {
	content:'\f105';
	font-family:FontAwesome;
	font-weight:normal;
	font-size:14px;
	height:14px;
	position:absolute;
	top:0;
	bottom:0;
	right:10px;
	margin:auto 0;
}
#formArea .submit button:hover {
	opacity:0.75;
}
#formArea.recruitform p .en {
	display:inline;
}
#formArea.recruitform table .en {
	color:#f60a20;
	font-size:87.5%;
}
#formArea.recruitform .submit button {
	line-height:100%;
	padding:12px 10px 11px;
}

#formArea.recruitform .submit button .en {
	font-size:75%;
	margin:5px 0 0;
}
#formArea.corporateform .submit button {
	background:#043d60;
}


/*	ctabox	*/

.main .ctabox dl {
	border:1px solid #CCC;
	margin:20px 0 0;
	padding:9px 19px;
}
.main .ctabox dl dt,
.main .ctabox dl dd {
	display:table-cell;
	vertical-align:middle;
}
.main .ctabox dl dt > :first-child,
.main .ctabox dl dd > :first-child {
	margin-top:0;
}
.main .ctabox dl dt {
	border-right:1px dotted #CCC;
	padding-right:19px;
	font-weight:bold;
}
.main .ctabox dl dd {
	padding:10px 0 10px 19px;
}
.main .ctabox dl dd ul {
	letter-spacing:-0.5em;
}
.main .ctabox dl dd ul li {
	padding:0;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
	text-align:center;
}
.main .ctabox dl dd ul li:before,
.main .ctabox dl dd ul li.btn a:before {
	content:'';
	display:none;
}
.main .ctabox dl dd ul li+li {margin:0 0 0 20px;}
.main .ctabox dl dd ul .btn+.btn {margin:0 0 0 10px;}
.main .ctabox dl dd ul li.btn a {
	display:block;
	width:240px;
	line-height:50px;
	background:#f60a20;
	color:#FFF;
	font-weight:bold;
	border-radius:2px;
}
.main .ctabox dl dd ul li.btn a:after {
	content:'\f105';
	font-family:FontAwesome;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	background:none;
	position:absolute;
	right:10px;
	left:auto;
	top:auto;
	bottom:auto;
	width:auto;
	height:auto;
}
.main .ctabox dl dd ul li.btn a:hover {
	opacity:0.75;
}


/*	floatlist,floatbox	*/

.main .floatlist li:after,
.main .floatbox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
.main .floatbox {
	margin:30px 0 0;
}
.main .floatlist figure.right,
.main .floatbox figure.right{
	margin-left:30px;
}
.main .floatlist figure.left,
.main .floatbox figure.left {
	margin-right:30px;
}
.main .floatlist .txtbox,
.main .floatbox .txtbox {
	width:670px;
	float:left;
	display:inline;
}
.main .floatlist .txtbox > :first-child,
.main .floatbox .txtbox > :first-child {
	margin:0;
}


/*	numbering	*/

.main .numbering {counter-reset:num;}
.main .numbering > li {counter-increment:num;}


/*	anchorlist	*/
/*	letter-spacingを調整　2019.09.20	*/
.main .anchorlist li {
	font-size:114.2%;
	font-weight:bold;
	padding:10px 0 10px 15px;
	border-bottom:1px dotted #CCC;
	letter-spacing: -0.5px;
}
/*	-----------------------------------------------------------	*/

.main .anchorlist li a {
	color:#333;
}
.main .anchorlist li+li {
	margin:0;
}
.main .anchorlist li a:hover {
	color:#f5091f;
}
.main .anchorlist li:before {
	top:10px;
}


/*	pickuplist	*/

.main .pickuplist {
}
.main .pickuplist > li {
	margin:0;
	padding:30px;
	border:3px solid #CCC;
}
.main .pickuplist > li:after,
.main .pickuplist .profilebox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
.main .pickuplist > li+li {margin:20px 0 0;}
.main .pickuplist > li:before {content:'';}
.main .pickuplist > li h4 {
	margin-bottom:20px;
}
.main .pickuplist .moviebox,
.main .pickuplist .moviebox iframe {
	width:430px;
	height:243px;
}
.main .pickuplist .moviebox,
.main .pickuplist .profilebox {
	margin:0;
	float:left;
	display:inline;
}
.main .pickuplist .moviebox+.profilebox {
	margin-left:30px;
}
.main .pickuplist .profilebox .photo {
	float:right;
	display:inline;
	width:180px;
	height:180px;
	overflow:hidden;
	margin:0 0 20px 20px;
}
.main .pickuplist .profilebox .photo img {
	max-width:100%;
	height:auto;
}
.main .pickuplist .box {
	width:274px;
	float:left;
	display:inline;
}
.main .pickuplist .profilebox h5 {
	font-size:171.4%;
	margin:0;
}
.main .pickuplist .profilebox h5 .position {
	display:block;
	font-size:58.3%;
}
.main .pickuplist .profilebox h5 .roman {
	margin-left:10px;
	font-size:66.6%;
	font-weight:normal;
	font-family:'abel';
	color:#f5091f;
}
.main .pickuplist .linkbtn {
	float:right;
}
.main .pickuplist .linkbtn a {
	background:#333333;
}


/*	coursetbl	*/

.main .coursetbl th,
.main .coursetbl td {
	padding:10px 15px;
}
.main .coursetbl thead th {
	text-align:center;
	background:#e5e5e5;
}
.main .coursetbl tbody th {
	color:#f60a20;
	font-size: 128.5%;
}
.main .coursetbl tbody td ul,
.main .coursetbl tbody td p {
	margin:5px 0 0;
}
.main .coursetbl ul li,
.main .coursetbl ul li:before {
	padding: 0;
	content:'';
}
.main .coursetbl tbody th:first-child,
.main .coursetbl tbody th+td {
	width: 230px;
}
.main .coursetbl tbody td:last-child {
	vertical-align:middle;
	text-align:center;
	width:120px;
}


/*	guidebox	*/

.main .guidebox h3 {
	border:none;
	background:#333;
	color:#FFF;
	padding:10px 15px;
	position: relative;
}
.main .guidebox h3 span {
	font-size:66.6%;
	position: absolute;
	right:15px;
	top:16px;
}


/*	slider	*/

.main .slider li:before {
	content:'';
}
.main .slider {
	width:1020px!important;
/*	height:300px; 必要があれば*/
	margin:30px -10px 0!important;
}
.main .slider .slide-item {
	width:320px!important;
	margin:0 auto;
	padding:0 10px;
	outline:none;
	line-height:0;
}
.main .slider .slide-item a {
	outline:none;
}
.main .slider .slide-item a:before {
	display:none;
}
.main .slider .slick-dots {
	position: static;
	margin:20px 0 0;
	line-height:0;
}
.main .slider .slick-dots li,
.main .slider .slick-dots li button {
	margin:0;
	padding:0;
	width:10px;
	height:10px;
	line-height:0;
}
.main .slider .slick-dots li+li {
	margin-left:10px;
}
.main .slider .slick-dots li button::before {
	content:'';
	width:10px;
	height:10px;
	border-radius:50%;
	background:#999999;
	opacity:1;
}
.main .slider .slick-dots li.slick-active button::before {
	background:#f60a20;
}
.main .slider .slick-next,
.main .slider .slick-prev {
	width:35px;
	height:35px;
	z-index:999;
	top:25%;
	margin:auto;
	transform:none;
}
.main .slider .slick-next {right:-5px;}
.main .slider .slick-prev {left:-5px;}
.main .slider .slick-next:before,
.main .slider .slick-prev:before {
	font-size:20px;
	font-weight:normal;
	font-family:FontAwesome;
	display:block;
	opacity:1;
	width:35px;
	line-height:35px;
	border-radius:2px;
	color:#FFF;
	background:rgba(51,51,51,0.75);
}
.main .slider .slick-next:before {content:'\f105';}
.main .slider .slick-prev:before {content:'\f104';}
.main .slider .slick-next:before:hover,
.main .slider .slick-prev:before:hover {
	opacity:0.75;
}


/*	btnlist	*/

.main .btnlist {
	margin:0 0 0 -20px;
	letter-spacing:-0.5em;
}
.main .btnlist li,
.main .btnlist li:first-child {
	padding:0;
	margin:20px 0 0 20px;
	display: inline-block;
	letter-spacing:normal;
}
.main .btnlist li:before,
.main .btnlist li a:before{
	content:'';
	display:none;
}
.main .btnlist li a {
	display: table-cell;
	width:320px;
	height:80px;
	border:1px solid #f60a20;
	box-sizing:border-box;
	vertical-align: middle;
	padding:14px;
	font-weight:bold;
	font-size:114.2%;
	position:relative;
}
.main .btnlist li a:hover {
	background:#f60a20;
	color:#FFF;
}
.main .btnlist li a:after {
	content:'\f105';
	font-family: FontAwesome;
	font-size: 26px;
	font-weight:normal;
	position:absolute;
	right:15px;
	color:#f60a20;
}
.main .btnlist li a:hover:after{
	color:#FFF;
	right:10px;
}


/*	eventtbl	*/

.main .eventtbl {
	margin:30px 0 0;
}
.main .eventtbl dt {
	background:#f5f5f5;
	border:1px solid #ccc;
	padding: 15px;
	font-size:114.2%;
	font-weight:bold;
}
.main .eventtbl dd {
	position:relative;
}
.main .eventtbl dd:last-child {
	border-bottom:1px solid #CCC;
}
.main .eventtbl dd > .link {
	margin:0;
	position:absolute;
	right:15px;
	top:-35px;
}
.main .eventtbl table {
	margin:0;
}
.main .eventtbl td {
	position:relative;
	font-size:114.2%;
}
.main .eventtbl dd tr:first-child td {border-top:none;}
.main .eventtbl dd tr:last-child td {border-bottom:none;}
.main .eventtbl td .linkbtn a {
	margin:auto 0;
	width:160px;
	line-height:35px;
	height:35px;
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	font-size:87.5%;
}


/*	topicArea	*/
#topicArea {
	width: 720px;
	float: left;
	display: inline;
}
#topicArea .artbody:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#topicArea .artbody {
	margin:30px 0 0;
}
#topicArea .artbody >:first-child {
	margin:0;
}
#topicArea .artbody ol {
	margin:30px 0 0;
	padding:0 0 0 15px;
	list-style:decimal outside;
}
#topicArea .artbody ol li+li {
	margin:5px 0 0;
}
#topicArea .artbody a {
	display: inline-block;
	word-break: break-all;
}
#topicArea .artbody img {
	max-width: 720px;;
	height: auto;
}
#topicArea input {
	border:1px solid #CCC;
	padding: 5px;
}


/*	singleNavi	*/

#singleNavi:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#singleNavi li,
#singleNavi li:before {
	margin:0;
	content:'';
}
#singleNavi li.prev {
	float:left;
	display:inline;
	padding:0 0 0 10px;
}
#singleNavi li.next {
	float:right;
	display:inline;
	padding:0 10px 0 0;
}
#singleNavi li a {
	position:relative;
	color:#333;
}
#singleNavi li a:hover {
	color:#f60a20;
}
#singleNavi li a:after {
	font-family:FontAwesome;
	font-weight:normal;
	font-size:14px;
	color:#f60a20;
	position:absolute;
}
#singleNavi li.prev a:after {
	content:'\f104';
	left:-10px;
}
#singleNavi li.next a:after {
	content:'\f105';
	right:-10px;
}



/*	topicSidebar	*/

#topicSidebar {
	width: 250px;
	margin:50px 0 0;
	float: right;
	display: inline;
	border-left:1px solid #EEE;
	padding:0 0 0 20px;
	box-sizing: border-box;
}
#topicSidebar .side_parts+.side_parts {
	margin:40px 0 0;
}
#topicSidebar h4 {
	margin:0;
	font-family:'abel';
	font-size:200%;
	font-weight:normal;
}
#topicSidebar ul {
	margin:10px 0 0;
}
#topicSidebar ul li,
#topicSidebar ul li+li {
	padding:0;
	margin:0;
}
#topicSidebar ul li ul {
	margin:0;
}
#topicSidebar ul li ul li:before {left:25px}
#topicSidebar ul li ul a {padding:0 0 0 40px;}
#topicSidebar ul li:before {
	left:5px;
	bottom:auto;
	top:12px;
	z-index:999;
}
#topicSidebar a {
	display: block;
	color:#333;
	padding:0 0 0 20px;
	line-height:44px;
	border-bottom:1px dotted #CCC;
}
#topicSidebar a:hover {
	color:#f60a20;
	background:#f2f2f2;
}
#topicSidebar a:hover:before {
	display:none;
}


/*	mapbtn	*/

.main .mapbtn {
	display:inline-block;
	width:82px;
	line-height:22px;
	background:#333333;
	color:#FFF;
	font-size:85.7%;
	font-weight:bold;
	text-align: center;
	border-radius:2px;
	margin-left:10px;
	position:relative;
}
.main .mapbtn:before {display:none;}
.main .mapbtn:after {
	content:'\f105';
	font-family:FontAwesome;
	font-weight:normal;
	font-size:12px;
	color:#FFF;
	position:absolute;
	right:5px;
}
.main .mapbtn:hover {
	opacity:0.75;
	color:#FFF;
}


/*	pdfbtn	*/

.main .pdfbtn a {
	display:block;
	width:80%;
	/*	width:450px;*/
	line-height:58px;
	border-radius:2px;
	box-sizing:border-box;
	border:1px solid #CCC;
	margin:40px auto 0;
	background:#FFF;
	color:#333;
	font-size:120%;
	font-weight:bold;
text-align:center;
	position: relative;
}
.main .pdfbtn a:before {display:none;}
.main .pdfbtn a:after {
	content:'\f1c1';
	font-family:FontAwesome;
	font-size:30px;
	font-weight:normal;
	color:#ffffff;
	position:absolute;
	left:0;
	background: #ff0000;
	padding: 0 20px;
}
.main .pdfbtn a:hover {
	opacity:0.75;background: #eeeeee;
}


/*	scroll	*/

.main .scroll {
	margin-top:-50px;
	padding-top:50px;
}



/*==================================================

** index
==================================================*/

/*	mainvisual	*/

#mainvisual {
	width:100%;
	overflow: hidden;
}
#mainvisual .wrap {
	width: 100%;
	position:relative;
}
#mainvisual .mainslider {
	width:100%;
	max-width: 1600px!important;
	min-width: 1000px!important;
	margin:0 auto;
	overflow:visible!important;
}
#mainvisual .mainslider li {
	margin:0;
	padding:0;
}
#mainvisual .mainslider li:before,
#mainvisual .mainslider .slide-item a:before,
#mainvisual .thumblist li:before {
	display:none;
}
#mainvisual .mainslider .slide-item,
#mainvisual .mainslider .slide-item a {
	display: block;
	width:auto;
	text-align: center;
	max-width: 1600px!important;
	min-width: 1000px!important;
	margin:0 auto;
	line-height:0;
	outline:none;
}
#mainvisual .mainslider .slide-item a {
	outline:none;
}
#mainvisual .mainslider .slide-item img,
#mainvisual .mainslider .slide-item img a {
	max-width:100%;
	height:auto;
}
#mainvisual .mainslider .slick-list {
	overflow:visible!important;
}
#mainvisual .thumbbox {
	width:1000px;
	margin:0 auto;
}
#mainvisual .thumblist {
	display: inline-block;
	margin:20px 0 0;
}
#mainvisual .thumblist:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#mainvisual .thumblist li {
	float:left;
	display:inline;
	width: 235px!important;
	padding:0;
	margin:0;
	z-index: 9999;
	outline:none;
	cursor:pointer;
}
#mainvisual .thumblist li:hover {
	opacity:0.75;
}
#mainvisual .thumblist li+li {margin-left:20px;}


/*	indexArea	*/

#indexArea > section {
	position:relative;
}
#indexArea > section > .linkbtn {
	position:absolute;
	right:0;
	top:5px;
}
#indexArea > section > .linkbtn a {
	margin:0;
}

#indexArea h2 {
	padding:0;
	margin:60px 0 0;
	border:none;
	font-size:200%;
}
#indexArea h2 span {
	color:#f60a20;
	font-family:'abel';
	font-weight:normal;
	margin-right:10px;
	font-size:128.5%;
}


/*	conceptGuide	*/

#conceptGuide ol {
	margin:30px 0 0;
}
#conceptGuide ol:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#conceptGuide ol li {
	width:320px;
	float: left;
	display: inline;
}
#conceptGuide ol li+li {
	margin-left:20px;
}
#conceptGuide ol li h3 {
	border:none;
	margin:-78px 0 0;
	box-sizing: border-box;
	padding:10px 10px 10px 80px;
	background:rgba(0,0,0,0.65);
	color:#FFF;
	line-height:125%;
	font-size:171.4%;
	font-weight:normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position:relative;
}
#conceptGuide ol li h3:before {
	content:'concept';
	position:absolute;
	left:15px;
	top:3px;
	font-size:14px;
}
#conceptGuide ol li h3:after {
	content:counter(num);
	position:absolute;
	left:27px;
	bottom:12px;
	font-size:45px;
}
#conceptGuide .link {
	margin:15px 0 0;
}


/*	reasonGuide	*/

#reasonGuide ol {
	margin:30px 0 0;
}
#reasonGuide ol:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#reasonGuide ol li {
	width:320px;
	float: left;
	display: inline;
}
#reasonGuide ol li a {
	display:block;
	border:1px solid #CCC;
}
#reasonGuide ol li a:hover,
#reasonGuide ol li a:hover img {
	opacity:0.75;
}
#reasonGuide ol li a:before {
	display:none;
}
#reasonGuide ol li+li {
	margin-left:20px;
}
#reasonGuide ol li h3 {
	border:none;
	margin:0;
	box-sizing: border-box;
	padding:13px 10px 10px 70px;
	line-height:125%;
	font-size:121.4%;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position:relative;
}
#reasonGuide ol li h3 span {
	color:#333;
}
#reasonGuide ol li h3:before {
	content:'reason';
	width:58px;
	height:100%;
	box-sizing: border-box;
	background:#f60a20;
	color:#fff;
	position:absolute;
	left:0;
	top:0;
	font-size:14px;
	text-align: center;
	padding:10px 0 0;
}
#reasonGuide ol li h3:after {
	content:counter(num);
	color:#fff;
	position:absolute;
	left:0;
	bottom:20px;
	font-size:45px;
	text-align:center;
	width: 58px;
	z-index:0;
}
#reasonGuide .link {
	margin:15px 0 0;
	z-index:0;
}


/*	eventIndexGuide	*/

#eventIndexGuide h3 {
	border:none;
	border-bottom:1px solid #666;
	padding:0 0 15px;

}



/*==================================================

** concept
==================================================*/

#conceptArea .conceptlist,
#reasonArea .reasonlist {
	margin:0;
}
#conceptArea .conceptlist > li,
#conceptArea .conceptlist > li+li,
#reasonArea .reasonlist > li,
#reasonArea .reasonlist > li+li {
	margin:60px 0 0;
	padding-left:90px;
	position:relative;
}
#conceptArea .conceptlist > li:before,
#conceptArea .conceptlist > li:after,
#reasonArea .reasonlist > li:before,
#reasonArea .reasonlist > li:after {
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position:absolute;
}
#conceptArea .conceptlist > li:before {
	content:'concept';
	font-size:20px;
	left:0;
}
#conceptArea .conceptlist > li:after,
#reasonArea .reasonlist > li:after {
	content:counter(num);
	font-size:60px;
	left:18px;
	top:45px;
}
#conceptArea .conceptlist .conceptbox:after,
#reasonArea .reasonlist .reasonbox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#conceptArea .conceptlist figure,
#reasonArea .reasonlist figure {
	float:right;
	display:inline;
	margin-left:30px;
}
#conceptArea .conceptlist .box,
#reasonArea .reasonlist .box {
	float:left;
	display:inline;
	width:510px;
}
#conceptArea .conceptlist .box h2,
#reasonArea .reasonlist .box h2 {
	padding:0;
	border:none;
	margin:20px 0 0;
	line-height:125%;
	font-size:242.8%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#conceptArea .conceptlist .box .linkbtn a,
#reasonArea .reasonlist .box .linkbtn a {
	margin-right:0;
}


/*==================================================

** - concept detail
==================================================*/

#pageLink ul {
	margin:50px 0 0;
}
#pageLink ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#pageLink li {
	float:left;
	display:inline;
	padding:0;
}
#pageLink li+li {
	margin:0 0 0 20px;
}
#pageLink li a,
#pageLink li .nolink {
	display:block;
	width:320px;
	padding:14px;
	border:1px solid #f60a20;
	box-sizing:border-box;
	color:#f60a20;
	font-size:128.5%;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:140%;
	position:relative;
}
#pageLink li:before,
#pageLink li a:hover:before {
	content:'';
	display:none;
}
#pageLink li a:after,
#pageLink li .nolink:after {
	content:'\f105';
	font-size:26px;
	font-family:FontAwesome;
	font-weight:normal;
	position:absolute;
	top:0;
	bottom:0;
	right:15px;
	height:25px;
	margin:auto 0;
}
#pageLink li a:after {
	color:#f60a20;
}
#pageLink li a:hover:after {
	color:#FFF;
	right:10px;
}
#pageLink li a:hover,
#pageLink li .nolink {
	color:#FFF;
	background:#f60a20;
}
#pageLink li span {
	display:block;
	font-size:77.7%;
}
/*各学校のリンク*/
#schoolLink{
	margin-bottom: 60px;
	overflow: hidden;
}
#schoolLink ul{
	overflow: hidden;
}
#schoolLink li {
	float:left;
	width: 310px;
	margin: 0 10px 30px 10px;
	padding:0;
}
/*#schoolLink li:first-child{
	margin-left: 0px;
}*/
#schoolLink li:before {
  content: none;
}
#schoolLink li a:before{
	content: none;
}
#schoolLink li > a{
	display: block;
}
#schoolLink li > a img{
	width: 100%;
	height: 213px;
}
#schoolLink li .schoolName{
	background: #f60a20;
	margin-bottom: 18px;
	padding: 6px 0;
	text-align: center;
	font-family: YuGothic,"Yu Gothic",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic","M+ 1p",sans-serif;
	font-size:20px;
	color:#fff;
	letter-spacing: -2px;
}
#schoolLink li .schoolDescription{
	height: 110px;
	margin: 0;
	padding-bottom: 30px;
	border-bottom:1px solid #ccc;
}
#schoolLink li .schoolInfo{
	padding: 10px 0;
	border-bottom:1px solid #ccc;
}
#schoolLink li .schoolInfo dt{
	width: 92px;
	margin-bottom: 6px;
	padding: 4px 10px;
	background: #1e73be;
	color:#fff;
	font-size: 13px;
	text-align: center;
}
#schoolLink li .schoolInfo .tel{
	display: inline-block;
	margin-right: 8px;
}
#schoolLink li .schoolInfo dd{
	margin-bottom: 10px;
	font-size: 14px;
}
#schoolLink li .schoolInfo .access + dd{
	height:105px;
}
#schoolLink li .schoolInfo .tel + dd{
	display: inline-block;
	color:#1e73be;
	font-weight: bold;
	text-decoration: underline;
}
#schoolLink li .schoolInfo .tel + dd a{
	color:#1e73be;
	font-weight: bold;
	text-decoration: underline;
}
/*	conceptDetailArea	*/

#conceptDetailArea section:after {
	clear: both;
	content:'';
	display: block;
	height: 0;
}
#conceptDetailArea .txtbox {
	width: 670px;
	float: left;
	display: inline;
}
#conceptDetailArea .right {
	margin-left:30px;
	margin-top:40px;
}
#conceptDetailArea .right.btm {
	margin-bottom:20px;
}



/*==================================================

** reason
==================================================*/

#reasonArea .reasonlist > li:before {
	content:'reason';
	font-size:20px;
	left:0;
}
#reasonArea .reasonlist .box h2 {
	margin:0;
}



/*==================================================

** - reason1
==================================================*/


#reason1Area .topbox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#reason1Area .topbox {
	margin:30px 0 0;
}
#reason1Area .topbox dl {
	float:right;
	display:inline;
	margin:0 0 0 30px;
	width:300px;
}
#reason1Area .topbox dt {
	border:1px solid #CCC;
	color:#f5091f;
	font-size:114.2%;
	font-weight:bold;
	line-height:33px;
	text-align:center;
}
#reason1Area .topbox .box {
	width:670px;
	float:left;
	display:inline;
}
#reason1Area .topbox .box > :first-child {
	margin:0;
}
#reason1Area .bdbox {
	border:1px solid #CCC;
	margin:30px 0 0;
	padding:29px;
}
#reason1Area .bdbox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#reason1Area .bdbox figure,
#reason1Area .bdbox .moviebox {
	width:250px;
	float:left;
	display:inline;
	margin-right:30px;
}
#reason1Area .bdbox .moviebox iframe {
	width:250px;
	height:140px;
}
#reason1Area .bdbox .moviebox img {
	max-width:100%;
	height:auto;
}
#reason1Area .bdbox .box {
	width:660px;
	float:right;
	display:inline;
}
#reason1Area .bdbox .box ul {
	margin:0;
}
#reason1Area .bdbox .box ul li:before {
	color:#24b362;
}
#reason1Area #reason06 .classbox dt {
	margin:50px 0 0;
	padding:0 20px;
	line-height:60px;
	background:#24b362;
	color:#FFF;
	font-size:200%;
	font-weight:bold;
}
#reason1Area #reason01 .box {
	margin:30px 0 0;
}
#reason1Area #reason01 .box:after {
	clear:both;
	content:'';
	height:0;
	display: block;
}
#reason1Area #reason01 .txtbox {
	width:667px;
	float: left;
	display: inline;
}
#reason1Area #reason01 .txtbox > :first-child {
	margin:0;
}
#reason1Area #reason06 .classbox dt span {
	font-size:92.8%;
}
#reason1Area #reason06 .classbox dd {
	padding:40px 29px 29px;
	border:1px solid #CCC;
	border-top:none;
}
#reason1Area #reason06 .classbox dd h3 {
	padding:0;
	margin:0;
	border:none;
	color:#24b362;
}
#reason1Area #reason06 .classbox figure {
	float:right;
	display:inline;
	margin:20px 0 20px 30px;
}
#reason1Area #reason06 .classbox .bdbox .box {
	width:600px;
}
#reason1Area #reason06 #practiceClass dt {background:#2464b2;}
#reason1Area #reason06 #practiceClass dd h3 {color:#2464b2;}
#reason1Area #reason07 .box {
	background:#EEE;
	margin:20px 0 0;
	padding:20px;
}
#reason1Area #reason07 .box >:first-child {
	margin:0;
}



/*==================================================

** - reason2
==================================================*/

#reason2Area .floatbox .txtbox {
	float:left;
	display:inline;
}
#reason2Area #reason01 .lecturerbox {
	margin:40px 0 0;
}
#reason2Area #reason01 .lecturerbox:after,
#reason2Area #reason01 .detailbox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#reason2Area #reason01 .coursephoto {
	width:350px;
	float:left;
	display:inline;
	position:relative;
}
#reason2Area #reason01 .coursephoto figcaption {
	position:absolute;
	bottom:0;
	left:0;
	z-index:999;
	width:100%;
	box-sizing:border-box;
	line-height:50px;
	color:#FFF;
	background:#f5091f;
	font-size:157.1%;
	font-weight:bold;
	padding:0 10px;
}
#reason2Area #reason01 .txtbox {
	width:615px;
	float:right;
	display:inline;
}
#reason2Area #reason01 .txtbox ul {
	margin:0;
}
#reason2Area #reason01 .txtbox ul li+li {
	margin:20px 0 0;
}
#reason2Area #reason01 .txtbox .linkbtn a {
	margin-right:0;
	width:300px;
}
#reason2Area #reason02 .floatlist li+li {
	margin:30px 0 0;
}
#reason2Area #reason03 ul li+li {
	margin:20px 0 0;
}



/*==================================================

** - reason3
==================================================*/

#reason3Area #reasonEnglish .coursetbl tbody th:first-child {
	width:110px;
	vertical-align: middle;
	text-align: center;
}
#reason3Area #reasonEnglish .coursetbl tbody th+td {
	width:300px;
}
#reason3Area #reasonEnglish .coursetbl tbody .lvbox {
	width:50px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	color:#333;
	font-size:114.2%;
}
#reason3Area #reasonEnglish .coursetbl tbody td {
	padding:8px 15px;

}
#reason3Area #reasonEnglish .coursetbl tbody .lvbox ul {
	margin:0;
}
#reason3Area #reasonEnglish .coursetbl tbody .lvbox li {
	box-sizing: border-box;
	line-height: 50px;
	margin:0;
}
#reason3Area #reasonEnglish .coursetbl tbody .lvbox li+li {
	border-top:1px solid #CCC;
}
#reason3Area #reasonEnglish .class1 th:first-child {
	background:#d9d3f8;
	color:#5553a8;
}
#reason3Area #reasonEnglish .class1 .color1 {background:#9f9bdc;}
#reason3Area #reasonEnglish .class1 .color2 {background:#9188d1;}
#reason3Area #reasonEnglish .class1 .color3 {background:#736cc2;}
#reason3Area #reasonEnglish .class2 th:first-child {
	background:#f3d8fe;
	color:#a75cb2;
}
#reason3Area #reasonEnglish .class2 .color1 {background:#d2a6de;}
#reason3Area #reasonEnglish .class2 .color2 {background:#c895d5;}
#reason3Area #reasonEnglish .class2 .color3 {background:#af7bc4;}
#reason3Area #reasonEnglish .class3 th:first-child {
	background:#ffd6de;
	color:#f65a70;
}
#reason3Area #reasonEnglish .class3 .color1 {background:#faadb3;}
#reason3Area #reasonEnglish .class3 .color2 {background:#fe9ca2;}
#reason3Area #reasonEnglish .class3 .color3 {background:#fa8289;}
#reason3Area #reasonEnglish .class4 th:first-child {
	background:#fce1d7;
	color:#f67958;
}
#reason3Area #reasonEnglish .class4 .color1 {background:#fea68c;}
#reason3Area #reasonEnglish .class4 .color2 {background:#fb9874;}
#reason3Area #reasonEnglish .class4 .color3 {background:#fa7d53;}
#reason3Area #reasonEnglish .class5 th:first-child {
	background:#ffefd9;
	color:#f77f0b;
}
#reason3Area #reasonEnglish .class5 .color1 {background:#fdbf7b;}
#reason3Area #reasonEnglish .class5 .color2 {background:#ffb364;}
#reason3Area #reasonEnglish .class5 .color3 {background:#fdbf7b;}
#reason3Area #reasonEnglish .class6 th:first-child {
	background:#ebfce3;
	color:#00b058;
}
#reason3Area #reasonEnglish .class6 .color1 {background:#cfeb95;}
#reason3Area #reasonEnglish .class6 .color2 {background:#bde182;}
#reason3Area #reasonEnglish .class6 .color3 {background:#a3d76b;}
#reason3Area #reasonEnglish .class6 .color4 {background:#a7dfb7;}
#reason3Area #reasonEnglish .class6 .color5 {background:#91d4a2;}
#reason3Area #reasonEnglish .class6 .color6 {background:#5dc687;}
#reason3Area #reasonEnglish .class7 th:first-child {
	background:#fef9df;
	color:#c2b435;
}
#reason3Area #reasonEnglish .class7 .lvbox {background:#ebd99d;}
#reason3Area #reasonEnglish .chart {
	margin:30px 0 0;
}


/*	reason02	*/

#reason3Area #reason02 .supportlist li {
	padding:0 0 0 55px;
	margin:50px 0 0;
	position:relative;
}
#reason3Area #reason02 .supportlist li:before {
	content:counter(num);
	display: block;
	width:40px;
	line-height:40px;
	font-size:24px;
	font-weight: normal;
	text-align: center;
	color:#FFF;
	background:#f60a20;
	position:absolute;
	left:0;
	top:0;
}
#reason3Area #reason02 .supportlist li:after {
	clear:both;
	content:'';
	display: block;
	height:0;
}
#reason3Area #reason02 .supportlist li .right {
	margin-left:20px;
}
#reason3Area #reason02 .supportlist .box {
	width: 700px;
	float: left;
	display: inline;
}
#reason3Area #reason02 .supportlist li h3 {
	margin:0;
	padding:0;
	border:none;
	font-size: 157.1%;
}
#reason3Area #reason02 .supportlist li h3 span {
	font-size: 136.3%;
	font-family:'abel';
	font-weight:normal;
	color:#f60a20;
	margin-right:5px;
}
#reason3Area #reason02 .supportlist li h3+p {
	margin:15px 0 0;
}


/*==================================================

** course
==================================================*/

#courseArea .courselist,
#courseArea .courselist > li {
	margin:50px 0 0;
}
#courseArea .courselist > li,
#courseArea .courselist > li:before {
	padding:0;
	content:'';
}
#courseArea .courselist > li {
	position:relative;
}
#courseArea .courselist > li:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#courseArea .courselist figure {
	float:left;
	display: inline;
	margin-right:30px;
}
#courseArea .courselist h2 {
	padding:0;
	margin:0;
	border:none;
	font-size:242.8%;
}
#courseArea .courselist h2 span {
	font-family:'abel';
	font-size:58.8%;
	font-weight:normal;
	color:#f60a20;
	margin-left:10px;
}
#courseArea .courselist .box {
	width: 670px;
	float:left;
	display:inline;
}
#courseArea .courselist .box p:first-child {
	margin:30px 0 0;
}
#courseArea .courselist .linkbtn {
	position: absolute;
	top:0;
	right:0;
}
#courseArea .courselist .linkbtn a {
	margin:0;
	width:240px;
}
#courseArea .courselist .anchorlist {
	margin:20px 0 0;
}



/*==================================================

** - course detail
==================================================*/

#courseDetailArea .topbox:after,
#courseDetailArea .featurelist dd .box:after {
	clear:both;
	content:'';
	height:0;
	display:block;
}
#courseDetailArea .topbox .right {
	margin-left:20px;
}
#courseDetailArea .topbox p:first-child {
	margin:30px 0 0;
}
#courseDetailArea .coursebox {
	border:1px solid #f60a20;
	margin:50px 0 0;
	padding:40px 29px 30px;
	position: relative;
}
#courseDetailArea .coursebox h3 {
	padding:0;
	margin:0;
	border:none;
	color:#f60a20;
	position: absolute;
	top:-18px;
	left:20px;
}
#courseDetailArea .coursebox h3 span {
	display:inline-block;
	padding:0 10px;
	background:#FFF;
}
#courseDetailArea .featurelist > li {
	padding:0 0 0 100px;
	position:relative;
}
#courseDetailArea .featurelist > li:before {
	content:'';
	width: 0;
	height: 0;
	border-style:solid;
	border-width:5px 0 5px 6px;
	border-color:transparent transparent transparent #f60a21;
	position:absolute;
	left:80px;
	top:10px;
}
#courseDetailArea .featurelist > li:after {
	content:'特徴'counter(num);
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	background:#f60a20;
	line-height:30px;
	width:80px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
}
#courseDetailArea .featurelist > li+li {
	margin:30px 0 0;
}
#courseDetailArea .featurelist dt {
	font-size:171.4%;
	font-weight:bold;
}
#courseDetailArea .featurelist dd {
	margin:15px 0 0;
}
#courseDetailArea .featurelist dd > :first-child,
#courseDetailArea .featurelist dd h5,
#courseDetailArea .featurelist dd .box figure+ul,
#courseDetailArea .featurelist dd .box figure+p {
	margin:0;
}
#courseDetailArea .featurelist dd .right {
	margin-left:20px;
}
#courseDetailArea .featurelist dd ul li,
#courseDetailArea .featurelist dd ul li:first-child {
	margin-top:20px;
}
#courseDetailArea .checklist {
	margin:0;
}


/*	courseGoal	*/

#courseGoal figure {
	width:300px;
	height:200px;
	overflow:hidden;
}
#courseGoal figure img {
	max-width:100%;
	height:auto;
}
#courseGoal .beforeafterlist {
	width: 820px;
	margin:0 auto;
	background: url(../img/course/ico_course_arrow.png) no-repeat center center;
}
#courseGoal .beforeafterlist:after,
#courseGoal .afteronlybox:after {
	clear: both;
	content:'';
	height:0;
	display: block;
}
#courseGoal .beforeafterlist .before,
#courseGoal .beforeafterlist .after {
	width:300px;
	padding-bottom:20px;
	display: inline-block;
}
#courseGoal .beforeafterlist .before {
	float:left;
	background:#eeeeee;
}
#courseGoal .beforeafterlist .after {
	float: right;
	background:#ffd6de;
}
#courseGoal .beforeafterlist dl {
	position:relative;
}
#courseGoal .beforeafterlist dt {
	width:73px;
	line-height:24px;
	border-radius:12px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	position:absolute;
	left:15px;
	top:-10px;
}
#courseGoal .beforeafterlist .before dt {background:#333333;}
#courseGoal .beforeafterlist .after dt {background:#f60a20;}
#courseGoal .beforeafterlist dd {
	padding:20px 15px 0;
}
#courseGoal .beforeafterlist dd > :first-child {
	margin:0;
}
#courseGoal .afteronlybox figure {
	float:left;
	display:inline;
}
#courseGoal .afteronlybox .txtbox {
	float:right;
	display:inline;
	width:610px;
}
#courseGoal .afteronlybox .txtbox > :first-child {
	margin:0;
}


/*	courseInformation	*/

.main .feetbl {
	margin:20px 0 0;
}
.main .feetbl th,
.main .feetbl td {
	text-align:center;
	vertical-align:middle;
	padding: 10px;
	font-weight:bold;
}
.main .feetbl th br {
	display:none;
}
.main .feetbl td.price {
	font-size:128.5%;
}
.main .feetbl .price span {
	font-size:133.3%;
	margin-left:5px;
}
.main .unitpricebox {
	border:1px solid #CCC;
	margin:30px 0 0;
	padding:19px;
}
.main .unitpricebox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
.main .unitpricebox > :first-child,
.main .unitpricebox .box > :first-child,
.main .unitpricebox .pricebox > :first-child {
	margin:0;
}
.main .unitpricebox .box {
	width:500px;
	float:left;
	display:inline;
}
.main .unitpricebox .pricebox {
	width:440px;
	float:right;
	display:inline;
}
.main .unitpricebox .pricebox .feetbl th,
.main .unitpricebox .pricebox .feetbl td {
	padding:5px;
}


.main .unitpricebox .pricebox .feetbl th br {
	display:block;
}

.main .unitpricebox .pricebox .feetbl td {
	font-size:100%;
}

.main .unitpricebox .pricebox .feetbl td .price {
	font-size:128.5%;
}
#courseInformation #couseTime th,
#courseInformation #couseTime td {
	text-align: left;
}
#courseInformation #couseTime td h6 {
	font-weight:bold;
}

#systemCourseFee .feetbl .feetbl_br{
	text-align: center;
	line-height: 0;
	font-size: 90%;
	}


/*	courseInstructor	*/

.main .namettl {
	margin:0;
	padding:0;
	border:none;
	background:none;
	font-size:242.8%;
}
.main .namettl .position {
	display:block;
	font-size:58.8%;
}
.main .namettl .roman {
	font-size:58.8%;
	font-family:'abel';
	font-weight:normal;
	color:#f60a20;
	margin-left:10px;
}
#courseInstructor .messagebox {
	width:580px;
	float: left;
	display:inline;
	margin:30px 0 0;
}
#courseInstructor .messagebox h4 {
	margin-top:20px;
}
#courseInstructor .moviebox {
	float:right;
	display:inline;
	margin:30px 0 0;
}
#courseInstructor .moviebox,
#courseInstructor .moviebox iframe {
	width:400px;
	height:225px;

}

#courseInstructor .imagebox {
	float:right;
	display:inline;
	margin:30px 0 30px 0;
	text-align: right;
}

#courseInstructor .imagebox img{
	width: 70%;
	margin: 20px 0 0 20px;
}



/*	courseEntry	*/

#courseEntry {
	margin:50px 0 0;
	padding:30px;
	border:3px solid #CCC;
	text-align: center;
}
#courseEntry h3 {
	margin:0;
	padding:0;
	border:none;
	color:#f60a20;
}
#courseEntry h3 br {
	display:none;
}
#courseEntry ul {
	display:inline-block;
	letter-spacing:-0.5em;
}
#courseEntry ul li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align: middle;
}
#courseEntry ul li+li {
	margin:0 0 0 20px;
}
#courseEntry ul li.linkbtn a {
	width: 380px;
	margin:0;
	line-height:65px;
	font-size:128.5%;
}


/*	eventGuide	*/

#eventGuide .linkbtn a {
	border:1px solid #cccccc;
	background:#FFF;
	line-height:50px;
	width: 500px;
	color:#333;
}
#eventGuide .linkbtn a:after {
	color:#f60a20;
}
#eventGuide .linkbtn a br {
	display:none;
}


/*==================================================

** system
==================================================*/

/*	lecturesStyle	*/

#lecturesStyle .meritlist {
	margin:0 0 0 -20px;
}
#lecturesStyle .meritlist:after,
#weekStyle ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#lecturesStyle .meritlist li {
	width: 490px;
	float: left;
	display: inline;
	border:1px solid #f60a20;
	padding:19px;
	box-sizing: border-box;
	margin:20px 0 0 20px;
}
#lecturesStyle .meritlist li dt {
	line-height:40px;
	font-size:128.5%;
	font-weight:bold;
	padding-left:50px;
	position:relative;
}
#lecturesStyle .meritlist li dt:before {
	content:counter(num);
	width:40px;
	line-height:40px;
	font-size: 24px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	background:#f60a20;
	position:absolute;
	top:0;
	left:0;
}
#weekStyle ul {
	margin:0 0 0 -20px;
}
#weekStyle li {
	width: 490px;
	float: left;
	display: inline;
	margin:20px 0 0 20px;
}
#weekStyle table {
	margin:15px 0 0;
}
#weekStyle th,
#weekStyle td {
	background:none;
	padding:10px 15px;
	text-align:center;
	font-weight:normal;
}
#weekStyle th:first-child {
	text-align:left;
}
#weekStyle td.focus {
	background:#f8fe55;
}


/*	systemCourseFee	*/

#systemCourseFee .unitpricebox h5 {
	color:#f60a20;
}
#systemPrivateFee .checklist {
	margin:20px 0 0;
}


/*	paymentMethod	*/

#paymentMethod > ul,
#paymentMethod > ul li {
	margin:20px 0 0;
}
#paymentMethod .noicon {
	margin:0;
}
#paymentMethod .noicon li {
	padding-left:10px;
	margin:15px 0 0;
}
#paymentMethod .noicon li:before {
	content:'・';
	color:#333;
}


/*	flowToStart	*/

#flowToStart h3 {
	border:none;
	background:#333;
	color:#FFF;
	padding:10px 15px;
}
#flowToStart ol li {
	position:relative;
	margin:30px 0 0;
	padding:0 0 55px;
	background:url(../img/common/bg_flow.png) no-repeat center bottom;
}
#flowToStart ol li:last-child {
	padding:0;
	background:none;
}
#flowToStart ol li:after {
	content:'';
	clear:both;
	display:block;
	height:0;
}
#flowToStart ol li:before {
	content:counter(num);
	display:block;
	width:30px;
	line-height:30px;
	font-size:18px;
	text-align:center;
	color:#FFF;
	background:#f60a20;
	position:absolute;
}
#flowToStart ol li figure {
	float:left;
	display:inline;
}
#flowToStart ol li .box {
	padding:0 0 0 230px;
}
#flowToStart ol li .box > :first-child {margin:0;}



/*==================================================

** event
==================================================*/

#eventArea .eventlist,
#eventArea .eventlist > li {
	margin:50px 0 0;
}
#eventArea .eventlist > li,
#eventArea .eventlist > li:before {
	padding:0;
	content:'';
}
#eventArea .eventlist > li {
	position:relative;
}
#eventArea .eventlist > li:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#eventArea .eventlist figure {
	float:left;
	display: inline;
	margin-right:30px;
}
#eventArea .eventlist h3 {
	padding:0;
	margin:0;
	border:none;
	font-size:242.8%;
}
#eventArea .eventlist h3 span {
	font-family:'abel';
	font-size:58.8%;
	font-weight:normal;
	color:#f60a20;
	margin-left:10px;
}

#eventArea .eventlist .box {
	width: 670px;
	float:left;
	display:inline;
}
#eventArea .eventlist .box p:first-child {
	margin:20px 0 0;
}
#eventArea .eventlist .box ul {
	margin:20px 0 0;
}
#eventArea .eventlist .linkbtn {
	position: absolute;
	top:0;
	right:0;
}
#eventArea .eventlist .linkbtn a {
	margin:0;
	width:210px;
}


/*==================================================

** - eventdetail
==================================================*/

#eventDetailArea .coursetbl tbody tr th:first-child {width:300px;}
#eventDetailArea #eventDetail .right {margin:0 0 20px 30px;}
#eventDetailArea #eventDetail.seminar .right {
	width:225px;
	height:150px;
	overflow:hidden;
	margin-bottom:0;
}
#eventDetailArea #eventDetail.seminar .right img {
	max-width:100%;
	height:auto;
}



/*==================================================

** voice
==================================================*/

/*	voicelist	*/

/*	IE9	*/
.ie7 .main .voicelist,
.ie8 .main .voicelist,
.ie9 .main .voicelist {
	display:block;
	letter-spacing:-0.5em;
}
.ie7 .main .voicelist li,
.ie8 .main .voicelist li,
.ie9 .main .voicelist li {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
}
.main .voicelist:after,
.main .voicelist li:after {
	clear:both;
	content:'';
	display: block;
	height:0;
}
.main .voicelist {
	margin:0 0 0 -30px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.main .voicelist li,
.main .voicelist li:first-child {
	width:345px;
	margin:30px 0 0 30px;
	padding:0 0 20px;
	border-bottom:1px solid #CCC;
}
.main .voicelist li:before {content:'';}
.main .voicelist .mediabox {
	width:120px;
	float:left;
	display:inline;
}
.main .voicelist .mediabox figure,
.main .voicelist .mediabox figure a {
	width:120px;
	height:120px;
	overflow:hidden;
}
.main .voicelist .mediabox figure img {
	max-width:100%;
	height:auto;
}
.main .voicelist .txtbox {
	width:205px;
	float:right;
	display:inline;
}
.main .voicelist .txtbox h5 {
	margin:0;
}
.main .voicelist .txtbox a {
	display:inline-block;
}
.main .voicelist .txtbox p {
	margin:10px 0 0;
}
.main .voicelist.widely li {width:485px;}
.main .voicelist.widely .txtbox {width:345px;}


/*	moviebtn	*/

.main .moviebtn {
	width:120px;
	margin:5px 0 0;
}
.main .moviebtn a {
	display:block;
	line-height:26px;
	text-align: center;
	color:#FFF;
	background:#f60a20;
	border-radius:2px;
}
.main .moviebtn a:before {
	display: inline-block;
	width:18px!important;
	height:12px!important;
	margin:auto 0;
	margin-right:5px;
	position:static;
	background:url(../img/common/ico_movie.png) no-repeat left top;
}
.main .moviebtn a:hover {
	opacity: 0.75;
}


/*	comefromArea	*/

#comefromArea h3 {
	border:none;
	background:#333;
	color:#FFF;
	padding:10px 15px;
}
#comefromArea .atlas {
	margin:30px 0 0;
	text-align:center;
	position:relative;
}
#comefromArea .atlas p {
	position:absolute;
	margin:0;
	text-align:left;
	font-size:171.4%;
	font-weight:bold;
}
#comefromArea th {
	width:15%;
}


/*==================================================

** - voice detail
==================================================*/

#voiceDetailArea img {
	max-width:100%;
	height:auto;
}
#voiceDetailArea .studentbox:after,
#voiceDetailArea #interviewArea .detailbox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#voiceDetailArea .studentbox {
	border:3px solid #CCC;
	margin:30px 0 0;
	padding:30px;
}
#voiceDetailArea .studentbox figure {
	float:left;
	display:inline;
	width:250px;
	height:250px;
	overflow:hidden;
}
#voiceDetailArea .studentbox figure img {
	max-width:100%;
	height:auto;
}
#voiceDetailArea .studentbox .txtbox {
	float:left;
	display:inline;
	width:374px;
	margin-left:30px;
}
#voiceDetailArea .studentbox h3 {
	margin:0;
	padding:0;
	border:none;
}
#voiceDetailArea .studentbox h4 {
	color:#333;
}
#voiceDetailArea .studentbox h4 span {
	font-size:122.2%;
}
#voiceDetailArea .studentbox ul {
	margin:5px 0 0;
}
#voiceDetailArea .studentbox .moviebtn {
	margin:15px 0 0;
	width: 75px;
	font-size:78.5%;
	text-align:right;
}
#voiceDetailArea .studentbox .moviebtn a {
	text-align:right;
	padding-right:5px;
}
#voiceDetailArea .studentbox .moviebtn a:before {
	position:absolute;
	top:0;
	bottom:0;
	left:5px;
}
#voiceDetailArea #interviewArea .detailbox figure {
	width:200px;
	height:200px;
	overflow: hidden;
}
#voiceDetailArea #interviewArea .detailbox figure img {
	max-width:100%;
	height:auto;
}
#voiceDetailArea #voiceMovie .movie {
	margin:20px 0 0;
}
#voiceDetailArea #voiceMovie .movie iframe {
	width:720px;
	height:405px;
}
#voiceDetailArea .right {margin:0 0 20px 20px;}
#voiceDetailArea .left {margin:0 20px 20px 0;}
#voiceDetailArea p+.right,
#voiceDetailArea p+.left{
	margin-top:30px;
}




/*==================================================

** school
==================================================*/

/*	schoolMission	*/

#schoolMission {
	margin:50px 0 0;
	padding:27px 17px;
	border:3px solid #f60a20;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
}
#schoolMission h2 {
	margin:0;
	padding:0;
	border:none;
	color:#f60a20;
}
#schoolMission p {
	margin:20px 0 0;
	font-size:114.2%;
	font-weight:bold;
}


/*	schoolBuilding	*/

#schoolBuilding .schoollist {
	margin:0;
}
#schoolBuilding .schoollist li,
#schoolBuilding .schoollist li:before {
	padding:0;
	content:'';
}
#schoolBuilding .schoollist > li:after,
#schoolBuilding .schoollist .taglist:after {
	clear:both;
	content:'';
	display: block;
	height:0;
}
#schoolBuilding .schoollist > li {
	margin:40px 0 0;
	padding:0 0 30px;
	line-height:100%;
	border-bottom:1px solid #ccc;
}
#schoolBuilding .schoollist li figure {
	width:370px;
	float:left;
	display:inline;
}
#schoolBuilding .schoollist li .box {
	width:600px;
	float:left;
	display:inline;
	margin:0 0 0 30px;
}
#schoolBuilding .schoollist li .box h3 {
	margin:0;
	padding:0;
	border:none;
	font-size:242.8%;
}
#schoolBuilding .schoollist li .box h3 span {
	font-family:'abel';
	font-size:58.8%;
	font-weight:normal;
	color:#f60a20;
	margin-left:10px;
}
#schoolBuilding .schoollist li .box h3+p {
	margin:15px 0 0;
}
#schoolBuilding .schoollist .taglist {
	width:375px;
	margin:20px 0 0;
}
#schoolBuilding .schoollist .taglist li,
#schoolBuilding .schoollist .taglist li:first-child {
	width:120px;
	line-height:22px;
	background:#999;
	color:#FFF;
	float:left;
	display:inline;
	margin:5px 5px 0 0;
	font-size:85.7%;
	font-weight:bold;
	text-align:center;
}
#schoolBuilding .schoollist .taglist li.on {background:#f60a20;}



/*==================================================

** - school detail
==================================================*/

/*	schoolEventList	*/

#schoolEventList .linkbtn a {
	width: 240px;
	margin-right:0;
}


/*	schoolInfomation	*/

#schoolInfomation .map {margin:20px 0 0;}


/*	schoolDirector	*/

#schoolDirector .box:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#schoolDirector figure {
	width: 310px;
	float:right;
	display:inline;
	margin:30px 0 0;
}
#schoolDirector .greetingbox {
	width:660px;
	float:left;
	display:inline;
	margin:30px 0 0;
}



/*==================================================

** - teachers archive
==================================================*/

.main .teacherlist {
	margin:0 0 0 -30px;
}
.main .teacherlist:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
.main .teacherlist li,
.main .teacherlist li:first-child {
	padding:0;
	margin:30px 0 0 30px;
	float:left;
	display:inline;
}
.main .teacherlist li:before,
.main .teacherlist li a:before {
	display:none;
}
.main .teacherlist li a {
	width:310px;
	color:#333;
	position:relative;
}
.main .teacherlist li a:after {
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 0 15px 15px;
	border-color:transparent transparent #999999 transparent;
}
.main .teacherlist li a:hover {opacity:0.75;}
.main .teacherlist li a:hover img {opacity:1;}
.main .teacherlist li figure {
	width:310px;
	height:310px;
	overflow:hidden;
}
.main .teacherlist li figure img {
	max-width:100%;
	height:auto;
}
.main .teacherlist li .namettl {
	display:table-cell;
	width: 310px;
	height:84px;
	padding:0 14px;
	box-sizing:border-box;
	font-size:171.4%;
	vertical-align:middle;
	border:1px solid #CCC;
	border-top:none;
}



/*==================================================

** - teachers detail
==================================================*/

#teachersDetailArea .introbox {
	margin:30px 0 0;
}
#teachersDetailArea .introbox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#teachersDetailArea .introbox .right {
	margin:0 0 30px 30px;
}
#teachersDetailArea .introbox .btnlist a {
	border-color:#ccc;
	color:#333;
}
#teachersDetailArea .introbox .btnlist a:hover {
	background:#FFF;
	color:#f60a20;
	border-color:#f60a20;
}
#teachersDetailArea .introbox .btnlist a:hover:after {
	color:#f60a20;
}
#teachersDetailArea .introbox .movie {
	margin:20px 0 0;
}
#teachersDetailArea .introbox .movie iframe {
	width:1000px;
	height:563px;
}



/*==================================================

** education
==================================================*/

#educationArea #aboutKyufu li,
#educationArea #refundSystem li {
	margin:20px 0 0;
}
#educationArea #absenceSystem h4,
#educationArea #refundSystem h4 {
	color:#333;
}
#educationArea .txtbox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#educationArea #absenceSystem .box,
#educationArea #refundSystem .box {
	float:left;
	display:inline;
	width:570px;
}
#educationArea #absenceSystem .right{margin-top:15px;}
#educationArea #refundSystem .right {margin-top:30px;}




/*==================================================

** information
==================================================*/

.main .topiclist {
	margin:10px 0 0;
}
.main .topiclist li {
	padding:0;
	margin:0;
	border-bottom:1px dotted #ccc;
}
.main .topiclist li:before,
.main .topiclist li a:before {
	display:none;
}
.main .topiclist a {
	display: block;
	line-height:52px;
	color:#333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main .topiclist a:hover {
	color:#f60a20;
}
.main .topiclist .date {
	display:inline-block;
	margin-right:10px;
}
.main .topiclist .category {
	display:inline-block;
	width:120px;
	line-height:22px;
	box-sizing:border-box;
	padding:0 10px;
	margin-right:10px;
	font-size:85.7%;
	text-align:center;
	background:#CCC;
	color:#FFF;
}



/*==================================================

** blog
==================================================*/



/*==================================================

** recommend
==================================================*/

.main .recommendlist {
	margin:10px 0 0;
}
.main .recommendlist li {
	border-bottom:1px dotted #CCC;
	padding:20px 180px 20px 0;
	margin:0;
	position:relative;
}
.main .recommendlist li:before {content:'';}
.main .recommendlist li h5 span {
	display: inline-block;
	width:120px;
	line-height:22px;
	box-sizing:border-box;
	font-size:75%;
	padding:0 2px;
	margin-right:10px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	background:#ff5e00;
}
.main .recommendlist li dl {
	margin:15px 0 0;
	letter-spacing:-0.5em;
}
.main .recommendlist li dl dt,
.main .recommendlist li dl dd {
	letter-spacing:normal;
	display: inline-block;
	vertical-align:top;
}
.main .recommendlist li dl dt {
	width:100px;
}
.main .recommendlist li dl dd {
	width:440px;
}
.main .recommendlist li dl dd > :first-child {
	margin:0;
}
.main .recommendlist li .linkbtn a {
	background:#333;
	width:150px;
	height: 35px;
	line-height:35px;
	position:absolute;
	top:0;
	bottom:0;
	right:5px;
	margin:auto 0;
}
.main .recommendlist.widely dd {width:720px;}



/*==================================================

** corporate
==================================================*/

.main .corporate h2 {
	border-color:#043d60;
}
.main .corporate h4,
.main .corporate ul li:before,
.main .corporate .linkband:after,
.main .corporate .linkband a:hover {
	color:#043d60;
}
.main .corporate a:before {
	background-color:#043d60;
}
#pagetitle.corporatepage {
	background:url(../img/coporate/pagettl_bg.jpg) no-repeat right bottom #043d60;
}
#pagetitle.corporatepage.upstair {
	height:380px;
}
#pagetitle.corporatepage h1 {
	background:#043d60;
}
#pagetitle.corporatepage .box {
	background:#043d60;
	display:table-cell;
	vertical-align:middle;
	height:inherit;
	padding-right:60px;
}
#pagetitle.corporatepage .box h1 {
	height:auto;
	display:inline-block;
	background:none;
	padding:0;
}
#pagetitle.corporatepage .box p {
	width:430px;
	color:#FFF;
	font-weight:bold;
	margin:40px 0 0;
}
.main .corporate .ctabox dl dd ul li.btn a {
	background:#043d60;
}


/*	introduceType	*/

#introduceType .typelist > li {
	border-bottom:1px solid #CCC;
	padding-bottom:30px;
}
#introduceType .typelist > li+li {
	margin:30px 0 0;
}



/*==================================================

** - archives
==================================================*/

.main .archiveslist li,
.main .archiveslist li:before {
	padding:0;
	content:'';
}
.main .archiveslist li+li {
	margin:30px 0 0;
}
.main .archiveslist li a,
.main .archiveslist li.nolink {
	display:block;
	border:3px solid #CCC;
	padding:32px 62px 32px 32px;
	position:relative;
}
.main .archiveslist li a:before {
	display:none;
}
.main .archiveslist li a:after {
	content:'\f105';
	font-family:FontAwesome;
	font-size:26px;
	font-weight:normal;
	color:#999999;
	background:none;
	position:absolute;
	right:22px;
	top:0;
	bottom:0;
	width:10px;
	height:21px;
	margin:auto 0;
}
.main .archiveslist li a:hover,
.main .archiveslist li a:hover figure {
	border-color:#043d60;
}
.main .archiveslist li a:hover:after {
	color:#043d60;
	right:15px;
}
.main .archiveslist li a:hover img {
	opacity:1;
}
.main .archiveslist li figure,
.main .archiveslist li .box {
	display:table-cell;
}
.main .archiveslist li figure {
	width:170px;
	border-right:1px dotted #CCC;
	vertical-align:middle;
	transition: .2s;
}
.main .archiveslist li figure img {
	max-width:140px;
	height:auto;
}
.main .archiveslist li .box {
	padding-left:30px;
}
.main .archiveslist li .box .title,
.main .archiveslist li .box .subtitle {
	margin:0;
	padding:0;
	border:none;
	display:block;
	font-weight:bold;
}
.main .archiveslist li .box .title {
	color:#333333;
	font-size:128.5%;
}
.main .archiveslist li .box .subtitle {
	color:#043d60;
	font-size:171.4%;
	margin:5px 0 0;
}
.main .archiveslist li .box .category {
	display:inline-block;
	padding:6px 10px;
	margin:15px 0 0;
	background:#043d60;
	color:#FFF;
	border-radius:3px;
	font-weight:bold;
}


/*	archivesVoice	*/

#archivesVoice th,
#archivesVoice td {
	border-left:none;
	border-right:none;
	background:none;
	padding-left:0;
	padding-right:0;
}
#archivesVoice th {
	color:#043d60;
	width:18%;
}
#archivesVoice .clientbox .voicebox {
	border:1px solid #CCC;
	margin:30px 0 0;
	padding:19px;
}
#archivesVoice .clientbox .voicebox+.voicebox {
	margin:20px 0 0;
}
#archivesVoice .clientbox .voicebox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#archivesVoice .clientbox .voicebox .right {
	margin-left:20px;
}
#archivesVoice .clientbox .voicebox h5 {
	margin:0;
}
#archivesVoice .clientbox .voicebox figure {
	width:120px;
	height:150px;
	overflow: hidden;
}
#archivesVoice .clientbox .voicebox figure img {
	max-width:100%;
	height:auto;
}


/*	clientInformation	*/

#clientInformation:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#clientInformation .photo {
	width:140px;
	margin:30px 30px 0 0;
	float:left;
	display:inline
}
#clientInformation .photo img {
	max-width:140px;
	height:auto;
}
#clientInformation .txtbox {
	float:right;
	display:inline;
	width:830px;
}
#clientInformation .txtbox a[target="_blank"] {
	color:#043d60;
}
#clientInformation .txtbox a[target="_blank"]:after {
	content:'\f08e';
	font-family:FontAwesome;
	font-size:14px;
	width:auto;
	height:auto;
	margin-left:5px;
}
#clientInformation th {
	width: 20%;
}



/*==================================================

** recruit
==================================================*/

#recruitArea .en {
	margin:0;
	display:block;
}
#recruitArea h2 .en {
	font-size:50%;
	font-weight:bold;
}


/*	recruitPrologue	*/

#recruitPrologue h2 {
	padding:0;
	border:none;
	color:#f60a20;
}
#recruitPrologue h2.en {
	margin-top:15px;
	font-size:157.1%;
	font-weight:bold;
}


/*	recruitNeed	*/

#recruitNeed h4.en {
	font-size:100%;
	font-weight:bold;
}


/*	recruitGuideline	*/

#recruitGuideline h3 .en {
	font-size:58.3%;
	font-weight:bold;
}


/*==================================================

** faq
==================================================*/

.main .faqlist {
	margin:30px 0 0;
	border:1px solid #CCC;
	border-radius:2px;
}
.main .faqlist dt,
.main .faqlist dd {
	position:relative;
}
.main .faqlist dt {
	padding:15px 40px 15px 50px;
	font-size:114.2%;
	font-weight:bold;
}
.main .faqlist dd+dt {
	border-top:1px solid #CCC;
}
.main .faqlist dd {
	display:none;
	padding:15px 15px 15px 50px;
	background:#f5f5f5;
}
.main .faqlist dd > :first-child {
	margin:0;
}
.main .faqlist dd a {
	display:inline-block;
	margin:15px 0 0;
}
.main .faqlist dt:before,
.main .faqlist dd:before {
	font-family:'Cabin';
	font-size:16px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	width:30px;
	line-height:30px;
	position:absolute;
	left:10px;
	top:10px;
}
.main .faqlist dt:before {
	content:'Q';
	background:#333333;
}
.main .faqlist dd:before {
	content:'A';
	background:#f60a20;
}
.main .faqlist dt:after {
	content:'\f107';
	font-family:FontAwesome;
	font-size:28px;
	font-weight:normal;
	text-align:center;
	color:#999999;
	position:absolute;
	right:20px;
	top:0;
	bottom:0;
	margin:auto 0;
	height:23px;
    transition: all 0.2s;
}
.main .faqlist dt.close:after {
	-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 0.4s;
}



/*==================================================

** contact
==================================================*/


#contactArea .bnlist {
	margin:0 0 0 -20px;
}
#contactArea .bnlist:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#contactArea .bnlist li {
	float:left;
	display: inline;
	margin:20px 0 0 20px;
}



/*==================================================

** - form page
==================================================*/


/*	flowArea	*/

#flowArea h2 {
	border:none;
	padding:0;
	color:#f60a20;
}
#flowArea .bdbox {
	border:1px solid #CCC;
	margin:20px 0 0;
	padding:19px;
	text-align: center;
}
#flowArea .bdbox h4 {
	color:#333;
}
#flowArea .bdbox > :first-child {
	margin:0;
}
#flowDetail {
	position:relative;
}
#flowDetail h4 {
	border:none;
    background:#333;
    color:#FFF;
    padding:10px 15px;
	margin:60px 0 0;
	text-align:center;
}
#flowDetail:after {
	width:0;
	height:0;
	border-style: solid;
	border-width: 23px 35px 0 35px;
	border-color: #cccccc transparent transparent transparent;
	position:absolute;
	top:-40px;
	left:0;
	right:0;
	margin:0 auto;
}
#flowDetail .flowlist {
	margin:0 0 0 -20px;
}
#flowDetail .flowlist:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#flowDetail .flowlist li {
	float:left;
	display:inline;
	box-sizing: border-box;
	margin:20px 0 0 20px;
	border:1px solid #CCC;
	position:relative;
}
#flowDetail .flowlist.three li {width:320px;}
#flowDetail .flowlist.four li {width:235px;}
#flowDetail .flowlist li:before {
	content:counter(num);
	display:block;
	width:30px;
	line-height:30px;
	font-size:18px;
	text-align:center;
	color:#FFF;
	background:#f60a20;
	position:absolute;
	top:-1px;
	left:-1px;
}
#flowDetail .flowlist li figure {
	margin:-1px -1px 0
}
#flowDetail .flowlist li figure img {
	max-width:100%;
	height:auto;
}
#flowDetail .flowlist li .box {
	padding:20px 14px 15px;
	box-sizing:border-box;
}
#flowDetail .flowlist li .box > :first-child {margin:0;}
#flowDetail .flowlist li .box h5 span {
	font-size:87.5%;
}
#flowDetail.request .flowlist li {
	width:490px;
}
#flowDetail.request .flowlist li .box {
	padding:19px 14px 19px 44px;
}



/*==================================================

** - thanks
==================================================*/

#thanksArea .link.tohome {
	text-align:left;
	padding-left:15px;
	position:relative;
}
#thanksArea .link.tohome:after {
	content:'\f104';
	margin:0;
	position:absolute;
	left:0;
}
#thanksArea.corporate .link.tohome:after,
#thanksArea.corporate .link.tohome a:hover,
#thanksArea.corporate .link.tohome:hover:after {
	color:#043d60;
}




/*==================================================

** privacy
==================================================*/

#privacyArea ol {
	margin:15px 0 0;
	list-style:decimal inside;
}
#privacyArea ol li {
	margin:5px 0 0;
}



/*==================================================

** sitemap
==================================================*/

#sitemapArea ul {
	margin:50px 0 0;
}
#sitemapArea ul li+li {
	margin-top:15px;
}
#sitemapArea ul ul {
	margin:5px 0 0;
}
#sitemapArea ul ul li+li {
	margin-top:5px;
}
#sitemapArea ul ul li:before {
	color:#333333;
}
#sitemapArea a {
	color:#333333;
}
#sitemapArea a:hover {
	color:#f60a20;
}
#sitemapArea .nolink,
#sitemapArea a br,
#sitemapArea .submenu li:first-child {
	display:none;
}



/*==================================================

校舎ページ用　カスタマイズ　2018.02.21
==================================================*/
#customize #minmenu{
	width: 100%;
	list-style: none !important;
	margin:20px auto 0px auto;
	text-align: center;	
	}

#customize #minmenu ul {
	list-style: none !important;
	width: 100%;
	margin:0 auto;
	}

#customize #minmenu li{
	margin: 0;
	list-style: none !important;
	width: 19.5555555%;
	box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    -ms-box-sizing: border-box!important;
    -o-box-sizing: border-box!important;
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	display: inline-block;
	line-height: 3;
	border: #f60a20 1px solid;
	font-weight:bold;
	}
	
	#customize #minmenu a:after {
	content:'\f105';
	font-family:FontAwesome;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	background:none;
	position:absolute;
	right:10px;
	left:auto;
	top:auto;
	bottom:auto;
	width:auto;
	height:auto;
	transform: rotate(90deg);}
	
#customize #minmenu a:link    { color: #ffffff; text-decoration:none; background-color: #f60a20;display: block;}
#customize #minmenu a:visited { color: #ffffff; text-decoration:none; background-color: #f60a20;display: block;}
#customize #minmenu a:active  { color: #ffffff; text-decoration:none; background-color: #f60a20;display: block;}
#customize #minmenu a:hover   { color: #f60a20; text-decoration:none; background-color: #ffffff;display: block;}
	
#customize #concept{clear: both;}


#customize .titlecustomize_school {
	margin:50px 0 0;
	font-size:200%;
	font-weight:bold;
	padding-bottom:15px;
	border-bottom:5px solid #f60a20;
	}


/*==================================================

コースページ用　カスタマイズ　2019.11.26
==================================================*/
#customize #minmenu02{
	width: 100%;
	list-style: none !important;
	margin:20px auto 0px auto;
	text-align: center;	
	}

#customize #minmenu02 ul {
	list-style: none !important;
	width: 100%;
	margin:0 auto;
	}

#customize #minmenu02 li{
	margin: 0;
	list-style: none !important;
	width: 24.555555555%;
	box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    -ms-box-sizing: border-box!important;
    -o-box-sizing: border-box!important;
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	display: inline-block;
	line-height: 3;
	border: #f60a20 1px solid;
	font-weight:bold;
	}
	
	#customize #minmenu02 a:after {
	content:'\f105';
	font-family:FontAwesome;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	background:none;
	position:absolute;
	right:10px;
	left:auto;
	top:auto;
	bottom:auto;
	width:auto;
	height:auto;
	transform: rotate(90deg);}
	
#customize #minmenu02 a:link    { color: #ffffff; text-decoration:none; background-color: #f60a20;display: block;}
#customize #minmenu02 a:visited { color: #ffffff; text-decoration:none; background-color: #f60a20;display: block;}
#customize #minmenu02 a:active  { color: #ffffff; text-decoration:none; background-color: #f60a20;display: block;}
#customize #minmenu02 a:hover   { color: #f60a20; text-decoration:none; background-color: #ffffff;display: block;}


/*==================================================

2020キャンペーン用　カスタマイズ　2018.04.11
==================================================*/
#pagetitle.campaign2020 {background-image:url(../img/event/campaign2020_main.jpg);}
#eventArea #campaign2020Contents_box .t-block{display:inline;}

/*キャンペーン全体*/
#campaign2020Contents_box{
	margin: 0 0 20px 0;
	padding:0 0 0 0;
	clear: both;
	text-align: center;
	}
	
#eventArea #campaign2020Contents_box h2,p{ text-align: left;}

/*見出し*/
#eventArea #campaign2020Contents_box .campaign2020_subTitle {
	padding:30px 0 30px 0;
	margin:20px 0 20px 0;
	font-size:242.8%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
	border-left: none;
	}

#eventArea #campaign2020Contents_box .campaign2020_subTitle .en {
	padding:0 0 0 0;
	margin:10px 20px 0 0px;
	font-size:20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	
#eventArea #campaign2020Contents_box .ContentsTitle{
	font-size:160%;
	margin:20px auto;
	padding: 20px;
	background: #2564b3;
	color: #ffff00;
	display:inline-block;
	text-align: center;
	font-weight: bold;
	}

/*キャンペーンメッセージタイトル*/
#eventArea #campaign2020Contents_box .campaign_message {
	position: relative;
	padding: 0.6em;
	background: #24b363;
	color: #ffffff;
	border-bottom: none;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 35px 0 -10px 0;
	font-size:220%;
	text-align: left;
	border-radius:5px 50px 50px 0px;
	}

#eventArea #campaign2020Contents_box .campaign_message:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 5px;
	border: 15px solid transparent;
	border-top: 15px solid #24b363;
	width: 0;
	height: 0;	
	}

	
/*小見出し*/
#eventArea #campaign2020Contents_box .campaign2020_subsubTitle{
	font-size:150%;
	margin:20px 0 10px 0;
	padding: 10px;
	background: #662d8f;
	color: #ffffff;
	clear: both;
	border-left: none;
	text-align: center;
	}

/*小見出し2*/
#eventArea #campaign2020Contents_box .campaign2020_subsubTitle2{
	font-size:200%;
	margin:20px 0 100px 0;
	padding: 10px 20px;
	background: #f60a20;
	color: #ffffff;
	clear: both;
	border-left: none;
	position: relative;
	}
#eventArea #campaign2020Contents_box .campaign2020_subsubTitle2:after{
	content: "";
	width: 0;
	height: 0;
	border: 500px transparent solid;
	border-top: 70px #f60a20 solid;
	position: absolute;
	left: 0;
	top: 100%;
	}

	
#eventArea #campaign2020Contents_box table{
margin: 0;
}


/*受講生の声エリア*/
#eventArea #campaign2020Contents_box .studentArea {
	margin:20px 0 50px 0;
	padding:20px;
	border: 1px solid #999999;
	overflow: hidden;
	}
	
/*受講生の声ボックス*/
#eventArea #campaign2020Contents_box .studentbox {
	margin:0;
	padding:0;
	clear: both;
	text-align: left;
	}
#eventArea #campaign2020Contents_box .studentbox figure {
	float:left;
	display:inline;
	width:200px;
	height:200px;
	overflow:hidden;
	}
#eventArea #campaign2020Contents_box .studentbox figure img {
	max-width:100%;
	height:auto;
	}
#eventArea #campaign2020Contents_box .studentbox .txtbox {
	float:left;
	display:inline;
	width:730px;
	margin:0 0 0 20px;
	padding: 0;
	}
	
#eventArea #campaign2020Contents_box .studentbox .txtbox .txtbox_con{margin: 0 30px 0 0;padding: 0; float: left; width:400px;}

#eventArea #campaign2020Contents_box .studentbox h3 {
	margin:0 0 10px 0 ;
	padding:0 0 0 15px;
	border:none;
	line-height: 1.2;
	letter-spacing: -2px;
	border-left: 5px solid #f60a20;

	}
#eventArea #campaign2020Contents_box .studentbox h4 {
	color:#333;
	border-left: 2px solid #f60a20;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
	}	
#eventArea #campaign2020Contents_box .studentbox h4 span {
	font-size:122.2%;
	}
#eventArea #campaign2020Contents_box .studentbox ul {
	margin:5px 0 0;
	line-height: 1.3;
	}

#eventArea #campaign2020Contents_box .movieBox{margin: 0;padding: 0; float: left;width:300px;}
#eventArea #campaign2020Contents_box .movie {margin: 0 auto;}
#eventArea #campaign2020Contents_box .movie iframe {width:300px;height:160px; margin: 15px 0 0 0;}


