@charset "UTF-8";
/* ******************************************************************

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Footer styles

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

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
/*
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

	http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
 */

*[class^="notoSansJP"] {
  font-family: 'Noto Sans Japanese';
}
.notoSansJP100 { font-weight: 100;}
.notoSansJP200 { font-weight: 200;}
.notoSansJP300 { font-weight: 300;}
.notoSansJP400 { font-weight: 400;}
.notoSansJP500 { font-weight: 500;}
.notoSansJP600 { font-weight: 600;}
.notoSansJP700 { font-weight: 700;}
.notoSansJP800 { font-weight: 800;}
.notoSansJP900 { font-weight: 900;}

html { color:#4D4D4D; min-width:1100px;}
a:link, a:visited { color:#4D4D4D; }
.pcStyle a:hover {
	color:#4D4D4D;
	text-decoration:none;
}
.piecss3 {
	position:relative;
	z-index:10;
}
.touchHover,
.noTapColor,
button { -webkit-tap-highlight-color:rgba(0,0,0,0); }

.pcDisplay {
	display:block;
}
.spDisplay {
	display:none;
}
@media screen and (max-width:640px) {
.pcDisplay {
	display:none;
}
.spDisplay {
	display:block;
}
.spNone {
	display:none !important;
}
}
::selection {
background: #80cfdd;
}
::-moz-selection {
background: #80cfdd;
}
body {
	-webkit-font-smoothing: subpixel-antialiased;
	min-width:1100px;
}
/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline1 {
	float:left;
	width:600px;
	padding-left:5px;
	font-size:28px;
	color:#4978AE;
	font-feature-settings: "palt";
}
.headline1W980 {
	float:left;
	width:100%;
	max-width:975px;
	padding-left:5px;
	font-size:28px;
	color:#4978AE;
	font-feature-settings: "palt";
}
.headline1 .imageIcon,
.headline1W980 .imageIcon {
	display:inline-block;
	margin:4px 8px 0 0;
	height:28px;
	font-size:0;
	vertical-align:top;
}
.headline1 .textSmall,
.headline1W980 .textSmall {
	padding-left:12px;
	font-size:13px;
}
.headline1 span,
.headline1W980 span {
	font-size:18px;
}
.headline2 {
	margin-bottom:12px;
	padding-bottom:8px;
	padding-left:8px;
	border-bottom:2px solid #EC7062;
	color:#EC7062;
	font-size:24px;
}
.headline2 span {
	padding-right:10px;
}
.headline2 .imageIconSp {
	display:none;
}
.headline2.blue {
	border-color:#426C9C;
}
.borderGrey {
	border-bottom:1px solid #C9C9C9;
}
.headline3 {
	padding:1px 0 8px 10px;
	font-size:18px;
	line-height:18px;
	border-bottom:1px solid #C9C9C9;
	background:url(/img/common/icon_dash.gif) no-repeat 0 3px;
	line-height:1.4;
}
.headBox .headline3 {
	float:left;
}
.headline3.noBorder {
	border-bottom:0;
}
.headBox span.regular {
	float:right;
	padding-top:3px;
	font-size:11px;
}
.headBox.border {
	border-bottom:1px solid #C9C9C9;
}
.headBox.border .headline3 {
	border-bottom:none;
}
.headline4 {
	font-size:18px;
	color:#4D4D4D;
	padding-left:18px;
	margin-bottom:8px;
	background:url(/img/common/icon_circle.gif) no-repeat 1px 50%;
}
.headline4 span {
	font-size:13px;
	padding-left:10px;
}
.headline8 {
	color:#4978AE;
	font-size:19px;
	margin-bottom:5px;
}
.headline8 span {
	margin-left:8px;
	font-size:13px;
}
.headline10 {
	margin-bottom:13px;
	padding-left:10px;
	border-left:4px solid #385B81;
	color:#385B81;
	font-size:15px;
	font-weight:bold;
	line-height:1;
}
.headline10 span {
	padding-left:10px;
	color:#4D4D4D;
}
.headline11 {
	position:relative;
	margin-bottom:10px;
	padding-left:26px;
	color:#4E79AC;
	font-size:20px;
}
.headline11 .iconImage {
	position:absolute;
	top:7px;
	left:6px;
	width:15px;
}
.headline12 {
	position:relative;
	margin-bottom:12px;
	padding-left:50px;
	color:#EA7166;
	font-size:24px;
}
.headline12 .icon {
	position:absolute;
	top:50%;
	left:8px;
	display:block;
	width:33px;
	margin-top:-17px;
}
.headline12 .iconSp {
	display:none;
}
.headline13 {
	margin-bottom:25px;
	color:#4978AE;
	font-size:24px;
	font-weight:bold;
}
.headline13 .red {
	color:#EC7063;
}
.headline13 .txtTag {
	display:inline-block;
	margin:2px 5px 0 0;
	padding:5px 10px;
	background:#EC7063;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	vertical-align:text-top;
}
/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#wrapper {
	position:relative;
	min-width:1100px;
}
#contents {
	clear:both;
	width:1024px;
	margin:36px auto 0;
}
.wrapperSection01 {
	position:relative;
	width:1024px;
	margin:0 auto;
}
.section01 {
	width:787px;
	padding:41px 50px 38px;
}
.section02{
	width:1024px;
	margin:0 auto;
}
.section03{
	border-top:1px solid #D5D5D5;
}
.section04 {
	max-width:1024px;
	margin:0 auto;
	padding:35px 22px;
}
.section06 {
	max-width:1024px;
	margin:0 auto;
	padding:30px 22px;
}
.section06 + .section06 {
	padding-top:0;
}
.section07 {
	max-width:980px;
	margin:0 auto;
	padding:30px 31px;
}
.wrapperSection02 {
	background:#F8F6F4;
}
.section02Inner {
	width:787px;
	padding:40px 50px 40px;
}
.section02SideInner {
	position:relative;
	max-width:1024px;
	margin:0 auto;
}
#contents.contentWOSide .firstSection,
#contents.contentWOSide .section01,
#contents.contentWOSide .section02Inner {
	width: auto;
}
.lastSection .section06 {
	padding-bottom:120px;
}
.lineGray {
	border-bottom:1px solid #D5D5D5;
}
.noBorder {
	border:none !important;
}
/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	position:fixed;
	width:100%;
	min-width:1100px;
	height:60px;
	top:0;
	left:0;
	z-index:9999;
	background:#FFF url(/img/common/bg_header.png) repeat-x 0 0;
	-webkit-box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 3px 0 #D7D7D7;
	behavior:url(/js/PIE.htc);
}
.headerInner {
	width:1024px;
	margin:0 auto;
}
#logo {
	width:186px;
	font-size:0;
}
.imageLogo img {
	margin:auto;
}
#header .check,.numberFile {
	top: 40px;
	left: 23px;
	position: absolute;
	text-align: center;
	display: block;
	font-size: 11px;
	font-family:'Roboto Condensed', sans-serif;
}
#header .numberFile {
	left: 18px;
	width: 38px;
	color:#4978AE;
}
#header .evItem02 .numberFile {
	color: white;
}
#header .check {
	left:40px;
	top:13px;
}
#header02 {
	position:absolute;
	top:0;
	z-index:999;
	width:100%;
	min-width:1100px;
	height:60px;
	border-bottom:1px solid #D9D9D9;
	background-color:#4978AE;
	-webkit-box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 3px 0 #D7D7D7;
	behavior:url(/js/PIE.htc);
}


/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#naviInner > li {
	position:relative;
	float:left;
	width:7.2%;
	max-width:auto;
	height: 60px;
}
#naviInner #naviHome {
	width:18.2%;
}
li#navi01 {
	width:12.4%;
}
li#navi01 br {
	display:none;
}
li#navi03 {
	width:15.6%;
}
#naviInner > li#navi03 > a {
	padding:0 8px 0 16px;
	text-align:left;
}
#naviInner > li#navi03 > a .icon {
	padding-right:8px;
}
li#naviResult {
	width:11%;
}
li#naviCandidate {
	width:15.6%;
}
#naviInner > li#naviCandidate > a {
	padding:0 8px 0 16px;
	text-align:left;
}
#naviInner #naviConsult {
	width:16.5%;
}

#naviInner li a {
	display:block;
	width:100%;
	background:#FFF;
	color:#33649c;
	font-size:14px;
	text-decoration:none;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
#naviInner > li > a {
	position:relative;
	overflow:hidden;
	height:60px;
	padding:0 8px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #DADADA;
	text-align:center;
	line-height:58px;
}
#naviInner > li > a img {
	vertical-align:middle;
}
#naviInner #naviHome a {
	padding:0 10px;
	border-left:none;
	background:#4978AE;
}
#naviInner #naviConsult a {
	padding:0 5px;
	border-left:none;
	background:#EC7063;
}
#naviInner > li > a:after {
	position:absolute;
	bottom:0;
	right:0;
	content:"";
	width:0;
	height:3px;
	background:#EC7063;
	transition: width .3s cubic-bezier(0.29, 0.18, 0.26, 0.83);
}
#naviInner > li:hover > a {
	color:#EC7063;
}
#naviInner > li:hover > a:after {
	left:0;
	width:100%;
}
#pageAbout #naviInner > li#navi05 > a,
#pageRecord #naviInner > li#navi04 > a,
#pageKakeru #naviInner > li#navi03 > a,
#pageSpecialList #naviInner > li#navi02 > a,
#pageGenre #naviInner > li#navi01 > a,
#naviInner > li.active > a {
	color:#EC7063;
}
#pageAbout #naviInner > li#navi05 > a:after,
#pageRecord #naviInner > li#navi04 > a:after,
#pageKakeru #naviInner > li#navi03 > a:after,
#pageSpecialList #naviInner > li#navi02 > a:after,
#pageGenre #naviInner > li#navi01 > a:after,
#naviInner > li.active > a:after {
	width:100%;
}
#naviInner #naviHome a:after,
#naviInner #naviConsult a:after {
	display:none;
}
#naviInner #naviHome:hover a {
	background:#226DC4;
}
#naviInner #naviConsult:hover a {
	background:#f1402d;
}
#naviInner > li > a > span {
	display:inline-block;
	vertical-align:middle;
	font-weight:normal;
	font-feature-settings:"palt";
	letter-spacing:1px;
	line-height:1.3em;
}
li#naviCandidate .icon {
	position:relative;
	margin-right:10px;
	margin-bottom:6px;
}
li#naviCandidate .icon + span {
	width:74%;
}
li#naviCandidate .check {
	top:-6px;
	left:14px;
	width:14px;
	height:14px;
	background:url(/img/common/check_blue.png) 50% 50% no-repeat;
	line-height:0;
}
li#naviCandidate .numberFile {
	top:22px;
	left:-1px;
	width:23px;
	font-weight:normal;
}
/* subNavi */
#navi .subNavi {
	z-index:100;
	position:absolute;
	top:100%;
	left:0;
	display:none;
	width:100%;
	min-width:167px;
	padding-top:9px;
}
#navi .subNavi:after {
	z-index:2;
	position:absolute;
	top:1px;
	left:34%;
	content:"";
	opacity:0;
	width:16px;
	height:9px;
	background:url(/img/common/icon_arrow41.png) 50% 50%  no-repeat;
	-webkit-transition:all 0.1s linear 0s;
	-o-transition:all 0.1s linear 0s;
	transition:all 0.1s linear 0s;
}
#navi .subNavi.show:after {
	opacity:1;
}
#navi .subNavi ul {
	overflow:hidden;
	padding:5px 0;
	border-radius:6px;
	border:1px solid #CCC;
	background:#FFF;
}
#navi .subNavi li a {
	display:block;
	height:auto;
	padding:6px 30px 6px 17px;
	background:url(/img/common/icon_arrow16.png) right 15px top 50% no-repeat;
	-webkit-background-size:4px auto;
	background-size:4px auto;
	font-size:12px;
	line-height:1.5em;
}
#navi .subNavi li a:hover {
	color:#EC7063;
	background-position:right 7px top 50%;
}

#container {
	padding-top:60px;
}


/* ------------------------------------------------------------------
	Breadcrumbs styles
-------------------------------------------------------------------*/
.breadcrumbs {
	width:980px;
	margin:0 auto;
	padding-top:18px;
}
.breadcrumbs ul {
	float:left;
	width:792px;
	padding:0 0 11px 2px;
}
.breadcrumbs li {
	display:inline-block;
	margin-right:5px;
	font-size:12px;
}
*:first-child + html .breadcrumbs li {
	display:inline;
}
.breadcrumbs li a {
	padding-right:13px;
	background:url(/img/common/icon_arrow13.gif) no-repeat 100% 1px;
	color:#4978AE;
	text-decoration:none;
}
.breadcrumbs li:last-child a {
	background:none;
	padding-right:0;
}
.breadcrumbs li a:hover {
	text-decoration:underline;
	color:#4978AE;
}
.breadcrumbs li em {
	color:#666;
}
.breadcrumbs p.searchText {
	float:right;
	width:152px;
	color:#4978AE;
	text-align:right;
	cursor: pointer;
}
.breadcrumbs p.searchText img {
	padding-right:4px;
	vertical-align:middle;
}
.breadcrumbs p.searchText span {
	display:inline-block;
	vertical-align:top;
}
.breadcrumbs p.searchText span.number {
	display:inline-block;
	min-width:24px;
	height:24px;
	margin:-4px 0 0 7px;
	padding:4px 4px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	behavior:url(/js/PIE.htc);
	background:#EDEDED;
	color:#EC7063;
	text-align:center;
}
.breadcrumbs p.searchText.hover {
	opacity:0.6;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}

/* ------------------------------------------------------------------
	2-4. Side styles
-------------------------------------------------------------------*/
#side {
	z-index:100;
	position:absolute;
	top:0;
	right:19px;
	width:219px;
}
.section02SideInner #side {
	margin-top:30px;
}
#side .phoneSide {
	padding-bottom:17px;
}
#side .telBlock .anime-flip {
	float:left;
	width:66px;
	margin:0 11px 4px 0;
}
#side .telBlock .styleText01 {
	position:relative;
	float:left;
	width:139px;
	margin-top:14px;
	padding:10px 6px 9px 14px;
	border:2px solid #4978AE;
	background-color:#FFF;
	color:#4978AE;
	font-size:12px;
	text-align:left;
}
#side .telBlock .styleText01 .arrow {
	position:absolute;
	left:-8px;
	top:50%;
	margin-top:-7px;
	width:9px;
	height:14px;
	background:url(/img/common/icon_arrow08.png) no-repeat 0 0;
}
#side .phoneSide .phoneNumber {
	clear:both;
	padding:2px 0 6px;
}
#side .phoneSide .phoneText {
	padding-top:12px;
	color:#4d4d4d;
	font-size:12px;
	line-height:1.5;
}
#side .viewBlock {
	width:215px;
	border:1px solid #D8D8D8;
	border-bottom: none;
	-webkit-box-shadow:0 2px 2px #DADADA;
	-moz-box-shadow:0 2px 2px #DADADA;
	box-shadow:0 2px 2px #DADADA;
	behavior:url(/js/PIE.htc);
	background:#FFF;
}
#side .viewBlock h2 {
	padding:10px 16px 14px;
}
#side .viewBlock .itemList li {
	display:block;
	padding:6px 10px 6px 6px;
	border-top:1px solid #E0E0E0;
	background:url(/img/common/icon_arrow09.gif) no-repeat 95% 50%;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
#side .viewBlock .itemList li p.viewImage {
	float:left;
	width:51px;
	height:51px;
	margin-right:9px;
	overflow:hidden;
}
#side .viewBlock .itemList li div {
	float:left;
	width:120px;
	padding-top:6px;
	font-size:12px;
}
#side .viewBlock .itemList li div h5 {
	padding-bottom:3px;
}
#side .viewBlock .itemList li div h5 a {
	font-size:14px;
	color:#71544C;
	font-weight:bold;
	text-decoration:none;
}
#side .viewBlock .itemList li.bl-hover {
	background-color:#F2F2F2;
}
#side .groupSuggest {
	padding-top:19px;
	background:none;
}
#side .blockSuggest {
	float:none;
	position:relative;
	width:215px;
	margin-bottom:19px;
	border:1px solid #D8D8D8;
	border-bottom: none;
	-webkit-box-shadow:0 2px 2px #D2D0D1;
	-moz-box-shadow:0 2px 2px #D2D0D1;
	box-shadow:0 2px 2px #D2D0D1;
	behavior:url(/js/PIE.htc);
	vertical-align:top;
}
#side .blockSuggest h2 {
	padding:18px 12px 22px 0;
	font-size:17px;
	text-align:center;
}
#side .blockSuggest h2 img {
	display:inline-block;
	padding-right:10px;
	vertical-align:middle;
}
#side .blockSuggest h2 span {
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}
#side .blockSuggest ul li {
	font-size:12px;
}
#side .blockSuggest ul li a {
	padding:15px 0 14px 14px;
}
#side .blockSuggest ul li a span {
	padding-right:20px;
	background:url(/img/common/icon_arrow10.png) no-repeat 95% 50%;
}
#side .bannerOther {
	margin-bottom:10px;
	width:215px;
	-webkit-box-shadow:0 4px 4px -4px #999999;
	-moz-box-shadow:0 4px 4px -4px #999999;
	box-shadow:0 4px 4px -4px #999999;
	behavior:url(/js/PIE.htc);
	background:#FFF;
}
.moreLecture a.button04 {
	text-align:center;
}
.moreLecture .buttonCandidate-sidebar{
	width:216px;
	height:59px;
}
.moreLecture .buttonCandidate-sidebar span{
	display: block;
	margin-top: 13px;
}
.moreLecture .buttonCandidate-sidebar,
.moreLecture .buttonCandidate-sidebar:hover {
	padding:0;
	background-image:none;
}
.pageTop {
	/*position:relative;*/
	width:35px;
	margin:0 auto;
	color:#9D9D9D;
	font-size:9px;
	line-height:10px;
	text-align:center;
}
.pageTop a {
	position:relative;
	display:block;
	overflow:hidden;
	width:35px;
	height:35px;
	margin-bottom:5px;
	border:1px solid #9D9D9D;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-image:url(/img/common/bg_pagetop.png);
	background-position:50% -1px;
	background-repeat:no-repeat;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
	behavior:url(/js/PIE.htc);
	z-index:99;
}
.pageTop.hover {
	cursor:pointer;
}
.pageTop.hover a {
	border-color:#EC7063;
}
.pageTop.hover.ff a {
	background-position:50% 100%;
}
.pageTop.hover span {
	color:#EC7063;
}
.pageTop a img {
	position:absolute;
	top:-1px;
	left:0;
	width:35px;
	height:35px;
}
.sideGroup ul {
	padding-bottom:8px;
}

/* ------------------------------------------------------------------
	2-4. #footer styles
-------------------------------------------------------------------*/
#footer {
	position:relative;
	padding:37px 0 0;
	border-top:1px solid #D5D5D5;
	background:#FFF;
}
/*#footer .pageTop {
	position:absolute;
	right:7px;
	top:34px;
}*/
#footer #footerInner {
	max-width:1024px;
	width:100%;
	margin:0 auto;
}
#footer .imageLogo {
	padding-bottom:16px;
	text-align:center;
}
#footer .fText {
	padding-bottom:16px;
	text-align:center;
	color:#426C9C;
}
#footer .fBlock {
	position:relative;
}
#footer .fBlock .imageLogo01 {
	position:absolute;
	right:46px;
	top:-12px;
}
#footer .fNavi {
	max-width:655px;
	width:100%;
	margin:30px auto 24px;
	text-align:center;
}
#footer .fNavi li {
	display:inline-block;
	width:auto;
	font-size:13px;
	line-height:1.6;
	margin-bottom: 5px;
}
#footer .fNavi li:not(:last-child) {
	border-right: 1px solid #D5D5D5;


}
#footer .fNavi li a {
	color:#4978AE;
	text-decoration:none;
	padding: 0 15px;
}
#footer .fNavi li a:hover {
	text-decoration:underline;
}
#footer .fButton {
	width:400px;
	margin:0 auto 33px;
	text-align:center;
}
#footer .fButton li {
	display:inline;
	width:auto;
	padding-right:1px;
}
.fSection01 {
	background:#EEE;
}
.fSection01 .fLink01 {
	width:980px;
	margin:0 auto;
	padding:13px 0 11px;
	text-align:center;
}
.fSection01 .fLink01 li {
	display:inline;
	width:auto;
	padding-right:13px;
	font-size: 12px;
	letter-spacing: 1px;
}
.fSection01 .fLink01 li a {
	text-decoration:none;
}
.fSection01 .fLink01 li a:hover {
	text-decoration:underline;
}
.fSection01 .fLink01 li.linkLast {
	padding:0;
}
.fSection02 {
	background:#4978AE;
}
.fSection02 .fSectionInner02 {
	width:1024px;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	margin:0 auto;
	padding:16px 0 19px;
}
.fSection02 .fSectionInner02 .personneImage {
	width:147px;
	margin-right:35px;
}
.fSection02 .fSectionInner02 div {
	width:800px;
	color:#FFF;
}
.fSection02 .fSectionInner02 .textContact a {
	color:#FFF;
	text-decoration:none;
}
.fSection02 .fSectionInner02 .textContact span {
	padding-right:12px;
}
.fSection02 #copyright {
	padding-top:7px;
}
.footer02 #footerInner {
	position:relative;
	margin:-8px auto 11px !important;
}
.footer02 #footerInner .imageLogo01 {
	position:absolute;
	right:88px;
	top:-9px;
}
#footer.footer01 {
	border-top:none;
	background:#FFF;
}
.footer01 #footerInner {
	position:relative;
	margin:-8px auto 11px !important;
}
.footer01 #footerInner .imageLogo01 {
	position:absolute;
	right:88px;
	top:-9px;
}
.footer01 .fSectionInner02 {
	text-align:center;
}
.footer01 .fSection02 .fSectionInner02 .personneImage {
	float:none;
	display:inline-block;
	margin-right:25px;
}
.footer01 .fSection02 .fSectionInner02 div {
	float:none;
	display:inline-block;
	text-align:left;
	width:350px;
}
/* JTransform */
.select-transform-wrapper {
	position:relative;
	border:1px solid #CDCDCD;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background:url(/img/common/icon_arrow12.png) no-repeat right center;
	padding-top:3px;
	padding-bottom:3px;
	/*behavior:url("/js/PIE.htc");*/
}
.chooseList .select-transform-wrapper {
	width:192px !important;
}
.select-transform-mobile-blind {
	border:1px solid #ccc;
	border-radius:3px;
	background:white;
	color:#333;
	height:50px;
	position:relative;
	z-index:1000;
	margin-bottom:-55px;
	opacity:0;
}
.select-transform-label {
	padding-left:10px;
	padding-right:35px;
	display:block;
	height:24px;
	line-height:24px;
	overflow:hidden;
	cursor:pointer;
}
.select-transform-blind {
	display:none;
}
@media \0screen {
.select-transform-blind {
	display:block;
	position:fixed;
	left:-9999px;
	top:-9999px;
}
}
.select-transform-option {
	position:absolute;
	top:28px;
	left: -1px;
	display:block;
	height:0;
	overflow:hidden;
}
.select-transform-option ul {
	width:192px !important;
	background-color:white;
	border:1px solid #CDCDCD;
	width:100%;
	position:relative;
	/*height:87%;*/
	max-height:140px;
	overflow:hidden;
	overflow-y:auto;
	-webkit-border-radius:0px 0px 4px 4px;
	-moz-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
	behavior:url("/js/PIE.htc");
}
.select-transform-option li {
	margin:0!important;
}
.select-transform-option a {
	display:block;
	min-height:26px;
	padding:5px 0 5px 10px;
	line-height:16px;
	text-decoration:none;
	color:#333;
}
.select-transform-option a.active {
	background-color:#F1F1F1;
	color:#4d4d4d;
}
.select-transform-option a:hover {
	background-color:#EAEAEA;
	color:#4d4d4d;
}

.cbCustomHidden {
	position:fixed;
	left:-9999px;
	top:-9999px;
}
.cbCustom label {
	margin-right:20px;
}
.cbCustomRadio.checked {
	background-position:0 -16px;
}
.cbCustomRadio {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 6px 0 0px;
	background:url(/img/common/icon_radio.png) no-repeat 0px 0px;
	vertical-align:text-bottom;
}
.cbCustomCheckbox {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 6px 0 0px;
	background:url(/img/common/icon_checkbox.png) no-repeat 0 0;
	vertical-align:middle;
}
.cbCustomdone label {
	margin-right:20px;
}
.cbCustomCheckbox.checked {
	background-position:0 -20px;
}
label {
	cursor:pointer;
}
.listText01 li.checked {
	color:#EF8378;
}

/* ------------------------------------------------------------------
	sideGroup box styles
-------------------------------------------------------------------*/
.sideGroup {
	position:fixed;
	z-index:998;
	top:50%;
	right:0;
	width:50px;
	margin-top:-150px;
}
.sideGroup li {
	margin-bottom:2px;
}
.sideGroup li a {
	display:block;
	padding:13px 12px 12px 13px;
	background:#9D9D9D;
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	line-height:0;
}
.sideGroup li a:hover {
	text-decoration:none;
	color:#FFF;
}
.sideGroup li a.ask {
	padding:47px 12px 13px 17px;
	background:#4978AE url(/img/common/bg_ask.png) 50% 14px no-repeat;
	line-height:inherit;
}
.sideGroup li a.ask:hover {
	background:#9D9D9D url(/img/common/bg_ask_h.png) 50% 14px no-repeat;
}
.sideGroup li a.faceLink:hover {
	background:#3B5998;
}
.sideGroup li a.twitterLink:hover {
	background:#1ca5db;
}
.sideGroup li a.twitterLink {
	padding:13px 12px 12px 15px;
}
.sideGroup li a.youtubeLink {
	padding:18px 0 17px 7px;
}
.sideGroup li a.youtubeLink:hover {
	background:#CC181E;
}
.sideGroup li img {
	display:block;
}

/* ------------------------------------------------------------------
	2-5.	contactInfo styles
-------------------------------------------------------------------*/
.contactInfo {
	max-width:980px;
	margin:0 auto;
	padding:17px 0 12px;
	font-size:12px;
	color:#426C9C;
}
.contactInfo .notify {
	float:left;
	max-width:524px;
	width:53.5%;
	padding-left:2%;
	line-height:1.5;
	text-align:justify;
	padding-top:10px;
}
.contactInfo .phone {
	float:left;
}
.contactInfo .notifyBox {
	position:relative;
	float:left;
	width:96px;
	padding:7px 4px 5px 15px;
	border:2px solid #4978AE;
	text-align:left;
	font-size: 14px;
	line-height: 1.4;
}
.contactInfo .notifyBox .arrow {
	position:absolute;
	right:-9px;
	top:50%;
	margin-top:-8px;
	width:9px;
	height:14px;
	background:url(/img/common/icon_arrow03.png) no-repeat 0 0;
}
.contactInfo .balloonBox {
	float:left;
}
.contactInfo .notifyContents {
	padding-left:112px;
}
.contactInfo .phone .phoneNumber {
	display:table-cell;
	vertical-align:middle;
}
.contactInfo .phone  .moreLecture {
	display:table-cell;
	vertical-align:middle;
	padding-left:18px;
}
.anime-flip {
	clear:right;
	width:66px;
	height:66px;
	position:relative;
	float:left;
	margin-top:3px;
	margin-right:9px;
}
.phoneItem {
	margin: 5px 0;
}

.anime-flip .da-slide {
	position: absolute;
	top: 0;
	left: 0;
}

/* Animation classes and animations */
.da-img, .da-img2, .da-img3 {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	width:66px;
}

/* Slide in from the right*/
/*.da-slide-fromright .da-img, .da-slide-fromright .da-img2, .da-slide-fromright .da-img3 {
	opacity: 0;
	filter:alpha(opacity=0);
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim1 0.8s ease-in 0.1s forwards;
	animation: fromRightAnim1 0.8s ease-in 0.1s forwards;
}
.da-slide-fromright .da-img2{
	-webkit-animation: fromRightAnim1 0.8s ease-in 0.2s forwards;
	animation: fromRightAnim1 0.8s ease-in 0.2s forwards;
}
.da-slide-fromright .da-img3{
	-webkit-animation: fromRightAnim1 0.8s ease-in 0.3s forwards;
	animation: fromRightAnim1 0.8s ease-in 0.3s forwards;
}
@-webkit-keyframes fromRightAnim1{
	0% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	50% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	75% { visibility: visible; opacity: 1; -webkit-transform: rotateY(15deg); -webkit-animation-timing-function: ease-in; }
	100% { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); }
}
@keyframes fromRightAnim1{
	0% { opacity: 0; transform: rotateY(-90deg); }
	50% { opacity: 0; transform: rotateY(-90deg); }
	75% { visibility: visible; opacity: 1; transform: rotateY(15deg); animation-timing-function: ease-in; }
	100% { visibility: visible; opacity: 1; transform: rotateY(0deg); }
}*/

/* Slide in from the left*/
/*.da-slide-fromleft .da-img, .da-slide-fromleft .da-img2, .da-slide-fromleft .da-img3 {
	opacity: 0;
	filter:alpha(opacity=0);
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim1 0.8s ease-in 0.1s forwards;
	animation: fromLeftAnim1 0.8s ease-in 0.1s forwards;
}
.da-slide-fromleft .da-img2{
	-webkit-animation: fromLeftAnim1 0.8s ease-in 0.2s forwards;
	animation: fromLeftAnim1 0.8s ease-in 0.2s forwards;
}
.da-slide-fromleft .da-img3{
	-webkit-animation: fromLeftAnim1 0.8s ease-in 0.3s forwards;
	animation: fromLeftAnim1 0.8s ease-in 0.3s forwards;
}
@-webkit-keyframes fromLeftAnim1{
	0% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	50% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	75% { visibility: visible; opacity: 1; -webkit-transform: rotateY(15deg); -webkit-animation-timing-function: ease-in; }
	100% { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); }
}

@keyframes fromLeftAnim1{
	0% { opacity: 0; transform: rotateY(-90deg); }
	50% { opacity: 0; transform: rotateY(-90deg); }
	75% { visibility: visible; opacity: 1; transform: rotateY(15deg); animation-timing-function: ease-in; }
	100% { visibility: visible; opacity: 1; transform: rotateY(0deg); }
}*/

/* Slide out to the right */
/*.da-slide-toright .da-img{
	-webkit-animation: toRightAnim1 0.8s ease-in 0.1s forwards;
	animation: toRightAnim1 0.8s ease-in 0.1s forwards;
}
.da-slide-toright .da-img2{
	-webkit-animation: toRightAnim1 0.8s ease-in 0.2s forwards;
	animation: toRightAnim1 0.8s ease-in 0.2s forwards;
}
.da-slide-toright .da-img3{
	-webkit-animation: toRightAnim1 0.8s ease-in 0.3s forwards;
	animation: toRightAnim1 0.8s ease-in 0.3s forwards;
}
@-webkit-keyframes toRightAnim1{
	0%{ opacity: 1; }
	50% { opacity: 0; -webkit-transform: rotateY(90deg); }
	100% { opacity: 0; -webkit-transform: rotateY(90deg); }
}
@keyframes toRightAnim1{
	0%{ opacity: 1; }
	50% { opacity: 0; transform: rotateY(90deg); }
	100% { opacity: 0; transform: rotateY(90deg); }
}*/

/* Slide out to the left*/
/*.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.8s ease-in 0.1s forwards;
	animation: toLeftAnim4 0.8s ease-in 0.1s forwards;
}
.da-slide-toleft .da-img2{
	-webkit-animation: toLeftAnim4 0.8s ease-in 0.2s forwards;
	animation: toLeftAnim4 0.8s ease-in 0.2s forwards;
}
.da-slide-toleft .da-img3{
	-webkit-animation: toLeftAnim4 0.8s ease-in 0.3s forwards;
	animation: toLeftAnim4 0.8s ease-in 0.3s forwards;
}
@-webkit-keyframes toLeftAnim4{
	0%{ opacity: 1; }
	50% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	100% { opacity: 0; -webkit-transform: rotateY(-90deg); }
}
@keyframes toLeftAnim4{
	0%{ opacity: 1; }
	50% { opacity: 0; transform: rotateY(-90deg); }
	100% { opacity: 0; transform: rotateY(-90deg); }
}*/

/*flip animate*/
.anime-flip.anime-notIe .da-slide {
	backface-visibility:hidden;
}
.da-slide:nth-child(2) {
	display: flex;
	transform: rotateY(180deg);
}
.anime-flip.anime-notIe {
	transform-style:preserve-3d;
	transition:all 1.0s linear;
	-webkit-animation-name: flipanimate; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration4s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: flipanimate;
	animation-duration: 6s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes flipanimate {
	0%   {transform: rotateY(0deg);}
	50%  {transform: rotateY(180deg);}
	100%  {transform: rotateY(360deg);}
}
@keyframes flipanimate {
	0%   {transform: rotateY(0deg);}
	50%  {transform: rotateY(180deg);}
	100%  {transform: rotateY(360deg);}
}

.contactInfo02 {
	padding: 0px;
	display: flex;
	align-items: center;
	border: 1px solid #D5D5D5;
	border-top: 5px solid #4b79ac;

}
.contactInfo02 .contactLeft, .contactInfo02 .contactRight{
	width: 50%;
	padding: 45px 5px 40px;
	text-align: center;
}
.contactInfo02 .contactLeft{
	border-right: 1px solid #D5D5D5;
}
.contactInfo02 .listBtn{
	display: flex;
	justify-content: center;
}
.contactInfo02 .listBtn li:not(:last-child){
	margin-right: 20px;
}
.contactInfo02 .teacherList {
	float:none;
	margin-right:0;
	margin-bottom: 12px;
}
.contactInfo02 .teacherList li {
	float:none;
	display:inline-block;
	width:auto;
	margin-bottom: 0px;
	margin-right: 1.5%;
}
.contactInfo02 .teacherList li:last-child{
	margin-right: 0px;
}
.contactInfo02 .teacherList .teacherImage {
	width:65px;
	height:65px;
	margin: 0px;
}
.contactInfo02 .teacherList .teacherImage:hover {
	border:3px solid #FFF;
	box-shadow:none;
	background:#DFDDE2;
}
.contactInfo02 .imgAvt{
	margin-bottom: 20px;
}
.contactInfo02 .text {
	color:#4B79AC;
	font-size:24px;
	font-weight:bold;
	margin-bottom: 15px;
}
.contactInfo02 .text br {
	display:none;
}
.contactInfo02 .button04 {
	width:150px;
	padding:7px 20px 6px 14px;
	background-color:#4B79AC;
	font-size:12px;
}
.contactInfo02 .button04:hover {
	background-color:#EC7063;
}
/* ------------------------------------------------------------------
	blockInfo styles
-------------------------------------------------------------------*/
.estimatePanel {
	background-color:#FFF;
}
.headText,
.headTextBox {
	width:940px;
	margin:-3px auto 0;
	padding:14px 0 16px;
	border-top:1px solid #D5D5D5;
	color:#426C9C;
	font-size:18px;
	line-height:1.45;
	text-align:center;
}
.headTextBox {
	display:table;
	overflow:hidden;
}
.headTextBox .headText {
	float:left\9;
	display:table-cell;
	width:740px;
	margin:0;
	padding:0;
	vertical-align:middle;
	border:none;
}
.headTextBox .img {
	float:right\9;
	display:table-cell;
	text-align:right;
	vertical-align:middle;
}
.headTextBox .headText:not(:target),
.headTextBox .img:not(:target) {
	float:none;
}
.headText02 {
	width:100%;
	padding:62px 0 26px;
	margin-top:58px;
	text-align:center;
}
.headText02 p {
	max-width:980px;
	margin:0 auto;
	padding: 0 15px;
}
.blockScroll {
	margin-bottom: 40px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding-top: 35px;
}
.blockInfo {
	position:relative;
	width:1024px;
	margin:40px auto 0;
	border:1px solid #D5D5D5;
	-webkit-box-shadow:0 1px 2px 1px #F3F3F3;
	-moz-box-shadow:0 1px 2px 1px #F3F3F3;
	box-shadow:0 1px 2px 1px #F3F3F3;
	behavior:url(/js/PIE.htc);
	background:#FDFDFD url(/img/home/bg_block.gif) no-repeat 0 0;
}
.blockInfo .blockLeft {
	float: left;
	width:568px;
}
.blockInfo .register {
	position:absolute;
	left:-40px;
	top:-35px;
	max-width:132px;
	min-height:143px;
	width:100%;
	padding:15px 3px 18px;
	background:url(/img/common/bg_register.png) no-repeat 0 0;
	color:#FFF;
	font-size:14px;
	line-height:1.2;
	text-align:center;
}
.blockInfo .register span.number {
	padding-right:4px;
	font-size:38px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight: 300;
	line-height:1;
}
.blockInfo .register span.date {
	font-size:12px;
}
.blockInfo .register span {
	font-size:11px;
}
.blockInfo .blockLeft .instructorImage {
	float:left;
	width:157px;
	margin-right:39px;
	padding:121px 10px 10px 32px;
}
.blockInfo .blockLeft .instructorImage img {
	max-width:134px;
}
.blockInfo .lectureText {
	padding:4px 3px 5px 11px;
	border-bottom:1px solid #D5D5D5;
}
.btnClear {
	display:inline-block;
	float:right;
	width:auto;
	margin-right:4px;
	padding:4px 8px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#FFF !important;
	-webkit-box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow:1px 1px 1px 0 #DEDEDE;
	behavior:url("/js/PIE.htc");
	background:#4978AE;
	font-size:9px;
	text-decoration:none;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.btnClear:hover {
	background:#EC7063;
	color:#FFF !important;
}

.blockInfo .blockLeft {
	float:left;
	width:568px;
}
.blockInfo .register {
	position:absolute;
	left:-40px;
	top:-35px;
	max-width:132px;
	min-height:143px;
	width:100%;
	padding:15px 3px 18px;
	background:url(/img/common/bg_register.png) no-repeat 0 0;
	color:#FFF;
	font-size:14px;
	line-height:1.2;
	text-align:center;
}
.blockInfo .register span.number {
	padding-right:4px;
	font-size:38px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight: 300;
	line-height:1;
}
.blockInfo .register span.date {
	font-size:12px;
}
.blockInfo .register span {
	font-size:11px;
}
.blockInfo .blockLeft .instructorImage {
	float:left;
	width:157px;
	margin-right:39px;
	padding:121px 10px 10px 32px;
}
.blockInfo .blockLeft .instructorImage img {
	max-width:134px;
}
.blockInfo .lectureText {
	padding:4px 3px 5px 11px;
	border-bottom:1px solid #D5D5D5;
}
.btnClear {
	display:inline-block;
	float:right;
	width:auto;
	margin-right:4px;
	padding:4px 8px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#FFF !important;
	-webkit-box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow:1px 1px 1px 0 #DEDEDE;
	behavior:url("/js/PIE.htc");
	background:#4978AE;
	font-size:9px;
	text-decoration:none;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.btnClear:hover {
	background:#EC7063;
	color:#FFF !important;
}
.blockInfo .listText01 {
	padding:13px 0 0;
}
.blockInfo .listText01 li {
	float:left;
}
.blockInfo .listText01 > li {
	height:271px;
}
.blockInfo .listText01 li ul {
	padding:0 14px 0;
}
.blockInfo .listText01 li ul li {
	float:none;
	width:auto;
	padding-bottom:9px;
	border:none;
}
.blockInfo .listText01 li ul li input {
	display:inline-block;
	vertical-align:top;
}
.blockInfo .listText01 li ul li label {
	display:inline-block;
	width:120px;
	padding-left:0px;
	vertical-align:middle;
}
.blockInfo .lectureText span {
	display:inline-block;
	float:left;
	width:250px;
	padding:3px 0 0 12px;
	background:url(/img/common/icon_circle01.gif) no-repeat 0 7px;
}
.blockInfo .blockLeft > div {
	position:relative;
	float:right;
	width:368px;
	vertical-align:middle;
}
.blockInfo .blockRight {
	float:right;
	width:454px;
	margin-bottom:16px;
}
.blockInfo .chooseList {
	margin-right:-20px;
	padding:24px 24px 0;
}
.blockInfo .chooseList li {
	float:left;
	width:191px;
	margin:0 19px 7px 0;
}
.blockInfo .chooseList li:last-child {
	margin:0;
}

.blockInfo .chooseList li .labelOption {
	color: #EC7063;
	background-color:#FFFFFF;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.blockInfo .select-transform-option ul {
	max-height:140px;
}
.blockInfo .blockRight label {
	display:block;
	margin-left:2px;
	padding:0 0 3px 12px;
	background:url(/img/common/icon_circle01.gif) no-repeat 0 3px;
}
.blockInfo .chooseList li select {
	width:172px;
	padding:5px 8px 6px;
	font-size:12px;
}
.blockInfo .size01 {
	width:405px;
}
.blockInfo .blockRight input[type="text"] {
	padding:8px 12px 7px;
	border:1px solid #CDCDCD;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-size:13px;
	behavior:url("/js/PIE.htc");
}
.blockInfo .blockRight p.lecturer {
	padding:2px 24px 26px;
}
.blockInfo .conditionBlock {
	position:relative;
	padding-top:18px;
	border-top:1px solid #D5D5D5;
}
.blockInfo .conditionBlock .arrow {
	position:absolute;
	left:50%;
	top:-1px;
	width:15px;
	height:9px;
	background:url(/img/common/icon_arrow05.gif) no-repeat 0 100%;
}
.blockInfo .conditionBlock p {
	width:224px;
	margin:0 auto;
}
.conditionButton {
	width:224px !important;
	max-width:224px !important;
	padding:13px 20px 13px 20px !important;
	border-radius:5px;
	background:#404040 url(/img/common/icon_arrow17.png) no-repeat 94% 49%;
	color:#FFF;
	text-align:center;
	cursor:pointer;
	border:none;
	font-size:15px !important;
	font-weight:normal;
	-webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 #DDD\9;
	behavior:url(/js/PIE.htc);
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-font-smoothing: subpixel-antialiased;
}
.conditionButton:hover {
	background:#4978AE url(/img/common/icon_arrow17.png) no-repeat 96% 49%;
	color:#FFF !important;

}
.conditionButton.disable{
	background:#B6B6B6 url(/img/common/icon_arrow17.png) no-repeat 94% 49% !important;
}

.blockInfo .conditionBlock .person {
	position:absolute;
	right:6px;
	top:27px;
	z-index:100;
	width:100px !important;
}
.blockInfo .conditionBlock .person span {
	color:#EC7063;
}
.buttonList {
	clear:both;
	border-top:1px solid #D5D5D5;
}
.buttonList li {
	float:left;
	width:auto;
}
.cbCustomRadio.cbCustom {
	width: 16px!important;
	float: left;
}
@media screen and (max-width:1024px) {
	.blockInfo {
		margin: 40px 15px 0;
	}
	.blockInfo .register {
		left:-15px;
	}
	.blockInfo .blockLeft .instructorImage {
		margin-right:20px;
		padding:121px 10px 10px 20px;
	}
	.blockInfo {
		margin: 40px 15px 0;
	}
}
@media screen and (max-width: 765px){
	.formSearch.pc{
		display: none;
	}
	.formSearch.sp{
		display: block;
	}
	.headText02{
		margin-top: 25px;
		padding: 30px 0px 0px;
	}
}
/* ------------------------------------------------------------------
	contactInfo styles
-------------------------------------------------------------------*/
.contactInfoBig {
	max-width:540px;
	margin:30px auto 20px;
}
.contactInfoBig .notify {
	float:none;
	max-width:none;
	width:100%;
	padding:0 5px 0 3px;
	margin-bottom:5px;
}
.contactInfoBig .notifyBox {
	float:none;
	width:100%;
	margin-bottom:15px;
	padding:10px 12px 8px;
	border:3px solid #EC7062;
	background:url(/img/common/icon_triangle.gif) no-repeat;
	color:#EC7062;
	font-size:24px;
	text-align:center;
}
.contactInfoBig .notifyBox .arrow {
	width:14px;
	height:10px;
	top:100%;
	right:50%;
	margin:0 -7px 0 0;
	background:url(/img/common/icon_arrow27.gif) 0 0 no-repeat;
}
.contactInfoBig .notifyContents {
	padding-left:0;
	font-size:14px;
}
.contactInfoBig .anime-flip {
	margin-left:0;
	margin-right:0;
}
.contactInfoBig .phone {
	max-width:none;
	width:auto;
	margin-left:9px;
}
.contactInfoBig .phoneItem {
	margin:12px 0 10px;
}
.contactInfoBig .phone .moreLecture {
	padding-left:21px;
}
/* ------------------------------------------------------------------
	circleBorder styles
-------------------------------------------------------------------*/
.circleBorder {
	display:inline-block;
	width:102px;
	height:102px;
	padding:3px;
	background:#DFDDE2;
	border:3px solid #FFF;
	border-radius:50%;
	font-size:0;
	line-height:0;
	behavior:url("/js/PIE.htc");
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	transition:all 0.2s;
}
a.circleBorder:hover {
	/*padding:3px;*/
	border:3px solid #EA7C70;
	background:#EA7C70;
	-webkit-box-shadow:0px 2px 3px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 2px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow:0px 2px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow:0px 2px 3px 0px #AAA\9;
	behavior:url(/js/PIE.htc);
}
.circleBorder img {
	border-radius:50%;
	behavior:url("/js/PIE.htc");
}
/* ------------------------------------------------------------------
	teacherList styles
-------------------------------------------------------------------*/
.innerTeachers {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px 0 20px;
}

.itemSlick {
	outline: none;
}

@media screen and (max-width:765px) {
	.innerTeachers {
		padding: 0;
		background-color: #4978ae;
	}

	.itemSlick {
		max-width: 250px;
	}

	.btnCandidate02 {
		display: block;
	}
	.btnCandidate02 a {
		display: block !important;
		background-color: #ec7063;
		padding: 15px;
		text-align: center;
		text-decoration: none;
	}
	.btnCandidate02 a .detail {
		padding: 0 22px 0 0;
		background: url(/public/img/common/icon_inbox.svg) no-repeat 100% 50%;
		background-size: 16px 14px;
		font-size: 13px;
		color: #FFF;
	}

	.blockBtnSp {
		padding: 0 0 20px 0;
		text-align: center;
	}

	.searchButton {
		display: inline-block;
		padding: 10px 14px;
		background: #FFF url(/img/sp/common/icon_arrow04.png) no-repeat 96% 50%;
		background-size: 7px 11px;
		border-radius: 5px;
		-webkit-box-shadow: 0 0 3px 1px #36557c;
		-moz-box-shadow: 0 0 3px 1px #36557c;
		box-shadow: 0 0 3px 1px #36557c;
		color: #4978AE !important;
		font-size: 14px;
		font-weight: normal;
		text-decoration: none;
		min-width: 188px;
	}

}

.teacherList li,
.teacherList .itemLecturer {
	float:left;
	max-width:230px;
	width:23%;
	margin:0 2% 30px 0;
	margin:0 2% 15px 0\0;
}
.teacherList .teacherImage {
	float:left;
	padding:3px;
	background:#DFDDE2;
	width:102px;
	height:102px;
	margin:6px 0 0 6px;
	border-radius:50%;
	border:3px solid #FFF;
	font-size:0;
	line-height:0;
	behavior:url("/js/PIE.htc");
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	transition:all 0.2s;
}
.teacherList .teacherImage:hover {
	padding:3px;
	border:3px solid #EA7C70;
	background:#EA7C70;
	-webkit-box-shadow:0px 2px 3px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 2px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow:0px 2px 3px 0 rgba(0, 0, 0, 0.2);
	behavior:url(/js/PIE.htc);
}
.notLink .teacherImage:hover {
	padding:3px;
	border:3px solid #F8F6F4;
	background:#DFDDE2;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	behavior:url(/js/PIE.htc);
}
.teacherList .teacherImage img {
	border-radius:50%;
	behavior:url("/js/PIE.htc");
}
.teacherList .teacherInfo {
	max-width:241px;
	min-height:115px;
	width:100%;
	padding:10px 0 0 115px;
	font-size:12px;
}
.teacherList .teacherInfo .name {
	margin-bottom:4px;
}
.teacherList .teacherInfo .name a {
	margin-bottom:4px;
	font-size:14px;
	color:#71544C;
	font-weight:bold;
	text-decoration:none;
}
.teacherList .teacherInfo .name a:hover {
	text-decoration:underline;
}
.teacherList .teacherInfo .performance {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #D5D5D5;
	color:#4D4D4D;
	line-height:1.2;
}
.teacherList .teacherInfo .office {
	color:#7D7D7D;
}
.teacherList .viewMore {
	padding-top:17px;
	text-align:right;
}

.teachers .group02 {
	padding:32px 60px 8px;
	border:1px solid #EC7063;
}
.teachers .group02 .title {
	height:0;
	text-align:center;
}
.teachers .group02 h2 {
	position:relative;
	top:-67px;
	display:inline-block;
	max-width:418px;
	width:100%;
	background:#FFF;
}
.teachers .group02 h2 .week{
	width: 100%;
}
.teachers .group02 h2 .titleHeadline{
	background: url(/img/common/icon_crown.png) no-repeat 0% 40%;
	padding: 0 20px 0px 40px;
	font-size: 26px;
	color: #ec7063;
	line-height: 1.7;
}


.teachers .group02 h2 span {
	display:inline-block;
	margin-bottom:2px;
	font-size:11px;
	color:#EC7063;
}
.teachers .group02 .teacherList {
	float:left;
	max-width:735px;
	width:75%;
}
.teachers .group02 .viewMore {
	float:right;
	max-width:245px;
	width:25%;
	padding-top:17px;
	padding-right: 5px;
	text-align:right;
}
.teachers .group02 .viewMore a {
	padding:17px 48px 15px 45px;
}
#anchorGenre.teachers .group02 .teacherList03 {
	width: calc(75% - 20px);
	margin-right: 20px;
}
.teacherList03 .item, .teacherList03 li {
	position:relative;
	width:31%;
	margin-bottom:14px;
	max-width: 265px;
	float: left;
}
.teacherList03 .item:not(:last-child){
	margin-right: 3%;
}
.teacherList03 .item:focus{
	outline: none;
}
.teacherList03 .number {
	position:absolute;
	z-index:12;
}
.teacherList03 .new {
	position:absolute;
	z-index:12;
	top:-8px;
	left:41px;
}
.teacherList03 .number img {
	border:2px solid #FFF;
	border-radius:50%;
	behavior:url("/js/PIE.htc");
}
.lecture .lectureInner .teacherList10 {
	margin-right:-2.64%;
}
.teacherList10 > li {
	float:left;
	width:30.6%;
	margin:0 2.64% 25px 0;
}
.teacherList10 > li:hover {
	cursor:pointer;
}
.teacherList10 > li:hover .boxWrapper01 {
	border:1px solid #F3958B;
}
.teacherList10 > li:hover .boxWrapper02 {
	border:3px solid #F3958B;
}
.teacherList10 .boxWrapper01 {
	position:relative;
	border:1px solid #D5D5D5;
	-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px 1px #DDD\9;
	behavior:url(/js/PIE.htc);
	background-color:#FFF;
}
.teacherList10 .boxWrapper02 {
	height:100%;
	padding:14px 18px 11px;
	border:3px solid #FFF;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.teacherList10 .itemType {
	/*margin-bottom:15px;*/
	padding:6px 10px;
	/*border-radius:4px;*/
	background:#365A82;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
}
.teacherList10 .headList {
	padding-bottom:10px;
	border-bottom:1px solid #FAD2CE;
}
.teacherList10 .photo {
	float:left;
	padding-top:6px;
}
.teacherList10 .photoImage {
	width:97px;
	padding-bottom:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior:url(/js/PIE.htc);
	font-size:0;
}
.teacherList10 .photoImage img {
	width:97px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.teacherList10 .info {
	padding:0 0 0 111px;
	line-height:1.4;
	border-top:none;
}
.teacherList10 .headGroup {
	border-bottom:3px solid #F3958B;
}
.teacherList10 .description {
	color:#4978AE;
}
.teacherList10 .name {
	margin-bottom:1px;
	color:#EB7063;
	font-size:20px;
}
.teacherList10 .name a {
	color:#EB7063;
	font-size:20px;
	text-decoration:none;
}
.teacherList10 .info .txtInfo01 {
	padding:9px 0 5px;
	border-bottom:1px solid #FAD2CE;
}
.teacherList10 .info .title {
	display:block;
	padding:7px 0 2px 2px;
	color:#426C9C;
	font-weight:bold;
}
.teacherList10 .teacherText01 {
	padding:10px 0 0;
	line-height:1.6;
}
.teacherList10 .teacherText01 a {
	color:#EB7063;
}
.teacherList10 .groupCandidate {
	margin-top:10px;
}
.teacherList10 .groupCandidate a {
	width:100%;
}
.teacherList10 .buttonList {
	display:none;
}
@media screen and (max-width: 992px){
	.teacherList li,
	.teacherList .itemLecturer {
		max-width:265px;
		width:31%;
	}
	.teacherList03{
		justify-content: space-between;
	}
	.teacherList03 .item {
		width:48%;
		max-width: 100%;
	}
	.teacherList03 .item:not(:last-child){
		margin-right: 0;
	}


}
@media screen and (max-width: 765px){
	.teachers .group02 h2 {
		top: 0;
	}
	.teachers .group02 h2 .titleHeadline{
		font-size: 21px;
		background: none;
	}
	.teachers .group02 h2 .titleHeadline em {
		display: block;
		border-top: 1px solid #ec7063;
	}
	.teachers .group02 .title{
		height: auto;
	}
	.teacherList03 .item {
		width:auto;
		max-width: 100%;
	}
	#anchorGenre.teachers .group02 .teacherList03{
		float:none;
		max-width: 100%;
		width: 100%;
		margin-bottom:10px;
		margin-right: 0;
	}
	.teachers .group02 .teacherList03 .item {
		max-width:250px;
	}
	.teachers .group02 .viewMore{
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.teachers .group02 .viewMore a{
		padding: 10px 20px 10px 15px;
	}
	.teacherList .teacherImage {
		width:90px;
		height:90px;
		padding:0;
		border-color:#DFDDE2;
	}
	.teacherList .teacherInfo {
		padding-left: 100px;
		min-height:100px;
	}

}
/* ------------------------------------------------------------------
	2-5. Common styles
-------------------------------------------------------------------*/
.headSection {
	width:980px;
	margin:0 auto 7px;
	padding-bottom:6px;
	border-bottom:3px solid #4978AE;
}
.headSection ul.linkList {
	float:right;
	width:350px;
	margin-right:-6px;
	padding-top:14px;
	text-align:right;
}
.headSection ul.linkList li {
	display:inline;
	width:auto;
	margin-right:6px;
	padding-left:8px;
	background:url(/img/common/bg_line01.gif) no-repeat 0 0;
	font-size:12px;
}
.headSection ul.linkList li.first {
	background:none;
}
.headSection ul.linkList li a {
	color:#4978AE;
	text-decoration:none;
}
.headSection ul.linkList li a:hover {
	text-decoration:underline;
}
.headSection ul.linkList li img {
	display:inline-block;
	padding-right:2px;
	padding-bottom:3px;
	vertical-align:middle;
}
.headSection .date {
	float:right;
	width:350px;
	padding-top:15px;
	color:#4978AE;
	text-align:right;
}

.headSection01 {
	display: flex;
	align-items: center;
}

.headImg {
	display: none;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	border: 2px solid #FFF;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 1px 3px #DADADA;
}

.headImg img {

}

.blockHead {
	width: 100%;
}
.groupHead {
	display: flex;
	justify-content: space-between;
	margin: 0 0 7px 0;
	padding: 0 0 8px 0;
	border-bottom: 3px solid #4978AE;
}
.groupHead .headline1 {
	float: none;
	width: auto;
	padding-left: 5px;
}

.groupHead .linkList {
	display: flex;
	align-items: center;
	min-width: 225px;
	margin-top: 10px;
}

.groupHead .linkList li {
	display: flex;
	align-items: center;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	background: url(/img/common/bg_line01.gif) no-repeat 0 0;
	font-size: 12px;
}

.groupHead .linkList li.first  {
	background: none;
}

.groupHead .linkList li.first img  {
	margin-right: 5px;
}

.groupHead ul.linkList li a {
	color: #4978AE;
	text-decoration: none;
}

.groupHead ul.linkList li a:hover {
	text-decoration: underline;
}

.photographerText01 {
	color: #4978AE;
	font-size: 13px;
	padding-left: 10px;
}

@media screen and (max-width:765px) {
	.blockInfo {
		position:relative;
		max-width:1024px;
	}
	.headImg {
		display: block;
	}
	.blockHead {
		width: calc(100% - 90px);
	}
	.groupHead {
		border-bottom: 1px solid #4978AE;
	}
	.groupHead .headline1 {
		margin-bottom: 0;
		padding-left: 0;
		font-size: 18px;
	}
	.headline1 .imageIcon {
		display: none;
	}
	.groupHead .headline1 .textSmall {
		display: block;
		margin: 5px 0 0 0;
		padding-left: 0;
		font-size: 11px;
	}

	.groupHead .linkList {
		display: none;
	}
	.photographerText01 {
		font-size: 11px;
		padding-left: 0;
		color: #4d4d4d;
	}
}

.tagList {
	display:inline-block;
	margin:0 2px 2px 0;
	padding:4px 10px 2px 9px;
	background-color:#EC7063;
	color:#FFF!important;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
a.tagList:hover {
	background:#4978AE;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s linear 0s;
}
.tagList.blue {
	background:#4978AE;
	color:#FFF;
}
.tagList.new {
	padding:1px 5px 0px 4px;
	background:#4978AE;
	font-size:11px;
}
.button01 {
	max-width:188px;
	width:100%;
	padding:0 17px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	background:#EC7063 url(/img/common/icon_arrow01.png) no-repeat 94% 50%;
	color:#FFF;
	font-size:13px;
	text-align:center;
	cursor:pointer;
	border:none;
	-webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 #DDD\9;
	behavior:url(/js/PIE.htc);
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-font-smoothing: subpixel-antialiased;
}
.button01:hover {
	background:#4978AE url(/img/common/icon_arrow01.png) no-repeat 96% 50%;
	color:#FFF !important;
}
a.button01 {
	display:inline-block;
	padding:24px 35px 23px 30px;
	font-size:13px;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}
.button02 {
	display:block;
	width:82px;
	border-radius:5px;
	background:#f3AF47 url(/img/common/icon_arrow01.png) no-repeat 88% 50%;
	color:#FFF;
	font-size:11px;
	text-align:center;
	cursor:pointer;
	border:none;
	-webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 #DDD\9;
	behavior:url(/js/PIE.htc);
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
a.button02 {
	display:inline-block;
	padding:8px 20px 7px 10px;
	font-size:12px;
	color:#FFF !important;
	text-align:left;
	text-decoration:none;
}
.button02:hover {
	background:#4978AE url(/img/common/icon_arrow01.png) no-repeat 93% 50%;
	color:#FFF !important;
	text-decoration:none !important;
}
.button03 {
	display:block;
	width:217px;
	border-radius:5px;
	background:#f3AF47 url(/img/common/icon_arrow01.png) no-repeat 94% 51%;
	color:#FFF;
	font-size:15px;
	text-align:center;
	cursor:pointer;
	border:none;
	-webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 #DDD\9;
	behavior:url("/js/PIE.htc");
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
a.button03 {
	display:inline-block;
	padding:16px 36px 16px 20px;
	font-size:15px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
.button03:hover {
	background:#4978AE url(/img/common/icon_arrow01.png) no-repeat 96% 51%;
	color:#FFF !important;
}
.button04 {
	display:block;
	max-width:216px;
	width:100%;
	padding:17px 12px 17px 15px;
	border-radius:5px;
	background:#f3AF47 url(/img/common/icon_arrow01.png) no-repeat 94% 50%;
	color:#FFF;
	font-size:15px;
	text-align:center;
	cursor:pointer;
	border:none;
	-webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 #DDD\9;
	behavior:url("/js/PIE.htc");
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.button04:hover {
	background:#4978AE url(/img/common/icon_arrow01.png) no-repeat 96% 50%;
	color:#FFF !important;
}
a.button04 {
	display:inline-block;
	padding:11px 30px 11px 20px;
	font-size:15px;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}
a.btnMail{
	font-weight: bold;
}
.button03.btnBlue,
.button04.btnBlue {
	background-color:#4B79AC;
}
.button08 {
	display:block;
	max-width:166px;
	margin: 0 auto;
	padding:10px 20px 9px 10px;
	border-radius:5px;
	border:1px solid #EA7165;
	background:url(/img/common/icon_arrow30.png) 94% 50% no-repeat;
	color:#EA7165;
	font-size:12px;
	text-align:center;
	cursor:pointer;
	behavior:url("/js/PIE.htc");
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
a.button08 {
	color:#EA7165;
	text-decoration:none;
}
.button08.btnBrown {
	border-color:#948D7E;
	background-image:url(/img/common/icon_arrow37.png);
	color:#948D7E;
}
.button08.btnBlue {
	border-color:#7C8692;
	background-image:url(/img/common/icon_arrow38.png);
	color:#7C8692;
}
.button08.btnYellow {
	border-color:#E0B176;
	background-image:url(/img/common/icon_arrow39.png);
	color:#E0B176;
}
.button08:hover {
	background-image:url(/img/common/icon_arrow40.png);
	background-color:#F07A6E;
	color:#FFF;
}
.button08.btnBrown:hover {
	background-color:#948D7E;
}
.button08.btnBlue:hover {
	background-color:#7C8692;
}
.button08.btnYellow:hover {
	background-color:#E0B176;
}
a.button08:hover {
	color:#FFF;
}
.bgArrow02 a.button01 {
	width:220px;
	max-width:220px;
	padding:0;
	background:url(/img/common/btn_arrow02.png) repeat-y 100% 50%;
	font-size:13px;
}
.bgArrow02 a.button01 span {
	display:inline-block;
	width:100%;
	padding:15px 37px 15px 16px;
	background:url(/img/common/icon_arrow01.png) no-repeat 95% 50%;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.bgArrow02 a.button01.buttonCandidate {
	height:auto;
	padding:0 !important;
	font-size:13px !important;
}
.bgArrow02 a.button01.buttonCandidate span {
	background:url(/img/common/icon_arrow14.png) no-repeat 96% 50%;
	-webkit-background-size:16px auto;
	-moz-background-size:16px auto;
	background-size:16px auto;
}
.bgArrow02 a.button01:hover {
	background-image:url(/img/common/btn_arrow02_h.png);
}
.bgArrow02 a.button01:hover span {
	-webkit-background-position:97% 50%;
	-moz-background-position:97% 50%;
	background-position:97% 50%;
}
.bgArrow02 a.button01.buttonCandidate:hover span {
	-webkit-background-position:96% 50%;
	-moz-background-position:96% 50%;
	background-position:96% 50%;
}
.bgArrow02 a.buttonCandidate.disable {
	background-image:url(/img/common/btn_arrow02_disable.png);
}
.wrapButton01 {
	border-bottom:1px solid #D5D5D5;
	margin-bottom:28px;
	padding-bottom:28px;
	text-align:right;
}
.wrapButton01 .button03 {
	width:auto;
	min-width:217px;
	padding:15px 36px 13px 20px;
	-webkit-background-color:#EC7063;
	-moz-background-color:#EC7063;
	background-color:#EC7063;
	font-size:16px;
}
.wrapButton01 .button03:hover {
	-webkit-background-color:#4978AE;
	-moz-background-color:#4978AE;
	background-color:#4978AE;
}
.groupSuggest {
	background:#f8f6f4;
}
.suggestInner {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	width:100%;
	max-width:1054px;
	padding:40px 15px 0;
	margin:0 auto;
}
.blockSuggest {
	position:relative;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	width:23.5%;
	max-width:240px;
	margin:0 2% 40px 0;
	-webkit-box-shadow:0 2px 2px #D2D0D1;
	-moz-box-shadow:0 2px 2px #D2D0D1;
	box-shadow:0 2px 2px #D2D0D1;
	behavior:url(/js/PIE.htc);
	vertical-align:top;
}
.blockSuggest .suggestTitle {
	padding:22px 15px;
	background:#FFF;
	font-size:18px;
	text-align:center;
}
.blockSuggest .suggestTitle span {
	display:block;
	height:72px;
	padding:4px 0 20px;
	line-height:1.35;
	color:#666666;
}
.blockSuggest .suggestTitle span em {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-ms-align-items:center;
	align-items:center;
	justify-content:center;
	height:100%;
}
.blockSuggest ul {
	flex-grow:1;
}
.blockSuggest ul li a {
	display:block;
	padding:15px 9px 13px 15px;
	color:#FFF;
	text-decoration:none;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	-ms-transition:all 0.2s linear 0s;
	-o-transition:all 0.2s linear 0s;
	transition:all 0.2s linear 0s;
}
.blockSuggest li a:hover {
	color:#FFF;
}
.blockSuggest ul li a span {
	display:block;
	padding-right:10px;
	background:url(/img/common/icon_arrow10.png) no-repeat 98% 50%;
}
.blockSuggest.blockRed ul,
.blockSuggest.blockRed li a {
	background:#F2796B;
}
.blockSuggest.blockRed li a.even {
	background:#EC7062;
}
.blockSuggest.blockBrown ul,
.blockSuggest.blockBrown li a {
	background:#9B9382;
}
.blockSuggest.blockBrown li a.even {
	background:#948D7D;
}
.blockSuggest.blockBlue ul,
.blockSuggest.blockBlue li a {
	background:#8591A0;
}
.blockSuggest.blockBlue li a.even {
	background:#808B99;
}
.blockSuggest.blockYellow ul,
.blockSuggest.blockYellow li a {
	background:#D9AC6E;
}
.blockSuggest.blockYellow li a.even {
	background:#D2A66A;
}
.blockSuggest.blockRed li a:hover{
	background:#E04F3F;
}
.blockSuggest.blockBrown li a:hover {
	background:#79705C;
}
.blockSuggest.blockBlue li a:hover {
	background:#677688;
}
.blockSuggest.blockYellow li a:hover {
	background:#D2984A;
}
.moreSuggest a {
	display:block;
	position:absolute;
	right:-1px;
	bottom:-22px;
	padding-left:10px;
	background:url(/img/home/bg_more_suggest01.png) 0 0 no-repeat;
	font-size:10px;
	text-decoration:none;
	color:#666666;
}
.moreSuggest span {
	display:block;
	padding:3px 17px 7px 6px;
	background:url(/img/home/bg_more_suggest02.png) 100% 0 no-repeat;
}
.buttonCandidate {
	width:112px;
	height:24px;
	margin-top:10px;
	padding:6px 11px !important;
	background:#EC7063 url(/img/common/icon_arrow07.png) no-repeat 92% 50%;
	font-size:11px !important;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.buttonCandidate:hover {
	background:#4775A9 url(/img/common/icon_arrow07.png) no-repeat 92% 50%;
}
.buttonCandidate:active,
.buttonCandidate.disable,
.buttonCandidate01.disable {
	background:#B6B6B6 url(/img/common/icon_arrow07.png) no-repeat 92% 50%;
}
.buttonCandidate.disable:hover,
.buttonCandidate01.disable:hover {
	cursor:default;
}
.buttonCandidate-sidebar.disable:hover,
.buttonCandidate01.disable:hover {
	background-position:92% 50%;
}

.buttonList01 {
	width:500px;
	margin:29px auto 40px;
}
.buttonList01 li {
	display:inline;
	width:231px;
	margin-right:7px;
}
.buttonList02 {
	width:231px;
	margin:29px auto 18px;
}
.buttonCondition {
	max-width:227px;
	width:227px\0;
	padding:11px 25px 12px 37px!important;
	background:#A2A2A2 url(/img/common/icon_arrow14.png) no-repeat 84% 50%;
	font-size:14px !important;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.buttonCondition:hover {
	background:#4877AD url(/img/common/icon_arrow14.png) no-repeat 84% 50%;
}
.buttonChange {
	max-width:228px;
	width:228px\0;
	padding:11px 25px 12px 22px!important;
	background:#404040 url(/img/common/icon_arrow10.png) no-repeat 92% 50%;
	font-size:14px !important;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.buttonChange:hover {
	background:#4877AD url(/img/common/icon_arrow10.png) no-repeat 94% 50%;
}
.pagerBlock {
	width:715px;
	margin-left:22px;
	padding:44px 0 4px;
}
.pagerBlock .pagerText {
	float:left;
	width:310px;
	margin-top:-2px;
	font-size:12px;
}
.pagerBlock .pagerText span {
	padding-right:6px;
	color:#ED766A;
	font-size:36px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight: 300;
}
.pagerBlock .pagerText em {
	padding-right:3px;
	color:#ED766A;
	font-weight:bold;
}
.pagerBlock .pagerList {
	float:right;
	width:400px;
	padding-top:9px;
	text-align:right;
}
.pagerBlock .pagerList li {
	display:inline-block;
	margin:0 1px;
}
.pagerBlock .pagerList li a {
	padding:5px 8px 3px;
	color:#FFF;
	display:block;
	background:#404040;
	text-decoration:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	behavior:url(/js/PIE.htc);
}
.pagerBlock .pagerList li a:hover,
.pagerBlock .pagerList li a.active {
	color:#FFF;
	background:#4978AE;
}
.pagerBlock .pagerList li.prev,
.pagerBlock .pagerList li.next {
	margin:0;
}
.pagerBlock .pagerList li.prev a {
	padding:0 5px 0 14px;
	background:url(/img/common/icon_arrow25.png) no-repeat 0 50% !important;
	color:#4D4D4D;
	text-decoration:none;
}
.pagerBlock .pagerList li.next a {
	padding:0 14px 0 5px;
	background:url(/img/common/icon_arrow16.png) no-repeat 100% 50% !important;
	color:#4D4D4D;
	text-decoration:none;
}
.pagerBlock .pagerList li.prev a:hover,
.pagerBlock .pagerList li.next a:hover {
	text-decoration:underline;
}
.pagerBlock .pagerList li.disable a {
	color:#999 !important;
}
.pagerBlock .pagerList .disable.prev a {
	background:url(/img/common/icon_arrow15.png) no-repeat 0 50% !important;
}
.pagerBlock .pagerList .disable.next a {
	background:url(/img/common/icon_arrow26.png) no-repeat 100% 50% !important;
}
.borderWrap {
	padding:40px;
	margin:30px 0;
	border:1px solid #D5D5D5;
	background:#FDFDFC;
	color:#4D4D4D;
}
.borderWrap .headline3 {
	margin-bottom:9px;
}
.borderWrap .textBlock {
	padding-bottom:25px;
}
.borderWrap .textBlock p {
	margin-bottom:10px;
	text-align:justify;
	line-height:1.6;
	padding: 0 10px;
}
.linkList02 li {
	padding-left:15px;
	margin-bottom:4px;
	background:url(/img/common/icon_circle01.gif) 0 3px no-repeat;
}
.corner {
	float:right;
}
.bdbNone {
	border-bottom:none !important;
}
#pagePrivacy .headline2,
#pageSitemap .headline2 {
	padding-left:0;
	margin-bottom:0;
}
#contents.fullWidth {
	width:100%;
}
.summarySection {
	width:980px;
	margin:0 auto 40px;
}
.summaryText {
	padding-top:16px;
	text-align:center;
}
.summaryText p {
	margin-bottom:8px;
	line-height:1.85;
}
.stepList {
	width:700px;
	margin:0 auto;
	padding:30px 0 26px;
}
.stepList li {
	float:left;
	padding-right:6px;
	height:44px;
}
.description {
	font-size:12px;
	line-height:18px;
}
.message {
	padding-top:3px;
	color:#4978AE;
	line-height:1.54;
}
.wrapInner {
	width:1010px;
	padding:40px 0 0;
	margin:0 auto;
}
.wrapInner02 {
	position:relative;
	width:850px !important;
	padding-top:0;
	padding-bottom:39px;
}
.wrapInner02 .shadowBox {
	border-color:#D5D5D5;
}
.scrollBox {
	overflow:hidden;
	height:165px;
	margin:15px 0 26px;
	padding:26px 39px;
	background-color:#FFF;
	font-size:10px;
	line-height:16px;
}
.scrollbarBox .viewport {
	height:110px;
}
.scrollbarBox {
	width:100%;
}
.scrollbarBox .scrollbar {
	right:-29px;
}
.formBox {
	padding:15px 0 27px;
	background:url(/img/common/bg_shadow_curve01.png) 50% 100% no-repeat;
}
.formBox table {
	width:100%;
}
.formBox tr {
	border-bottom:1px solid #D5D5D5;
	background-color:#FFF;
}
.formBox tr:last-child {
	border-bottom:none;
}
.formBox tr.odd {
	/*background-color:#FDFDFD;*/
}
.formBox th {
	width:185px;
	padding:30px 0;
	border-right:1px solid #CCC;
	color:#4978AE;
	font-size:15px;
	line-height:20px;
	text-align:center;
}
.formBox th p {
	margin-bottom:5px;
}
.formBox th .description {
	margin-top:20px;
	color:#AEAEAE;
}
.formBox td {
	padding:20px 32px 20px 32px;
	line-height:26px;
}
.formBox .checkboxList {
	line-height:36px;
}
.formBox td .required {
	margin-left:10px;
}
.formBox02 th {
	padding-top:17px;
	padding-bottom:17px;
}
.formBox02 td {
	padding-top:17px;
	padding-bottom:17px;
}
.formBox .checkboxList {
	line-height:36px;
}
.formBox input[type="text"],
.formBox textarea,
.formBox input[type="email"],
.formBox input[type="tel"],
.formBox input[type="password"] {
	padding:8px 12px;
	border:1px solid #CBCBCB;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.1);
	box-shadow:0px 0px 1px rgba(0,0,0,0.1);
	color:#404040;
	line-height:1.2em;
	behavior:url("/js/PIE.htc");
}
.formBox input[type="text"]:hover,
.formBox textarea:hover,
.formBox input[type="email"]:hover,
.formBox input[type="tel"]:hover,
.select-transform-wrapper.hover,
.formBox input[type="password"]:hover,
.formBox input[type="text"]:focus,
.formBox textarea:focus,
.formBox input[type="email"]:focus,
.formBox input[type="tel"]:focus,
.formBox input[type="password"]:focus {
	border-color:#CBCBCB;
	background-color:#E4F9CE;
	-webkit-box-shadow:0px 0px 4px #EADFD8;
	-moz-box-shadow:0px 0px 4px #EADFD8;
	box-shadow:0px 0px 4px #EADFD8;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #ACACAC;
	opacity:1;
}
:-moz-placeholder,
textarea:-moz-placeholder {
	color: #ACACAC;
	opacity:1;
}
::-moz-placeholder,
textarea::-moz-placeholder {
	color: #ACACAC;
	opacity:1;
}
:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #ACACAC !important;
	opacity:1 !important;
}
.formBox textarea {
	height:71px;
}
.formBox tr {
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	behavior:url("/js/PIE.htc");
}
.s56 {
	width:56px !important;
}
.s68 {
	width:68px;
}
.s75 {
	width:75px!important;
}
.s88 {
	width:88px;
}
.s91 {
	width:91px;
}
.s108 {
	width:108px!important;
}
.s130 {
	width:130px!important;
}
.s138 {
	width:138px !important;
}
.s158 {
	width:158px;
}
.s168 {
	width:168px!important;
}
.s193 {
	width:193px!important;
}
.s247 {
	width:247px;
}
.s278 {
	width:278px;
}
.s350 {
	width:350px !important;
}
.s338 {
	width:338px;
}
.s443 {
	width:443px;
}
.s470 {
	width:470px!important;
}
.s518 {
	width:518px;
	height:91px !important;
}
.redDot {
	display:inline-block;
	width:99px;
	padding:3px 0 0 12px;
	background:url(/img/common/icon_circle01.gif) 0 50% no-repeat;
	vertical-align:top;
}
ul li.redDot,
p.redDot {
	display:block;
	width:auto;
	padding-top:0;
	background-position:0 6px;
	line-height:1.4;
}
ul li.redDot {
	margin-bottom:7px;
}
ul li.redDot span,
p.redDot span {
	display:inline-block;
	min-width:50px;
	margin-right:20px;
}
.agreementBox {
	width:300px;
	margin:22px auto 12px;
	padding-bottom:11px;
	background:url(/img/common/bg_shadow_curve02.png) 50% 100% no-repeat;
	text-align:center;
}
.agreementBox .shadowBox {
	padding:20px;
	background-color:#FFF;
}
.agreementBox .cbCustomCheckbox {
	position:absolute;
	left:75px;
	top:22px;
}
.btnCheck {
	max-width:350px;
	width:350px\0;
	width:100%;
	height:65px;
	padding:22px 55px 21px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	background:url(/img/common/icon_arrow21.png) no-repeat 94% 50%;
	color:#FFF;
	font-size:20px;
	text-align:center;
	cursor:pointer;
	border:none;
	behavior:url(/js/PIE.htc);
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.btnCheck:hover {
	background-position:96% 50%;
}
.bgArrow {
	position:relative;
	display:inline-block;
	width:350px;
	height:65px;
	background:url(/img/common/bg_btnform.png) no-repeat 0 0;
	-webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 #DDD\9;
	behavior:url(/js/PIE.htc);
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
.bgArrow:hover {
	background-image:url(/img/common/bg_btnform_h.png);
}
.required {
	padding:3px 14px 3px;
	background-color:#EC7063;
	color:#FFF;
	font-size:10px;
}
.blue {
	color:#426C9C;
}
.secureNorton,
.secureArea {
	margin-bottom:27px;
	padding:0 40px 27px;
	border-bottom:1px solid #DDD;
}
.secureLogo {
	float:left;
	padding-left:9px;
	padding-bottom:5px;
}
.secureNorton .description.gray,
.secureArea .description.gray {
	padding:6px 0 0 134px;
}
.gray {
	color:#9A9998;
}
.checkboxList02 {
	display:inline-block;
	vertical-align:middle;
}
.checkboxList02 li {
	position:relative;
	float:left;
	margin-right:30px;
	padding:4px 0 8px;
}
.radioList {
	display:inline-block;
	vertical-align:middle;
}
.radioList li {
	float:left;
	width:auto;
	margin-right:15px;
}
.condition {
	padding-bottom:7px;
	color:#EC7063;
	font-size:12px;
	line-height:18px;
}
.minus {
	margin-left:7px;
	padding-left:17px;
	background:url(/img/common/icon_minus.gif) 0 50% no-repeat;
}
.button06 {
	display:inline-block;
	max-width:224px;
	width:100%;
	margin-right:15px;
	padding:17px 12px 17px 15px;
	border-radius:5px;
	background:#838383 url(/img/common/icon_arrow18.png) no-repeat 10% 50%;
	color:#FFF;
	font-size:15px;
	text-align:center;
	cursor:pointer;
	border:none;
	-webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 #DDD\9;
	behavior:url("/js/PIE.htc");
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.button06:hover {
	background:#4978AE url(/img/common/icon_arrow18.png) no-repeat 8% 50%;
	color:#FFF !important;
}
a.button06 {
	display:inline-block;
	padding:15px 15px 11px;
	font-size:15px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
.confirmContact {
	padding:0 0 79px;
	color:#404040;
}
.confirmContact .description {
	line-height:1.55;
	margin-bottom:21px;
	font-size:13px;
	text-align:center;
}
.confirmContact .stepList {
	padding:13px 0 11px;
}
.confirmContact .description.pt35 {
	padding-top:35px;
}
.confirmContact .formBox {
	width:850px;
	margin:0 auto 7px;
}
.confirmContact .button {
	padding-top:14px;
}
.confirmContact .button a {
	width:224px;
	margin:0 10px;
	vertical-align:middle;
}

/*------------------------------------------------------------------
	tab styles
-------------------------------------------------------------------*/

.tab {
	padding:0 38px;
}
.tab li {
	display:inline;
}
.tab a {
	display:block;
	position:relative;
	bottom:-1px;
	float:left;
	width:auto;
	min-height:36px;
	padding:3px 15px 0;
	border-top:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	background:#F5F5F5;
	color:#666;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	behavior:url("/js/PIE.htc");
	-webkit-transition:background 0.2s ease 0s;
	-moz-transition:background 0.2s ease 0s;
	transition:background 0.2s ease 0s;
}
.tab .active a {
	bottom:-3px;
	bottom:-4px\9;
	min-height:41px;
	margin-top:-7px;
	padding:3px 15px 0 14px !important;
	border-bottom:none;
	border-left:1px solid #D5D5D5;
	background:#FFF !important;
	color:#EC7063;
}
.tab .nextActive a {
	padding:3px 16px 0 15px;
	border-right:none;
}
.tab .first a {
	padding:3px 16px 0 14px !important;
	border-left:1px solid #D5D5D5;
}
.tab .nextActive.first a {
	padding:3px 17px 0 14px !important;
	border-right:none;
}
.tab .active span {
	display:block;
	height:100%;
	min-height:37px;
	border-bottom:2px solid #EC7063;
}
.tab.breakTab a {
	position:relative;
	min-width:69px;
	min-height:44px;
	padding-left:17px !important;
	padding-right:18px !important;
	line-height:35px;
}
.tab.breakTab .nextActive.first a {
	padding-left:17px !important;
	padding-right:18px !important;
}
.tab.breakTab .active a {
	min-height:49px;
	line-height:37px;
}
.tab.breakTab span {
	display:inline-block;
	line-height:1.3em;
	vertical-align:middle;
}
.tab.breakTab .active span {
	display:inline-block;
	height:auto;
	min-height:0;
	border:none;
	line-height:1.3em;
}
.tab.breakTab .active span:after {
	position:absolute;
	bottom:0;
	left:15%;
	width:70%;
	height:0;
	content:"";
	border-bottom:2px solid #EC7063;
}

.tabContents .tabBox {
	display:none;
}
#anchortab01,
#tab01 {
	display:block;
}
.tab .subject01 {
	background:#FDEFE8;
}
.tab .subject02 {
	background:#FDF3E8;
}
.tab .subject03 {
	background:#FDF8EC;
}
.tab .subject04 {
	background:#FDFDEF;
}
.tab .subject05 {
	background:#FBFFF1;
}
.tab .subject06 {
	background:#F7FDF0;
}
.tab .subject07 {
	background:#F4FAEF;
}
.tab .subject08 {
	background:#F2F8EF;
}
.tab .subject09 {
	background:#EFF6EF;
}
.tab .subject10,
.tab .subject010 {
	background:#EEF6F2;
}
.tab .subject11,
.tab .subject011 {
	background:#EEF6F2;
}
.tab .subject12,
.tab .subject012 {
	background:#EBF7F7;
}
.tab .subject13,
.tab .subject013 {
	background:#EDF7F9;
}
.tab .subject01 {
	background:#FDEFE8;
}
.tab .subject02:hover {
	background:#F9DDBF;
}
.tab .subject03:hover {
	background:#F9EBCA;
}
.tab .subject04:hover {
	background:#F9F9D2;
}
.tab .subject05:hover {
	background:#F4FFD8;
}
.tab .subject06:hover {
	background:#E8F9D5;
}
.tab .subject07:hover {
	background:#E0F1D2;
}
.tab .subject08:hover {
	background:#DAEBD2;
}
.tab .subject09:hover {
	background:#D2E6D2;
}
.tab .subject10:hover,
.tab .subject010:hover {
	background:#CFE6DA;
}
.tab .subject11:hover,
.tab .subject011:hover {
	background:#CDE8EE;
}
.tab .subject12:hover,
.tab .subject012:hover {
	background:#B6E3EC;
}
.tab .subject13:hover,
.tab .subject013:hover {
	background:#A0D8E4;
}
.tabContents {
	clear:both;
	width:100%;
	padding:40px 60px 0;
	border-top:1px solid #D5D5D5;
}
.tabBoxf {
	display:none;
}
.listText01 .scrollbarBox, .listText01 .viewport {
	width: 183px !important;
	height:100% !important;
}

.tabBoxS .tabBox {
	display:block;
}
/* ------------------------------------------------------------------
	partner styles
-------------------------------------------------------------------*/
.partnerSection {
	position:relative;
	background-color:#F1EFED;
}
.partnerSection:after {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:50px;
	height:50px;
	background:url(/img/home/corner_partner.png) 50% 50% no-repeat;
}
.partnerInner {
	overflow:hidden;
	max-width:1054px;
	width:100%;
	margin:0 auto;
	padding:20px 50px 0 49px;
}
.partnerSection .partnerInner {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-ms-align-items:center;
	align-items:center;
	padding:33px 15px 29px;
}
.lectureImage,
.partnerInfo {
	float:left;
}
.partnerSection .lectureImage,
.partnerSection .partnerInfo {
	float:none;
}
.partnerSection .partnerTitle {
	max-width: 210px;
	width: 24%;
	margin-right:32px;
}
.partnerSection .partnerTitle h2 {
	padding:0 3px 22px 0;
}
.partnerSection .partnerTitle h2 img {
	display: inline-block;
	width: 33px;
	margin-right: 5px;
	padding-top: 8px;
	vertical-align: top;
}
.partnerSection .partnerTitle h2 span {
	display: inline-block;
	width: calc(100% - 38px);
	color: #ec7062;
	font-size: 24px;
	vertical-align: top;
	line-height: 1.4;
	text-align: left;
}
.partnerSection .partnerDescription {
	position: relative;
	width: auto;
	display: inline-block;
	margin:0 auto 4px 27px ;
	padding: 4px 10px 5px;
	border: 2px solid #ec7063;
	background:#FFF;
	color: #ec7063;
	font-size: 14px;
	text-align: left;
}
.partnerSection .partnerDescription:after {
	position: absolute;
	content: '';
	left: -2px;
	bottom: -12px;
	width: 12px;
	height: 10px;
	background: url(/img/home/icon_description.png) no-repeat 0 0;
}
.partnerSection .contentPartner {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-ms-align-items:flex-start;
	align-items:flex-start;
	flex:1;
}
.partnerSection .partnerInfo {
	flex:1;
}
.partnerSection .buttonClose .btn_article {
	display:none;
}
.btn_article {
	display:block;
	float:right;
	padding:5px 34px 4px;
	border:1px solid #E0DCD6;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	behavior:url(/js/PIE.htc);
	position:relative;
	z-index:1;
	background:url(/img/common/icon_arrow02.png) no-repeat 93% 50% #F5F5F5;
	text-decoration:none;
	text-align:center;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.btn_article:hover {
	background:url(/img/common/icon_arrow02.png) no-repeat 96% 50% #F5F5F5;
}
.lectureImage {
	margin-right:20px;
	padding:3px;
	-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px 1px #DDD\9;
	behavior:url(/js/PIE.htc);
	background-color:#FFF;
	font-size:0;
}
.partnerBlock {
	clear:both;
}
.partnerBlock li {
	float:left;
	overflow:hidden;
	min-height:210px;
	padding-left:3px;
}
.partnerInfo {
	max-width:350px;
	width: 35%;
	margin-right:35px;
}
.partnerBlock .partnerInfo {
	width:450px;
	margin:5px 0 0px 11px;
}
.partnerInfo .name a {
	color:#71544C;
	font-size:22px;
	text-decoration:none;
}
.partnerInfo .name a:hover {
	text-decoration:underline;
}
.partnerInfo .job {
	color:#7D7D7D;
	line-height:18px;
}
.partnerInfo .detail {
	line-height:18px;
}
.partnerInfo .detail02 {
	padding:12px;
	border-radius:2px;
	border:1px solid #CCC;
	background:#FFF;
	line-height:1.4;
}
.partnerInfo span {
	display:inline-block;
	margin:4px 2px 0 0;
	padding:4px 10px 3px 10px;
	background-color:#EC7063;
	color:#FFF;
	font-size:12px;
	text-align:center;
}
.partnerInfo .infoTitle {
	padding:12px 0 5px;
	font-size:18px;
	line-height: 1.4;
}
.partnerInfo .infoTitle02 {
	margin:15px 0 8px;
	color:#EC7063;
	font-size:15px;
	font-weight:bold;
}
.partnerBlock .buttons {
	margin-top:35px;
}
.partnerBlock .buttons .buttonCandidate {
	margin-top:20px;
}
.partnerBlock .buttons .banner {
	display:block;
	margin-top:20px;
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.partnerSection .buttonClose {
	max-width:188px;
	width: 19%;
}
.partnerSection a.btnDetail {
	padding:16px 20px 14px 10px;
	font-size:16px;
	text-align: center;
}
.carousel02 {
	position:relative;
}
.carousel02 .prev a,
.carousel02 .next a {
	position:absolute;
	z-index:12;
	top:50%;
	left:3px;
	width:9px;
	height:19px;
	margin-top:-10px;
	background:url(/img/common/btn_prev.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
.carousel02 .next a {
	left:auto;
	right:3px;
	background-image:url(/img/common/btn_next.png);
}
@media screen and (max-width: 1100px) {
	.partnerSection .partnerTitle {
		width: 24%;
		margin:20px 20px 0 0;
	}
	.partnerInfo {
		width: 35%;
		margin-right:20px;
	}
}
@media screen and (max-width: 1024px) {
	.partnerInfo {
		width: 34%;
	}
	.button08 {
		padding:8px 20px 9px 10px;
		font-size:11px;
	}
}
@media screen and (max-width: 930px) {
	.lectureImage {
		width: 130px;
	}
	.partnerInfo {
		width: 32%;
	}
}
@media screen and (max-width: 765px) {
	.partnerSection .partnerInner {
		flex-direction: column;
		align-items: flex-start;
	}
	.partnerSection .lectureImage {
		width:32%;
		max-width:130px;
		margin-right:15px;
	}
	.btn_article {
		display: block;
		float:none;
		width: 100%;
		max-width: inherit;
		margin: 10px auto 0;
		padding: 12px 20px 12px 10px;
	}
	.partnerSection .buttonClose {
		width: auto;
		margin: 20px auto 0;
	}
	.partnerSection  a.btnDetail {
		padding: 12px 20px 12px 10px;
		font-size:13px;
	}
	.partnerSection .buttonClose .btn_article {
		display:inline-block;
	}
	.partnerSection .partnerTitle {
		width:auto;
		max-width: inherit;
		margin:0 auto;
		text-align: center;
	}
	.partnerSection .partnerDescription {
		width: 100%;
		padding: 4px 10px 5px;
		border: none;
		color: #ec7063;
		font-size: 21px;
	}
	.partnerSection .partnerDescription:after {
		background: none;
	}
	.partnerSection .partnerTitle h2 {
		display: inline-block;
		padding:5px 3px 26px 0;
		border-top: 1px solid #ec7063;
	}
	.partnerSection .partnerTitle h2 img {
		width: 100%;
		display: none;
		margin-right: 0;
		padding-top: 0;
	}
	.partnerSection .partnerTitle h2 span {
		display: inline-block;
		width: 100%;
		padding-top: 5px;
		font-size: 21px;
		text-align: center;
	}
	.partnerSection .partnerDescription {
		display: inline-block;
		margin: 0 0 5px;
		text-align: center;
		background-color: transparent;
	}
	.partnerInfo{
		max-width: 100%;
	}
	.partnerSection .partnerInfo {
		margin-right: 0;
	}
	.partnerSection .infoTitle {
		font-size: 16px;
		font-weight: normal;
		padding: 15px 0 5px;
		line-height: 1.4;
	}
	.suggestInner {
		/* width:765px; */
		padding: 30px 15px 0
	}
	.groupSuggest .owl-carousel .owl-stage-outer {
		overflow: initial;
	}
	.groupSuggest .owl-carousel .owl-stage {
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
	}
	.groupSuggest .owl-carousel .owl-item {
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		padding-right:15px;
	}
	.blockSuggest {
		overflow:hidden;
		float:left;
		position:relative;
		width:100%;
		max-width:inherit;
		border-radius: 5px;
		margin:0;
	}
	.blockSuggest .suggestTitle img {
		width: auto;
		height: 25px;
		margin: 0 auto;
	}
	.blockSuggest .suggestTitle span {
		font-size: 16px;
		padding-top: 10px;
	}
	.button08 {
		font-weight:bold;
	}
	.blockScroll {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 425px) {
	.blockSuggest .suggestTitle {
		padding:20px 10px;
	}
}

/* ------------------------------------------------------------------
	scrollbar styles
-------------------------------------------------------------------*/
.scrollbarBox {
	/*width:714px;*/
	position:relative;
}
.scrollbarBox .viewport {
	width:100%;
	height:197px;
	position:relative;
	overflow-y:hidden;
	overflow-x:auto;
}
.scrollbarBox .overview {
	position:relative;
	left:0;
	top:0;
	font-size:100%;
 }
.scrollbarBox .overview p{
	margin-bottom: 15px;
}
.scrollbarBox .scrollbar {
	position:absolute;
	top:0;
	right:10px;
	width:6px;
}
.scrollbarBox .track {
	background:none;
	height:100%;
	width:5px;
	position:relative;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	behavior:url(/js/PIE.htc);
	z-index:1;
}
.scrollbarBox .thumb {
	/*background:url(/img/common/icon_thumb.png) no-repeat 0 0;*/
	background:#E5E5E5;
	height:48px;
	width:6px;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	top:0;
	left:-1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	behavior:url(/js/PIE.htc);
}
.scrollbarBox .disable {
	 display:none;
}
.listBox01 {
	padding:9px 0;
}
.listBox01 .scrollbarBox .viewport {
	height:600px;
}

/* ------------------------------------------------------------------
	timeBox styles
-------------------------------------------------------------------*/
.timeBox {
	margin-bottom:35px;
}
.timeBox li {
	float:left;
	margin-right:20px;
	color:#EC7062;
}
.timeBox li span {
	margin-left:7px;
	padding:2px 12px 1px 10px;
	border:1px solid #EC7062;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	behavior:url("/js/PIE.htc");
	font-size:11px;
}


/* ------------------------------------------------------------------
	.reportList styles
-------------------------------------------------------------------*/
.reportList dt {
	display:table-cell;
	height:70px;
	padding:10px 0 10px 19px;
	vertical-align:middle;
}
.reportList dt em {
	display:inline-block;
	min-width:65px;
}
.reportList dt span {
	display:inline-block;
	min-width:51px;
}
.reportList dt img {
	margin:-3px 0 0 20px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	behavior:url("/js/PIE.htc");
	vertical-align:middle;
}
.reportList dd {
	height:70px;
	margin-top:-70px;
	padding:10px 20px 10px 181px;
	vertical-align:middle;
}
.reportList dd a {
	display:table-cell;
	height:52px;
	color:#EC7063;
	vertical-align:middle;
	text-decoration:none;
}
.reportList dd a .new {
	margin-left:9px;
}
.reportList dd a:hover {
	color:#EC7063;
	text-decoration:underline;
}
.reportList dd.odd {
	background:#F8F6F4;
}
.linkText {
	padding:0 0 0 15px;
	background:url(/img/common/icon_arrow06.png) no-repeat 0 50%;
	text-decoration:none;
}
.linkText:hover {
	text-decoration:underline !important;
}
a.blueLink {
	color:#4978AE;
	text-decoration:none;
}
a.blueLink:hover {
	color:#4978AE;
	text-decoration:underline;
}
/* ------------------------------------------------------------------
	shadowBox styles
-------------------------------------------------------------------*/
.shadowBox {
	border:1px solid #D5D5D5;
	border-bottom:none;
	-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow:0 1px 2px 1px #DDD\9;
	behavior:url(/js/PIE.htc);
	background-color:#FDFDFC;
}

/* ------------------------------------------------------------------
	tabBlock styles
-------------------------------------------------------------------*/
.tabBlock .tab {
	padding:0;
}
.tabBlock .tabContents {
	padding:0;
	border:1px solid #D5D5D5;
	background:#FFF;
	-webkit-box-shadow:0 1px 2px 0 #EEEDED;
	-moz-box-shadow:0 1px 2px 0 #EEEDED;
	box-shadow:0 1px 2px 0 #EEEDED;
	behavior:url(/js/PIE.htc);
}
/* ------------------------------------------------------------------
	number styles
-------------------------------------------------------------------*/
.teacherList03 .number {
	top:-5px;
	left:2px;
	width:39px;
	height:39px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-color:#FFF;
	behavior:url(/js/PIE.htc);
}
.teacherList03 .number span {
	display:block;
	width:35px;
	height:35px;
	margin:2px;
	padding:8px 0;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	font-family:Arial;
	text-align:center;
	behavior:url(/js/PIE.htc);
}
.number01 {
	background-color:#F3AF39;
}
.number02 {
	background-color:#D8D8D8;
}
.number03 {
	background-color:#C08971;
}
@media screen and (max-width: 765px){
	.teacherList03 .number{
		width: 25px;
		height: 25px;
		top: 1px;
		left: 8px;
	}
	.teacherList03 .number span{
		width: 25px;
		height: 25px;
		font-size: 12px;
		padding: 6px 0px;
	}
}



/* ------------------------------------------------------------------
	sectionteacher styles
-------------------------------------------------------------------*/
.teachers01 {
	background:#FFF;
}
.teachers01 .sectionInner {
	width:1024px;
	margin:0 auto;
}
.teachers01 .headline2 {
	display: flex;
	margin-bottom: 10px;
	padding: 0 0 0 0;
	border: none;
	font-size: 26px;
}
.teachers01 .headline2 .imageIcon {
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
}
.teachers01 .group {
	padding:11px 0 32px;
	border-top:1px solid #D9D9D9;
}
.teachers01 .teacherInfo .performance {
	margin-bottom:0px;
}
.teachers01 .group h4 {
	display:inline-block;
	position:relative;
	top:-27px;
	padding:0 20px 0 0;
	background:#FFF;
}
.teachers01 .headline6 {
	padding-right:6px !important;
	color:#7A7467;
	font-size:17px;
}
.teachers01 .headline6 .imageIcon {
	padding:2px 5px 0 6px;
	vertical-align:middle;
}
.teachers01 .group .recommendList {
	margin-top:-17px;
}
.teachers01 .recommendList li {
	float:left;
}
.teachers01 .recommendList li a {
	display:block;
	padding:5px 24px 5px 15px;
	margin:0 10px 10px 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#948D7D url(/img/common/icon_arrow11.png) 94% 50% no-repeat;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	behavior:url(/js/PIE.htc);
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.teachers01 .recommendList li a:hover {
	color:#FFF !important;
	background:#948D7D url(/img/common/icon_arrow11.png) 97% 50% no-repeat;
}

@media screen and (max-width:765px) {
	.teachers01 .blockHeadline2 {
		text-align: center;
	}
	.teachers01 .headline2 {
		display: inline-block;
		margin-bottom: 0;
		padding: 18px 0 5px 0;
		font-size: 18px;
		color: #FFF;
		text-align: center;
		border-bottom: 1px solid #FFF;
	}
	.teachers01 .headline2 .imageIcon {
		width: 7px;
		height: 14px;
		margin: 0;
		vertical-align: middle;
	}
	.teachers01 .group {
		border-top: 0;
		padding: 10px 0 15px 0;
	}

}
/* ------------------------------------------------------------------
	commentInfo styles
-------------------------------------------------------------------*/
.commentInfo {
	padding-bottom:34px;
}
.commentInfo th {
	width:65px;
	padding:7px;
	font-size:0;
	vertical-align:middle;
	text-align:center;
}
.commentInfo img {
	width:45px;
}
.commentInfo td {
	padding:7px;
	font-size:13px;
	line-height:18px;
	vertical-align:middle;
}
.commentInfo .point {
	width:120px;
	padding-right:10px;
	color:#EC7063;
	font-size:37px;
	line-height:37px;
	vertical-align:middle;
	text-align:right;
}
.commentInfo span {
	font-size:23px;
}
.inner02 {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px 0 20px;
}

/* ------------------------------------------------------------------
	listReason styles
-------------------------------------------------------------------*/
.reasonSection {
	width:980px;
	margin:0 auto;
}
.reasonSection .headline2 {
	padding:0 0 1px 3px;
	margin:37px 0 29px;
}
.listReason {
	margin-bottom:44px;
}
.listReason li {
	position:relative;
	float:left;
	width:138px;
	height:138px;
	margin:0 13px 0 12px;
	border:2px solid #EC7063;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-color:#FFF;
	behavior:url("/js/PIE.htc");
}
.listReason li:hover {
	background-color:#EC7063;
	/* border:none; */
	-webkit-transition:all 0.4s linear 0s;
	-moz-transition:all 0.4s linear 0s;
	transition:all 0.4s linear 0s;
}
/* Everything but IE6-8 */
:root *> .listReason li:hover {
	border:none;
}

.listReason li:hover .linkDetail a {
	display:table-cell;
}
.listReason li:hover .numReason {
	display:none;
}
.listReason li p {
	font-size:16px;
	line-height:1.45;
}
.listReason li .numReason {
	padding:12px 5px 5px;
	color:#EC7063;
	text-align:center;
}
.listReason li .numReason p.number {
	margin-bottom:8px;
	font-size:14px;
}
.listReason li .numReason p.number span {
	font-size:26px;
}
.listReason li .linkDetail a {
	display:none;
	width:136px;
	height:136px;
	background:url(/img/common/icon_arrow17.png) 88% 50% no-repeat;
	color:#FFF;
	font-size:15px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
}

/* ------------------------------------------------------------------
	evaluation styles
-------------------------------------------------------------------*/
.evaluation {
	width:980px;
	margin:40px auto;
	text-align:center;
}
.evaluation p{
	color:#426C9C;
	font-size:14px;
	line-height:1.6;
}
.evaluation .title {
	margin-bottom:15px;
	font-size:22px;
}
.evaluation .title sup {
	font-size:12px;
}
.evaluation .title img {
	margin-top:-4px;
	padding:0 10px 0 0;
	vertical-align:middle;
}
.evaluation .note01 {
	padding-top:20px;
	color:#999;
	font-size:11px;
}


/* ------------------------------------------------------------------
	teacherList04 styles
-------------------------------------------------------------------*/
.teacherList04 {
	position:relative;
	width:980px;
	margin:0 auto 4px;
	padding:30px 0 6px;
	border-bottom:1px solid #DDD;
}
.teacherList04 .headline1 {
	width:980px;
	padding-bottom:22px;
	padding-left:0;
	text-align:center;
}
.teacherList04 .teacherList {
	margin-left:-10px;
	clear:both;
}
.teacherList04 li {
	width:195px;
	margin:0 3px 10px 0;
}
.teacherList04 .teacherImage {
	width:89px;
	height:89px;
	position:relative;
	z-index:8;
	border:3px solid #F8F6F4;
}
.editStyle .teacherImage:hover {
	padding:3px;
	border:3px solid #F8F6F4;
	background-color:#DFDDE2;
}
.teacherList04 .teacherList .teacherInfo {
	padding: 11px 0 0 94px;
	min-height:110px;
	text-align:left;
}
.teacherList04 .teacherList .teacherInfo .name {
	margin-bottom:4px;
	padding-left:6px;
	padding-right:7px;
	color:#71544C;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.teacherList04 .teacherList .teacherInfo .performance {
	padding-left:6px;
	padding-right:7px;
	text-align:left;
}
.teacherList04 .close {
	position:absolute;
	left:8px;
	top:8px;
	z-index:10;
}
.close a {
	display:block;
	width:25px;
	height:25px;
	background:url(/img/common/icon_close_h.png) no-repeat 0 0;
}
.teacherList04 .price img {
	padding-right:5px;
	vertical-align:middle;
}
.teacherList04 .price span {
	vertical-align:middle;
}
/* ------------------------------------------------------------------
	styleTable01 styles
-------------------------------------------------------------------*/
.styleTable01 {
	width:100%;
	font-size:12px;
	line-height:1.5;
}
.styleTable01 th {
	padding:6px 10px 6px 0;
	border-top:2px solid #B7B7B7;
	border-bottom:1px solid #B7B7B7;
	background:#F8F8F8;
	vertical-align:top;
}
.styleTable02 th {
	background:#EEE;
}
.styleTable01 td {
	padding:9px 10px 9px 0;
	border-bottom:1px solid #B7B7B7;
	vertical-align:top;
}
.styleTable01 td span {
	font-size:13px;
	font-weight:bold;
	color:#EC7063;
}
.styleTable01 .col01 {
	width:207px;
	padding-left:50px;
}
.styleTable01 .col02 {
	width:192px;
}
.styleTable01 .col03 {
	width:134px;
}
.styleTable01 .col04 {
	width:134px;
}
.styleTable01 .col05 {
	width:154px;
}
/* ------------------------------------------------------------------
	styleTable02 styles
-------------------------------------------------------------------*/
.styleTable02 {
	width: 980px;
}
.styleTable02 .col01 {
	padding-left: 26px;
}
.styleTable02 .col01 {
	width:125px;
}
.styleTable02 .col02 {
	width:156px;
}
.styleTable02 .col03 {
	width:106px;
}
.styleTable02 .col04 {
	width:106px;
}
.styleTable02 .col05 {
	width:127px;
}
.styleTable02 .col06 {
	width:168px;
}
.styleTable02 .col07 {
	width: auto;
}
.styleTable02 th {
	padding: 5px 15px 6px 26px;
	border-top-width: 1px;
}
.styleTable02 td {
	vertical-align: middle;
	padding: 6px 20px 8px 26px;
}
.styleTable02 td.last {
	padding-right: 15px;
	padding-left:0;
	width:192px;
	text-align: right;
}
.button01.buttonSearch {
	width: auto;
	padding: 5px 25px 6px 15px !important;
	background-size: 5px auto;
	font-size: 12px !important;
}
/* ------------------------------------------------------------------
	tableLink styles
-------------------------------------------------------------------*/
.tableLink {
	width:100%;
	margin:-16px 0 18px;
}
.tableLink tr {
	background:url(/img/common/bg_dot.gif) 0 100% repeat-x;
}
.tableLink tr.last {
	background:none;
}
.tableLink th {
	width:230px;
	padding:5px 3px;
	color:#EC7063;
	line-height:1.5;
	vertical-align:middle;
}
.tableLink td {
	padding:20px 0 7px;
}
/* ------------------------------------------------------------------
	modalBox styles
-------------------------------------------------------------------*/
.ieCbox .modalBoxOuter {
	position: fixed;
	top: 0;
	left: 2000px;
	bottom: 0;
	right: 0;
	z-index: 1000;
	background:url(/img/common/bg_transparent.png);
	overflow: auto;
}
.ieCbox .modalBox {
	display: block;
}
.modalBox {
	display: none;
}
#searchListModal {
	width: 1100px;
}
#searchListModal .modalBoxInner {
	padding: 25px 60px 30px;
	text-align: left;
	background:#FFF;
}
.modalBoxInner .headline1 {
	width: auto;
	padding-left: 5px;
	margin-bottom: 9px;
}
.closeModal {
	display: block;
	padding: 18px;
	margin-top: 2px;
	text-align: center;
	text-decoration: none;
	/*background:url(/img/common/bg_transparent_blue.png);*/
	background-color: #4C78AB;
	-webkit-transition:all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s;
	transition:all 0.3s ease 0s;
}
.closeModal:hover {
	/*background-image:url(/img/common/bg_transparent_white.png);*/
	background-color: #FFF;
}
.closeModal span {
	padding-left: 22px;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	background:url(/img/common/icon_close02.png) 0 50% no-repeat;
}
.closeModal:hover span {
	color: #4C78AB;
	background-image:url(/img/common/icon_close02_h2.png);
}

.styleTable02 .closeD {
	float:left;
	width:19px;
	height:19px;
	margin-top:5px;
}
.closeD a {
	display:block;
	width:19px;
	height:19px;
	background:url(/img/common/icon_closeD_h.png) no-repeat 0 0;
}
.styleTable02 .closeD img {
	width:19px;
	height:19px;
}
/* ------------------------------------------------------------------
	modal styles
-------------------------------------------------------------------*/
.ieCbox .modalLeftOuter {
	position: fixed;
	top: 0;
	right: 2000px;
	bottom: 0;
	left: auto;
	width: 100%;
	z-index: 1000;
	background:url(/img/common/bg_transparent.png);
	overflow: auto;
}
.ieCbox #modal {
	background: #FFF;
	display: block;
}
.candidateBlock {
	display:none;
	width:1230px;
	min-width:1050px;
	padding:100px 0;
	background:#FFF;
}
.teacherList04 {
	opacity:0;
	-ms-filter: “alpha(opacity=0)”;
}
#modal .teacherList04 .teacherList li {
	height:130px;
}
.teacherList04 .teacherList {
	position:relative;
	width:990px;
}
.animateLi li {
	position:absolute;
	float:none;
}
.candidateBlock .button01 {
	width:313px;
	max-width:313px;
	margin-top:23px;
	padding:14px 0 13px 24px;
	font-size:16px;
}
.candidateBlock .teacherList04 {
	margin-bottom:0;
	padding:0;
	border-bottom:0;
}
.candidateBlock .notice,
.modalBox .notice {
	clear:both;
	margin:2px 0 22px;
	padding:10px 0 11px;
	border:2px solid #EC7063;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior:url(/js/PIE.htc);
	color:#EC7063;
	font-size:16px;
	text-align:center;
}
.candidateBlock .iconBack {
	position:absolute;
	right:0;
	top:0;
}
.candidateInfo {
	display:none;
}

.modal01,
.modal02,
.modal03 {
	display:none;
	width:600px !important;
	background:url(/img/common/bg_black50.png) repeat 0 0;
	text-align:center;
	-webkit-box-shadow:0 0 5px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow:0 0 5px 0 rgba(255, 255, 255, 0.5);
	box-shadow:0 0 5px 0 rgba(255, 255, 255, 0.5);
	box-shadow:0 0 5px 0 #555;
	behavior:url(/js/PIE.htc);
}
.modalBox01 {
	height:240px;
	background:#FFF;
	margin-bottom:2px;
	color:#ED766A;
}
.modalBox01 .imageDl {
	padding-top:50px;
}
.modalBox01 .textModal01 {
	padding:0 0 10px;
	font-size:38px;
	opacity:0.93;
	-ms-filter: “alpha(opacity=93)”;
	font-family:'Roboto Condensed', sans-serif;
	font-weight: 300;
}
.modalBox01 .textModal02 {
	font-size:18px;
	opacity:0.93;
	-ms-filter: “alpha(opacity=93)”;
}
.modalBox02 a {
	display:block;
	height:55px;
	padding-left:23px;
	background:#E47165 url(/img/common/icon_close02.png) no-repeat 45.5% 50%;
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	line-height:55px;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	behavior:url(/js/PIE.htc);
}
.modalBox02 a:hover {
	background:#FFF url(/img/common/icon_close02_h.png) no-repeat 45.5% 50%;
	color:#EC7063;
}

.modal02 .modalBox01 {
	background:#EC7063;
	color:#FFF;
}
.modal02 .modalBox02 .check {
	float:left;
	width:299px;
	margin-right:2px;
	padding-left:20px;
	background:#FFF url(/img/common/icon_check01.png) no-repeat 52px 50%;
	color:#EC7063;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	behavior:url(/js/PIE.htc);
}
.modal02 .modalBox02 .check:hover {
	background:#E47165 url(/img/common/icon_check01_h.png) no-repeat 52px 50%;
	color:#FFF;
}
.modal02 .modalBox02 .closeModal02 {
	float:left;
	width:299px;
	padding-left:23px;
	background:#FFF url(/img/common/icon_close02_h.png) no-repeat 40.5% 50%;
	color:#EC7063;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	behavior:url(/js/PIE.htc);
}
.modal02 .modalBox02 .closeModal02:hover {
	background:#E47165 url(/img/common/icon_close02.png) no-repeat 40.5% 50%;
	color:#FFF;
}


.modalBox02 a {
	display:block;
	height:55px;
	padding-left:23px;
	background:#E47165 url(/img/common/icon_close02.png) no-repeat 45.5% 50%;
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	line-height:55px;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	behavior:url(/js/PIE.htc);
}
.modalBox02 a:hover {
	background:#FFF url(/img/common/icon_close02_h.png) no-repeat 45.5% 50%;
	color:#EC7063;
}

.modal03 .modalBox01 {
	background:#4C78AB;
	color:#FFF;
}
.modal03 .modalBox02 .check {
	float:left;
	width:299px;
	margin-right:2px;
	padding-left:20px;
	background:#FFF url(/img/common/icon_check02.png) no-repeat 52px 50%;
	color:#4C78AB;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	behavior:url(/js/PIE.htc);
}
.modal03 .modalBox02 .check:hover {
	background:#4C78AB url(/img/common/icon_check01_h.png) no-repeat 52px 50%;
	color:#FFF;
}
.modal03 .modalBox02 .closeModal02 {
	float:left;
	width:299px;
	padding-left:23px;
	background:#FFF url(/img/common/icon_close02_h2.png) no-repeat 40.5% 50%;
	color:#4C78AB;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	behavior:url(/js/PIE.htc);
}
.modal03 .modalBox02 .closeModal02:hover {
	background:#4C78AB url(/img/common/icon_close02.png) no-repeat 40.5% 50%;
	color:#FFF;
}


.mw87 {
	max-width:87px;
}
.mw100 {
	max-width:100px;
}
.mw150 {
	max-width:150px;
}
.mw180 {
	max-width:180px;
}
.mw520 {
	max-width:520px;
}
.mw580 {
	max-width:580px;
}
.mw630 {
	max-width:630px;
}

.mh87 {
	max-height:87px;
}
.mh130 {
	max-height:130px;
}
.mh150 {
	max-height:150px;
}
.tinyTip {
	z-index:10004 !important;
	margin-top:1px;
	text-align:center;
}
.tinyTip .content {
	padding:4px 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#EC7063;
	color:#FFF;
	font-size:10px;
	text-align:center;
	-webkit-box-shadow:0 1px 2px 1px #EDEDED;
	-moz-box-shadow:0 1px 2px 1px #EDEDED;
	box-shadow:0 1px 2px 1px #EDEDED;
	behavior:url(/js/PIE.htc);
}
.tinyTip .bottom {
	height:5px;
	background:url(/img/common/bg_arrow03.png) 50% 0% no-repeat;
}
/* ------------------------------------------------------------------
	ranking styles
-------------------------------------------------------------------*/
.ranking {
	display:inline-block;
	width:47px;
	height:36px;
	background:url(/img/common/bg_ranking.png) no-repeat 0 0;
	color:#FFF;
	vertical-align:bottom;
	text-align:center;
}

.activeRad {
	color:#EC7063;
}

#page404 #contents {
	margin-bottom:36px;
}
.redLink {
	color: #EC7063 !important;
	display: inline-block;
	line-height: 1.2;
}
.bgGray {
	background:#F8F6F4;
}
#page404Search .groupInfo {
	display:block;
	width:715px;
	margin:20px 0 0 0;
	padding:30px 0 50px;
	border:1px solid #CCC;
	-webkit-box-shadow:0 1px 2px 1px #F3F3F3;
	-moz-box-shadow:0 1px 2px 1px #F3F3F3;
	box-shadow:0 1px 2px 1px #F3F3F3;
	behavior:url(/js/PIE.htc);
	background:#FFF !important;
	text-align:center;
}
#page404Search .section02Inner {
	padding-top:50px;
}
#page404Search .groupInfo .title {
	padding:20px;
	color:#4978AE;
	font-size:28px;
}
#page404Search .groupInfo .textInfo01 {
	padding-bottom:30px;
}
#page404Search .groupInfo .redLink {
	padding-bottom:15px;
}
#page404Search .groupInfo .button04 {
	width:240px;
	max-width:240px;
	padding:12px 26px 11px;
	font-size:16px;
}
.noPrintButton {
	width:100%;
}
@media print {
	* {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	-webkit-box-shadow: inset 0 0 0 0 #FFF !important;
	-moz-box-shadow: inset 0 0 0 0 #FFF !important;
	box-shadow: inset 0 0 0 #FFF !important;
	}
	.responsivePage {zoom: 0.71;}
	.responsivePage .formSearch.pc {zoom: 0.85;}
	.sideGroup,
	.simpleVer #header #naviAagreement,
	.simpleVer #header #naviLecturer,
	.simpleVer #header #naviResult,
	.simpleVer #header #naviCandidate,
	.simpleVer #header #naviConsult,
	.simpleVer #side,
	.simpleVer .breadcrumbs,
	.simpleVer .freeArea,
	.simpleVer .formSearch,
	.simpleVer .headText,
	.simpleVer #footer #footerInner,
	.simpleVer #footer .fSection01,
	.simpleVer .teachers01 {
		display:none;
	}
	#header {
		position:static;
	}
	.simpleVer #container {
		padding-top:0;
	}
	.simpleVer .firstSection {
		width:100%;
		padding-right:30px;
	}
	#pageProfile.simpleVer .firstSection {
		padding-right:0;
	}
	.simpleVer .firstSection .textRight {
		width:770px;
	}
	#pageProfile.simpleVer .lectureGenre .rightBox {
		float:left !important;
		margin-left:10px;
	}
	.simpleVer .section02Inner {
		width:100%;
		padding-right:20px;
	}
	.simpleVer .listItem {
		width:820px;
	}
	.simpleVer .boxContent {
		width:820px;
	}
	.simpleVer .info table.detail {
		width:100%;
	}
	.headSection .linkList {
		display:none;
	}
	 #pageProfile.simpleVer .groupBox {
		width:100%;
		padding-right: 20px;
	}
	#pageProfile.simpleVer .groupBox .boxContent,#pageProfile.simpleVer .groupBox .listItem{
		width: 100%;
	}
	/* .contactInfo02{
		flex-wrap: wrap;
	}
	.contactInfo02 .contactLeft, .contactInfo02 .contactRight{
		width: 100%;
	}
	.contactInfo02 .contactLeft{
		border-bottom: 1px solid #d5d5d5;
	}
	.blockScroll{
		overflow: initial;
	}
	#pageProfile .blockInfo{
		max-width: 100%; */


}
.spButton {
	padding:60px 30px;
	background-color:#F8F6F4;
}
.spButton a {
	display:block;
	padding:40px;
	border:6px solid #4978AE;
	border-radius:25px;
	color:#4978AE !important;
	font-size:64px;
	text-decoration:none;
	text-align:center;
}
.spButton span {
	display:inline-block;
	padding:11px 198px 11px 100px;
	background:url(/img/sp/common/icon_sp.png) 100% 50% no-repeat;
	vertical-align:middle;
}
#pageStaffList .spButton {
	display:none;
}
.showSpButton #header {
	position:static;
}
.showSpButton #container {
	padding-top:0;
}

/* ------------------------------------------------------------------
	.featureButton styles
-------------------------------------------------------------------*/
.anchorOuter {
	min-height:60px;
}
.anchorOuter02 {
	position:relative;
	margin:19px 0 10px 0;
}
#pageSpecialList .anchorOuter02 {
	margin-bottom:22px;
	margin-top: 0;
}
#pageSpecialList .anchorOuter02 .wrap {
	max-width:980px;
	margin:0 auto;
}

.anchorOuter02 .inner.tabFixed {
	z-index:998;
	position:fixed;
	top:60px;
	left:0;
	width:100%;
	min-width:1100px;
	margin-bottom:0;
	padding:19px 0 10px;
	background:#FDFDFD;
	-webkit-box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 2px 0 #D7D7D7;
	behavior:url(/js/PIE.htc);
}
#pageSpecialList .anchorOuter02 .inner.tabFixed {
	padding:0 0 6px 0;
	-webkit-box-shadow:0 2px 2px -2px #D7D7D7;
	-moz-box-shadow:0 2px 2px -2px #D7D7D7;
	box-shadow:0 2px 2px -2px #D7D7D7;
}
.featureButton,
.featureButton6 {
	max-width:980px;
	margin:0 auto;
}
.featureButton.tabFixed {
	position:fixed;
	top:60px;
	z-index:999;
	width:100%;
	padding:10px 0;
	background-color:rgba(247,246,244,0.8);
	background-color:#F8F6F4\9;
}
.featureButton li {
	display:inline-block;
	width:15.8%;
	margin:0 0.2% 10px 0.2%;
	vertical-align:top;
}
#pageSpecialList .tabFixed .featureButton li {
	width:13.6%;
}
#pageInterview .featureButton li {
	width:24.2%;
}
#pageInterview .featureButton3 li {
	width:32.5%;
}
#pageCelebrity .featureButton li {
	width:19.2%;
}
.featureButton a.button04 {
	padding:8px 33px 7px 14px;
	border:1px solid #E2E0DE;
	box-shadow:none;
	background:#FFF url(/img/common/icon_arrow29.png) 88% 50% no-repeat;
	color:#4B79AC;
	font-size:13px;
}
#pageGenre .featureButton  a.button04,
#pageSpecialList .featureButton a.button04 {
	padding:8px 27px 6px 10px;
	background-position:91% 50%;
}
.featureButton .button04:hover,
.featureButton .button04.active {
	border-color:#4978AE;
	background-color:#4978AE;
	background-image:url(/img/common/icon_arrow28.png);
	color:#FFF;
}
#pageInterview .featureButton a.button04 {
	max-width: 316px;
	height:100%;
	padding:8px 36px 7px 9px;
	background-position:94% 50%;
	font-size:14px;
	line-height:1.3;
}
#pageCelebrity .featureButton a.button04,
#pageCelebrity .featureButton a.button04.active {
	background-position:93% 50%;
}
#pageCelebrity .featureButton a.active.button04:hover,
#pageInterview .featureButton a.active.button04:hover {
	color:#FFF !important;
}
#pageCelebrity .featureButton a.button04:hover,
#pageInterview .featureButton a.button04:hover,
#pageRyoukin .featureButton a.button04:hover {
	border-color:#E6E4E2;
	background-color:#E6E4E2;
	background-image:url(/img/common/icon_arrow29.png);
	color:#4B79AC !important;
}
#pageInterview .featureButton a.button04 span {
	display:inline-block;
	vertical-align:middle;
	width:230px;
}
#pageInterview .featureButton a.button04 .number {
	width:29px;
	height:29px;
	margin-right:8px;
	padding:6px 6px 6px 6px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#4978AE;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	behavior:url(/js/PIE.htc);
}
#pageInterview .featureButton a.button04.active .number {
	background:#FFF;
	color:#4978AE;
}
/* ------------------------------------------------------------------
	anchorOuter03
-------------------------------------------------------------------*/
.anchorOuter03 {
	position:relative;
}
.anchorOuter03 .tabFixed03 {
	padding:20px;
}
.anchorOuter03 .tabFixed03.noShadow {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.anchorOuter03 .inner.tabFixed03 {
	z-index:998;
	position:fixed;
	top:60px;
	left:0;
	width:100%;
	min-width:1100px;
	margin-bottom:0;
	padding:19px 0 10px;
	background:#FDFDFD;
	-webkit-box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 2px 0 #D7D7D7;
	behavior:url(/js/PIE.htc);
}
.anchorOuter03 .inner.tabFixed03 {
	min-width:initial;
}
@media screen and (max-width:765px) {
	.anchorOuter03 .inner.tabFixed03 {
		top:50px;
		padding:11px 0 1px;
	}
	.anchorOuter03.style01 .inner.tabFixed03 {
		top: 122px;
		overflow-x: auto;
	}
	.anchorOuter03.style01 .inner.tabFixed03 .specialNavi {
		min-width: 900px;
		padding-right: 20px;
	}
	.anchorOuter03.style01 .inner.tabFixed03 .specialNavi li {
		margin-bottom: 0;
	}
}



/*.specialNavi*/
.specialNavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*max-width:980px;*/
	margin:0 auto;
}
.specialNavi:after {
	width: calc((100% - 40px)/3);
	content: "";
}
.specialNavi li {
	width: calc((100% - 40px)/3);
	background:#f0f0f0;
	border-radius: 5px;
}
.specialNavi li:not(:nth-last-child(-n+3)) {
	margin-bottom: 15px;
}
.specialNavi li > * {
	display:block;
	background:url(/img/common/icon_arrow16.png) 92% 50% no-repeat;
	font-size: 15px;
}
.specialNavi li span {
	display:inline-block;
	padding-left:5px;
	font-size: 13px;
}
.specialNavi li a {
	padding:12px 12% 11px 10px;
	text-decoration:none;
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
	border-radius: 5px;
    color: #444;
    text-align: center;
}
.specialNavi li a:hover {
	color: #fff;
	background:url(/img/common/icon_arrow40.png) 92% 50% no-repeat;
	background-color: #5d86b4;
}
.specialNavi li em {
	padding:12px 12% 11px 10px;
	border-radius: 5px;
	background:url(/img/common/icon_arrow40.png) 92% 50% no-repeat;
	background-color:#EC7063;
	color:#fff;
	font-weight:bold;
    font-size: 15px;
    text-align: center;
}
.specialNaviStick {
	margin:0 -15px;
}
.specialNaviStick .inner {
	padding:15px 20px 17px;
	background:#FFF;
	box-sizing: border-box;
	width:100% !important;
}
.specialNaviStick .scroll-to-fixed-fixed.inner {
	transition:.3s;
	left:0 !important;
	-webkit-box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 2px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 2px 0 #D7D7D7;
}
.specialNaviStick .scroll-to-fixed-fixed.inner > * {
	max-width:980px;
	margin:0 auto;
}
.specialNaviStick .scroll-to-fixed-fixed .swiper-container {
	overflow:inherit;
}
.specialNaviStick .scroll-to-fixed-fixed .specialNavi li {
	width: calc((100% - 50px) / 6);
}
.specialNaviStick .scroll-to-fixed-fixed .specialNavi:after {
	width: calc((100% - 50px) / 6);
}
.specialNaviStick .scroll-to-fixed-fixed .specialNavi li span {
	display: none;
}
.specialNaviStick .scroll-to-fixed-fixed .specialNavi li:not(:nth-last-child(-n+3)) {
	margin-bottom: 0;
}

@media screen and (max-width: 992px) {
	.specialNavi li > * {
		font-size: 12px;
	}
	.specialNavi li em {
		font-size: 12px;
	}
}
@media screen and (max-width: 900px) {
	.specialNaviStick .scroll-to-fixed-fixed .specialNavi {
		flex-wrap: inherit;
		justify-content: inherit;
	}
	.specialNaviStick .scroll-to-fixed-fixed .swiper-container {
		padding-bottom: 15px;
		/*padding-right: 30px;*/
	}
	.specialNaviStick .scroll-to-fixed-fixed .specialNavi li,
	.specialNaviStick .scroll-to-fixed-fixed .specialNavi:after {
		min-width: 150px;
		width: auto;
	}
}
@media screen and (max-width: 768px) {
	.specialNavi:after {
		width: calc((100% - 10px)/2);
	}
	.specialNavi li {
		width: calc((100% - 10px)/2);
	}
	.specialNavi li:not(:nth-last-child(-n+2)) {
		margin-bottom: 10px;
	}
	.specialNavi li > * {
		font-size: 13px;
	}
	.specialNavi li span {
		font-size: 11px;
	}
	.specialNavi li a {
		padding: 9px 12% 7px 10px;
	}
	.specialNavi li em {
		padding: 9px 12% 7px 10px;
		font-size: 13px;
	}
	.specialNaviStick .inner {
		padding:10px 15px;
	}
	.specialNaviStick .scroll-to-fixed-fixed .swiper-container {
		padding-bottom: 10px;
	}
	.specialNaviStick .scroll-to-fixed-fixed .swiper-scrollbar {

	}
	.specialNaviStick .scroll-to-fixed-fixed.inner {
		padding: 10px 20px;
	}
}
/* ------------------------------------------------------------------
	Edit anchorOuter02 => fixedNav03
-------------------------------------------------------------------*/
.fixedNav03 {
	margin-bottom: 22px;
	margin-top: 0;
}
.fixedNav03 .scroll-to-fixed-fixed.inner {
	left: 0 !important;
	width:100% !important;
	padding: 20px 20px 15px;
	background-color: #f0f0f0;
	box-sizing: border-box;
}
.fixedNav03 .scroll-to-fixed-fixed .wrap {
	margin: 0 auto;
	max-width: 980px;
}
.fixedNav03 .swiper-container {
	overflow: inherit;
}
.fixedNav03 .swiper-wrapper {
	display: block;
}
.fixedNav03 .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
	transform: none !important;
}
.fixedNav03 .swiper-container:not(.swiper-container-initialized) .featureButton li {
	margin-right:0.2% !important;
}
/* .scroll-to-fixed-spacer {
    height: 0 !important;
} */
@media screen and (max-width: 900px) {
	.fixedNav03 .inner {
		padding: 5px 10px;
	}
	.fixedNav03 .swiper-wrapper {
		display: flex;
		padding-bottom: 5px;
	}
	.fixedNav03 .scroll-to-fixed-fixed {
		padding: 10px 0 5px;
	}
}
@media screen and (max-width: 768px) {
	.fixedNav03 .scroll-to-fixed-fixed.inner {
		padding: 10px 20px;
	}
	.fixedNav03 .swiper-wrapper {
		padding-bottom: 12px;
	}
}
/* ------------------------------------------------------------------
	anchorOuter04 .specialNavi02 styles
-------------------------------------------------------------------*/
.anchorOuter04 {
	margin-bottom:31px;
}
.anchorOuter04 .headBox {
	margin:0 !important;
	padding:3px 10px 4px;
	background:#385B81;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.specialNavi02 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	max-width:980px;
	margin:0 auto;
}
.specialNavi02 > li {
	position:relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width:25%;
	background:#FFF;
}
.specialNavi02 > li:after {
	z-index:2;
	position:absolute;
	top:0;
	left:-1px;
	content:"";
	width:1px;
	height:100%;
	background:transparent;
}
.specialNavi02 > li:first-child:after {
	display:none;
}
.specialNavi02 li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width:100%;
	border:1px solid #D5D5D5;
	border-left:none;
	background:url(/img/common/icon_arrow36.png) 92% 50% no-repeat;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
.specialNavi02 > li:first-child a {
	border-left:1px solid #D5D5D5;
}
.specialNavi02 li a.iconLeft {
	background-image:url(/img/common/icon_arrow37.png);
}
.specialNavi02 li .navi01 {
	background-color:#FDF3E8;
}
.specialNavi02 li .navi02 {
	background-color:#FDF8EC;
}
.specialNavi02 li .navi03 {
	background-color:#FDFDEF;
}
.specialNavi02 li .navi04 {
	background-color:#FBFFF1;
}
.specialNavi02 li a em {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	min-height:60px;
	padding:0 30px 0 14px;
	border:2px solid transparent;
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
@media screen and (min-width:765px) {
	.specialNavi02 > li.hasHover:after {
		background:#EC7063;
	}
	.specialNavi02 > li.hasHover > a {
		-webkit-border-color:#EC7063;
		-moz-border-color:#EC7063;
		border-color:#EC7063;
		background-color:transparent;
	}
	.specialNavi02 li.hasHover a em {
		-webkit-border-color:#EC7063;
		-moz-border-color:#EC7063;
		border-color:#EC7063;
	}
}
.specialNavi02 li a span {
	display:inline-block;
	padding:0;
	line-height:1.4em;
	vertical-align:middle;
}
.specialNavi02 .subList {
	z-index:100;
	position:absolute;
	left:0;
	top:100%;
	display:none;
	width:100%;
}
.specialNavi02 .subList:after {
	position:absolute;
	left:-1px;
	top:0;
	content:"";
	display:block;
	height:100%;
	width:1px;
	background:#D5D5D5;
}
.specialNavi02 .subList li a {
	padding:16px 30px 16px 16px;
	border-left:none;
	border-top:none;
	background-color:#F9F4E8;
	font-size:13px;
	text-align:left;
}
.specialNavi02 .subList li a:hover {
	background-color:#F9E9C3;
}
/* ------------------------------------------------------------------
	.recapchaBox styles
-------------------------------------------------------------------*/
.recapchaBox {
	max-width:850px;
	margin:0 auto 30px;
	padding:10px;
	text-align:center;
}
.recapchaBox .g-recaptcha {
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
}

/* ------------------------------------------------------------------
	about table styles
-------------------------------------------------------------------*/
.aboutTable {
	position:relative;
}
.aboutTable:after {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:36px;
	background:#4AAEC5;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	behavior:url(/js/PIE.htc);
}
.aboutTable table {
	z-index:11;
	position:relative;
	width:100%;
}
.aboutTable tr:nth-child(odd):not(:first-child) {
	background:#F8F8F8;
}
.aboutTable tr:nth-child(even) {
	background:#FFF;
}
.aboutTable th {
	padding:10px 5px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.aboutTable th br {
	display:none;
}
.aboutTable td {
	width:12%;
	min-width:55px;
	padding:4px 5px 5px;
	border:1px solid #D5D5D5;
	border-left-color:#EAEAEA;
	border-right-color:#EAEAEA;
	font-size:13px;
	text-align:center;
}
.aboutTable td:first-child {
	border-left-color:#D5D5D5;
}
.aboutTable td:last-child {
	border-right-color:#D5D5D5;
}
.aboutTable tr:nth-child(2) td {
	border-top:none;
}
.aboutTable .col01 {
	width:138px;
}
.aboutTable .col02 {
	width:60px;
}
.aboutTable .col03 {
	width:19%;
	padding-left:15px;
	text-align:left;
}
.aboutTable .col04 {
	width:auto;
	padding-left:15px;
	text-align:left;
}
.aboutTable .groupCandidate {
	width:100px;
	margin:auto;
}
.aboutTable .imgTeacher {
	overflow:hidden;
	display:inline-block;
	width:36px;
	height:36px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	vertical-align:middle;
}
.aboutTable .imgTeacher img {
	max-width:100%;
	max-height:100%;
}
.aboutTable .col03 .text {
	display:inline-block;
	font-size:15px;
	vertical-align:middle;
}
.aboutTable .col03 a.text {
	color:#EA7166;
	font-weight:bold;
	text-decoration:none;
}
.aboutTable .col03 .text:hover {
	text-decoration:underline;
}
.aboutTable .col03 span {
	display:inline-block;
	font-size:11px;
	padding-top:5px;
	color:#7d7d7d;
	line-height:1.0;
}
.tableFixed {
	position:absolute;
	left:0;
	width:100%;
	opacity:0;
}
.tableFixed .aboutTable {
	max-width:918px;
	margin:0 auto;
}
.aboutTable th {
	border-left:1px solid #57C0D8;
}
.tableFixed.scroll-to-fixed-fixed {
	top:60px !important;
	opacity:1;
}
.tableFixed.attached {
	top:0;
	opacity:0;
}
.tableFixed tr:nth-of-type(2n) {
	opacity:0;
	background:transparent;
}
.tableFixed tr:nth-of-type(2n) td {
	border:none;
}
#wrapTableFixed {
	position:relative;
	margin:0;
	height:0;
}
.wrapTable01 {
	padding:20px 30px;
	border:1px solid #D5D5D5;
	background:#FFF;
}
.tableStyle01 {
	width:100%;
}
.tableStyle01 tr {
	background:#FFF;
}
.tableStyle01 tr.odd {
	background:#E8EEF0;
}
.tableStyle01 th {
	width:195px;
	padding:8px 10px;
}
.tableStyle01 td {
	padding:8px 10px;
}
.tableStyle01 .redText {
	color:#EC7063;
	font-weight:bold;
}
.textList01 li {
	display:inline-block;
	min-width:12%;
	margin:0 10px 5px 0;
}
.tableStyle01 .textList01 {
	margin-bottom:-5px;
}
.scrollbarBox {
	width: 100%;
}

/*Search form*/
@media screen and (min-width:766px) {
	.btnSearchFormSP {
		display: none !important;
	}
}
@media screen and (max-width:765px) {
	.formSearch.pc {
		display:none;
	}
}

.titleMenuTab {
	display: none;
}

.menuTab {
	display: flex;
	justify-content: center;
}

.menuTab li {
	margin: 0 -1px 0 -1px;
}

.menuTab.breakTab li a {
	float: none;
	border-left: 1px solid #D5D5D5;
	min-width: auto;
}

.menuTab.breakTab li.nextActive a {
	border-right: 1px solid #D5D5D5;
}
@media screen and (min-width:766px) {
	.scrollTab {
		overflow-x:auto;
		overflow-y:hidden;
		padding:10px 0 0;
		margin-bottom:-1px;
	}
	.scrollTab .menuTab {
		min-width:960px;
		display:-webkit-flex !important;
		display:-moz-flex !important;
		display:-ms-flex !important;
		display:-o-flex !important;
		display:flex !important; /*top page*/
		margin-bottom:1px;
	}
}
@media screen and (max-width:1119px) {
	#anchorGenre .tabContents {
		padding: 20px 0 0 0;
	}
	.scrollTab .menuTab {
		margin-bottom:0;
	}
	.menuTab {
		padding: 0;
	}
	.menuTab.breakTab li.active a {
		bottom: 0;
		min-height: 45px;
		margin-top: 0;
		padding: 3px 15px 3px 14px !important;
		border-bottom: none;
	}
	.menuTab.breakTab li.active span:after {
		left: 0;
		width: 100%;
	}
}
@media screen and (max-width:765px) {
	#anchorGenre .group01 {
		padding-top: 30px;
		background-color: #4978ae;
	}

	#anchorGenre .tabArea {
		position: relative;
		padding: 0 0 40px 0;
	}
	.titleMenuTab {
		display: block;
		position: relative;
		z-index: 12;
		width: 100%;
		max-width: 175px;
		margin: 0 auto;
		padding: 10px 20px 10px 10px;
		border-radius: 5px;
		background-color: #fff;
		font-size: 14px;
		color: #4978ae;
		font-weight: bold;
		text-align: center;
		box-shadow: 0px 2px 6px 0px rgba(8, 1, 3, 0.4);
	}

	.titleMenuTab::after {
		content: '';
		position: absolute;
		z-index: 13;
		top: 50%;
		right: 14px;
		width: 8px;
		height: 6px;
		transform: translateY(-50%);
		background: url(/img/common/icon_down_blue.png) no-repeat 50%;
		background-size: 8px 6px;
		transition: all 0.3s;
	}

	.titleMenuTab.active::after {
		transform: translateY(-50%) rotate(180deg);
	}
	.menuTab {
		display: none;
		position: absolute;
		z-index: 11;
		top: 34px;
		left: 50%;
		transform: translateX(-50%);
		max-width: 175px;
		width: 100%;
		padding: 10px 0 0 0;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		background-color: #fff;
		box-shadow: 0px 2px 6px 0px rgba(8, 1, 3, 0.4);
	}

	.menuTab::after {
		display: none;
	}

	.menuTab li {
		display: block;
		float: left;
		width: 100%;
		margin: 0;
	}

	#anchorGenre .menuTab li a {
		width: 100%;
		padding: 8px 10px 8px 10px !important;
		min-width: auto;
		min-height: auto;
		line-height: 1.5;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		border-bottom: 1px solid #D5D5D5;
	}

	.tab.breakTab .active span:after {
		display:none;
	}

	#anchorGenre .menuTab li.nextActive a {
		border-bottom: 2px solid #D5D5D5!important;
	}

	.menuTab li a span br {
		display: none;
	}

	.teachers .group01 .teacherList.jsOwlTab {
		min-height: auto;
	}
	.teachers .group01 .btnMoreWrap {
		padding-top:30px;
	}
	.teacherList.jsOwlTab .itemLecturer {
		max-width:240px;
	}

	.tabSlide .viewMore {
		display: flex;
		justify-content: center;
	}

	.tabSlide .viewMore a.button01 {
		padding: 10px 20px 10px 15px;
	}
}
