@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. Main styles
		2-5. Side styles
		2-6. Footer styles
		2-7. Common styles

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

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

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html {
	color:#333;
}
body {
	overflow:hidden;
	min-width:320px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ" ,Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
}
body.ch #topicPath,
body.ch #contents {
	font-family:'MingLiu';
}
body.vi #topicPath,
body.vi #contents {
	font-family:'Times New Roman';
}
a:link, a:visited {
	color:#0074C1;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.touchHover,
.noTapColor,
button { -webkit-tap-highlight-color:rgba(0,0,0,0); }
.pcDisplay {
	display:block!important;
}
.spDisplay {
	display:none!important;
}
@media screen and (max-width:736px) {
	body {
		font-size:14px;
	}
	.pcDisplay {
		display:none!important;
	}
	.spDisplay {
		display:block!important;
	}
}
* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
img {
	max-width:100%;
}
.disc {
	line-height:1.6;
}
.lineHeight {
	line-height:1.6;
}
.center {
	margin:0 auto;
}

/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline1 {
	padding:40px 10px 34px;
	color:#000;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
.headline1 span {
	display:block;
	margin:7px 0 6px;
	font-size:17px;
}
.headline2 {
	padding:0 10px 17px;
	color:#222;
	font-size:24px;
	text-align:center;
}
.headline3 {
	padding:0 10px 13px;
	color:#1F499F;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
.headline4 {
	padding:0 10px 28px;
	font-size:31px;
	font-weight:bold;
	text-align:center;
}
.headline4 span {
	display:block;
	margin-top:4px;
	padding:0 10px;
	color:#DDD5CD;
	font-family:'Verdana';
	font-style:italic;
	font-size:15px;
	font-weight:normal;
	letter-spacing:0em;
}
.headline4 span.search {
	color:#333;
	font-style:normal;
}
.headline5 {
	margin-bottom:20px;
	padding:1px 0 0 22px;
	background:url(/img/common/bg_line01.gif) repeat-y 0 0;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	line-height:1.3;
}
.headline5 span {
	display:inline-block;
	margin-left:5px;
	font-size:15px;
	font-weight:normal;
}
.headline5 span.small {
	font-size:12px;
	margin-left:10px;
}
.headline5 span.about {
	font-size:18px;
	font-weight: bold;
	margin-left:0;
}

.headline5other {
	margin-bottom:20px;
	padding:1px 0 0 22px;
	background:url(/img/common/bg_line01.gif) repeat-y 0 0;
	font-size:21px;
	font-weight:bold;
	text-align:left;
	line-height:1.3;
}

.headline6 {
	padding:0 10px 36px;
	font-size:34px;
	font-weight:bold;
	text-align:center;
}
.headline7 {
	margin:0 0 17px -4px;
	background:url(/img/common/bg_line02.gif) repeat-x 0 50%;
}
.headline7 span {
	padding:10px 21px 10px 0;
	background:#FFF;
	color:#0074C1;
	font-size:24px;
}
.headline8 {
	margin-bottom:12px;
}
.headline8 span {
	display:inline-block;
	padding-bottom:3px;
	background:url(/img/opencampus/bg_yellow.gif) repeat-x 100% 100%;
	font-size:21px;
	font-weight:bold;
	line-height:1.4;
}
.headline9 {
	background:#83786E;
	color:#FFF;
	margin-bottom:20px;
	padding:10px 19px 12px;
	font-size:23px;
}
.headline9 span {
	display:inline-block;
	font-size:17px;
}
.headline10 {
	margin-bottom:11px;
	color:#0074C1;
	font-size:22px;
	font-weight:bold;
	line-height:1.4;
}
.headline10.orange {
	color:#E74806;
}
.headline10.green {
	color:#019A62;
}
.headline10.pink {
	color:#E5015A;
}
.headline11 {
	padding:12px 20px 13px;
	background:#212F63;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	letter-spacing:0.05em;
}
.headline12 {
	margin:10px 0px 4px 0px;
	font-size:17px;
	font-weight:bold;
	line-height:1.4;
}
.headline12.orange{
	color:#E74806;
}
.headline13 {
	font-size:25px;
	font-weight:bold;
	text-align:center;
	color:#000;
	padding-top:5px;
	margin-bottom:30px;
}
.headline13 span {
	display:block;
	color:#333;
	font-size:17px;
	font-weight:normal;
	letter-spacing:0em;
	margin-top:14px;
}
.headline16 {
	font-size:20px;
	font-weight:bold;
	color:#065eac;
	padding:0 0 15px 0;
}
.headline17 {
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
}
.headline18 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom:10px;
}

@media screen and (max-width:736px) {
	.headline16 {
		font-size:15px;
		padding:0 0 10px 0;
		margin-top:-7px;
	}
	.headline1 {
		padding:12px 10px;
		font-size:23px;
	}
	.headline1 span {
		font-size:14px;
	}
	.headline2 {
		font-size:15px;
	}
	.headline3 {
		padding:0 10px 10px;
		font-size:15px;
	}
	.headline4 {
		padding:0 10px 15px;
		font-size:23px;
	}
	.headline4 span {
		font-size:11px;
	}
	.headline5 {
		margin-bottom:10px;
		padding:0;
		padding-left:15px;
		background-position:0 50%;
		font-size:18px;
	}
	.headline5 span {
		display:block;
		margin-left:0;
		font-size:12px;
	}
	.headline5 span.about {
		display:block;
		font-size:15px;
	}
	
	.headline5other {
		margin-bottom:10px;
		padding:0;
		padding-left:15px;
		background-position:0 50%;
		font-size:18px;
	}
	.headline6 {
		margin-bottom:20px;
		padding:0 25px;
		font-size:23px;
	}
	.headline7 {
		margin:0 0 10px 5px;
	}
	.headline7 span {
		padding:5px 10px 5px 0;
		font-size:18px;
	}
	.headline8 {
		margin-bottom:10px;
	}
	.headline8 span {
		background:url(/img/opencampus/bg_yellow_sp.gif) repeat-x 100% 100%;
		-webkit-background-size:500px auto;
		-moz-background-size:500px auto;
		background-size:500px auto;
		font-size:18px;
		font-weight:bold;
		display:inline;
		margin:0 10px 0 0;
		line-height:1.5;
	}
	.headline9 {
		margin:0 -10px 15px;
		padding:10px;
		font-size:16px;
	}
	.headline9 span {
		font-size:12px;
	}
	.headline10 {
		font-size:16px;
	}
	.headline5 span.small {
		margin-left:0;
	}
	.headline11 {
		padding:12px 10px;
		font-size:16px;
	}
	.headline12 {
		padding:0px 10px 4px 0px;
		font-size:16px;
		font-weight:bold;
	}
	.headline13 {
		font-size:20px;
		margin-bottom:15px;
	}
	.headline13 span {
		font-size:14px;
		margin-top:10px;
		line-height:1.6;
	}
	.headline17 {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.headline18 {
		font-size: 16px;
		margin-bottom:5px;
	}
}

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#contents {
	clear:both;
	width:100%;
	margin-bottom:20px;
	background:#FFF;
}
@media screen and (max-width:736px){
	#contents {
		margin-bottom:20px;
	}
}


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	width:100%;
	height:90px;
	background:#FFF;
}
#pageKrRequest #header,
#pageChRequest #header,
#pageChkRequest #header,
#pageEnRequest #header,
.pageSimple #header {
	position:relative;
	z-index:999;
	width:100%;
	height:90px;
	background:#FFF;
	box-shadow:0 3px 4px -2px #CDCCCA;
	behavior:url(/htc/PIE.php);
}
#headerInner {
	max-width:1000px;
	height:90px;
	margin:0 auto;
	padding:10px 10px 7px;
}
.hLeft {
	float:left;
}
.hLeft h1 {
	font-size:0;
}
#logo {
	display:inline-block;
	padding-top:9px;
	font-size:0;
}
#logo img {
	width:400px;
}
.pageSchool .hLeft h1 {
	display:inline-block;
	vertical-align:middle;
}
.pageSchool #logo {
	padding-top:15px;
	margin-right:0;
	font-size:0;
	vertical-align:middle;
}
.pageSchool #logo img {
	width:320px;
}
#pageOnkyo.pageSchool #description {
	margin-left:10px;
}
.pageSchool #description {
	display:inline-block;
	margin:15px 0 0 26px;
	font-size:12px;
	line-height:1.3;
	vertical-align:middle;
}
#pageToho #description {
	color:#0074C1;
}
#pageMovie #description {
	color:#E94708;
}
#pageOnkyo #description {
	color:#009A62;
}
#pageAnnounce #description {
	color:#E5005A;
}
.hRight {
	float:right;
}
.hTel {
	position:relative;
	min-height:34px;
	margin:5px 0 9px;
	padding:4px 9px 3px 13px;
	border:1px solid #075DAC;
	border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#075DAC;
	font-size:14px;
	behavior:url(/htc/PIE.php);
}
.hTel span {
	display:inline-block;
	margin-left:9px;
	padding-left:33px;
	background:url(/img/common/icon_tel.png) no-repeat 0 50%;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	color:#333;
}
#pageMovie .hTel {
	border-color:#E94708;
	color:#E94708;
}
#pageOnkyo .hTel {
	border-color:#009A62;
	color:#009A62;
}
#pageAnnounce .hTel {
	border-color:#E5005A;
	color:#E5005A;
}
.hText {
	text-align:right;
}
.hText a {
	display:inline-block;
	color:#333;
}
.hText i {
	color:#043766;
	font-size:16.2px;
}
.hText span {
	display:inline-block;
	font-size:11px;
	vertical-align:middle;
}
.hText a:hover span {
	text-decoration:underline;
}
.hLanguage {
	margin:0 0 0 8px;
	display:inline-block;
	position:relative;
}
.hLanguage i {
	width:0;
	height:0;
}
.hLanguage i img {
	color:#043766;
}
.hLanguage .btnLanguage {
	background:url(/img/common/bg_language_white.png) no-repeat 0 0;
	padding-left:14px;
}
.hLanguage a.language_hover span,
.hLanguage a.language_hover span{
	text-decoration: underline;
}
/*.hLink {
	margin-top:-2px;
}*/
.hLink li {
	float:right;
}
.hLink li a {
	display:inline-block;
	position:relative;
	padding:6px 0 6px;
	border-radius:12px 0 0 12px;
	-o-border-radius:12px 0 0 12px;
	-moz-border-radius:12px 0 0 12px;
	-webkit-border-radius:12px 0 0 12px;
	background:#1F499F;
	color:#fff;
	behavior:url(/js/PIE.php);
}
.hLink li a:hover {
	color:#fff;
	text-decoration:none;
}
.hLink li:first-child a {
	border-radius:0 12px 12px 0;
}
.hLink li span {
	display:block;
	padding:0 13px;
	font-size:12px;
	line-height:1.2;
}
.hLink li:first-child span {
	border-left:1px solid #FFF;
}

/*.hLink02 {
	margin-top:-2px;
}*/
.hLink02 li {
	display:inline-block;
	position:relative;
	padding: 4px;
	border-radius: 12px;
	background:#1F499F;
	color:#fff;
	behavior:url(/js/PIE.php);
}
.hLink02 li:hover {
	color:#fff;
	text-decoration:none;
}
.hLink02 li i {
	color:#fff;
	padding-left:10px; 
}
.hLink02 li span {
	/*display:block;*/
	padding:0 13px 0 0;
	font-size:12px;
	line-height:1.2;
	color:#fff;
}

.menuBlock {
	display:none;
}
.searchBlock {
	display:none;
}
.hLanguage {
	z-index:99999;
}
.mLanguage {
	display: none;
	position:absolute;
	right:0;
	top:100%;
	background:#FFF;
    border:10px solid #DED5CC;
	text-align:left;
	padding:15px 15px 15px 25px;
}
.mLanguage ul {
	display:flex;
	flex-wrap: wrap;
	width:225px;
}
.mLanguage li:nth-child(2n + 1) {
	width:106px;
	padding-right:10px;
}
.mLanguage li a {
	display: inline-block;
    padding: 5px 0;
    color: #000;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    vertical-align: top;
}
.mLanguage li a:hover {
    color: #1E489D;
}
.hLanguage01 {
	display:inline-block;
	vertical-align: middle;
	margin-left: 0;
}
.hLanguage01 .btnLanguage {
	background:url(/img/common/bg_language_white.png) no-repeat 16px 6px;
	background-color:#1F499F;
    display: inline-block;
    padding: 6px 17px 6px 30px;
    border-radius: 12px;
    font-size:12px;
    -o-border-radius: 12px;
    -moz-border-radius: 12px;
    text-decoration:none!important;
    -webkit-border-radius: 12px;
    color: #fff;
}
.hLanguage01 .btnLanguage span {
	text-decoration:none!important;
}
.hLanguage01 a.language_hover,
.hLanguage01 a.language_hover{
	opacity:0.6!important;
}
.languageBox {
	display:none;
}
@media screen and (min-width:737px) {
	.languageBox {
		display:none!important;
	}
}
@media screen and (max-width:980px ) {
	.pageSchool #logo {
		display:block;
		margin-bottom:5px;
		padding-top:0;
	}
	.pageSchool #logo img {
		width:280px;
	}
	.pageSchool #description {
		display:block;
		margin:0;
	}
}
@media screen and (min-width:737px) and (max-width:850px ) {
	.hRight {
		position:absolute;
		right:10px;
		top:2px;
	}
}
@media screen and (max-width:736px ) {
	#header {
		height:55px;
		box-shadow:0 2px 3px #9D9590;
	}
	#pageKrRequest #header,
	#pageChRequest #header,
	#pageChkRequest #header,
	#pageEnRequest #header,
	.pageSimple #header {
		height:55px;
	}
	#headerInner {
		position:relative;
		height:55px;
		padding:0 10px;
	}
	.hLeft {
		float:none;
		text-align:center;
		display:flex;
		height:100%;
		flex-direction: column;
		justify-content: center;
	}
	.pageSchool #description {
		font-size:8px;
		line-height: inherit;
	}

	#logo {
		padding-top:0;
	}
	#logo img {
		width:112px;
		height:auto;
	}
	.hLanguageSP {
		position:absolute;
		right:24px;
		top:8px;
		font-size:8px;
	}
	.hLanguageSP a {
		background:url(/img/common/bg_language_sp.png) no-repeat 50% 9px;
		-webkit-background-size:12px auto;
		background-size:12px auto;
		color:#222;
		text-align:center;
		width:44px;
		display:block;
		padding:22px 0 9px 0;
		letter-spacing:-1px;
		text-decoration:none;
	}
	.pageSchool #logo img {
		width:170px;
		height:auto;
		padding-top:0;
	}
	.menuButton {
		position:absolute;
		left:5px;
		top:14px;
		font-size:0;
	}
	.menuButton a {
		display:inline-block;
		padding:5px;
	}
	.menuButton img {
		height:15px;
	}
	.menuButton .close {
		display:none;
	}
	.menuBlock {
		position:absolute;
		left:0;
		top:100%;
		z-index:999 !important;
		overflow:auto !important;
		width:100%;
		padding:10px 10px 0;
		background:#DDD5CD;
		box-shadow:0 3px 4px -4px #9D9590 inset;
		-webkit-overflow-scrolling:touch;
	}
	.menuBlock .linkTop {
		margin-bottom:10px;
	}
	.menuBlock .linkTop a {
		display:block;
		position:relative;
		padding:12px 15px;
		background:#f9f7f5;
		color:#333;
		font-size:13px;
		text-decoration:none;
		cursor:pointer;
		border-radius:4px;
	}
	.menuBlock .linkTop i {
		position:absolute;
		right:10px;
		top:50%;
		margin:-4px 0 0;
	}
	.menuBlockInner > ul {
		margin-bottom:10px;
		border-radius:3px;
		background:#FFF;
	}
	.menuBlockInner > ul > li {
		border-top:1px solid #DDD5CD;
	}
	.menuBlockInner > ul > li:first-child {
		border-top:none;
	}
	.menuBlockInner > ul > li > span,
	.menuBlockInner > ul > li > a {
		display:block;
		position:relative;
		padding:12px 15px;
		background:#f9f7f5;
		color:#333;
		font-size:13px;
		text-decoration:none;
		cursor:pointer;
	}
	.menuBlockInner > ul > li:first-child > a,
	.menuBlockInner > ul > li:first-child > span {
		border-top-left-radius:4px!important;
		border-top-right-radius:4px!important;
	}
	.menuBlockInner > ul > li:last-child > a,
	.menuBlockInner > ul > li:last-child > span {
		border-bottom-left-radius:4px!important;
		border-bottom-right-radius:4px!important;
	}
	.menuBlock01 .menuBlockInner > ul > li > span,
	.menuBlock01 .menuBlockInner > ul > li > a {
		background:#f5fafd;
	}
	.menuBlockInner > ul.bgOther > li > span,
	.menuBlockInner > ul.bgOther > li > a {
		background:#f9f7f5;
	}
	.menuTop .menuExtra {
		display:none;
	}
	#pageMovie .menuBlock01 .menuBlockInner > ul > li > span,
	#pageMovie .menuBlock01 .menuBlockInner > ul > li > a {
		background:#FFF5F0;
	}
	#pageMovie .menuBlockInner > ul.bgOther > li > span,
	#pageMovie .menuBlockInner > ul.bgOther > li > a {
		background:#F9F7F5;
	}
	#pageOnkyo .menuBlock01 .menuBlockInner > ul > li > span,
	#pageOnkyo .menuBlock01 .menuBlockInner > ul > li > a {
		background:#F2FCF8;
	}
	#pageOnkyo .menuBlockInner > ul.bgOther > li > span,
	#pageOnkyo .menuBlockInner > ul.bgOther > li > a {
		background:#F9F7F5;
	}
	#pageAnnounce .menuBlock01 .menuBlockInner > ul > li > span,
	#pageAnnounce .menuBlock01 .menuBlockInner > ul > li > a {
		background:#FFF6FA;
	}
	#pageAnnounce .menuBlockInner > ul.bgOther > li > span,
	#pageAnnounce .menuBlockInner > ul.bgOther > li > a {
		background:#F9F7F5;
	}
	.menuBlockInner > ul > li > span > i,
	.menuBlockInner > ul > li > a > i {
		position:absolute;
		right:15px;
		top:50%;
		margin:-6px 0 0;
	}
	.menuBlockInner > ul > li > span i {
		display:none;
		position:absolute;
		right:8px;
		top:50%;
		margin-top:-10px;
		color:#333;
		font-size:20px;
	}
	.menuBlockInner > ul > li > span i.open  {
		display:block;
	}
	.menuBlockInner > ul > li > span.menu_active i.close  {
		display:block;
	}
	.menuBlock .menuExtra {
		padding:0 5px;
	}
	.menuBlock .menuExtra li {
		border-top:1px dotted #DDD5CD;
	}
	.menuBlock .menuExtra a {
		display:block;
		position:relative;
		padding:12px 10px 12px 20px;
		font-size:13px;
		color:#333;
		text-decoration:none;
	}
	.menuBlock .menuExtra span {
		display:inline-block;
		font-size:13px;
	}
	.menuBlock .menuExtra i {
		position:absolute;
		right:10px;
		top:50%;
		margin:-6px 0 0;
	}
	.hSearch {
		position:absolute;
		right:0;
		top:8px;
		font-size:0;
		z-index:5;
	}
	.hSearch a {
		display:block;
		padding:12px 10px 12px 5px;
	}
	.hSearch img {
		height:16px;
	}
	.searchBlock {
		position:absolute;
		top:100%;
		left:0;
		z-index:999;
		width:100%;
		padding:10px;
		background:#DDD5CD;
		box-shadow:0 3px 4px -4px #9D9590 inset;
	}
	.overlay {
		display:none;
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		z-index:99;
		width:100%;
		background:url(/img/common/bg_overlay.png) repeat;
	}
	.languageBox {
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 999 !important;
		overflow: auto !important;
		width: 100%;
		padding: 10px;
		background: #DDD5CD;
		box-shadow: 0 3px 4px -4px #9D9590 inset;
		-webkit-overflow-scrolling: touch;
	}
	.languageMenu {
		 border-radius: 3px;
		 background: #f9f7f5;
	}
	.languageMenu li {
	    border-top: 1px solid #DDD5CD;
	}
	.languageMenu li:first-child {
		border:none;
	}
	.languageMenu a {
		display: block;
		position: relative;
		padding: 12px 15px;
		color: #333;
		font-size: 13px;
		text-decoration: none;
		cursor: pointer;
	}
	.languageMenu a i {
		position: absolute;
		right: 15px;
		top: 50%;
		margin: -6px 0 0;
	}
}
@media screen and (max-width:360px ) {
	.pageSchool #logo {
		/*margin-right:22px;*/
	}
	.pageSchool #description {
		margin:0 38px 0 38px!important;
	}
	#pageOnkyo.pageSchool #description {
		margin-left: 0;
	}
}
/* @media screen and (max-width:380px ) {
	#pageAnnounce #logo,
	#pageOnkyo.pageSchool #logo {
		margin-right:38px;
	}
	#pageAnnounce #description,
	#pageOnkyo.pageSchool #description {
		margin:0;
		padding:0;
		margin-right:38px;
		font-size:8px;
		letter-spacing:-1px;
	}
	#pageAnnounce #description {
		letter-spacing:-0.4px;
	}

} */
/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	clear:both;
	position:fixed;
	top:90px;
	left:0;
	right:0;
	z-index:999;
	width:100%;
	height:40px;
	background:#FFF;
	box-shadow:0 3px 4px -2px #CDCCCA;
	behavior:url(/htc/PIE.php);
}
#navi > ul {
	max-width:980px;
	width:100%;
	margin:0 auto;
	background:url(/img/common/bg_navi.gif) repeat-y 100% 0;
}
#navi > ul > li {
	position:relative;
	float:left;
	max-width:154px;
	width:15.714%;
	background:url(/img/common/bg_navi.gif) repeat-y;
}
#navi > ul > li.search {
	max-width:56px !important;
	width:5.714% !important;
}
#navi > ul > li.search img {
	margin-top:7px;
	width:25px;
}
#navi > ul> li > a {
	display:block;
	position:relative;
	overflow:visible;
	width:100%;
	height:40px;
	padding:0 5px;
	color:#333;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	letter-spacing:0.05em;
}
#pageMovie #navi #naviSupport a span,
#pageAnnounce #navi #naviSupport a span {
	font-size:11px;
}

/*
#naviOpenCampus span,
#pageMovie #naviSupport span {
	font-size:12px !important;
}*/

#navi > ul > li > a:after {
	display:none;
	content:'';
	position:absolute;
	bottom:-8px;
	left:0;
	z-index:9999;
	width:100%;
	padding-bottom:8px;
	border-top:4px solid #1E489D;
	background:url(/img/common/icon_arrow_navi.png) no-repeat 50% 100%;
}
#navi > ul > li > a.navi_hover:after {
	display:block;
}
#navi > ul> li > a > span {
	display:inline-block;
	line-height:1.231;
	vertical-align:middle;
}
#navi .naviExtra {
	display:none;
	position:absolute;
	top:40px;
	left:0;
	z-index:999;
	width:auto;
	padding:20px;
	background:#DED5CC;
	box-shadow:0 2px 2px 1px rgba(0,0,0,0.2);
	behavior:url(/htc/PIE.php);
}
#navi .naviExtra .naviList {
	padding:1em 2em;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#FFF;
	behavior:url(/htc/PIE.php);
}
#navi .naviExtra .naviList li {
	float:left;
	width:auto;
	margin:0 20px 0 20px;
	background-color:#fff;
}
#navi .naviExtra .naviList li:first-child {
	margin:0 20px 0 0;
}
#navi .naviExtra .naviList li:last-child {
	margin:0 0 0 20px;
}
#navi .naviExtra .naviList li ul li {
	float:none;
	margin:0;
}
#navi .naviExtra .naviList li ul li:first-child {
	margin:0;
}
#navi .naviExtra .naviList li ul li:last-child {
	margin:0;
}
#navi .naviExtra .naviList li ul li.first {
	padding-bottom:17px;
	font-size:12px;
}
#navi .naviExtra .naviList li ul li.first a {
	margin-bottom:-5px;
	padding-bottom:0;
}
#navi .naviExtra a {
	display:inline-block;
	padding:5px 0;
	color:#000;
	font-size:12px;
	line-height:1.2;
	text-decoration:none;
	vertical-align:top;
}
#navi .naviExtra a:hover {
	color:#1E489D;
}
#navi .naviExtra a i {
	font-size:12px;
}
/*add PC Navi school color*/
#navi .naviExtra .naviList li ul li.schoolN a {
	font-size:13px !important;
	font-weight: bold;
}
#navi .naviExtra .naviList li ul li.blue a {
	color:#0074C1;
}
#navi .naviExtra .naviList li ul li.orange a {
	color:#E94708;
}
#navi .naviExtra .naviList li ul li.green a {
	color:#009A62;
}
#navi .naviExtra .naviList li ul li.pink a {
	color:#E5005A;
}

#navi #naviSchool .naviExtra {
	width:520%;
}
#navi #naviOpenCampus .naviExtra {
	/*width:390%;*/
	width:200%;
}
#navi #naviVisitor .naviExtra {
	/*width:390%;*/
	width:240%;
}
#navi #naviAccess .naviExtra {
	right:-233%;
	left:auto;
	width:470%;
}
#navi #naviGuidelines .naviExtra {
	right:-133%;
	left:auto;
	/*width:260%;*/
	width:280%;
}
#navi #naviFaq .naviExtra {
	right:-33%;
	left:auto;
	width:132%;
}
#navi #naviFaq .naviExtra .naviList li:last-child {
	margin:0;
}
#navi .search .naviExtra {
	left:auto;
	right:-1px;
	width:340px;
}
#pageToho #navi #naviSubject .naviExtra,
#pageMovie #navi #naviSubject .naviExtra {
	width:300%;
}
#pageToho #navi #naviOpenCampus .naviExtra,
#pageMovie #navi #naviOpenCampus .naviExtra,
#pageOnkyo #navi #naviOpenCampus .naviExtra,
#pageAnnounce #navi #naviOpenCampus .naviExtra {
	width:230%;
}
#pageAnnounce #navi #naviAnimation .naviExtra {
	width:400%;
}
#pageToho #navi #naviAnimation .naviExtra,
#pageMovie #navi #naviAnimation .naviExtra {
	width:380%;
}
#pageToho #navi #naviEquipment .naviExtra,
#pageMovie #navi #naviEquipment .naviExtra,
#pageOnkyo #navi #naviEquipment .naviExtra,
#pageAnnounce #navi #naviEquipment .naviExtra {
	width:240%;
}
#pageToho #navi #naviSupport .naviExtra {
	width:140%;
}
#pageMovie #navi #naviSupport .naviExtra {
	width:180%;
}
#pageToho #navi #naviVisitor .naviExtra,
#pageMovie #navi #naviVisitor .naviExtra,
#pageOnkyo #navi #naviVisitor .naviExtra,
#pageAnnounce #navi #naviVisitor .naviExtra {
	width:280%;
}
#pageToho #navi #naviAccess .naviExtra,
#pageMovie #navi #naviAccess .naviExtra,
#pageOnkyo #navi #naviAccess .naviExtra,
#pageAnnounce #navi #naviAccess .naviExtra {
	right:-40%;
	left:auto;
	width:350%;
}
#pageOnkyo #navi #naviSubject .naviExtra {
	width:170%;
}
#pageOnkyo #navi #naviAnimation .naviExtra {
	width:220%;
}
#pageMovie #navi #naviSupport .naviExtra,
#pageOnkyo #navi #naviSupport .naviExtra,
#pageAnnounce #navi #naviSupport .naviExtra {
	width:165%;
}
#pageAnnounce #navi #naviSubject .naviExtra {
	width:300%;
}
#pageToho #navi #naviEquipment .naviExtra .naviList li:last-child,
#pageToho #navi #naviSupport .naviExtra .naviList li:last-child,
#pageToho #navi #naviAccess .naviExtra .naviList li:last-child,
#pageMovie #navi #naviEquipment .naviExtra .naviList li:last-child,
#pageMovie #navi #naviSupport .naviExtra .naviList li:last-child,
#pageMovie #navi #naviAccess .naviExtra .naviList li:last-child,
#pageOnkyo #navi #naviSubject .naviExtra .naviList li:last-child,
#pageOnkyo #navi #naviAnimation .naviExtra .naviList li:last-child,
#pageOnkyo #navi #naviEquipment .naviExtra .naviList li:last-child,
#pageOnkyo #navi #naviSupport .naviExtra .naviList li:last-child,
#pageOnkyo #navi #naviAccess .naviExtra .naviList li:last-child,
#pageAnnounce #navi #naviSupport .naviExtra .naviList li:last-child,
#pageAnnounce #navi #naviEquipment .naviExtra .naviList li:last-child,
#pageAnnounce #navi #naviAccess .naviExtra .naviList li:last-child {
	margin:0;
}
input.searchBox {
	float:left;
	width:260px;
	height:40px;
	padding:3px 10px 3px 20px;
	border:1px solid #FFF!important;
	border-radius:5px 0 0 5px !important;
	-o-border-radius:5px 0 0 5px !important;
	-moz-border-radius:5px 0 0 5px !important;
	-webkit-border-radius:5px 0 0 5px !important;
	behavior:url(/htc/PE.php);
	outline:none;
	background:#FFF!important;
}
.searchButton {
	float:left;
	width:40px;
	height:40px;
	border:none;
	border-radius:0;
	background:url(/img/common/btn_search.png) no-repeat;
	cursor:pointer;
}
.pageSchool #navi > ul > li {
	max-width:132px;
	width:13.469%;
}
#pageToho #navi > ul > li > a:after {
	border-color:#0074C1;
	background:url(/img/common/icon_arrow_navi01.png) no-repeat 50% 100%;
}
#pageToho #navi .naviExtra a:hover {
	color:#0074C1;
}
#pageMovie #navi > ul > li > a:after {
	border-color:#E94708;
	background:url(/img/common/icon_arrow_navi02.png) no-repeat 50% 100%;
}
#pageMovie #navi .naviExtra a:hover {
	color:#E94708;
}
#pageOnkyo #navi > ul > li > a:after {
	border-color:#009A62;
	background:url(/img/common/icon_arrow_navi03.png) no-repeat 50% 100%;
}
#pageOnkyo #navi .naviExtra a:hover {
	color:#009A62;
}
#pageAnnounce #navi > ul > li > a:after {
	border-color:#E5005A;
	background:url(/img/common/icon_arrow_navi04.png) no-repeat 50% 100%;
}
#pageAnnounce #navi .naviExtra a:hover {
	color:#E5005A;
}
@media screen and (max-width:950px){
	#navi > ul> li > a {
		font-size:13px;
	}
	#navi .naviExtra .naviList {
		padding:0.5em 1.5em;
	}
	#navi #naviAccess .naviExtra .naviList li {
		width:250px;
		margin:0 20px 0 10px;
	}
	#navi #naviAccess .naviExtra .naviList li:first-child {
		margin:0 20px 0 0;
	}
	#navi #naviAccess .naviExtra .naviList li ul li {
		width:auto;
		margin:0;
	}
	#navi #naviOpenCampus .naviExtra .naviList li {
		width:220px;
	}
	#navi .naviExtra .naviList li:first-child {
		margin:0 20px 0 0;
	}
	#navi .naviExtra .naviList li:last-child {
		margin:0 0 0 10px;
	}
	#navi #naviFaq .naviExtra .naviList li:last-child {
		margin:0;
	}
	#pageToho #navi #naviOpenCampus .naviExtra .naviList li,
	#pageMovie #navi #naviOpenCampus .naviExtra .naviList li,
	#pageOnkyo #navi #naviOpenCampus .naviExtra .naviList li,
	#pageAnnounce #navi #naviOpenCampus .naviExtra .naviList li,
	#pageAnnounce #navi #naviAnimation .naviExtra .naviList li {
		width:180px;
	}
}
@media screen and (max-width:860px){
	#navi > ul> li > a {
		font-size:12px;
	}
	#navi #naviAccess .naviExtra .naviList li {
		width:200px;
	}
	#navi #naviAccess .naviExtra .naviList li ul li {
		width:auto;
	}
	#navi #naviOpenCampus .naviExtra .naviList li {
		width:200px;
	}
	#navi #naviSchool .naviExtra .naviList li {
		width:100px;
	}
	#navi #naviGuidelines .naviExtra .naviList li {
		width:100px;
	}
	#navi #naviSchool .naviExtra .naviList li ul li:first-child {
		width:inherit;
	}
	#pageToho #navi #naviSubject .naviExtra .naviList li,
	#pageMovie #navi #naviSubject .naviExtra .naviList li {
		width:80px;
	}
	#pageToho #navi #naviOpenCampus .naviExtra .naviList li,
	#pageMovie #navi #naviOpenCampus .naviExtra .naviList li,
	#pageOnkyo #navi #naviOpenCampus .naviExtra .naviList li,
	#pageAnnounce #navi #naviOpenCampus .naviExtra .naviList li,
	#pageAnnounce #navi #naviAnimation .naviExtra .naviList li {
		width:140px;
	}
	#pageToho #navi #naviAnimation .naviExtra .naviList li,
	#pageMovie #navi #naviAnimation .naviExtra .naviList li {
		width:130px;
	}
	#pageAnnounce #navi #naviSubject .naviExtra .naviList li {
		width:90px;
	}
}
@media screen and (max-width:750px){
	#pageToho #navi #naviAnimation .naviExtra .naviList li,
	#pageMovie #navi #naviAnimation .naviExtra .naviList li {
		width:120px;
	}
}
@media screen and (max-width:736px){
	input.searchBox {
		height:50px!important;
		width:calc(100% - 50px);
		font-size:14px;
		border-radius:3px 0 0 3px!important;
		-webkit-border-radius:3px 0 0 3px!important;
	}
	.searchButton {
		width:50px;
		height:50px;
		background:url(/img/common/btn_search_sp.png) no-repeat;
		-webkit-background-size:50px auto;
		background-size:50px auto;
	}
}

/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/
#main {
	width:100%;
}

/* ------------------------------------------------------------------
	2-5. Side styles
-------------------------------------------------------------------*/
.conversionList {
	max-width:980px;
	margin:0 auto 50px;
	/*font-size:0;*/
	text-align:center;
	z-index:200 !important;
}
.conversionList li {
	vertical-align:top;
	display:inline-block;
	max-width:430px;
	width:43.9%;
	margin:0 1.27%;
}
.conversionList li p {
	margin-top:10px;
}
.sideList {
	position:fixed;
	top:220px;
	left:0;
	font-size:0;
	z-index:100;
}
#pageHome .sideList {
	top:170px;
}
.sideList li {
	width:53px;
	margin-bottom:10px;
}
.movieTitle {
	padding-bottom:10px;
	font-weight:bold;
}
@media screen and (max-width:736px){
	.movieTitle {
		font-size:14px;
	}
	.conversionList {
		display:flex;
		position:fixed;
		flex-wrap: wrap;
		top:auto;
		left:0;
		bottom:0;
		z-index:99!important;
		width:100%;
		margin:0;
		background:#f6f6f6;
		text-align:center;
		opacity:0;
	  box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.3), 0 -1px 2px 0 rgba(0,0,0,0.08);
	  padding:5px 3px;
	}
	.conversionList li.two {
		width:50%; /*2 buttons*/
		/* width:33.33%;*/ /*3 buttons*/
		margin:0;
		display:block;
		max-width: inherit;
		padding:5px 1px;
		background:#fff;
	}
	.conversionList li.three {
		width:33.33%;
		margin:0;
		display:block;
		max-width: inherit;
		padding:5px 1px;
		background:#fff;
	}
	.conversionList li a {
		display:flex;
		height:100%;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		min-height:58px;
		line-height:1.3;
		font-size: 15px;
		color:#fff;
		background:#f82929;
		padding:5px;
		border-bottom:3px solid #beb3a9;
		box-shadow: inset -1px -1px 3px 0 rgba(0, 0, 0, 0.5);
		font-weight:bold;
	}
	.conversionList li a:hover {
		text-decoration: none;
	}
	.conversionList li:first-child {
		padding-left:4px;
	}
	.conversionList li li:first-child a {
		font-size:15px;
	}
	.conversionList li:last-child {
		padding-right:4px;
	}
	.conversionList li + li a {
		background:#ffe114;
		color:#000;
		text-shadow:1px 1px 1px #fff;
	}
	.conversionList li + li + li a {
		background:#1eacdb;
		color:#000;
		text-shadow:1px 1px 1px #fff;
	}
}
@media screen and (max-width:375px){
	.conversionList li a {
		font-size: 14px;
	}
}
@media screen and (max-width:320px){
	.conversionList li a {
		font-size: 12px;
	}
}

/* ------------------------------------------------------------------
	2-6. Footer styles
-------------------------------------------------------------------*/
#footer {
	width:100%;
	background:#DDD5CD;
}
.fGroup01 {
	width:100%;
	background:#F9F7F5;
}
.fGroup01 .inner {
	max-width:1000px;
	margin:0 auto;
	padding:20px 10px 17px;
}
.fLeft {
	float:left;
	max-width:650px;
	width:66.33%;
}
.fRight {
	float:right;
	max-width:300px;
	width:30.62%;
}
.fList dt {
	padding:10px 0 11px;
}
.fList dt i {
	display:none;
}
.fList .pc {
	display:inline-block;
}
.fList .sp {
	display:none;
}
.fNav {
	margin-bottom:15px;
}
.fNav.mgb0 {
	margin-bottom:0;
}
.fNav.first {
	margin-bottom:0;
}
.fNav li {
	display:inline-block;
	float: left;
	margin-right:16px;
}
.fNav li.nl {
	margin-right:100px;
}
.lastMiddle {
	margin-bottom:0
}
.lastMiddle li {
	float: none;
}
.fNav a {
	display:inline-block;
	color:#333;
	line-height:1.7;
	text-decoration:none;
}
.fNav a:hover span {
	text-decoration:underline;
}
.fNav a span {
	display:inline-block;
	vertical-align:middle;
}
.fNav.last {
	margin-top:-10px;
	padding-top:9px;
	border-top:1px dotted #FFF;
}
.fSocial {
	clear:left;
	margin-bottom:22px;
	padding-top:6px;
	font-size:0;
}
.fSocial li {
	display:inline-block;
	margin-right:13px;
}
.fSocial a {
	display:block;
}
.fSocial img {
	width:45px;
}
.mailBox .pc {
	display:inline-block;
}
.mailBox .sp {
	display:none;
}
.fGroup02 {
	width:100%;
}
.fGroup02 .inner {
	max-width:1000px;
	margin:0 auto;
	padding:24px 10px 7px;
}
.fNav li.schoolSite {
	display:table;
	margin:5px 0 20px;
	border-radius:4px;
	background:#FFF;
}
.fNav li.schoolSite a {
	display:inline-block;
	padding:3px 22px 2px;
	color:#333;
}
.fInfo {
	margin-top:-4px;
}
.fInfo li {
	position:relative;
	margin-bottom:10px;
	border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#FFF;
	font-size:16px;
	text-align:center;
	behavior:url(/htc/PIE.php);
}
.fInfo li.first i {
	font-size:20px;
}
.fInfo li.first a {
	/*width:calc(50% - 5px);*/
	display:block;
	text-align:right;
	text-align:center;
	behavior:url(/htc/PIE.php);
	width:100%;
}
.fInfo li.first a:first-child {
	text-align:center;
	float:left;
	padding:9px 10px 10px;
}
.fInfo li.first {
	background:none;
}
.fInfo li p.email {
	background-color:#FFF;
	border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
	width:calc(50% - 5px);
}
.fInfo li p.email:first-child {
	margin-right:10px;
}
.fInfo li a {
	display:block;
	padding:9px 5px 10px;
	color:#333;
	text-decoration:none;
}
.fInfo li a:hover {
	color:#333;
}
.fInfo li a span {
	display:inline-block;
	vertical-align:middle;
}
.fInfo .fEmail i {
	font-size:20px;
}
.fInfo .fTel {
	padding:9px 5px 5px;
	font-size:15px;
}
.fInfo .fTel span {
	display:inline-block;
	padding-left:36px;
	background:url(/img/common/icon_tel.png) no-repeat 0 50%;
	font-size:22px;
}
.fInfo .fBan a {
	padding:9px 5px 7px;
}
.fInfo .fBan i {
	font-size:24px;
}
#copyright {
	padding:17px 10px 19px;
	background:#83786E;
	color:#FFF;
	font-size:11px;
	text-align:center;
}
.pageTop {
	display:none;
	position:fixed;
	right:20px;
	bottom:67px;
	z-index:100;
}
@media screen and (max-width:736px) {
	#pageKrRequest #footer,
	#pageChRequest #footer,
	#pageChkRequest #footer,
	#pageEnRequest #footer,
	.pageSimple #footer {
		padding-top:10px;
	}
	.fGroup01 .inner {
		padding:10px 5px;
	}
	.fLeft, .fRight {
		float:none;
		max-width:100%;
		width:100%;
	}
	.fList {
		border:2px solid #DDD5CD;
		border-radius:2px;
		background:#FFF;
	}
	.fList dt {
		position:relative;
		padding:15px 12px;
		font-size:13px;
		cursor:pointer;
	}
	.fList dt i {
		position:absolute;
		right:8px;
		top:50%;
		margin-top:-10px;
		font-size:20px;
	}
	.fList dt i.open {
		display:inline-block;
	}
	.fList dt.accor_active i.open {
		display:none;
	}
	.fList dt.accor_active i.close {
		display:inline-block;
	}
	.fList .pc {
		display:none;
	}
	.fList .sp {
		display:inline-block;
	}
	.fList .fNav {
		margin:0;
		padding:0;
		border-bottom:none;
	}
	.fList br {
		display:none;
	}
	.fList dd a {
		position:relative;
		padding:15px 20px 15px 12px;
		border-top:1px dotted #DDD5CD;
		line-height:inherit;
	}
	.fList dd li:first-child a {
		border-top:none;
	}
	.fList dd i {
		position:absolute;
		top:50%;
		right:8px;
		margin-top:-6px;
	}
	.fSocial {
		margin-bottom:10px;
		padding-top:10px;
		text-align:center;
	}
	.fSocial img {
		width:50px;
	}
	.fNav.mailBox {
		margin-bottom:10px;
		padding:0;
		border:2px solid #DDD5CD;
		border-radius:2px;
		background:#FFF;
	}
	.mailBox .pc {
		display:none !important;
	}
	.mailBox .sp {
		display:inline-block !important;
	}
	.fNav.mailBox li {
		float:left;
		width:50%;
	}
	.fNav.mailBox li.edit {
		width:100%;
	}
	.fNav a {
		display:block;
	}
	.fNav li.schoolSite {
		display:block;
		margin:5px -10px;
	}
	.fNav li {
		float: none;
	}
	.fNav li.schoolSite a {
		display:block;
		font-size:13px;
		padding-top:8px;
		padding-bottom:9px;
		text-align:center;
	}
	.mailBox a {
		padding:12px 10px;
		font-size:13px;
	}
	.mailBox i {
		font-size:20px;
	}
	.twitter {
		text-align:center;
	}
	.fGroup02 .inner {
		padding:12px 5px 10px;
	}
	.fNav {
		margin-bottom:5px;
		padding:0 10px 5px;
		border-bottom:1px solid #FFF;
	}
	.fNav li {
		display:block;
		margin:0;
	}
	.fNav li.nl {
		margin-right:0;
	}
	.fNav br {
		display:none;
	}
	.fNav.last {
		margin-top:-5px;
		padding-top:0;
		border-top:none;
	}
	.fNav.last li:first-child {
		padding-top:5px;
		border-top:1px dotted #FFF;
	}
	.fNav a {
		font-size:14px;
	}
	.fInfo {
		margin-top:10px;
	}
	.fInfo li {
		font-size:13px;
	}
	.fInfo li:last-child {
		margin-bottom:0;
	}
	.fInfo .fTel {
		font-size:13px;
	}
	.fInfo .fTel a {
		display:inline-block;
		padding:0;
		padding-left:36px;
		font-size:18px;
		background:url(/img/common/icon_tel_sp.png) no-repeat 0 50%;
		-webkit-background-size:26px auto;
		background-size:26px auto;
	}
	.fInfo li a span {
		display:inline-block;
	}
	#copyright {
		margin:0 5px;
		padding-bottom:80px;
		border-top:1px solid #333;
		background:#DDD5CD;
		color:#333;
		font-size:9px;
	}
	.pageOther #copyright {
		padding-bottom:15px;
	}
	.pageTop {
		right:10px;
		bottom:82px;
	}
	.pageOther .pageTop {
		bottom:18px;
	}
	.pageTop img {
		width:40px;
	}
}

/* ------------------------------------------------------------------
	2-7. Common styles
-------------------------------------------------------------------*/
/*** topicPath ***/
#topicPath {
	background:#F9F7F5;
	border-bottom:1px solid #E6E0D9;
	margin-top:130px;
}
#topicPath ul,
#topicPath ol {
	max-width:1000px;
	padding:13px 10px 13px 25px;
	margin:0 auto;
}
#topicPath li {
	position:relative;
	background:url(/img/common/bg_topic_sp.gif) no-repeat 100% 17px;
	-webkit-background-size:8px auto;
	background-size:8px auto;
	padding:15px 20px 15px 0;
	margin:0 5px 0 0;
	font-size:11px;
	line-height:1.5;
	display:inline;
	vertical-align:middle;
}
/* #topicPath li {
	float:left;
	background:url(/img/common/bg_topic_sp.gif) no-repeat 100% 10px;
	padding:14px 20px 13px 0;
	margin:0 11px 0 0;
	font-size:11px;
	height:40px;
	overflow:hidden;
	position:relative;
	vertical-align:middle;
} */
#topicPath li.last {
	background:none;
	padding-right:0;
}
#topicPath li.first {
	padding-left:0;
}
#topicPath li a {
	color:#0074C1;
	font-size:11px;
}
#topicPath span.fa-home {
	font-size:14px!important;
	margin:0 9px 0 0;
	position:absolute;
	top:15px;
	left:-20px;
}

/*** keyv ***/
#keyv {
	width:100%;
	margin:130px 0 20px;
}
#keyv .keyv {
	width:100%;
	background:url(/img/home/bg_keyv.jpg) repeat 50% 0;
	position:relative;
}
#keyv .keyv .inner{
	max-width:980px;
	margin:0 auto;
	position:relative;
}
.keyvFirstTime {
	position:relative;
	overflow:hidden;
	height:360px;
}
.keyvFirstTime ul {
	position:absolute;
	top:0;
	left:0;
}
.keyvFirstTime .keyvText {
	display:none;
}
.keyvFirstTime img {
	width:100%;
}
.artCarousel.keyvFirstTime {
	height:188px;
}
#keyv .keyv li {
	display:block;
	float:left;
	width:100%;
	font-size:0;
}
#keyv .thumbCarousel {
	padding:13px 10px;
	background:url(/img/common/bg_thumbnail.gif) repeat;
}
#keyv .thumbCarousel .thumbBox {
	max-width:880px;
	max-height:74px;
	position:relative;
	margin:0 auto;
}
#keyv .thumbCarousel .thumbInner {
	text-align:center;
}
#keyv .thumbCarousel .thumbInner.max220 {
	max-width:220px;
}
#keyv .thumbCarousel .thumbInner.max440 {
	max-width:440px;
}
#keyv .thumbCarousel .thumbInner.max660 {
	max-width:660px;
}
#keyv .thumbCarousel .caroufredsel_wrapper {
	margin:0 auto !important;
	width:auto!important;

}
#keyv .thumbInner ul {
	overflow:hidden;
	max-height:74px;
}
#keyv .thumbInner ul li {
	float:left;
	max-width:200px;
	/*width:23%;*/
	margin:0 10px;
	display:block;
	position:relative;
}
#keyv .thumbInner ul li:after {
	display:none;
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:3px solid #333;
	box-sizing:border-box;
}
#keyv .thumbInner ul li.selected:after {
	display:block;
}
#keyv .thumbInner ul li a {
	display:block;
}
#keyv .thumbInner ul li img {
	display:inline-block;
	vertical-align:middle;
	width:200px;
	height:74px;
}
#keyv p.prev a,
#keyv p.next a {
	display:block;
	position:absolute;
	left:-34px;
	top:50%;
	margin-top:-12px;
	width:14px;
	height:24px;
	overflow:hidden;
	background:url(/img/common/icon_arrow02.png) no-repeat;
	text-indent:-9999px;
}
#keyv p.next a {
	left:auto;
	right:-34px;
	background-image:url(/img/common/icon_arrow01.png);
}
.sliderSubject {
	position:relative;
	max-width:920px;
	margin:0 auto;
	font-size:0;
}
.sliderFirstTime {
	position:relative;
	overflow:hidden;
	height:184px;
}
.sliderFirstTime ul {
	position:absolute;
	top:0;
	left:0;
}
.sliderFirstTime img {
	width:100%;
}
.sliderSubject li {
	display:block;
	float:left;
	margin:0 6px;
	max-width:294px;
	font-size:0;
	text-align:center;
}
.sliderSubject p.prev a,
.sliderSubject p.next a {
	display:block;
	position:absolute;
	top:50%;
	left:-30px;
	width:18px;
	height:0;
	margin-top:-24px;
	padding-top:48px;
	overflow:hidden;
	background:url(/img/common/btn_prev.png) no-repeat;
}
.sliderSubject p.next a {
	left:auto;
	right:-30px;
	background:url(/img/common/btn_next.png) no-repeat;
}
.sliderSubject .pager {
	margin-top:5px;
	text-align:center;
}
.sliderSubject .pager a {
	display:inline-block;
	width:10px;
	height:10px;
	margin-right:5px;
	background:url(/img/common/icon_circle01.png) no-repeat;
	-webkit-background-size:10px auto;
	background-size:10px auto;
}
.sliderSubject .pager a.selected {
	background:url(/img/common/icon_circle02.png) no-repeat;
	-webkit-background-size:10px auto;
	background-size:10px auto;
}
/*** section ***/
.section {
	width:100%;
	background:#FFF;
}
.section01 {
	width:100%;
	background:#F9F7F5;
}
.section02 {
	width:100%;
	background:url(/img/common/bg_line.gif) repeat 0 0;
}
.section03 {
	width:100%;
	border:none;
	/*border-top:1px solid #DDD5CD;*/
}
.section04 {
	width:100%;
	margin-bottom:40px;
	border-top:1px solid #DDD5CD;
	/*border-bottom:1px solid #DDD5CD;*/

}
.sectionInner {
	max-width:1000px;
	margin:0 auto;
	padding:0 10px 20px;
}
.pageSubject .sectionInner {
	padding-bottom:45px;
}
.sectionInner01 {
	max-width:900px;
	margin:0 auto;
	padding:0 10px;
}
.sectionInner02 {
	max-width:920px;
	margin:0 auto;
	padding:0 10px;
}
/*** faq ***/
.faqHead {
	padding-bottom:25px;
}
.faqHead .faqText01 {
	padding:17px 0 9px;
	line-height:1.6;
}
.faqHead .buttonStyle02 {
	margin-top:15px;
}
.faqBlock {
	padding-top:30px;
	border-top:1px solid #DDD5CD;
}
.faqBlock .faqInner {
	margin:0 auto 30px;
	max-width:1000px;
	padding:0 10px;
}
.faqBlock .faqLast {
	margin-bottom:40px;
}
.faqBlock .faqList {
	border:1px solid #DDD5CD;
}
.faqBlock .faqList li {
	border-bottom:1px solid #DDD5CD;
}
.faqBlock .faqList li:last-child {
	border-bottom:none;
}
.faqBlock .faqList li .question img {
	display:inline-block;
	width:21px;
	height:auto;
	vertical-align:bottom;
	margin-right:11px;
}
.faqBlock .faqList li .question a {
	display:block;
	padding:15px 40px 14px 50px;
	background:url(/img/common/icon_arrow09.png) no-repeat 98% 50%;
	color:#333;
	text-decoration:none;
	text-indent:-30px;
	-ms-transition:all 0.3s ease-out 0s;
	-webkit-transition:all 0.3s ease-out 0s;
	-moz-transition:all 0.3s ease-out 0s;
	transition:all 0.3s ease-out 0s;
}
.faqBlock .faqList li .question a:hover {
	font-weight:bold;
}
.faqBlock .faqList li .question.active a {
	background:url(/img/common/icon_arrow10.png) no-repeat 98% 50%;
}
.faqBlock .faqList li .inner {
	margin:0 9px 9px;
	padding:17px 15px 10px 11px;
	background:#F9F7F5;
	line-height:1.6;
}
.faqBlock .faqList li .inner .title {
	margin-bottom:5px;
	padding-left:35px;
	text-indent:-35px;
	font-weight:bold;
}
.faqBlock .faqList li .inner .title img {
	width:21px;
	height:auto;
	margin-right:11px;
}
.faqBlock .faqList li .inner div {
	padding-left:33px;
}
.faqBlock .faqList li .accordionBox {
	display:none;
}
.faqBlock .faqInner .linkList {
	margin-top:15px;
}
.faqBlock .faqInner .styleTel img {
	width:26px !important;
	height:auto !important;
}
.faqBlock .faqList li .inner .title .styleTel img{
	margin-right:2px !important;
}
.faqBlock .faqList a.tel {
	display:none;
}

/*** general block ***/
.general .block {
	margin-bottom:16px;
}
.general .blockLeft {
	float:left;
	max-width:482px;
	width:49.2%;
	border:1px solid #DDD5CD;
}
.general .blockRight {
	float:right;
	max-width:482px;
	width:49.2%;
	border:1px solid #DDD5CD;
}
.general .blockInner {
	padding:14px 20px 7px;
}
.general .block h4 {
	padding-bottom:8px;
	font-size:0;
}
.general .block h4 img {
	width:200px;
}
.general .block .textContact a.phone {
	display:none;
}

/*** tag ***/
i {
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
}
/*** box ***/
.guidance {
	max-width:900px;
	/*margin:0 auto;*/
	/*padding:20px 10px;*/
	margin:0 auto 14px;
	padding:20px 10px 0;
}
.guidance > * {
	position:relative;
	min-height:46px;
	padding:13px 40px 9px;
	border:1px solid #0074C1;
	border-radius:25px;
	-o-border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	behavior:url(/htc/PIE.php);
}
.guidance .title {
	display:table-cell;
	width:150px;
	color:#0074C1;
}
.guidance .text {
	display:table-cell;
}
.guidance i {
	margin-right:11px;
	font-size:20px;
}
#pageMovie .guidance > * {
	border-color:#E94708;
}
#pageMovie .guidance .title {
	color:#E94708;
}
#pageOnkyo .guidance > * {
	border-color:#009A62;
}
#pageOnkyo .guidance .title {
	color:#009A62;
}
#pageAnnounce .guidance > * {
	border-color:#E5005A;
}
#pageAnnounce .guidance .title {
	color:#E5005A;
}
.topic {
	padding:20px 40px;
	background:#FFA74D;
}
#pageHome .topic {
	margin:30px 0 0;
}
.topic .inner {
	padding:3px;
	background:#FFF;
}
.topic .title {
	display:table-cell;
	background:#FF840B;
	vertical-align:middle;
	text-align:center;
}
.topic .title span {
	display:block;
	min-width:157px;
	min-height:40px;
	color:#FFF;
	font-size:22px;
	line-height:40px;
}
.topic .topicList {
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
.topic .topicList li {
	float:left;
	width:100%;
	height:100%;
	display:block;
	padding-left:31px;
}
.experienceHead {
	padding:20px 0 0;
}
.experienceHead .image {
	margin-bottom:13px;
}
.experienceHead .text {
	margin-bottom:15px;
	line-height:1.6;
}
.validBox {
	margin-bottom:30px;
	padding:15px 27px 16px;
	border:2px solid #F82929;
}
.validBox p {
	line-height:1.6;
}
.validBox p.redText {
	color:#F82929;
}
.formBlock .notice {
	margin-bottom:20px;
	color:#F82929;
	text-align:center;
}
.formBlock .privacy {
	margin:0 30px 30px;
	padding:15px 30px 18px;
	background:#F9F7F5;
	line-height:1.7;
}
.formBlock .privacy span {
	display:block;
	font-size:12px;
}
.completeBox {
	margin-bottom:30px;
	padding:35px 40px;
	border:1px solid #CCC;
	border-radius:20px;
	-o-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	line-height:1.6;
	text-align:center;
	box-shadow:0 1px 2px #EEE
}
.completeBox01 {
	padding:40px;
	text-align:left;
}
.completeBox p {
	padding-bottom:24px;
}
.completeBox .contactInfo strong {
	font-size:16px;
}
.completeBox .contactInfo .tel {
	background:url(/img/common/icon_tel03.png) no-repeat 0 50%;
	padding-left:37px;
}
.consultFormHead .textStyle03 {
	float:left;
	width:55%;
}
.consultFormHead .buttonStyle02 {
	float:right;
	padding-top:20px;
}
.description {
	margin-top:30px;
}
.description .content {
	padding:11px 28px 14px;
	border:1px solid #F82929;
	max-width:820px;
	margin:0 auto;
}
.description .content h3 {
	font-size:22px;
	line-height:37px;
	color:#F82929;
	letter-spacing:0.5px;
}
.description .content p {
	font-size:15px;
	line-height:25px;
}
.description .textStyle03 .tel {
	font-weight:normal;
}
/*** noteBlock ***/
.noteBlock {
	margin: 14px 0 15px;
	background: #fff;
}
.noteBlock .inner {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 10px;
}
.noteBlock .inner .noteText {
	position: relative;
	margin: 0;
	padding: 0 65px;
	font-size: 14px;
	line-height: 1.5;
}
.noteBlock .inner .noteText a {
	color: #0074c1;
	text-decoration: none;
}
.noteBlock .inner .noteText a:hover {
	text-decoration: underline;
}
.noteBlock .inner .noteText i {
	color: #636363;
	font-size: 19px;
}
.noteBlock .inner .noteText .icon {
	position: absolute;
	left: 40px;
	top: 1px;
}
.noteBlock01 .inner {
	max-width: 1000px;
	margin: 0 auto 46px;
	padding: 0 10px;
}
.noteBlock01 .inner .innerContent {
	padding: 12px 21px 10px;
	border: 2px solid #cc0000;
}
.noteBlock01 .inner .title {
	position: relative;
	padding: 0 0 2px 23px;
	color: #cc0000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.noteBlock01 .inner .title i {
	color: #cc0000;
	font-size: 19px;
}
.noteBlock01 .inner .title .icon {
	position: absolute;
	left: 0;
	top: 2px;
}
.noteBlock01 .inner .text {
	padding-left: 23px;
	line-height: 1.5;
}
.noteBlock01 .inner .text a {
	color: #0074c1;
	font-size: 14px;
}
@media screen and (max-width: 736px){
	.noteBlock {
		margin: 15px 0;
	}
	.noteBlock .inner .noteText {
		padding: 0 10px 0 22px;
	}
	.noteBlock .inner .noteText .icon {
		left: 0;
	}
	.noteBlock01 .inner {
		margin: 0 auto 30px;
		padding: 0 5px;
	}
	.noteBlock01 .inner .innerContent {
		padding: 12px 15px 9px;
	}
	#pageHome .topic {
		margin-bottom: 20px;
	}
}
/*** page ***/
.page {
	margin-top:20px;
	text-align:center;
}
.page li {
	display:inline-block!important;
	padding:0 1px;
}
.page li a {
	display:inline-block;
	width:30px;
	height:30px;
	padding-top:6px;
	border:1px solid #0074C1;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	transition:all 0.3s ease 0s;
}
.page li.prev a {
	width:auto;
	border:none;
}
.page li.next a {
	width:auto;
	border:none;
}
.page li.active a,
.page li a:hover {
	background:#0074C1;
	color:#FFF;
}
.page li.prev a:hover,
.page li.next a:hover {
	background:none;
	color:#0074C1;
	text-decoration:underline;
}
/*** checkbox ***/
input[type=checkbox] {
	display:inline-block;
	margin-right:6px;
}
input[type=checkbox] + label {
	position:relative;
	display:inline-block;
	margin-right:12px;
	line-height:1.28;
	cursor:pointer;
}
@media (min-width:1px) {
	input[type=checkbox] {
		display:none;
		margin:0;
	}
	input[type=checkbox] + label {
		padding-left:28px;
	}
	input[type=checkbox] + label::before {
		content:"";
		position:absolute;
		top:0;
		left:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		display:block;
		width:19px;
		height:19px;
		background-color:white;
	}
	input[type=checkbox] + label::before {
		border:2px solid #BDBDBD;
	}
	input[type=checkbox]:checked + label::after {
		content:"";
		position:absolute;
		top:0;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		display:block;
	}
	input[type=checkbox]:checked + label::after {
		left:3px;
		width:17px;
		height:10px;
		border-left:3px solid #0074C1;
		border-bottom:3px solid #0074C1;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
}
/*** select ***/
.select {
	display:inline-block;
	position:relative;
	overflow:hidden;
	width:70px;
	height:36px;
	border:1px solid #999;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#FFF url(/img/common/icon_arrow03.gif) no-repeat 50px 50%;
	vertical-align:middle;
	appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	behavior:url(/js/PIE.php);
}
.select01 {
	height:40px;
	border-color:#DDD5CD;
	background:#F9F7F5 url(/img/common/icon_arrow08.png) no-repeat 100% 50%;
}
.select select {
	width:100%;
	width:160%\0;
	height:100%;
	padding:0 20px 0 10px;
	border:none;
	background:none;
	text-align:center;
	cursor:pointer;
	appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.select01 select {
	padding:0 22px 0 16px;
	text-align:left;
}
.select01 select option:first-child {
	color:#BBB;
}
/*** radio ***/
.radio {
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.radio input[type="radio"] {
	position:absolute;
	float:left;
	left:0;
	width:23px;
	height:23px;
	margin:0;
	padding:0;
	cursor:pointer;
	opacity:0;
}
.radio input[type="radio"] + label {
	display:block;
	background:url(/img/common/icon_radio01.gif) 0 0 no-repeat;
	height:23px;
	padding:2px 0 0 35px;
	margin:0;
	cursor:pointer;
}
.radio input[type=radio]:focus + label {
	background:url(/img/common/icon_radio01.gif) 0 0 no-repeat;
}
.radio input[type=radio]:checked + label,
.radio input[type=radio]:focus:checked + label,
.radio input[type=radio]:active + label,
.radio input[type=radio]:active:checked + label {
	background:url(/img/common/icon_radio02.gif) 0 0 no-repeat;
}
/*** input[type=text] **/
input[type=text],
textarea {
	height:40px;
	padding:5px 12px;
	border:1px solid #DDD5CD;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#F9F7F5;
	font-size:15px;
	appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
textarea {
	height:auto;
	line-height:1.5;
}
*::-moz-placeholder {
	color:#BBB;
}
*::-webkit-placeholder {
	color:#BBB;
}
input.size01 {
	width:150px;
}
input.size02 {
	width:180px;
}
input.size03,
.select.size03 {
	width:100px;
}
input.size04,
.select.size04 {
	width:80px;
}
.select.size05 {
	width:240px;
}
.select.size06 {
	width:130px;
}
input.size06 {
	width:400px;
}
input.size07 {
	width:360px;
}
input.size08,
textarea.size08 {
	width:100%;
}
input.size09 {
	width:280px;
}
/*** label ***/
label {
	display:inline-block;
	vertical-align:middle;
}
label.size01 {
	width:32px;
}
label.size02 {
	width:86px;
}
/*** button ***/
.buttonGroup01 {
	margin-bottom:40px;
	text-align:center;
	clear:both;
	position:relative;
	/*z-index:101;*/
}
.buttonGroup01 li {
	display:inline-block;
	max-width:420px;
	width:42.85%;
	margin-left:3.572%;
	vertical-align:middle;
}
.buttonGroup01 li:first-child {
	margin-left:0;
}
.buttonGroup02 {
	margin-bottom:20px;
	text-align:center;
}
.buttonGroup02 li {
	display:inline-block;
	margin:0 2px;
	vertical-align:middle;
}
.buttonGroup03 {
	text-align:center;
}
.buttonGroup03 li {
	display:inline-block;
	max-width:460px;
	width:47%;
	margin-left:3.5%;
	margin-bottom:1em;
	vertical-align:middle;
}
.buttonGroup03 li:nth-child(odd) {
	margin-left:0;
}
.buttonGroup03 li .txtSmall {
	font-size:0.7em;
	padding-left:0.3em !important;
}

.buttonGroup04 {
	margin-bottom:40px;
	text-align:center;
}
.buttonGroup04 li {
	display:inline-block;
	max-width:420px;
	width:42.85%;
	margin-left:3.572%;
	vertical-align:middle;
}
.buttonGroup04 li:first-child {
	margin-left:0;
}
.buttonGroup05 {
	text-align:center;
}
.buttonGroup05 li {
	display:inline-block;
	max-width:420px;
	width:47.72%;
	margin-left:1.8%;
	vertical-align:middle;
}
.buttonGroup05 li:first-child {
	margin-left:0;
}
.buttonGroup05 .buttonStyle {
	font-size:19px;
}
.buttonGroup05 .buttonStyle i {
	font-size:22px;
	margin:0 0 0 15px;
}
.buttonGroup05 .buttonStyle.gray i {
	margin:0 15px 0 0;
}
.buttonGroup06 {
	margin-bottom:86px;
}

/*各学校・学科ページ資料請求はこちら上のオープンキャンパスボタン*/
.buttonGroup08 {
	margin-top: 30px;
	text-align: center;
}
.buttonGroup08 li {
	display: inline-block;
	max-width: 520px;
	width: 520px;
	margin-bottom:20px;
}

.button01 {
	margin:40px 0 30px;
	text-align:center;
}
.button01 .buttonStyle {
	max-width:580px;
}
.button01 .buttonStyle i {
	display:none;
}
.button02 .buttonStyle {
	max-width:420px;
	font-size:20px;
}
.button02 .buttonStyle i {
	font-size:22px;
}
.button03 .buttonStyle {
	max-width:340px;
	font-size:20px;
}
.button03 .buttonStyle i {
	font-size:22px;
	margin-left:15px;
}
a.buttonStyle,
button.buttonStyle {
	display:block;
	position:relative;
	width:100%;
	min-height:65px;
	margin:0 auto;
	/*padding:10px 5px 14px;*/
	border:none;
	border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ" ,Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	text-decoration:none;
	line-height:58px;
	cursor:pointer;
	behavior:url(/htc/PIE.php);
}
a.buttonStyle.blue,
button.buttonStyle.blue {
	border-bottom:5px solid #004EA2;
	background:#0074C1;
	font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
	-webkit-font-smoothing:subpixel-antialiased;
}
a.buttonStyle.gray,
button.buttonStyle.gray {
	border-bottom:5px solid #888;
	background:#AAA;
}
a.buttonStyle.orange,
button.buttonStyle.orange {
	border-bottom:5px solid #CB3B02;
	background:#E94708;
}
a.buttonStyle.green,
button.buttonStyle.green {
	border-bottom:5px solid #006E46;
	background:#009A62;
}
a.buttonStyle.pink,
button.buttonStyle.pink {
	border-bottom:5px solid #B90149;
	background:#E5005A;
}
a.buttonStyle.red,
button.buttonStyle.red {
	border-bottom:5px solid #898989;
	background:#f82929;
}
a.buttonStyle i,
button.buttonStyle i {
	margin:0 6px;
	font-size:28px;
}
a.buttonStyle span,
button.buttonStyle span {
	display:inline-block;
	vertical-align:middle;
	line-height:1.3em;
}
a.buttonDocument {
	display:block;
	position:relative;
	max-width:400px;
	min-height:56px;
	margin:0 auto 40px;
	padding:13px 5px 6px;
	border:1px solid #0074C1;
	border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#0074C1;
	font-size:20px;
	text-align:center;
	text-decoration:none;
	transition:all 0.3s ease 0s;
	behavior:url(/htc/PIE.php);
}
a.buttonDocument:hover {
	background:#0074C1;
	color:#FFF;
}
a.buttonDocument i {
	margin-right:10px;
	font-size:24px;
}
a.buttonDocument span {
	display:inline-block;
	vertical-align:middle;
}
#pageMovie a.buttonDocument {
	border-color:#E94708;
	color:#E94708;
}
#pageMovie a.buttonDocument:hover {
	background:#E94708;
	color:#FFF;
}
#pageOnkyo a.buttonDocument {
	border-color:#009A62;
	color:#009A62;
}
#pageOnkyo a.buttonDocument:hover {
	background:#009A62;
	color:#FFF;
}
#pageAnnounce a.buttonDocument {
	border-color:#E5005A;
	color:#E5005A;
}
#pageAnnounce a.buttonDocument:hover {
	background:#E5005A;
	color:#FFF;
}
.buttonLink {
	width:320px;
	margin-left:20px;
	padding:10px 50px 8px 50px;
	border:none;
	border-bottom:5px solid #D71313;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#F82929;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ" ,Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:21px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
.infoButton {
	width:240px;
	padding:9px 10px 7px;
	border:none;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ" ,Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	text-align:center;
	cursor:pointer;
}
.infoButton.blue {
	background:#0074C1;
	border-bottom:5px solid #004EA2;
}
.infoButton.gray {
	background:#999;
	border-bottom:5px solid #888;
}
.selectButton {
	position:relative;
	margin: -15px 0 40px;
	padding-top: 15px;
	text-align:center;
}
.selectButton a {
	color:#FFF!important;
	width:460px;
	display:inline-block;
	font-size:20px;
	padding:18px 15px 16px;
	text-decoration:none!important;
}
.selectButton a i {
	display:none;
}
.selectButton01 a i {
	display: inline-block;
	margin-left: 10px;
}
@media screen and (max-width: 736px){
	.selectButton01 a i {
		margin-left: 0;
	}
}
.selectButton a.disable {
	background:#AAA;
	border-bottom:5px solid #858585;
}
.buttonStyle02.long a {
	padding:8px 19px 8px 29px !important;
}
.buttonStyle02 a {
	position:relative;
	display:inline-block;
	max-width:100%;
	border:1px solid #1F499F;
	background:#1F499F;
	color:#FFF;
	padding:8px 4px 8px 19px;
	border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	behavior:url(/htc/PIE.php);
	text-align:center;
	text-decoration:none;
	line-height:1.3em;
	transition:all 0.3s ease 0s;
}
.buttonStyle02.lightBlue a {
	border-color:#0074C1;
	background:#0074C1;
}
.buttonStyle02.lightBlue a:hover {
	color:#0074C1;
}
.buttonStyle02.lightBlue01 {
	margin-top:10px;
}
.buttonStyle02.orange a {
	border-color:#F36324;
	background:#F36324;
}
.buttonStyle02.orange a:hover {
	color:#F36324;
}
.buttonStyle02.orange01 {
	margin-top:10px;
}
.buttonStyle02.green a {
	border-color:#019A62;
	background:#019A62;
}
.buttonStyle02.green a:hover {
	color:#019A62;
}
.buttonStyle02.green01 {
	margin-top:10px;
}
.buttonStyle02.pink a {
	border-color:#E4015B;
	background:#E4015B;
}
.buttonStyle02.pink a:hover {
	color:#E4015B;
}
.buttonStyle02.pink01 {
	margin-top:10px;
}
.buttonStyle02 a span {
	display:inline;
	margin-left:15px;
}
.buttonStyle02 a:hover {
	background:#FFF;
	color:#1F499F;
}
.buttonStyle03 a {
	position:relative;
	display:inline-block;
	max-width:100%;
	border:1px solid #1F499F;
	background:#1F499F;
	color:#FFF;
	padding:18px 34px 18px 34px;
	border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	behavior:url(/htc/PIE.php);
	text-align:center;
	text-decoration:none;
	line-height:1.3em;
	transition:all 0.3s ease 0s;
}
.buttonStyle03 a span {
	display:inline;
	margin-left:20px;
}
.buttonStyle03 a:hover {
	background:#FFF;
	color:#1F499F;
}
.sideButton {
	margin-top:20px;
}
.sideButton li {
	margin-bottom:10px;
}
.sideButton a {
	display:block;
	position:relative;
	padding:12px 18px 11px;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	line-height:1.2;
	text-decoration:none;
	behavior:url(/htc/PIE.php);
}
.sideButton .red a {
	border:2px solid #EC1716;
	background:url(/img/common/bg_line_red.gif) repeat;
}
.sideButton .orange a {
	border:2px solid #EFB608;
	background:url(/img/common/bg_line_orange.gif) repeat;
}
.sideButton a i {
	position:absolute;
	top:50%;
	right:0;
	margin:-7px 9px 0 0;
	font-size:15px;
}
.btnReleaseMail {
	text-align:right;
	font-size:0;
	padding:20px 0;
}
.btnReleaseMail a {
	display:inline-block;
	padding:9px 7px 9px 19px;
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	background-color:#1f499f;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.btnReleaseMail a i {
	margin-left:14px;
}
/*** list ***/
.itemList {
	margin:0 -1% 28px 0;
}
.itemList li {
	float:left;
	max-width:320px;
	width:32.3%;
	margin:0 1% 10px 0;
	padding:10px 10px 7px;
	background:#F6F6F6;
}
.schoolBlock .sectionInner .itemList {
	margin-right: -10px;
}
.schoolBlock .sectionInner .itemList li {
	width: 31.915%;
	margin: 0 10px 0 0;
	padding: 0;
	background: white;
}
.itemList01 li {
	margin-bottom:10px;
	padding:7px;
}
.itemList .itemImage {
	float:left;
	width:26.66%;
	margin-right:3.3%;
	vertical-align:top;
	font-size:0;
}
.itemList01 .itemImage {
	width:36%;
	margin-right:4.6%;
}
.itemList .itemBlock {
	float:left;
	width:70%;
	margin-top:-3px;
}
.itemList01 .itemBlock {
	width:59.4%;
	margin-top:0;
}
.itemList .itemBlock .dateText {
	padding-bottom:6px;
	font-size:14px;
}
.itemList .itemBlock .dateText span {
	padding-right:10px;
	font-size:18px;
}
.itemList .itemBlock .admission {
	display:inline-block;
	min-width:60px;
	margin:0 6px 7px 0;
	padding:4px 5px 3px 5px;
	background:#FAA6A6;
	color:#000;
	font-size:12px;
}
.itemList .itemBlock .admission.color01 {
	background:#FAC968;
}
.itemList .itemBlock .admission.color02 {
	background:#A6D69D;
}
.itemList .itemBlock .link a {
	color:#0074C1;
	line-height:1.4;
	text-decoration:none;
}
.itemList .itemBlock .link a:hover {
	text-decoration:underline;
}
.newsList {
	margin:0 -2% 17px 0;
}
.newsList li {
	float:left;
	max-width:480px;
	width:48%;
	margin-right:2%;
	background:#F6F6F6;
}
.newsList .image.horizImage,
.newsList .imageBlock {
	float:left;
	max-width:236px;
	height:133px;
	height:auto;
	width:49.2%;
	background:#E5E5E5;
	font-size:0;
	text-align:center;
	overflow:hidden;
	position:relative;
}
.squareList {
	max-width: 700px;
	margin: 0 auto;
}
.squareList li {
	margin-bottom: 32px;
	border-bottom: 1px solid #c9c8c7;
}
.squareList li .innerSquare {
	padding: 0 0 25px 0;
}
.squareList .buttonStyle02 {
	margin-top: 9px;
}
.squareList .textSquareList {
	max-height: 0;
	transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
	overflow: hidden;
}
.squareList .textSquareList.active {
	padding-bottom: 25px;
	max-height: 10000px!important;
    transition: max-height 1s ease-in-out;
}
.squareList .textSquareList dt {
	position: relative;
	padding-bottom: 8px;
	color: #0074c1;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}
.squareList .textSquareList.orange dt {
	color: #CB3B02;
}
.squareList .textSquareList.green dt {
	color: #019A62;
}
.squareList .textSquareList.pink dt {
	color: #E4015B;
}
.squareList .textSquareList dt span {
	display: block;
	padding-left: 20px;
}
.squareList .textSquareList dt:before {
	position: absolute;
	content: '';
	left: 0;
	top: 5px;
	width: 14px;
	height: 14px;
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #0074c1;
}
.squareList .textSquareList.orange dt:before {
	background: #CB3B02;
}
.squareList .textSquareList.green dt:before {
	background: #019A62;
}
.squareList .textSquareList.pink dt:before {
	background: #E4015B;
}
.squareList .textSquareList dd {
	padding-bottom: 22px;
	font-size: 15px;
	line-height: 1.75;
}
.squareList .textSquareList dd:last-child {
	padding-bottom: 0;
}
/*
.newsList .imageBlock.horizImage img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:100%;
	max-width:inherit;
	height:auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.newsList .imageBlock.verticalImage img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:auto;
	max-width:inherit;
	height:100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}*/

.newsList .textBlock {
	float:left;
	position:relative;
	width:50.8%;
	padding:10px 20px;
}
.itemList i,
.newsList i {
	display:none;
	position:absolute;
	right:10px;
	top:50%;
	margin-right:0;
	margin-top:-4px;
	color:#DDD5CD;
}
.newsList .textBlock .link {
	margin-bottom:0;
	line-height:1.48;
}
.stepList {
	margin-bottom:30px;
	font-size:0;
	text-align:center;
}
.stepList li {
	display:inline-block;
	padding-right:40px;
	background:url(/img/common/bg_dot01.png) no-repeat 100% 50%;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
}
.stepList li.active {
	background:url(/img/common/bg_dot02.png) no-repeat 100% 50%;
}
.stepList li.last {
	padding-right:0;
	background:none;
}
.stepList li span {
	display:block;
	position:relative;
	width:160px;
	padding:11px 3px;
	border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:#BBB;
	behavior:url(/js/PIE.php);
}
.stepList li.active span {
	background:#FF6969;
}
.shareList {
	margin-bottom:20px;
	text-align:right;
}
.shareList li {
	display:inline-block;
}
.shareList li a {
	display:block;
}
.shareList li img {
	display:block;
	height:32px;
}
/*** table ***/
.experienceTable {
	width:100%;
	margin-bottom:30px;
}
.experienceTable th {
	width:141px;
	padding:12px 10px;
	border:1px solid #DDD5CD;
	background:#F9F7F5;
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}
.experienceTable td {
	padding:13px 10px 13px 25px;
	border:1px solid #DDD5CD;
}
.experienceTable td .date {
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
	text-align:left;
	padding:0;
}
.experienceTable td .add {
	font-weight:normal !important;
	font-size:16px;
}
.experienceTable td .tel {
	display:inline-block;
	padding-right:59px;
}
.experienceTable td .tel em,
.experienceTable td .tel a {
	display:block;
	padding-left:33px;
	background:url(/img/common/icon_tel.png) no-repeat 0 50%;
	font-size:20px;
	font-weight:bold;
}
.experienceTable td .noteText {
	margin-bottom:5px;
}
.experienceTable td .noteText li {
	padding-bottom:5px;
	font-size:14px;
}
.experienceTable td .buttonStyle {
	max-width:80px;
	min-height:29px;
	margin:0;
	padding:3px;
	border-width:3px;
	font-size:14px;
	line-height:24px;
}
.experienceTable td .buttonStyle i {
	margin-right:0;
	margin-left:12px;
	font-size:20px;
}
.participationForm {
	padding-top:40px;
}
.formTable {
	margin-bottom:30px;
	border:1px solid #CCC;
	border-radius:20px;
	-o-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	box-shadow:0 2px 3px 0px #DDD;
}
.formTable table {
	max-width:100%;
	width:100%;
}
.formTable tr:first-child th {
	border-radius:20px 0 0;
	-o-border-radius:20px 0 0;
	-moz-border-radius:20px 0 0;
	-webkit-border-radius:20px 0 0;
}
.formTable tr:first-child td {
	border-radius:0 20px 0 0;
	-o-border-radius:0 20px 0 0;
	-moz-border-radius:0 20px 0 0;
	-webkit-border-radius:0 20px 0 0;
}
.formTable tr.last th {
	border-radius:0 0 0 20px;
	-o-border-radius:0 0 0 20px;
	-moz-border-radius:0 0 0 20px;
	-webkit-border-radius:0 0 0 20px;
}
.formTable tr.last td {
	border-radius:0 0 20px;
	-o-border-radius:0 0 20px;
	-moz-border-radius:0 0 20px;
	-webkit-border-radius:0 0 20px;
}
.formTable tr.first.last th {
	border-radius:20px 0 0 20px;
	-o-border-radius:20px 0 0 20px;
	-moz-border-radius:20px 0 0 20px;
	-webkit-border-radius:20px 0 0 20px;
}
.formTable th {
	max-width:235px;
	width:26.7%;
	padding:14px 35px;
	border-top:1px solid #CCC;
	background:#EEE;
	font-weight:bold;
}
.formTable th .require {
	display:block;
	width:36px;
	margin-top:4px;
	padding:1px 2px 2px;
	line-height:1.3;
	background:#F82929;
	color:#FFF;
	font-size:11px;
	text-align:center;
	box-sizing:border-box;
}
@media screen\0 {
	.formTable th .require {
		padding:3px 2px 1px;
	}
}
.formTable td {
	max-width:645px;
	width:73.3%;
	padding:14px 40px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	word-break:break-all;
}
.formTable tr:first-child th,
.formTable tr:first-child td {
	border-top:none;
}
.formTable02 th {
	padding:14px 12px 14px 19px;
	font-weight:normal;
	width:33.4%;
}
.formTable02 td {
	max-width:480px;
	/*width:53.6%;*/
	padding:14px 30px 14px 20px;
}
.textStyle03 span,
.formTable span {
	display:inline-block;
	vertical-align:middle;
}
.formTable .inputList li {
	display:inline-block;
	margin-left:34px;
	vertical-align:middle;
}
.formTable .inputList li:first-child {
	margin-left:0;
}
.formTable .input {
	position:relative;
}
.formTable .inputError {
	position:absolute;
	z-index:5;
	bottom:100%;
	left:0;
	margin-bottom:6px;
}
.formTable .inputError em {
	display:inline-block;
	position:relative;
	padding:6px 9px 5px 7px;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#FFF;
	border:1px solid #F82929;
	color:#F82929;
}
.formTable .inputError em:after, .formTable .inputError em:before {
	position:absolute;
	top:100%;
	left:16px;
	content:" ";
	width:0;
	height:0;
	border:solid transparent;
	pointer-events:none;
}
.formTable .inputError em:after {
	margin-left:-5px;
	border-width:5px;
	border-color:rgba(255, 255, 255, 0);
	border-top-color:#FFF;
}
.formTable .inputError em:before {
	margin-left:-6px;
	border-width:6px;
	border-color:rgba(248, 41, 41, 0);
	border-top-color:#F82929;
}
.formTable .radio {
	margin:10px 35px 7px 0;
}
.formTable .birthday .select {
	margin-right:5px;
}
.formTable .birthday label {
	margin-right:15px;
}
.formTable .noteText {
	color:#666;
	margin-left:15px;
	font-size:12px;
}
.formTable .text {
	color:#666;
	padding:5px 0 14px;
	font-size:12px;
}
.formTable .cross {
	margin:0 5px;
}
.formTable .button {
	display:inline-block;
	width:110px;
	margin-left:15px;
	vertical-align:middle;
}
.formTable .button button.buttonStyle {
	min-height:29px;
	/*padding:1px 3px;*/
	border-width:3px;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
}
.formTable .addressBox .blueText {
	margin-bottom:-4px;
	padding-top:19px;
	color:#0074C1;
}
.formTable .searchZipcode {
	display:none;
	margin:20px -16px 0 0;
	padding:12px 12px 20px;
	border:3px solid #0074C1;
}
.formTable .searchZipcode .title {
	margin-bottom:13px;
	padding:6px 7px 8px;
	background:#EEE;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.formTable .searchZipcode .searchBox {
	padding:0 8px;
}
.formTable .searchZipcode .searchBox .district {
	display:inline-block;
	vertical-align:middle;
}
.formTable .searchZipcode .searchBox label {
	display:block;
	margin-bottom:5px;
}
.formTable .searchZipcode .searchBox .enterAddress {
	display:inline-block;
	margin-left:15px;
	width:calc(100% - 150px);
	vertical-align:middle;
}
.formTable .searchZipcode .searchBox .enterAddress .input {
	width:calc(100% - 80px);
}
.formTable .searchZipcode .searchBox .enterAddress .input input {
	width:100%;
}
.formTable .searchZipcode .searchBox .button {
	width:60px;
}
.formTable .searchZipcode .resultBox {
	display:none;
	margin-top:20px;
	border-top:2px solid #0074C1;
}
.formTable .searchZipcode .resultList li {
	padding:8px 10px;
	border-bottom:1px dotted #0074C1;
}
.formTable .searchZipcode .resultList .code {
	width:90px;
	padding-right:5px;
}
.formTable .searchZipcode .resultList .address {
	width:calc(100% - 180px);
	padding-right:10px;
}
.formTable .searchZipcode .resultList .button {
	width:80px;
	margin:0;
}
.formTable .searchZipcode .resultList button {
	width:80px;
	height:30px;
	border:1px solid #0074C1;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#FFF;
	color:#0074C1;
	cursor:pointer;
	transition:all 0.3s ease;
}
.formTable .searchZipcode .resultList button:hover {
	background:#0074C1;
	color:#FFF;
}
.formTable .searchZipcode .page {
	margin:10px 0 -10px 10px;
	text-align:left;
}
.formTable .searchZipcode .page li {
	margin-right:3px;
	text-align:center;
}
.formTable .addressBox .inputAddress {
	margin-top:20px;
	padding-top:15px;
	border-top:1px dashed #DDD;
}
.formTable .addressBox .inputAddress li {
	margin-bottom:10px;
}
.formTable .addressBox .inputAddress li.last {
	margin-bottom:0 !important;
}
.formTable .addressBox input[type=text] {
	padding-left:20px;
}
.formTable .text01 {
	margin:9px 0 -2px;
	font-size:12px;
	line-height:1.7;
}
.formTable .text01 .tel {
	padding-left:20px;
	background:url(/img/common/icon_tel01.gif) no-repeat 0 50%;
}
.textStyle03 .tel .phone,
.formTable .text01 .tel .phone {
	display: none;
}
.formTable .text01 .tel .phoneNone {
	display: block;
}
.formTable .text02 {
	line-height:1.6;
}
.formTable .addressConfirm {
	margin:-12px -20px;
}
.formTable .addressConfirm li {
	padding:16px 20px 15px;
	border-top:1px dashed #CCC;
}
.formTable .addressConfirm li:first-child {
	border-top:none;
}
.formTable .textAreaWrap {
	position:relative;
	background-color:white;
}
.formTable .textAreaWrap textarea {
	position:relative;
	z-index:1;
	width:100%;
	height:260px;
	min-height:130px;
	padding:9px 21px;
	resize:vertical;
}
.formTable .textAreaWrap .placeholderDiv {
	position:absolute;
	z-index:2;
	top:0;
	padding:9px 21px;
	color:#BBB;
	line-height:1.6;
	resize:vertical;
}
.tableStyle01 table,
.tableStyle02 table {
	max-width:100%;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.tableStyle01 .pc {
	display:block;
}
.tableStyle01 .sp {
	display:none;
}
.tableStyle01 th,
.tableStyle02 th {
	padding:17px 5px 13px;
	border:1px solid #DDD5CD;
	background:#F8F7F5;
	font-weight:bold;
	text-align:center;
}
.tableStyle02 th.vfxTuition {
	border-bottom: none;
	border-right:none;
}
.tableStyle01 span,
.tableStyle01 em {
	display:inline-block;
}
.tableStyle01 td,
.tableStyle02 td {
	padding:7px 8px 6px 12px;
	border:1px solid #DDD5CD;
	line-height: normal;
}
.tableStyle01 tr td.blue,
.tableStyle02 tr td.blue {
	background:#E5F5FF;
	text-align:center;
}
.tableStyle01 tr td.pink,
.tableStyle02 tr td.pink {
	background:#ffd7ea;
	text-align:center;
}
.tableStyle01 td a[href^="tel"] {
	color:#333;
}
.tableStyle01 .col01,
.tableStyle02 .col01 {
	width:8%;
	min-width:63px;
}
.tableStyle01 .col02 {
	width:121px;
}
.tableStyle01 .col03,
.tableStyle02 .col03 {
	width:15%;
}
.tableStyle01 .col04,
.tableStyle02 .col04 {
	width:22.5%;
}
.tableStyle01 .col05,
.tableStyle02 .col05 {
	width:75px;
}
.tableStyle01 .col06,
.tableStyle02 .col06 {
	width:150px;
}
.tableStyle01 .col07 {
	width:28%;
}
.tableStyle01 .col08 {
	width:38.8%;
}
.tableStyle01 .col09 {
	max-width:320px;
	width:32.8%;
}
.tableStyle01 .col10 {
	max-width:400px;
	width:40.7%;
}
.tableStyle02 .col11 {
	width:40px;
}
/* abroad/guidelines */
.tableStyle01 .recoTbl td {
	padding: 6px 8px 6px 8px;
}
.tableStyle01 .recoTbl .wide1 {
	width:6%;
	white-space:nowrap;
}
.tableStyle01 .recoTbl .wide2 {
	width:6%;
	white-space:nowrap;
}
.tableStyle01 .recoTbl .wide3 {
	width:22%;
}
.tableStyle01 .recoTbl .wide3 {
	width:22%;
}
.onlineTbl .title {
	width:11%;
	text-align: center;
}
.onlineTbl .wide1 {
	width:28%;
}
.onlineTbl .wide2 {
	width:22%;
}
.doubleline {
	background-image:url(/img/common/doubleLine.png);
	background-repeat:repeat-x;
	background-position: center;}

.voiceBanner {
	margin: 39px 0 -2px;
	text-align: center;
}
.voiceBanner01 {
	margin: 35px 0 -25px;
}
@media screen and (max-width: 736px) {
	.tableStyle01 .recoTbl td {
		padding:0 5px;
	}
	.buttonStyle02.lightBlue01,
	.buttonStyle02.orange01,
	.buttonStyle02.green01,
	.buttonStyle02.pink01 {
		margin-top:15px;
	}
	.voiceBanner {
		margin: -6px 15px -17px;
	}
	.voiceBanner01 {
		margin: 0 15px 6px;
	}
}

.tableStyle01 .colRight,
.tableStyle02 .colRight {
	text-align:right;
}
.tableStyle01 .colCenter,
.tableStyle02 .colCenter {
	text-align:center;
}
.tableStyle01 .colLeft,
.tableStyle02 .colLeft {
	text-align:left;
}
.tableStyle02 span {
	display:inline-block;
}
.tableStyle01 .notice01,
.tableStyle02 .notice01 {
	display:inline-block;
	margin-right:5px;
	padding:0 3px;
	background:#ECBC29;
}
.tableStyle03 {
	width:100%;
	border:1px solid #DDD5CD;
}
.tableStyle03 th {
	padding:10px 12px;
	background:#F9F7F5;
	font-weight:bold;
	border-right:1px solid #DDD5CD;
	border-bottom:1px solid #DDD5CD;
	width:163px;
}
.tableStyle03 td {
	border-right:1px solid #DDD5CD;
	border-bottom:1px solid #DDD5CD;
	padding:10px 12px;
	line-height: 1.5;
}

.tableStyle03 .colTitle {
	width:370px;
}
.tableStyle03.wt250px .colTitle {
	width:250px;
}
.tableStyle03.wt250px td {
	width:235px;
}
.tableStyle03.w50per td {
	width:50%;
	vertical-align: top;
}

.tableStyle03 .date {
	text-align:right;
}

.tableStyle04 {
	width:100%;
	border-top:1px solid #DDD5CD;
	border-left:1px solid #DDD5CD;
}
.tableStyle04 td {
	width:33.33%;
	border-right:1px solid #DDD5CD;
	border-bottom:1px solid #DDD5CD;
	padding:10px 12px;
}

.tableStyle05 {
	width:100%;
	border-top:1px solid #DDD5CD;
	border-left:1px solid #DDD5CD;
}
.tableStyle05 th {
	padding:10px 12px;
	background:#F9F7F5;
	font-weight:bold;
	border-right:1px solid #DDD5CD;
	border-bottom:1px solid #DDD5CD;
	text-align:center;
}
.tableStyle05 td {
	width:25%;
	border-right:1px solid #DDD5CD;
	border-bottom:1px solid #DDD5CD;
	padding:10px 12px;
}

.tableStyle06 {
	width:100%;
	border-top:1px solid #DDD5CD;
	border-left:1px solid #DDD5CD;
}
.tableStyle06 th {
	background:#E5F5FF;
	font-weight:normal;
	border-right:1px solid #DDD5CD;
	border-bottom:1px solid #DDD5CD;
	text-align:center;
	padding: 7px 8px 6px 12px;
}
.tableStyle06 td {
	border-right:1px solid #DDD5CD;
	border-bottom:1px solid #DDD5CD;
	padding: 7px 8px 6px 12px;
}

/* movie vfx taimeteble */
.timetable table {
	max-width:100%;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.timetable th,
.timetable td {
	padding:10px 5px;
	border:1px solid #DDD5CD;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:1.6;
	white-space:nowrap;
}
.timetable th {
	background-color:#F8F7F5;
}
.timetable td {
	background-color:#FFF;
}
.timetable .period {
	width:6%;
}
.timetable .time {
	width:10%;
}
.timetable .day {
	width:14%;
}
.timetable .color1 {
	background-color:#b7dee8;
}
.timetable .color2 {
	background-color:#c5d9f1;
}
.timetable .color3{
	background-color:#d8e4bc;
}
.timetable .color4 {
	background-color:#fcd5b4;
}

#pageGuidelinesScholarshipExam .tableStyle01 th {
	padding:10px;
	line-height:1.5;
}
#pageGuidelinesScholarshipExam .tableStyle01 td {
	padding:10px 15px;
	line-height:1.5;
}
#pageGuidelinesScholarshipExam .tableStyle01 .w1 {
	width:20%;
}
#pageGuidelinesScholarshipExam .tableStyle01 .w2 {
	width:80%;
}
#pageGuidelinesScholarshipExam .tableStyle01 .title {
	padding:10px 5px;
	vertical-align:middle;
}
#pageGuidelinesScholarshipExam .tableStyle01 .text01 {
	font-weight:bold;
}


/*** text ***/
.textStyle03 {
	padding:16px 0 15px;
	line-height:1.6;
}
.textStyle03 .tel {
	background:url(/img/common/icon_tel02.gif) no-repeat 0 50%;
	padding-left:28px;
}
.unsubcribe i {
	display:inline-block;
	position:relative;
	top:-1px;
	width:16px;
	height:16px;
	padding-left:3px;
	text-align:center;
	color:#FFF;
	vertical-align:middle;
	background-color:#333;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	behavior:url(/htc/PIE.php);
}
.fa {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
span.description {
	display:inline-block;
	margin-left:15px;
	margin-top:0;
	font-size:12px;
	color:#666;
}
.groupSubject.mgb0 {
	margin-bottom:0;
}
.pdb0 {
	padding-bottom:0 !important;
}
.mgb12 {
	margin-bottom:12px;
	display:inline-block;
}
.mgb20 {
	margin-bottom:20px;
}
.mgb30 {
	margin-bottom:30px;
}
.groupSubject.pdb0 {
	padding-bottom:0;
}
.groupSubject.bgNone {
	background: none;
}
/*** two column ***/
#main.main {
	float:left;
	max-width:720px;
	width:73.5%;
	margin-top:20px;
}
#pageKrRequest #main.main,
#pageChRequest #main.main,
#pageChkRequest #main.main,
#pageEnRequest #main.main {
	float:none;
	max-width:720px;
	width:inherit;
	margin:20px auto 0;
}
#sideBlock {
	float:right;
	margin-top:20px;
	max-width:220px;
	width:22.5%;
}
.sideBox {
	margin-bottom:5px;
}

/*SP留学生TOP用アンカー*/
#sideMenu {
	margin-top:-65px;
	padding-top:65px;
}
.sideBox h4 {
	background:#1F499F;
	color:#FFF;
	padding:13px 5px;
	font-weight:bold;
	text-align:center;
	position:relative;
	border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	behavior:url(/htc/PIE.php);
}
.sideBox h4 span {
	display:none;
}
.sideBox .sideLink {
	border:1px solid #DDD5CD;
	border-top:none;
	position:relative;
	border-radius:0 0 4px 4px;
	-o-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	behavior:url(/htc/PIE.php);
}
.sideLink li a {
	background:#F9F7F5 url(/img/common/bg_dot02.gif) repeat-x 100% 100%;
	position:relative;
	display:block;
	color:#333;
	padding:11px 30px 12px 15px;
	line-height:1.4;
	text-decoration:none;
}
.sideLink li span {
	position:absolute;
	right:6px;
	top:50%;
	margin-top:-10px;
}
.sideLink li a:hover {
	background-color:#FFF;
}

/* active side abroad */
#pageAbroad #navTop a,
#pageAbroadPoint #navPoint a,
#pageAbroadRecruit #navRecruit a,
#pageAbroadGraduate #navGraduate a,
#pageAbroadFaq #navFaq a,
#pageAbroadGuidelines #navGuidelines > a,
#pageAbroadGuidelinesAbout #navAbout a,
#pageAbroadRecommendation #navRecommendation a,
#pageAbroadGeneral #navGeneral a,
#pageAbroadFlow #navFlow a,
#pageAbroadApplication #navApplication > a,
#pageAbroadPayment #navPayment a,
#pageAbroadExhibitioner #navExhibitioner a,
#pageAbroadForeign #navForeign a,
#pageAbroadGuide #navGuide a,
#pageAbroadHouse #navHouse a,
#pageAbroadEvent #navEvent a,
#pageAbroadOffice #navOffice a {
	background-color:#FFF;
}

/* active side about */
#pageSchool #navSchool a,
#pagePhilosophy #navPhilosophy a,
#pageAbout #navTop a,
#pageAboutPhilosophy #navPhilosophy a,
#pageAboutDetail #navDetail a,
#pageAboutSchool #navSchool a,
#pageAboutDiploma #navDiploma a,
#pageAboutValuation #navValuation a,
#pageAboutRecruit #navRecruit a,
#pageAboutLink #navLink a {
	background-color:#FFF;
}

/* active side guidelines */
#pageGuidelinesAbout #navAbout a,
#pageGuidelines #navTop a,
#pageGuidelinesAo #navAo a,
#pageGuidelinesRecommend #navRecommend a,
#pageGuidelinesGeneral #navGeneral a,
#pageGuidelinesTuition #navTuition a,
#pageGuidelinesProcedure #navProcedure a,
#pageGuidelinesScholarshipSystem #navScholarshipSystem a,
#pageGuidelinesStudentSupport #navStudentSupport a,
#pageGuidelinesHoripro #navHoripro a,
#pageGuidelinesScholarshipExam #navScholarshipExam a,
#pageGuidelinesApplication #navApplication a,
#pageGuidelinesDormitory #navDormitory a {
	background-color:#FFF;
}

/* active side guidelines vfx*/
#pageGuidelinesVfx #navTop a,
#pageGuidelinesVfxAbout #navAbout a,
#pageGuidelinesVfxRecommend #navRecommend a,
#pageGuidelinesVfxGeneral #navGeneral a,
#pageGuidelinesVfxTuition #navTuition a,
#pageGuidelinesVfxProcedure #navProcedure a,
#pageGuidelinesVfxScholarshipSystem #navScholarshipSystem a,
#pageGuidelinesVfxScholarshipExam #navScholarshipExam a,
#pageGuidelinesVfxApplication #navApplication a,
#pageGuidelinesVfxDormitory #navDormitory a {
	background-color:#FFF;
}

/* active side en */
#pageEn #navTop a,
#pageEnToho #navToho a,
#pageEnMovie #navMovie a,
#pageEnOnkyo #navOnkyo a,
#pageEnAnnounce #navAnnounce a,
#pageEnPoint #navPoint a,
#pageEnRecruit #navRecruit a,
#pageEnGraduate #navGraduate a,
#pageEnGuide #navGuide a,
#pageEnHouse #navHouse a,
#pageEnApplication #navApplication > a,
#pageEnExamination #navExamination a,
#pageEnGeneral #navGeneral a,
#pageEnScholarship #navScholarship a,
#pageEnEvent #navEvent a {
	background-color:#FFF;
}

/* active side kr */
#pageKr #navTop a,
#pageKrToho #navToho a,
#pageKrMovie #navMovie a,
#pageKrOnkyo #navOnkyo a,
#pageKrAnnounce #navAnnounce a,
#pageKrPoint #navPoint a,
#pageKrRecruit #navRecruit a,
#pageKrGraduate #navGraduate a,
#pageKrGuide #navGuide a,
#pageKrHouse #navHouse a,
#pageKrApplication #navApplication > a,
#pageKrExamination #navExamination a,
#pageKrGeneral #navGeneral a,
#pageKrScholarship #navScholarship a,
#pageKrEvent #navEvent a {
	background-color:#FFF;
}

/* active side ch */
#pageCh #navTop a,
#pageChToho #navToho a,
#pageChMovie #navMovie a,
#pageChOnkyo #navOnkyo a,
#pageChAnnounce #navAnnounce a,
#pageChPoint #navPoint a,
#pageChRecruit #navRecruit a,
#pageChGraduate #navGraduate a,
#pageChGuide #navGuide a,
#pageChHouse  #navHouse a,
#pageChApplication #navApplication > a,
#pageChExamination #navExamination a,
#pageChGeneral #navGeneral a,
#pageChScholarship #navScholarship a,
#pageChEvent #navEvent a {
	background-color:#FFF;
}

/* active side chk */
#pageChk #navTop a,
#pageChkToho #navToho a,
#pageChkMovie #navMovie a,
#pageChkOnkyo #navOnkyo a,
#pageChkAnnounce #navAnnounce a,
#pageChkPoint #navPoint a,
#pageChkRecruit #navRecruit a,
#pageChkGraduate #navGraduate a,
#pageChkGuide #navGuide a,
#pageChkHouse #navHouse a,
#pageChkApplication #navApplication > a,
#pageChkExamination #navExamination a,
#pageChkGeneral #navGeneral a,
#pageChkScholarship #navScholarship a,
#pageChkEvent #navEvent a {
	background-color:#FFF;
}

/* active side th */
#pageTh #navTop a,
#pageThToho #navToho a,
#pageThMovie #navMovie a,
#pageThOnkyo #navOnkyo a,
#pageThAnnounce #navAnnounce a,
#pageThPoint #navPoint a,
#pageThRecruit #navRecruit a,
#pageThGraduate #navGraduate a,
#pageThGuide #navGuide a,
#pageThHouse #navHouse a,
#pageThApplication #navApplication > a,
#pageThExamination #navExamination a,
#pageThGeneral #navGeneral a,
#pageThScholarship #navScholarship a,
#pageThEvent #navEvent a {
	background-color:#FFF;
}

/* active side vn */
#pageVn #navTop a,
#pageVnToho #navToho a,
#pageVnMovie #navMovie a,
#pageVnOnkyo #navOnkyo a,
#pageVnAnnounce #navAnnounce a,
#pageVnPoint #navPoint a,
#pageVnRecruit #navRecruit a,
#pageVnGraduate #navGraduate a,
#pageVnGuide #navGuide a,
#pageVnHouse #navHouse a,
#pageVnApplication #navApplication > a,
#pageVnExamination #navExamination a,
#pageVnGeneral #navGeneral a,
#pageVnScholarship #navScholarship a,
#pageVnEvent #navEvent a {
	background-color:#FFF;
}

/* active side id */
#pageId #navTop a,
#pageIdToho #navToho a,
#pageIdMovie #navMovie a,
#pageIdOnkyo #navOnkyo a,
#pageIdAnnounce #navAnnounce a,
#pageIdPoint #navPoint a,
#pageIdRecruit #navRecruit a,
#pageIdGraduate #navGraduate a,
#pageIdGuide #navGuide a,
#pageIdHouse #navHouse a,
#pageIdApplication #navApplication > a,
#pageIdExamination #navExamination a,
#pageIdGeneral #navGeneral a,
#pageIdScholarship #navScholarship a,
#pageIdEvent #navEvent a {
	background-color:#FFF;
}

.sideLink li.last a {
	background-image:none;
	border-radius:0 0 4px 4px;
	-o-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	behavior:url(/htc/PIE.php);
}
.sideLink ul li a {
	/*padding:11px 25px 12px 35px;*/
	padding:11px 25px 12px 15px;
}
.adminButton {
	padding:20px 0 0 0;
}
.adminButton a {
	display:block;
	background:url(/img/common/bg_dash.gif) repeat;
	border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	behavior:url(/htc/PIE.php);
	position:relative;
	z-index:1;
	border:2px solid #ed618b;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	padding:13px 16px 12px 18px;
	text-decoration:none!important;
	line-height:1.3;
}
.adminButton a span {
	position:absolute;
	right:3px;
	top:50%;
	margin-top:-11px;
	font-size:15px;
}
/*** groupSubject ***/
.groupSubject {
	background:url(/img/common/bg_line04.gif) repeat-x 0 100%;
	margin-bottom:12px;
	padding-bottom:2px;
}
.groupSubject .title {
	margin-bottom:12px;
	color:#0074C1;
}
.groupSubject .orange {
	color:#E94708 !important;
}
.groupSubject .green {
	color:#009A62 !important;
}
.groupSubject .pink {
	color:#E5005A !important;
}
.groupSubject .subjectList li {
	padding-bottom:13px;
}
.groupSubject .subjectList01 li {
	float:left;
	width:50%;
}
.groupSubject .subjectList li.last {
	padding-bottom:0;
}
.groupSubject.last {
	background:none;
	margin-bottom:0;
}
/*** link ***/
.attachmentLink {
	text-align:right;
}
.attachmentLink a {
	display:inline-block;
	/*text-align:right;*/
}
/*** boxGroup ***/
.boxGroup .image {
	padding-top:20px;
}
/*** movie modal ***/
.movieModal {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	max-width:854px;
	width:100%;
	max-height:480px;
	/*background:#FFF;*/
	z-index:1001;
}
.overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:1000;
}
.movieModal .close {
	position:absolute;
	top:100%;
	right:0;
	margin-top:10px;
	padding:6px;
	font-size:0;
}
.movieModal .modalContent {
	display:block;
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.2%;
}
.movieModal .modalContent iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.linkList li {
	line-height:1.6;
}
.linkList a {
	display:inline-block;
	margin-top:1px;
	width:calc(100% - 18px);
	vertical-align:top;
}
#pageAbroadFlow .linkList a {
	width:auto !important;
}
.linkList01 span {
	display:inline-block;
	margin-right:5px;
}
.linkList01 a {
	width:calc(100% - 230px);
}
.linkList02 li {
	float:left;
	width:auto;
	margin-right:20px;
}
.linkList02 a {
	display:inline;
}
.aboutList {
	background:#E4F5FF;
	padding:17px 20px;
	margin:25px 0 40px 0;
}
.aboutList li {
	float:left;
	padding:3px 5px;
	display:table;
	width:50%;
}
.aboutList li a {
	width:100%;
	display:table-cell;
	height:100%;
	vertical-align:middle;
	text-align:left;
}
.aboutText {
	line-height:1.6;
}
.aboutList li.buttonStyle02 a {
	font-size:20px;
	padding: 16px 28px 16px 19px;
	position:relative;
}
.accessList {
	width:100%;
	margin:0 auto 30px;
}
.accessList li {
	position:relative;
	float:left;
	width:485px;
	border:6px solid #DDD5CD;
	margin:0 5px 10px;
}
.accessList li a.item {
	display:block;
	padding:14px 40px 12px 20px;
	/*min-height:150px;*/
	color:#333;
	text-decoration:none;
}
.accessList li a.item .map {
	position:absolute;
	right:0;
	bottom:-3px;
	background:#ddd5cd;
}
.accessList li a.item .map span.link {
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-decoration:none!important;
	padding:6px 5px 2px 11px;
}
.accessList li a.item .map span.link .fa {
	margin:0 0 0 10px;
	position:relative;
	top:-1px;
}
.accessList li p {
	line-height:1.6;
}
.accessList li .title {
	padding-bottom:5px;
	color:#0074C1;
	font-size:15px;
}
.noteText01 {
	padding-top:20px;
	line-height:1.5;
}
.contactGeneral li .title {
	color:#333;
	font-weight:bold;
}
.contactGeneral li .title a {
	font-weight:bold;
}
.generalElement .tel {
	padding-top:1px;
	line-height:1.6;
}
.generalElement .tel a {
	display:inline-block;
	font-size:15px;
	padding-left:30px;
	background:url(/img/common/icon_tel02.gif) no-repeat 0 50%;
}
.generalElement .tel span {
	display:inline-block;
	font-size:15px;
	padding-left:30px;
	background:url(/img/common/icon_tel02.gif) no-repeat 0 50%;
}
.table01 th,
.table01 td {
	line-height:1.5;
}
.contactGeneral {
	position:relative;
}
.contactGeneral li {
	width:100%;
	/*max-width:355px;*/
	margin:0 1% 1% 0;
	display:block;
	padding:11px 15px;
}
.contactGeneral .telStyle {
	margin:0 0 1px 0;
}
.contactGeneral .telStyle strong {
	vertical-align:middle;
	font-weight:normal;
	display:inline-block;
}
.contactGeneral .telStyle span {
	display:inline-block;
	background:#83786E;
	color:#FFF;
	font-size:11px;
	line-height:1.3;
	padding:2px 0 0 0;
	width:30px;
	vertical-align:middle;
	text-align:center;
	margin:0 5px 0 0;
}
.contactGeneral p.link {
	margin:3px 0 0 0;
}
.imageGraduate {
	margin:0 -1.25% 18px;
}
.imageGraduate li {
	float:left;
	max-width:310px;
	width:30.8%;
	margin:0 1.25% 2%;
	font-size:0;
}
.flowList {
	padding-bottom:30px;
}
.flowList li {
	line-height:1.6;
}
.flowList li span {
	display:inline-block;
	padding-left:20px;
	text-indent:-20px;
}
.abroadStyle01 li {
	margin-bottom:20px;
	padding-bottom:56px;
	background:url(/img/common/bg_arrow02.gif) no-repeat 0 100%;
	line-height:1.6;
}
.abroadStyle01 li:last-child {
	padding:0;
	background:none;
}
.abroadStyle01 li h3 {
	margin-bottom:16px;
	padding:0 0 4px 3px;
	border-bottom:1px solid #1F499F;
	color:#1F499F;
	font-size:22px;
	line-height:1.2;
}
.abroadStyle01 li h3 span {
	display:inline-block;
	margin-right:10px;
	padding:2px 7px;
	background:#1F499F;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	font-size:18px;
	vertical-align:top;
	color:#FFF;
	text-align:center;
}
.abroadStyle01 li p.styleText01 {
	padding-bottom:11px;
}
.abroadBox {
	margin:5px 0 15px;
	padding:16px 30px 14px;
	background:#E5F5FF;
}
.abroadStyle01 li .abroadBox dt {
	font-weight:bold;
}
.abroadStyle01 li .abroadBox dd {
	padding-bottom:4px;
}
.abroadStyle01 li .abroadBox dd:last-child {
	padding:0;
}
.abroadStyle01 li .abroadBox ul li {
	margin:0;
	padding:0 0 0 15px;
	background:none;
	text-indent:-15px;
}

@media screen and (max-width:1024px) {
	.sliderSubject p.prev a {
		left:-22px;
	}
	.sliderSubject p.next a {
		right:-22px;
	}
	.accessList li {
		float:left;
		width:49%;
		margin:0 0.5% 1%;
	}
}
@media screen and (max-width:1023px) {
	.sliderSubject p.prev a {
		display:none;
	}
	.sliderSubject p.next a {
		display:none;
	}
}
@media screen and (max-width:980px){
	.keyvFirstTime {
		padding-top:45.91%;
		height:auto;
	}
	/*** button ***/
	.buttonGroup01 li,
	.buttonGroup04 li {
		width:47.85%;
	}
	.buttonGroup04 .buttonStyle {
		font-size:18px;
	}
	.fInfo li a span {
		display:block;
	}
}
@media screen and (max-width:900px) {
	.adminButton {
		padding:10px 0 0 0;
	}
	.adminButton a {
		font-size:16px;
		padding:14px 15px 14px 16px;
		border-radius:3px;
		-o-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border:1px solid #ed618b;
	}
	.adminButton a span {
		right:10px;
		top:50%;
		margin-top:-14px;
		font-size:20px;
	}
	/*** table ***/
	.tableStyle01 th,
	.tableStyle01 td,
	.tableStyle02 th,
	.tableStyle02 td {
		font-size:14px;
	}
	.tableStyle01 .col01 {
		min-width:46px;
	}
	.tableStyle01 .col02 {
		width:100px;
	}
	.tableStyle01 .col05,
	.tableStyle02 .col05 {
		width:65px;
	}
	.tableStyle01 .col06,
	.tableStyle02 .col06 {
		width:115px;
	}
	.tableStyle02 tbody td,
	.tableStyle02 tbody th {
		border-left:none;
	}
	.tableStyle02 table {
		border-left: 1px solid #DDD5CD;
	}
	.tableStyle02 th.vfxTuition {
		border-bottom: none;
		border-right: 1px solid #DDD5CD;
	}
	.textBox {
		margin: 0 0 30px;
	}
	/* .buttonGroup07 a.buttonStyle span,
	.buttonGroup07 button.buttonStyle span {
		width:265px;
		padding:15px 5px;
		text-align:left;
	} */
}
@media screen and (max-width:820px){
	.buttonGroup03 li {
		width:54%;
		margin-left:0;
	}
}
@media screen and (max-width:736px){
	.sliderFirstTime {
		padding-top:62.5%;
	}
	.sliderSubject .pager {
		padding-bottom:5px;
	}
	/*** topicPath ***/
	#topicPath {
		margin-top:55px;
	}
	#topicPath ul,
	#topicPath ol {
		padding:20px 5px 14px 25px;
		max-width:inherit;
	}
	#topicPath li {
		background:url(/img/common/bg_topic_sp.gif) no-repeat 100% 3px;
		-webkit-background-size:6px auto;
		background-size:6px auto;
		padding:0 10px 0 0;
		margin:0 2px 0 0;
		height:inherit;
		float:none;
		line-height:1.5;
		display:inline;
	}
	#topicPath span.fa-home {
		top:0;
		left:-20px;
	}
	#topicPath li.first {
		padding-left:0;
	}
	/*** keyv ***/
	#keyvSP {
		position:relative;
		margin:1px 0 10px;
	}
	#pageHome #keyvSP {
		margin:55px 0 10px;
	}
	#keyvSP .keyv .inner {
		max-height:45.9%;
		overflow:hidden;
	}
	#keyvSP .thumbCarousel {
		display:none;
	}
	#keyvSP .keyv .inner li {
		float:left;
		font-size:0;
		display:block;
		width:100%;
	}
	#keyvSP .pager {
		display:block!important;
		position:absolute;
		left:0;
		width:100%;
		bottom:10px;
		/*margin-left:-48px;*/
		padding:0;
		background:transparent;
		text-align:center;
	}
	#keyvSP .pager a {
		display:inline-block;
		width:10px;
		height:10px;
		margin:0 3px;
		background:url(/img/common/icon_circle01.png) no-repeat;
		-webkit-background-size:10px auto;
		background-size:10px auto;
	}
	#keyvSP .pager a.selected {
		background:url(/img/common/icon_circle02.png) no-repeat;
		-webkit-background-size:10px auto;
		background-size:10px auto;
	}
	#keyvSP .pager span {
		visibility:hidden;
	}
	#keyvSP p.prev a, #keyv p.next a {
		display:none;
	}
	#keyvSP .keyv .inner img {
		width:100%;
	}
	.sliderSubject li {
		max-width:716px;
		margin:0;
	}


	/*** general block ***/
	.general .block {
		margin-bottom:5px;
	}
	.general .blockLeft,
	.general .blockRight {
		float:none;
		max-width:100%;
		width:100%;
		margin-bottom:5px;
	}
	.general .noneBorder {
		border-bottom:none;
	}
	.general .blockInner {
		padding:10px;
	}
	.general .block h4 img {
		width:145px;
	}
	.general .block .textContact span.phone {
		display:none;
	}
	.general .block .textContact a.phone {
		display:inline;
	}
	/*** section ***/
	.section04 {
		margin-bottom:0;
		border-bottom:none;
	}
	.sectionInner,
	.sectionInner01 {
		max-width:inherit;
		padding:0 10px;
	}
	.pageSubject .sectionInner {
		padding-bottom:0px;
	}
	.pointList .sectionInner {
		padding:0 10px;
	}
	/*** faq ***/
	.faqBlock .faqInner {
		margin:0 auto 20px;
		max-width:inherit;
		padding:0 10px;
	}
	.faqBlock .faqLast {
		margin-bottom:0;
	}
	.faqBlock .faqList li .question img {
		width:13px;
		height:auto;
		margin-right:5px;
	}
	.faqBlock .faqList li .question a {
		padding:10px 30px 10px 25px;
		background:url(/img/common/icon_arrow09.png) no-repeat 98% 50%;
		background-size:9px auto;
		color:#333;
		text-decoration:none;
		text-indent:-17px;
		font-size:14px;
	}
	.faqBlock .faqList li .question.active a {
		background:url(/img/common/icon_arrow10.png) no-repeat 98% 50%;
		background-size:9px auto;
	}
	.faqBlock .faqList li .inner .title img {
		width:13px;
		height:auto;
		margin-right:6px;
	}
	.faqBlock .faqList li .inner {
		margin:0;
		padding:10px 15px 10px 8px;
		background:#F9F7F5;
		line-height:1.6;
	}
	.faqBlock .faqList li .inner .title {
		margin-bottom:5px;
		padding-left:17px;
		text-indent:-17px;
		font-weight:bold;
	}
	.faqBlock .faqList li .inner div {
		padding-left:17px;
	}
	.faqBlock .faqInner .styleTel img {
		width:20px !important;
		height:auto !important;
	}
	.faqBlock .faqList span.tel {
		display:none;
	}
	.faqBlock .faqList a.tel {
		display:inline;
	}
	/*** box ***/
	.guidance {
		padding:10px 5px 0;
		margin-bottom:10px;
	}
	.guidance p {
		padding:0 5px;
		border-radius:5px;
	}
	.guidance .title {
		display:block;
		width:100%;
		padding:6px;
		border-bottom:1px solid #0074C1;
		text-align:center;
	}
	.guidance .title i {
		display:none;
	}
	.guidance .text {
		display:block;
		padding:6px;
	}
	#pageMovie .guidance .title {
		border-color:#E94708;
	}
	#pageOnkyo .guidance .title {
		border-color:#009A62;
	}
	#pageAnnounce .guidance .title {
		border-color:#E5005A;
	}
	.topic {
		margin:0 -5px;
		padding:10px 5px;
	}
	#pageHome .topic {
		margin:20px 0;
	}
	.topic .title span {
		min-width:87px;
		min-height:60px;
		font-size:18px;
		line-height:60px;
	}
	.topic .topicList li {
		padding-left:10px;
	}
	.experienceHead {
		padding:20px 0 0;
	}
	.experienceHead .image {
		margin:0 -5px 13px;
	}
	.experienceTable {
		margin-bottom:20px;
	}
	.fInfo li a span {
		display:inline-block;
	}
	.validBox {
		margin-bottom:15px;
		padding:10px;
	}
	.formBlock .notice {
		margin-bottom:15px;
		font-size:13px;
	}
	.formBlock .privacy {
		margin:0 10px 15px;
		padding:15px 10px;
		font-size:13px;
	}
	.completeBox {
		margin-bottom:15px;
		padding:40px;
		border-radius:10px;
		font-size:13px;
		text-align:left;
	}
	.completeBox .contactInfo strong {
		font-size:16px;
	}
	.completeBox .contactInfo .tel {
		background-size:24px auto;
		-webkit-background-size:24px auto;
		-moz-background-size:24px auto;
		padding-left:30px;
	}
	.consultFormHead .textStyle03 {
		float:none;
		width:100%;
	}
	.consultFormHead .buttonStyle02 {
		float:none;
		padding-top:0;
		padding-bottom:10px;
	}
	/*** page ***/
	.page {
		margin-top:10px;
	}
	.page li {
		margin:0 -1px;
	}
	.page li a {
		font-size:13px;
	}
	.page li.pcDisplay{
		display:none!important;
	}
	/*** checkbox ***/
	input[type="checkbox"] + label {
		line-height:1.5;
	}
	/*** select ***/
	.select {
		width:50px;
		height:40px;
		border-radius:10px;
		background:#F6F6F6 url(/img/common/icon_arrow03.gif) no-repeat 35px 50%;
		-webkit-background-size:7px auto;
		background-size:7px auto;
	}
	.select01 {
		border-radius:3px;
		background:#F9F7F5 url(/img/common/icon_arrow08.png) no-repeat 100% 50%;
		-webkit-background-size:15px auto;
		background-size:15px auto;
		box-shadow:0 0 3px #EEE;
	}
	.select01 select {
		padding:0 18px 0 8px;
	}
	/*** radio ***/
	.radio input[type="radio"] + label {
		height:18px;
		background:url(/img/common/icon_radio01.gif) 0 0 no-repeat;
		background-size:18px;
		font-size:13px;
	}
	.radio input[type=radio]:focus + label {
		background:url(/img/common/icon_radio01.gif) 0 0 no-repeat;
		background-size:18px;
	}
	.radio input[type=radio]:checked + label,
	.radio input[type=radio]:focus:checked + label,
	.radio input[type=radio]:active + label,
	.radio input[type=radio]:active:checked + label {
		background:url(/img/common/icon_radio02.gif) 0 0 no-repeat;
		background-size:18px;
	}
	/*** input[type="text"] ***/
	input[type="text"] {
		font-size:13px;
		box-shadow:0 0 3px #EEE;
	}
	.select.size03 {
		width:85px;
	}
	input.size03 {
		width:90px;
	}
	.select.size04 {
		width:65px;
	}
	input.size04 {
		width:70px;
	}
	.select.size05 {
		width:100%;
	}
	.select.size06 {
		width:120px;
	}
	input.size07,
	input.size09 {
		width:100%;
	}
	textarea.size08 {
		height:155px;
	}
	/*** label ***/
	label.size01 {
		width:30px;
	}
	label.size02 {
		width:70px;
	}
	/*** button ***/
	.buttonGroup01 {
		margin:0 10px 15px;
	}
	#pageHome .buttonGroup01 {
		margin:0 0 15px;
	}
	.buttonGroup01 li {
		display:block;
		max-width:100% !important;
		width:100% !important;
		margin-left:0 !important;
		margin-bottom:5px;
	}
	.buttonGroup02 {
		margin-bottom:5px;
	}
	.buttonGroup03 {
		font-size:0;
	}
	.buttonGroup03 li {
		width:100%;
		max-width:inherit;
		margin-left:0;
		margin-bottom:10px;
	}
	.buttonGroup03 a.buttonStyle {
		font-size:14px;
	}
	.buttonGroup03 a.buttonStyle i {
		font-size:20px;
	}
	.buttonGroup03 a.buttonStyle span {
		width:auto;
		text-align:left;
	}
	.buttonGroup03 li .txtSmall{
		padding-left:0 !important;
	}

	.buttonGroup04 {
		margin:0 5px 15px;
	}
	.buttonGroup04 li {
		display:block;
		max-width:100% !important;
		width:100% !important;
		margin-left:0 !important;
		margin-bottom:5px;
	}
	.buttonGroup05 {
		margin:0 10px;
	}
	.buttonGroup04 .buttonStyle {
		font-size:13px;
	}
	.buttonGroup05 .buttonStyle {
		min-height:35px;
		font-size:13px;
		line-height:35px;
	}
	.buttonGroup05 .buttonStyle i {
		font-size:20px;
	}
	/* .buttonGroup07 {
		text-align:center;
	}
	.buttonGroup07 li {
		display:block;
		width:100%;
		max-width:inherit;
		margin-left:0;
		margin-bottom:10px;
	}
	.buttonGroup07 a.buttonStyle span,
	.buttonGroup07 button.buttonStyle span {
		width:auto;
		padding:5px;
	} */

	/*各学校・学科ページ資料請求はこちら上のオープンキャンパスボタン*/
	.buttonGroup08 {
		margin-top: 0;
	}

	.buttonGroup08 li {
		width: 100%;
		max-width: 520px;
	}
	.buttonGroup08 li a.buttonStyle {
		width: 100%;
	}

	.button01 {
		margin:20px 0 10px;
	}
	.button01 .buttonStyle {
		max-width:100%;
		font-size:13px;
	}
	.button01 .buttonStyle i {
		display:inline-block;
		font-size:20px;
	}
	.button02 .buttonStyle,
	.button03 .buttonStyle {
		min-height:35px;
		line-height:35px;
		font-size:13px;
	}
	.button02 .buttonStyle i {
		font-size:20px;
	}
	.button03 .buttonStyle i {
		font-size:16px;
		margin-left:7px;
	}
	a.buttonStyle,
	button.buttonStyle {
		width:85%;
		max-width:520px;
		min-height:48px;
		/*padding:13px 3px 10px;*/
		border-width:3px !important;
		font-size:18px;
		line-height:44px;
		cursor:pointer;
		 -webkit-overflow-scrolling:normal;
	}
	a.buttonStyle i {
		margin:0 5px;
		font-size:22px;
	}
	a.buttonStyle span.spText{
		font-size:14px;
	}
	a.buttonDocument {
		width:85%;
		min-height:50px;
		margin-bottom:10px;
		padding:12px;
		border-width:2px;
		font-size:15px;
	}
	a.buttonDocument i {
		font-size:18px;
	}
	.infoButton {
		width:140px;
		font-size:13px;
	}
	.infoButton.blue,
	.infoButton.gray {
		border-width:3px;
	}
	.buttonStyle02 a {
		padding:5px 5px 5px 10px;
	}
	.buttonStyle02 a span {
		margin-left:10px;
	}
	.buttonStyle02.fullWidth {
		text-align:center;
	}
	.buttonStyle02.fullWidth a {
		width:100%;
		padding:12px 15px 12px 5px;
	}
	.buttonStyle03 a {
		padding:5px 5px 5px 10px;
	}
	.buttonStyle03 a span {
		margin-left:10px;
	}
	.buttonStyle03.fullWidth {
		text-align:center;
	}
	.buttonStyle03.fullWidth a {
		width:100%;
		padding:15px 15px 15px 5px;
		font-size:14px;
	}
	.squareList {
		margin: 0 10px;
	}
	.squareList li {
		margin-bottom: 15px;
	}
	.squareList li .innerSquare {
		padding: 0 0 14px 0;
	}
	.squareList .buttonStyle02 a {
		padding: 12px 5px !important;
		font-size: 13px;
	}
	.squareList .textSquareList.active {
		padding-bottom: 10px;
	}
	.squareList .textSquareList dt {
		padding-bottom: 5px;
		font-size: 15px;
	}
	.squareList .textSquareList dt span {
		padding-left: 16px;
	}
	.squareList .textSquareList dt:before {
		width: 12px;
		height: 12px;
	}
	.squareList .textSquareList dd {
		padding-bottom: 15px;
		font-size: 14px;
		line-height: 1.6;
	}
	.squareList .textSquareList dd:last-child {
		padding-bottom: 0;
	}
	.sideButton {
		margin-top:10px;
	}
	.sideButton li {
		margin-bottom:5px;
	}
	.sideButton a {
		padding:15px;
		border-width:1px !important;
		font-size:16px;
	}
	.btnReleaseMail {
		text-align:center;
		padding:13px 7px;
	}
	.btnReleaseMail a {
		width:100%;
		text-align:center;
	}
	/*** list ***/
	.itemList,
	.newsList {
		width:100%;
		margin:0 0 10px;
		padding:0 4px;
		border:1px solid #DDD5CD;
	}
	.itemList li,
	.newsList li {
		display:block;
		position:relative;
		float:none;
		max-width:100%;
		width:100%;
		margin:0;
		padding:10px 20px 10px 5px;
		background:#FFF url(/img/common/icon_dot01.gif) repeat-x;
		-webkit-background-size:2px auto;
		background-size:2px auto;
		cursor:pointer;
	}
	.itemList li:first-child,
	.newsList li:first-child {
		background:none;
	}
	.itemList .itemImage,
	.newsList .imageBlock {
		display:table-cell;
		float:none;
		width:70px;
		margin:0;
		font-size:0;
	}
	.itemList .itemImage {
		width:105px;
	}
/*	.newsList .imageBlock a {
		display:block;
		position:relative;
		overflow:auto;
		margin:0 auto;
		padding-bottom:100%;
	}*/
	.itemList .itemImage img {
		width:100%;
	}
	.itemList .itemBlock,
	.newsList .textBlock {
		float:none;
		*/display:table-cell;*/
		width:auto;
		padding:0 15px;
		vertical-align:top;
	}
	.itemList .itemBlock .dateText {
		padding-bottom:3px;
	}
	.itemList .itemBlock .dateText span {
		padding-right:5px;
		font-size:14px;
	}
	.itemList .itemBlock .admission {
		min-width:inherit;
		margin:0 3px 3px 0;
		padding:2px 5px;
		font-size:11px;
	}
	.itemList .itemBlock .link a {
		font-size:13px;
		font-weight:bold;
	}
	.itemList i,
	.newsList i {
		display:block;
	}
	.newsList .textBlock .link {
		font-size:13px;
	}
	.newsList .tubeBtn img {
		width:30px;
	}
	.stepList {
		margin-bottom:15px;
	}
	.stepList li {
		padding-right:20px;
		-webkit-background-size:20px auto !important;
		background-size:20px auto !important;
		font-size:13px;
	}
	.stepList li span {
		width:80px;
		padding:5px;
	}
	.shareList {
		text-align:center;
		margin-bottom:10px;
	}
	.shareList li img {
		height:25px;
	}
	/*** table ***/
	.experienceTable th {
		width:100%;
		display:block;
		border-top:none;
		border-bottom:none;
		font-size:13px;
		text-align:left;
	}
	.experienceTable tr:first-child th {
		border-top:1px solid #DDD5CD;
	}
	.experienceTable td {
		width:100%;
		display:block;
		padding:12px 10px;
	}
	.experienceTable td .date {
		font-size:14px;
	}
	.experienceTable td .date span {
		display:block;
	}
	.experienceTable td .tel {
		display: block;
		margin-left: 0;
		font-size: 20px;
	}
	.experienceTable td .tel em,
	.experienceTable td .tel a {
		font-size:14px;
		padding-left: 30px;
		-webkit-background-size: 26px auto;
		background-size: 26px auto;
	}
/*
	.experienceTable td .date span em {
		padding-left:22px;
		-webkit-background-size:18px auto;
		background-size:18px auto;
	}*/

	.experienceTable td .noteText li {
		font-size:14px;
	}
	.experienceTable td .buttonStyle {
		max-width:68px;
		min-height:18px;
		font-size:11px;
		line-height:21px;
	}
	.experienceTable td .buttonStyle i {
		font-size:15px;
	}
	.participationForm {
		padding-top:20px;
	}
	.formTable {
		margin-bottom:15px;
		border-radius:10px;
	}
	.formTable tr.first.last th {
		border-radius:10px 10px 0 0;
		-o-border-radius:10px 10px 0 0;
		-moz-border-radius:10px 10px 0 0;
		-webkit-border-radius:10px 10px 0 0;
	}
	.formTable tr:first-child th {
		border-radius:10px 10px 0 0;
		-webkit-border-radius:10px 10px 0 0;
	}
	.formTable tr:first-child td {
		border-radius:0;
	}
	.formTable tr.last th {
		border-radius:0;
	}
	.formTable tr.last td {
		border-radius:0 0 10px 10px;
	}
	.formTable th,
	.formTable02 th {
		display:block;
		max-width:100%;
		width:100%;
		padding:10px;
	}
	.formTable th .require {
		display:inline-block;
		width:30px;
		margin-top:0;
		margin-left:15px;
		font-size:11px;
	}
	.formTable td,
	.formTable02 td {
		display:block;
		max-width:100%;
		width:100%;
		padding:10px;
		border-left:none;
		border-top:1px solid #CCC !important;
		line-height:1.4;
	}
	.formTable01 td {
		padding:10px 20px;
	}
	.formTable .inputList li {
		display:block;
		margin-bottom:10px;
		margin-left:0;
	}
	.formTable .inputList li.last {
		margin-bottom:0 !important;
	}
	.formTable .inputList label {
		font-size:13px;
	}
	.formTable .inputList span.input {
		width:calc(100% - 41px);
	}
	.formTable .inputList input.size01,
	.formTable .inputList input.size02 {
		max-width:100%;
		width:100%;
	}
	.formTable .inputError {
		font-size:13px;
	}
	.formTable .birthday .select {
		margin-right:0;
	}
	.formTable .birthday label {
		margin-right:5px;
	}
	.formTable .noteText {
		margin-top:8px;
		margin-left:0;
		font-size:11px;
	}
	.formTable .text {
		font-size:11px;
		color:#333;
	}
	.formTable .cross {
		margin:0 -1px;
	}
	.formTable .button {
		width:95px;
		margin-left:10px;
	}
	.formTable .button button.buttonStyle {
		height:40px;
		border-bottom:none;
		font-size:12px;
		line-height:14px;
	}
	.formTable .addressBox .blueText {
		padding-top:15px;
		font-size:13px;
	}
	.formTable .searchZipcode {
		margin:12px 0 0;
		padding:10px 12px 15px;
	}
	.formTable .searchZipcode .title {
		padding:4px 3px 3px;
		font-size:15px;
	}
	.formTable .searchZipcode .searchBox {
		padding:0;
	}
	.formTable .searchZipcode .searchBox .district {
		display:block;
		margin-bottom:10px;
	}
	.formTable .searchZipcode .searchBox .enterAddress {
		display:block;
		width:100%;
		margin-left:0;
	}
	.formTable .searchZipcode .searchBox .enterAddress .input {
		width:100%;
		margin-bottom:15px;
	}
	.formTable .searchZipcode .searchBox .button {
		display:block;
		margin:0 auto;
		width:95px;
	}
	.formTable .searchZipcode .resultBox {
		margin-top:15px;
	}
	.formTable .searchZipcode .resultList li {
		padding:8px 6px;
	}
	.formTable .searchZipcode .resultList .code {
		width:70px;
	}
	.formTable .searchZipcode .resultList .button {
		width:40px;
	}
	.formTable .searchZipcode .resultList .address {
		width:calc(100% - 120px);
		padding-right:5px;
	}
	.formTable .searchZipcode .resultList button {
		width:40px;
		height:25px;
		padding:0 2px;
	}
	.formTable .searchZipcode .page {
		margin:10px 0 -10px 5px;
	}
	.formTable .addressBox .inputAddress {
		margin-top:15px;
		border-top:1px dotted #ddd;
	}
	.formTable .addressBox span.input {
		width:calc(100% - 81px);
	}
	.formTable .addressBox input.size06 {
		width:100%;
	}
	.formTable .addressBox input[type="text"] {
		padding-left:10px;
	}
	.formTable .text01 {
		font-size:11px;
	}
	.textStyle03 .tel .phoneNone,
	.formTable .text01 .tel .phoneNone {
		display: none;
	}
	.textStyle03 .tel .phone,
	.formTable .text01 .tel .phone {
		display: block;
	}
	.formTable .addressConfirm {
		margin:-12px -10px;
	}
	.formTable .addressConfirm li {
		padding:12px 10px;
		border-top:1px dotted #CCC;
	}
	.formTable .textAreaWrap textarea {
		padding:9px 12px;
		height:160px;
	}
	.formTable .textAreaWrap .placeholderDiv {
		padding:9px 12px;
	}
	.tableStyle01 .pc {
		display:none;
	}
	.tableStyle01 .sp {
		display:inline-block;
	}
	.tableStyle01 td.sp {
		display:block;
	}
	.tableStyle01 tr {
		border:1px solid #DDD5CD;
	}
	.tableStyle01 tr th {
		display:none;
	}
	.tableStyle01 tr th.tableCell {
		display:block;
		border:none;
	}
	.tableStyle01 td {
		display:block;
		padding:0 5px;
		border:none;
		line-height:1.7;
	}
	.tableStyle01 td.title {
		background:#F8F7F5;
		padding:10px 10px 8px;
	}
	.tableStyle01 tr td.blue {
		text-align:left;
	}
	.tableStyle01 tr td.blue01 {
		border-top:1px solid #DDD5CD;
		background:#E5F5FF;
	}
	.tableStyle01 td span.title01 {
		width:100%;
		margin:0 -5px;
		padding:10px 10px 8px;

	}
	.tableStyle01 td:last-child {
		padding-bottom:8px;
	}
	.tableStyle01 td a {
		word-break:break-all;
	}
	.tableStyle01 td a[href^="tel"] {
		color:#0074C1;
	}
	.tableStyle01 dl {
		margin:-5px -5px 0;
	}
	.tableStyle01 .spLeft,
	.tableStyle02 .spLeft {
		text-align:left;
	}
	.tableStyle01 .text01 {
		display:block;
		margin:5px 0 0;
		padding:4px 5px 3px;
		background:#F9F7F5;
		color:#83786E;
		text-align:left;
	}
	.tableStyle01 .text02 {
		display:block;
		margin:0;
		padding:4px 5px;
		text-align:left;
	}
	.tableStyle01 dd:last-child {
		padding-bottom:0;
	}

	.feeGroup .tableStyle01 td {
		display: table-cell;
	}
	.feeGroup .tableStyle01 td:last-child {
		padding-bottom:0;
	}

	.tableStyle02 .spNone {
		border-right: none;
		visibility: hidden;
	}
	.tableStyle02 table,
	.tableStyle02 thead th,
	.tableStyle02 thead td {
		display:block;
	}
	.tableStyle02 thead tr {
		display: inline-flex;
		flex-direction: column;
		margin-right:-5px;
		background: #FFF;
	}
	.tableStyle02 thead {
		position: absolute;
		z-index: 1;
		top:0;
		left:0;
		padding-right:5px;
	}
	.tableStyle02 thead th,
	.tableStyle02 thead td {
		border-top:none;
		border-right: 1px solid #DDD5CD !important;
		margin: 0;
	}
	.tableStyle02 thead {
		border-top:1px solid #DDD5CD;
	}
	.tableStyle02 tbody {
		display:block;
		overflow-x:auto;
		width:auto;
		white-space:nowrap;
		border-right:1px solid #DDD5CD;
		border-left:1px solid #DDD5CD;
		-webkit-overflow-scrolling:touch;
	}
	.tableStyle02 tbody tr {
		width: 100%;
	}
	.tableStyle02 .brNone {
		border-right:none;
	}
	.tableStyle02 td:last-child,
	.tableStyle02 th:last-child{
		border-right:none;
	}
	.tableStyle02 table {
		display: block;
		position: relative;
		border-left:none;
		padding-bottom: 10px;
	}
	/* movie vfx taimeteble */
	.timetable table {
		display:block;
	}
	.timetable tbody {
		display:block;
		overflow-x:auto;
		width:auto;
		white-space:nowrap;
		-webkit-overflow-scrolling:touch;
	}

	.tableStyle03 {
		border-bottom:1px solid #DDD5CD;
	}
	.tableStyle03 th {
		display:block;
		width:auto!important;
		border:none;
		border-top:1px solid #DDD5CD;
	}
	.tableStyle03 tr:first-child th {
		border:none;
	}
	.tableStyle03 td {
		display:block;
		border:none;
	}
	.aboutTable td {
		display:inline-block;
	}
	.tableStyle03 .date {
		padding-bottom:0;
		text-align:left;
	}
	.tableStyle03 .info {
		padding-top:5px;
	}
	#pageGuidelinesScholarshipExam .tableStyle01 .w1,
	#pageGuidelinesScholarshipExam .tableStyle01 .w2 {
		width:100%;
	}
	#pageGuidelinesScholarshipExam .tableStyle01 .title {
		padding: 10px 15px;
	}
	/*** text ***/
	.textStyle03 {
		padding:10px 0;
	}
	span.description {
		margin-left:0;
		margin-top:10px;
		color:#333;
	}
	/*** two column***/
	#main.main {
		float:none;
		width:100%;
		max-width:inherit;
	}
	#sideBlock {
		float:none;
		width:inherit;
		max-width:inherit;
		margin:0 -10px;
		padding:20px 10px 0;
		border-top:1px solid #DDD5CD;
	}
	.sideBox h4 {
		position:relative;
		padding:18px 15px;
		border-radius:4px 4px 0 0;
		-o-border-radius:4px 4px 0 0;
		-moz-border-radius:4px 4px 0 0;
		-webkit-border-radius:4px 4px 0 0;
		text-align:left;
		cursor:pointer;
	}
	.sideBox h4 span {
		display:inline-block;
		position:absolute;
		top:50%;
		right:10px;
		font-size:20px;
		-webkit-transform:translate(0px, -60%);
		-moz-transform:translate(0px, -60%);
		transform:translate(0px, -60%);
	}
	.sideBox h4.active {
		-webkit-border-radius:4px 4px 0 0;
		-moz-border-radius:4px 4px 0 0;
		border-radius:4px 4px 0 0;
	}
	.sideBox h4 .fa-minus-circle,
	.sideBox h4.active .fa-plus-circle {
		display:none;
	}
	.sideBox h4.active .fa-minus-circle {
		display:inline-block;
	}
	.groupSubject .subjectList li {
		float:none;
		width:100%;
		padding-bottom:10px;
	}
	/*** link ***/
	.attachmentLink a {
		font-size:13px;
		text-indent:-8px;
		padding-left:17px;
	}
	.attachmentLink.style01{
		text-align:left;
	}
	/*** boxGroup ***/
	.boxGroup .image {
		margin:0 -5px;
		padding-top:10px;
		font-size:0;
	}
	.description .content {
		padding:5px 13px 8px;
	}
	.description .content h3 {
		font-size:16px;
		line-height:24px;
	}
	/*** modal movie ***/
	.movieModal,
	.overlay {
		display:none !important;
	}
	.aboutList {
		padding:12px 5px;
		margin:15px 0 0 0;
	}
	.aboutList li {
		float:none;
		padding:3px 0;
		display:table;
		width:100%;
	}
	.aboutList li a {
		width:100%;
		display:table-cell;
		height:100%;
		vertical-align:middle;
		text-align:left;
	}
	.aboutText {
		line-height:1.4;
	}
	.aboutList li.buttonStyle02 a {
		font-size:13px;
		padding:11px 25px 11px 17px;
		position:relative;
	}
	.buttonStyle02 a span {
		margin-left:5px;
		position:relative;
		top:-1px;
	}
	/* .about {
		margin:0 -5px;
	} */
	.about .aboutText {
		padding:0 5px;
	}
	.flowList {
		padding-bottom:20px;
	}
	.flowList li span {
		padding-left:15px;
		text-indent:-15px;
	}
	.accessList {
		margin-bottom:0;
	}
	.accessList li {
		float:left;
		width:100%;
		margin:0 0 5px 0;
	}
	.accessList li a.item {
		display:block;
		padding:10px 20px 10px 10px;
		min-height:inherit;
		border:3px solid #DDD5CD;
		color:#333;
		text-decoration:none;
	}
	.accessList li a.item .map span.link {
		font-size:14px;
		padding:4px 5px 2px 10px;
	}
	.accessList li a.item .map span.link .fa {
		margin:0 0 0 7px;
	}
	.accessList li .title {
		padding-bottom:0;
		font-size:14px;
	}
	.accessList li .tel {
		padding-top:1px;
	}
	.generalElement .tel span {
		display:inline-block;
		font-size:14px;
		padding-left:20px;
		background:url(/img/common/icon_tel_sp.png) no-repeat 0 2px;
		background-size:17px auto;
		line-height:1.2;
	}
	.generalElement .tel a {
		font-size:14px;
	}
	.contactGeneral {
		padding-bottom:10px;
	}
	.contactGeneral .tel span {
		background-size:25px auto;
		padding-left:30px;
	}
	.contactGeneral .tel a {
		background:none;
		padding-left:0;
	}
	.contactGeneral li {
		width:100%;
		max-width:inherit;
		margin:0 0 5px 0;
		padding:11px 11px;
		border:3px solid #ddd5cd;
	}
	.contactGeneral .telStyle span {
		font-size:12px;
		width:25px;
	}
	.contactGeneral p.link {
		margin:2px 0 0 0;
	}
	.imageGraduate {
		margin:-6px 5px 0 5px;
		position:relative;
	}
	.imageGraduate li {
		width:100%;
		float:none;
		max-width:inherit;
		margin:0 0 10px 0;
	}
	.imageGraduate li img {
		width:100%;
		max-width:inherit;
	}
	.abroadStyle01 li {
		margin-bottom:10px;
		padding-bottom:35px;
		background:url(/img/common/bg_arrow02.gif) no-repeat 0 100%;
		background-size:35px auto;
		line-height:1.6;
	}
	.abroadStyle01 li .abroadBox ul li {
		padding:0 0 0 13px;
		text-indent:-13px;
	}
	.abroadStyle01 li h3 {
		margin-bottom:10px;
		font-size:18px;
	}
	.abroadStyle01 li h3 span {
		margin-right:7px;
		padding:2px 6px 1px;
		font-size:14px;
	}
	.abroadBox {
		padding:10px 15px;
	}
	.keyvFirstTimeSP {
		position:relative;
		overflow:hidden;
		/*height:320px;*/
	}
	.keyvFirstTimeSP ul {
		position:absolute;
		top:0;
		left:0;
	}
	.keyvFirstTimeSP .keyvText {
		display:none;
	}
	.keyvFirstTimeSP img {
		width:100%;
	}
	.keyvFirstTimeSP {
		padding-top:62.5%;
	}
	.sliderSubject .pager {
		padding-bottom:5px;
	}
}
/* @media screen and (max-width:480px){
	.buttonGroup03 a.buttonStyle span {
		width:110px;
		text-align:left;
	}
} */

@media (min-width:1px) {
	.empty {
		color:#f8f7f5;
	}
}
/* position fixed sidebar */
h1.headline1 {
	border-bottom:1px solid #ddd5cd;
	margin-bottom:20px;
}
#main.main {
	margin-top:0;
}
#sideBlock {
	margin-top:0;
}
.section04 {
	border-top:none;
}
#sideBlock {
	position:relative;
}
#section04 .sectionInner {
	 overflow:hidden;
}
#sideBlockInner {
	max-width: 220px;
	padding-bottom:10px;
}
.sideButton li:last-child {
	margin-bottom:0
}
.aboutPerson {
	display:table;
	width:100%;
	margin:-10px 0 25px 0;
	line-height:1.6;
}
.aboutPerson .image {
	display:table-cell;
	width:20.83%;
	max-width:150px;
	vertical-align:top;
}
.aboutPerson .aboutPersonText {
	display:table-cell;
	padding:0 0 0 20px;
	vertical-align:top;
}
.aboutPerson .aboutPersonText .imageName {
	text-align:right;
	padding:13px 0 0 0;
}
.aboutPerson .aboutPersonText .imageName img {
	width:184px;
}
.aboutPerson .aboutPersonList li {
	padding:0 0 10px 20px;
	text-indent:-20px;
}
#pageAboutDiploma .box {
	width: auto;
	border: 6px solid #DDD5CD;
	padding:20px;
	margin-bottom:20px;
}
#pageAboutDiploma .box h3 {
	font-size:18px;
	font-weight:bold;
}
#pageAboutDiploma .box p {
	margin-top:10px;
	margin-bottom:10px;
	line-height:1.6;
}
#pageAboutDiploma .box .icon {
	display: inline-block;
	background: #83786E;
	color: #FFF;
	padding: 2px 10px;
	margin-bottom:10px;
}
#pageAboutDiploma .tableStyle01 .title {
	font-weight:bold;
}
#pageAboutDiploma .tableStyle05 .title {
	width:20%;
	font-weight:bold;
	background: #F9F7F5;
}
#pageAboutDiploma .tableStyle05 td {
	text-align:center;
}
#pageAboutDiploma .box dl {
	width:100%;
}
#pageAboutDiploma .box dt,
#pageAboutDiploma .box dd {
	margin-bottom:7px;
	line-height:1.5;
	font-size:15px;
}
#pageAboutDiploma .box dt {
	width:65px;
	margin-right:20px;
	float:left;
	font-weight:bold;
	white-space:nowrap;
}
#pageAboutDiploma .box dd {
	width:auto;
}

.schoolElement p.image {
	display:table-cell;
	width:34.72%;
	vertical-align:top;
	max-width:250px;
}
.schoolElement .accessListLink {
	display:table-cell;
	vertical-align:top;
	padding:0 0 0 20px;
}
.schoolElement .accessListLink ul {
	background:#f9f7f5;
	padding:10px;
}
.schoolElement .accessListLink ul li {
	background:#FFF;
	padding:8px 9px 5px 9px;
	margin:0 0 5px 0;
	line-height: 1.5;
}
.schoolElement .accessListLink ul li span {
	font-size: 14px;
}
.schoolElement .accessListLink ul li:last-child {
	margin:0;
}
.schoolElement .accessListLink ul li a {
	margin:0 5px 0 0;
}
.about .schoolElement {
	padding:0 0 36px 0;
}
.recruitElement .image {
	margin:20px 0 0 0;
}
.recruitElement .image img {
	border:1px solid #c2c2c3;
}
.recruitElement .textBox {
	margin: 50px 0 15px;
	ine-height: 1.6em;
}
.recruitElement .anchorLinkEnter {
	margin: 20px -5px 0;
	padding: 0 0 20px 0;
}
.recruitElement .anchorLinkEnter li {
	width: 50%;
	margin-bottom: 6px;
	padding: 0 5px;
}
.recruitElement .anchorLinkEnter a {
	background: #1f499f;
	border: 1px solid #1f499f;
}
.recruitElement .anchorLinkEnter a {
	background: #1f499f;
	border: 1px solid #1f499f;
}
.recruitElement .anchorLinkEnter a {
	position: relative;
	display: block;
	padding: 8px 22px;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
}
.recruitElement .anchorLinkEnter a:hover {
	background:#FFF;
	color:#1F499F;
	opacity:0.6;
}
.recruitElement .anchorLinkEnter i {
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -8px;
	margin-right: 0;
}

/* end position fixed sidebar */
@media screen and (max-width:736px){
	#sideBlockInner {
		max-width: inherit;
		width:auto!important;
	}
	.aboutPerson {
		display:table;
		width:100%;
		margin:0 0 15px 0;
		line-height:1.6;
	}
	.aboutPerson .image {
		display:table-cell;
		width:75px;
		max-width:75px;
		vertical-align:top;
	}
	.aboutPerson .aboutPersonText {
		display:table-cell;
		padding:0 0 0 10px;
		vertical-align:top;
	}
	.aboutPerson .aboutPersonText .imageName {
		padding:7px 0 0 0;
	}
	.aboutPerson .aboutPersonText .imageName img {
		width:140px;
	}
	.aboutPerson .aboutPersonList {
		margin:0 0 -10px 0;
		position:relative;
	}
	.aboutPerson .aboutPersonList li {
		padding:0 0 10px 15px;
		text-indent:-15px;
	}

	#pageAboutDiploma .box {
		padding:15px;
	}
	#pageAboutDiploma .box p {
		margin-bottom:0;
	}
	#pageAboutDiploma .tableStyle01 td.title {
		padding: 5px 10px 5px;
	}
	#pageAboutDiploma .tableStyle01 td {
		padding-bottom: 2px;
	}
	#pageAboutDiploma .tableStyle01 .text02 {
		padding: 4px 7px 2px;
	}

	#pageAboutDiploma .box dt,
	#pageAboutDiploma .box dd {
		font-size:12px;
	}
	#pageAboutDiploma .box dt {
		width:50px;
	}

	.schoolElement p.image {
		display:block;
		width:100%;
		max-width:inherit;
		margin:0 0 10px 0;
	}
	.schoolElement p.image img {
		width:100%;
	}
	.schoolElement .accessListLink {
		display:block;
		vertical-align:top;
		padding:0;
	}
	.schoolElement .accessListLink ul {
		padding:8px;
	}
	.schoolElement .accessListLink ul li {
		background:#FFF;
		padding:6px 6px 5px 6px;
		margin:0 0 5px 0;
	}
.schoolElement .accessListLink ul li span {
	font-size: 13px;
}
	.schoolElement .accessListLink ul li:last-child {
		margin:0;
	}
	.schoolElement .accessListLink ul li a {
		margin:0 5px 0 0;
	}
	.about .schoolElement {
		padding:0 0 20px 0;
	}
	.recruitElement .image {
		margin:15px 0;
	}
	.recruitElement .image img {
		width:145px;
	}
	.recruitElement .textBox {
		margin-top:30px;
	}
	.recruitElement .anchorLinkEnter {
		margin-top:10px;
	}

	.recruitElement .anchorLinkEnter li {
		width: 95%;
	}

}
.searchElement {
	background:#ddd5cd;
	max-width:980px;
	margin:0 auto;
	padding:20px 13% 20px 13%;
}
.gsc-search-box-tools .gsc-input-box {
	border:none;
	border-radius:6px;
	height:40px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input input 	{
	margin:0!important;
	padding:0!important;
	border:none!important;
	box-shadow:none!important;
}
.searchElement .gsib_a {
	padding:8px 0 0 20px;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2,
.cse input.gsc-search-button,
.cse input.gsc-search-button:hover,
.cse input.gsc-search-button:focus {
	background:#83786e!important;
	width:100px!important;
	height:40px!important;
	filter: none!important;
	border:none!important;
	border-radius:6px!important;
	padding:10px 40px 10px 40px!important;
	box-shadow:none!important;
}
.gsc-control-cse div.gsc-selected-option {
	white-space:nowrap!important;
}
.gsst_a {
	padding-top:10px!important;
	border:none!important;
}
table.gsc-search-box td {
	vertical-align:top!important;
	border:none!important;
	background:none!important;
}
.foreignBox.pc i {
	display:none!important;
}
.foreignBox.pc .foreign {
	display:block!important;
}
.moreDancer .buttonStyle02,
.moreDancer.pc .buttonStyle02 {
	display:none!important;
}
.footer01 .fLeftBox {
	width: -moz-calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	float:left;
	padding-right:10px;
}
.twitterF {
	float:right;
	width:300px;
	border: 4px solid #DDD5CD;
	border-radius:5px;
	overflow:hidden;
}
@media screen and (max-width:736px) {
	.moreDancer .buttonStyle02 {
		display:block!important;
		padding:15px 0 0 0;
	}
	.footer01 .fLeftBox {
		width:100%;
		float:none;
		padding:0;
	}
	.timeline {
		max-width: 100% !important;
		width: 100% !important;
		box-sizing:border-box;
	}
	.twitterF {
		float:none;
		width:84%;
		margin: 20px auto 10px;
		border:none;
	}
	.twitterF iframe {
		max-width: 100% !important;
		width: 100% !important;
		box-sizing:border-box;
	}
	.searchElement {
		background:#ddd5cd;
		max-width:980px;
		margin:0 auto;
		padding:20px 10px 20px 10px;
	}
	.searchElement .gsib_a {
		padding:8px 0 0 10px;
	}
	#sideBlock,
	#sideBlockInner {
		position:static!important;
	}
	.foreignBox .headline9 {
		position:relative;
		padding-right:35px;
	}
	.foreignBox .headline9 i {
		position:absolute;
		right:8px;
		top:50%;
		margin-top:-10px;
		font-size:20px;
		display:none;
	}
	.foreignBox .headline9 i.open {
		display:inline-block;
	}
	.foreignBox .headline9.accor_active i.open {
		display:none;
	}
	.foreignBox .headline9.accor_active i.close {
		display:inline-block;
	}
	.foreignBox .foreign {
		display:none;
	}
	/*.pointBlock .fullWidth.orange {
		margin:-5px 0 15px 0;
	}*/
	.moreDancer a {
		background:#E5005A;
		border-color:#E5005A;
	}
	.moreDancer a .fa-angle-up {
		display:none;
	}
	.moreDancer a:hover {
		color:#E5005A;
	}
	.actorListSP {
		display:none;
		padding-bottom:15px;
	}
	.pointBlock .moreDancer .buttonStyle02 {
		padding:0;
	}
	.pointBlock .moreDancer .buttonStyle02 span {
		width:10px;
		height:10px;
	}
	.pointBlock .moreDancer .buttonStyle02 i {
		position:absolute;
		top:4px;
		left:0;
	}
	.pointBlock .moreDancer .buttonStyle02 .fa-angle-down {
		display:inline-block;
	}
	.pointBlock .moreDancer .buttonStyle02.accor_active .fa-angle-up {
		display:none;
	}
	.pointBlock .moreDancer .buttonStyle02.accor_active .fa-angle-up {
		display:inline-block;
	}
	.pointBlock .moreDancer .buttonStyle02.accor_active .fa-angle-down {
		display:none;
	}
	.pointBlock .actorListSP li:last-child {
		margin-bottom:0;
	}
	.moreDancer .actorListSP li,
	.pointBlock .actorListSP li {
		height:auto!important;
	}
	.designBlock .blockInner .blockText01,
	.designBlock .blockInner .title,
	.designBlock .itemList02 li {
		height:auto!important;
	}
	.tableFix th.pb0 {
		padding-top:13px!important;
	}
}
.scrollSwipe {
	display:table;
	width:100%;
	text-align:center;
	padding:0 0 13px 0;
}
.scrollSwipe .image {
	display:inline-block;
	width:38px;
	margin:0!important;
	font-size:0;
	padding:0!important;
	line-height:0;
	vertical-align:middle;
}
.scrollSwipe .text {
	display:inline-block;
	padding:0 0 0 10px;
	vertical-align:middle;
	text-align:left;
	width:63%;
	margin:0!important;
	font-size:13px;
}
.hElement {
	text-align:right;
	margin:-2px 0 0 0;
}
.hElement .logoSmall {
	display:inline-block;
	padding-right:10px;
	line-height:0;
	font-size:0;
	vertical-align:middle;
	margin:-5px 0 0 0;
}
.hElement .hLink,
.hElement .hLink02 {
	display:inline-block;
	vertical-align:top;
}
.infoText .fadeTransition,
.infoText .fadeout_tween {
	display:block;
	opacity:0;
	 -ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.infoText .outTransition {
	opacity:1;
	 -ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.eventList {
	margin-bottom:-20px;
	padding:10px 0;
}
#pageHome .eventList {
	margin-bottom:0;
	padding:0;
}

.eventList li {
	margin-bottom:20px;
	background:url(/img/common/bg_line03.gif) repeat 0 0;
}
.eventList li img {
	vertical-align:top;
}
.eventList .button {
	max-width:300px;
	margin:0 auto;
	padding:10px 0;
}
.eventList .opencampusList {
	max-width:518px;
	margin-bottom:10px;
}
.eventList .button a {
	border-width:4px;
	font-size:20px;
	line-height:normal;
	padding:9px 0;
	min-height:34px;
}
.eventList .opencampusList a {
	padding:15px 0;
}
.eventList .bnrExperience {
	padding:0;
	margin-bottom:10px;
}
.eventList .textLink {
	padding:0 ;
	padding-bottom:30px;
	font-size:16px;
}
.eventList .textLink a span {
	margin: 0 7px 0 0;
}
@media screen and (max-width:736px) {
	.eventList {
		padding-top:0;
	}
	#pageHome .eventList {
		padding-top:0;
	}
	.eventList li {
		margin-bottom:10px;
	}
	.eventList .button {
		padding:5px;
		max-width:100%;
		vertical-align:top;
	}
	.eventList .opencampusList {
		max-width:100%;
		margin-bottom:10px;
	}
	.eventList .button a {
		border-width: 3px;
		font-size: 13px;
		padding:5px 0;
		min-height:18px;
	}
	.eventList .opencampusList a {
		padding:10px 0;
	}
	.eventList .bnrExperience {
		padding:0 5px;
		margin-bottom:10px;
	}
	#pageHome .eventList .bnrExperience {
		padding: 0;
		margin-bottom: 10px;
	}
	.eventList .textLink {
		padding:0 5px;
		padding-bottom:20px;
		font-size:14px;
	}
	#pageHome .eventList .textLink {
		padding-bottom:0;
	}
	.eventList .textLink a span {
	margin: 0 5px 0 0;
	}
}
/*opencampus/list/*/
.filterGroup {
	background:#f9f7f5;
	padding:28px 40px 10px 40px;
}
.filterInner {
	background:#fff;
	border:1px solid #ccc;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding:30px 25px 30px 24px;
    margin-bottom:23px;
}
.filterGroup h3 {
	font-size:18px;
	padding:0 0 10px 0;
	font-weight:bold;
}
.filterGroup .button .buttonStyle  {
	width:330px;
	font-size:16px;
	margin:0 auto;
	min-height:inherit;
	line-height:inherit;
	padding:8px 0;
}
.filterSelect li {
	display:inline-block;
	padding-right:3.8%;
}
.filterSelect li:last-child  {
	padding-left:0;
}
.filterSelect01 {
	display: flex;
}
.itemFilter {
	display: block;
	position: relative;
	padding-left: 27px;
	padding-right: 3.8%;
	cursor: pointer;
	font-size: 14px;
	user-select: none;
}
.itemFilter input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.checkmark {
	position: absolute;
	top: -3px;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: #FFF;
	border: 2px solid  #b9b9b9;
	border-radius: 50%;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.itemFilter input:checked ~ .checkmark:after {
	display: block;
}
.itemFilter .checkmark:after {
	top: 3px;
	left: 3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #0074C1;
}
.filterSelect01.colorGreen .itemFilter .checkmark:after {
	background-color: #009A62;
}
.filterSelect01.colorOrange .itemFilter .checkmark:after {
	background-color: #E94708;
}
.filterSelect01.colorRed .itemFilter .checkmark:after {
	background-color: #E5005A;
}
@media screen and (max-width:736px) {
	.filterSelect01 {
		flex-wrap: wrap;
		padding: 0;
	}
	.itemFilter {
		display: inline-flex;
		width: 50%;
		margin: 0;
		padding: 10px 10px 9px 37px;
		border-bottom: 1px solid #ccc;
		font-size: 15px;
	}
	.filterSelect01 .itemFilter:last-child,
	.filterSelect01 .itemFilter:nth-last-of-type(-n+2):not(:nth-child(even)) {
		border-bottom: 0;
	}
	.filterSelect01 .itemFilter:nth-child(odd) {
		border-right: 1px solid #ccc;
	}
	.checkmark {
		top: 9px;
		left: 12px;
		height: 19px;
		width: 19px;
	}
	.itemFilter .checkmark:after {
		top: 2px;
		left: 2px;
		width: 11px;
		height: 11px;
	}
}
.filterSum {
	text-align:right;
	padding:10px 0 20px;
	font-weight:bold;
}
.filterSum span {
	color:#0074c1;
	padding-right:2px;
	font-size:26px;
}
.filterGroup .filter {
	font-size:15px;
	line-height:1.6;
	padding:9px 0 0 0;
}
/*.filterModal {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	width:880px;
	max-width:90%;
	max-height:89%;
	height:874px;
	background:#fff;
	border-radius:5px;
	z-index:1001;
	border:1px solid #ccc;
}*/
.filterModal {
	/*display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;*/
	opacity: 0;
	visibility: hidden;
	position: fixed!important;
	margin:0!important;
	top: 50%!important;
	left: 50%!important;
	margin:0!important;
	z-index: 10000;
	width: calc(100% - 20px);
	max-width: 880px;
	max-height: 88vh;
	border-radius: 6px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	background-color: #fff;
	-webkit-transform: translate(-50%, -51%);
	transform: translate(-50%, -51%);
}
.filterTest {
	height:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.show {
	opacity: 1;
	visibility: visible;
}
.filterModal .modalContent {
	padding: 0 39px;
	max-height:calc(88vh - 90px - 45px);
	overflow: hidden;
	overflow-y:auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.showButton.filterModal .modalContent {
	max-height:calc(88vh - 90px - 120px);
}
.filterModal .close {
	position:absolute;
	top:10px;
	right:10px;
}
.titleModal {
	padding:34px 0 0;
	height:90px;
	text-align:center;
	position:relative;
}
.titleModal h3 {
	font-weight: bold;
	font-size: 20px;
}
.titleModal .close {
	top: -30px;
	background: url(/img/common/icon_close_m.png) no-repeat 0px 0;
	right:0;
	font-size:0;
	width:19px;
	height:19px;
}
.filterRow {
	border:1px solid #ccc;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin-bottom:20px;
}
.filterRow:last-child {
	margin-bottom:0;
}
.filterRow .title {
	background:#f9f7f5;
	padding:14px 17px 14px 24px;
	border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    color:#0074c1;
    font-weight:bold;
    font-size:18px;
}
.filterRow .title input[type=checkbox]:checked + label::after,
.filterRow .title input[type=checkbox] + label::before {
	 top:2px;
}
.filterRow02 .title {
	color:#ff5f18;
}
.filterRow03 .title {
	color:#019a62;
}
.filterRow04 .title {
	color:#e5005a;
}
.orange.filterSum span {
	color:#E94708;
}
.green.filterSum span {
	color:#019a62;
}
.pink.filterSum span {
	color:#e5005a;
}
.orange input[type=checkbox]:checked + label::after,
.filterRow02 input[type=checkbox]:checked + label::after {
	border-color:#ff5f18;
}
.green input[type=checkbox]:checked + label::after,
.filterRow03 input[type=checkbox]:checked + label::after {
	border-color:#019a62;
}
.pink input[type=checkbox]:checked + label::after ,
.filterRow04 input[type=checkbox]:checked + label::after {
	border-color:#e5005a;
}
.subjectFilter {
	padding:20px 0 0 0;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.subjectFilter li {
	width:33.333%;
	padding:0 0 22px 24px;
}
.showButton.filterModal .button {
	height:120px;
}
.filterModal .button {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:45px;
	padding-top:34px;
	text-align:center;
}
.filterModal .buttonStyle {
	width: 330px;
    font-size: 16px;
    margin: 0 auto;
    min-height: inherit;
    line-height: inherit;
    display:none;
    padding: 8px 0;
}
.filterOver .overlay {
	display:none!important;
}
.filterOver .overlayOver {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
}
.filterMore {
	position:relative;
	padding:0 0 30px 0;
}
.filterMore:after {
	position:absolute;
	top:-36px;
	left:0;
	width:100%;
	content:"";
	height:50px;
	background: url(/img/common/bg_all_view.png) repeat-x 0 0;
}
.filterMore .moreBtn {
	text-align:center;
	position:relative;
	z-index:1;
	padding-top:5px;
}
.filterMore .moreBtn a {
	color:#004ea2;
	display:inline-block;
	background: url(/img/common/btn_all_view.png) no-repeat 0 50%;
	padding:1px 0 1px 20px;
}
.filterMore .moreBtn a.active {
	background: url(/img/common/btn_all_view_h.png) no-repeat 0 50%;
}
.setValue .filter {
	overflow:hidden;
	height:60px;
}
.filterContent {
	border-bottom: 1px solid #ddd;
	margin-bottom:30px;
}
.filterContent .title {
	font-weight:bold;
}
.filterContent.active.setValue .filter {
	height:auto;
}
.filterContent.active .filterMore .moreBtn a {
	background: url(/img/common/btn_all_view_h.png) no-repeat 0 50%;
}
.filterContent.active .filterMore:after {
	display:none;
}
.subjectFilter label br {
	display:none;
}
.contentType {
	border:1px solid #ddd5cd;
}
.contentType {
	padding:25px 30px 0;
	margin-bottom:25px;
}
.contentType .titleType {
	font-weight:bold;
	padding-bottom:18px;
	margin:0 0 0 -6px;
}
.contentType li {
	line-height:1.5;
	padding-bottom:19px;
	margin-bottom:19px;
	border-bottom:1px solid #ddd5cd;
}
.contentType li:last-child {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}
.contentType .textType b {
	display:block;
	padding-bottom:2px;
}
.contentType .time {
	display:flex;
	display:-webkit-flex;
}
.contentType span {
	min-width:90px;
	font-weight:bold;
	display:block;
	width:90px;
}
.contentType b {
	display:block;
}
.contentType .textType {
	padding-left:90px;
}
.moreType {
	padding-bottom:25px;
	text-align:center;
}
.moreType .btnType {
	position:relative;
}
.moreType .btnType:after {
    position: absolute;
    top: -41px;
    left: 0;
    width: 100%;
    content: "";
    height: 45px;
    background: url(/img/common/bg_all_view.png) repeat-x 0 0;
}
.moreType a {
	position:relative;
	z-index:10;
}
.moreType a {
	font-size:18px;
	color: #004ea2;
    display: inline-block;
    background: url(/img/common/btn_all_view.png) no-repeat 0 50%;
    padding: 1px 0 1px 20px;
    font-weight:bold;
}
.active.contentType .moreType a {
	background: url(/img/common/btn_all_view_h.png) no-repeat 0 50%;
}
.contentType .listType {
	overflow: hidden;
    height:76px;
}
.active.contentType .listType {
	height:auto;
}
.active.contentType .moreType {
	padding-top: 15px;
}
.active.contentType .moreType .btnType:after {
	display:none;
}
.no1Display .filterMore {
	display:none;
}
.filterText .title {
	font-weight:bold;
}
.childGroup.filterGroup .filter {
	margin-top:-9px;
}
@media screen and (max-width:870px) and (min-width: 737px) {
	.subjectFilter input[type=checkbox] + label {
	   font-size:13px;
	   margin-right:-5px;
	}
}
@media screen and (max-width:736px) {
	.subjectFilter label br {
		display:inline-block;
	}
	.filterGroup {
		margin:0 -5px;
		padding:15px 10px 1px 10px;
	}
	.filterInner {
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		padding:15px 12px 15px;
		margin-bottom:15px;
	}
	.filterInner01 {
		padding:0;
	}
	.filterGroup h3 {
		font-size:16px;
	}
	.filterContent  {
	    margin-bottom: 15px;
	}
	.filterContent .title {
		font-size:14px;
	}
	.filterGroup .button .buttonStyle  {
		width:70%;
		font-size:14px;
		padding:10px 0;
		margin:0 auto;
	}
	.filterInner {
		overflow:hidden;
	}
	.filterSelect {
		display:-webkit-flex;
		display:flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		margin-bottom:-1px;
	}
	.filterSelect li {
		width:50%;
		padding:0!important;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		display:-webkit-flex;
		display:flex;
		align-items: center;
		-webkit-align-items: center;
	}
	.filterSelect li input[type=checkbox] + label {
	   padding: 10px 5px 10px 40px!important;
	   margin-right:0!important;
	   width:100%;
	}
	.filterSelect li input[type=checkbox] + label::before {
		top:50%;
		margin-top:-10px;
		left:12px;
	}
	.filterSelect li input[type=checkbox]:checked + label::after {
		top:50%;
		margin-top:-10px;
		left:12px;
	}
	.filterSelect li:nth-child(2n) {
		border-right:none;
	}
	.filterSelect li.lastOdd {
		border-bottom:none;
	}
	.filterSum {
		text-align:center;
		padding:10px 0 20px;
		font-size:15px;
	}
	.filterSum span {
		font-size:20px;
	}
	.filterGroup .filter {
		font-size:14px;
		line-height:1.5;
		padding:9px 0 0 0;
	}
	.filterMore {
		padding-bottom:12px;
	}
	.filterGroup h3.last {
		font-size:16px;
	}
	.filterMore:after {
		top:-27px;
	}
	.filterSelect li input[type="checkbox"] + label {
		font-size:15px;
		line-height:1.2;
		height:100%;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
	}
	.filterModal .close {
		position:absolute;
		top:10px;
		right:10px;
	}
	.titleModal {
		padding:18px 0 19px;
		height:55px;
	}
	.titleModal h3 {
		font-size: 15px;
		padding:0 15px;
	}
	.titleModal .close {
		top: -25px;
		background: url(/img/common/icon_close_m_sp.png) no-repeat 0px 0;
		-webkit-background-size:16px auto;
		background-size:16px auto;
		right:10px;
		width:16px;
		height:16px;
	}
	.filterRow {
		border-radius: 15px;
	    -moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
	    margin-bottom:14px;
	}
	.filterRow:last-child {
		margin-bottom:0;
	}
	.filterRow .title input[type=checkbox]:checked + label::after,
	.filterRow .title input[type=checkbox] + label::before {
		 left:12px;
		 top: 50%;
		 margin-top:-11px;
	}
	.filterRow .title label {
	    padding:11px 17px 14px 40px;
	    width:100%;
	    margin:0!important;
	}
	.filterRow .title {
		padding:0!important;
		margin-right:0!important;
		border-radius: 15px 15px 0 0;
		-moz-border-radius: 15px 15px 0 0;
		-webkit-border-radius: 15px 15px 0 0;
		border-bottom:1px solid #ccc;
		font-size:16px;
	}
	.subjectFilter {
		padding:0;
	}
	.subjectFilter li {
		width: 50%;
		/*padding:12px 9px!important;*/
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding:0;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
	}
	.subjectFilter li:nth-child(2n) {
		border-right:none;
	}
	.subjectFilter li.lastOdd {
		border-bottom: none;
	}
	.filterModal .button {
		height:83px;
		padding:18px 15px 0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.filterModal .buttonStyle {
		width: 70%;
		margin:0 auto;
		font-size: 13px;
		padding: 8px 0;
	}
	.subjectFilter li input[type=checkbox]:checked + label::after,
	.subjectFilter li input[type=checkbox] + label::before {
		top: 50%;
		left:12px;
		margin-top: -11px;
	}
	.subjectFilter li input[type="checkbox"] + label {
		font-size:13px;
		line-height:1.3;
		padding:12px 9px 12px 40px;
		width:100%;
		margin:0;
		height:100%;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
	}
	.filterMore .moreBtn  {
		padding-top:0;
	}
	.filterMore .moreBtn a {
		padding-top:0;
		margin-top:0;
		font-size:15px;
	}
	.setValue .filter {
		height:48px;
	}
	.childGroup .setValue .filter {
		margin-top:-9px;
	}
	.no1Display .filter {
		height: 43px;
	}
	.filterModal .titleModal .close {
		top:-22px;
	}
	.filterModal {
		max-height: 82vh;
	}
	.showButton.filterModal .button {
		height:83px;
	}
	.filterModal .button {
		padding:18px 15px;
		height:36px;
	}
	.filterModal .modalContent {
		padding:0 10px 5px;
		max-height:calc(82vh - 55px - 36px);
	}
	.showButton.filterModal .modalContent {
		max-height:calc(82vh - 55px - 83px);
	}
	.contentType {
		padding:15px 15px 0;
		margin-bottom:15px;
	}
	.contentType .titleType {
		font-size:14px;
		padding-bottom:12px;
		margin:0 0 0 -6px;
	}
	.contentType li {
		line-height:1.5;
		padding-bottom:19px;
		margin-bottom:19px;
		border-bottom:1px solid #ddd5cd;
	}
	.contentType li:last-child {
		border-bottom:none;
		margin-bottom:0;
		padding-bottom:0;
	}
	.contentType .time {
		display:flex;
		padding-bottom:4px;
		display:-webkit-flex;
	}
	.contentType span {
		min-width:inherit;
		display:inline-block;
		width:auto;
		font-size:14px;
		padding-right:6px;
	}
	.contentType b {
		display:block;
	}
	.contentType .textType {
		padding-left:0;
		font-size:12px;
	}
	.moreType {
		padding-bottom:15px;
		padding-top:7px;
	}
	.moreType .btnType:after {
	    position: absolute;
	    top:-39px;
	    left: 0;
	    width: 100%;
	    content: "";
	    height:39px;
	    background: url(/img/common/bg_all_view.png) repeat-x 0 0;
	}
	.moreType a {
		font-size:15px;
	    background: url(/img/common/btn_all_view.png) no-repeat 0 50%;
	    padding: 1px 0 1px 20px;
	}
	.active.contentType .moreType a {
		background: url(/img/common/btn_all_view_h.png) no-repeat 0 50%;
	}
	.contentType .listType {
	    height:64px;
	}
	.active.contentType .listType {
		height:auto;
	}
	.active.contentType .moreType {
		padding-top: 15px;
	}
	.active.contentType .moreType .btnType:after {
		display:none;
	}

	#keyvNew .slider-for {
		font-size:0;
	}
	.slider-nav {
		font-size:0;
	}
	#keyvNew li {
		outline:none;
	}
	.subLink {
		background: url(/img/common/bg_thumbnail.gif) repeat;
		padding:11px 4px;
	}
	.subLink li {
		padding:0 4px;
		outline:none;
	}
	.subLink li span {
		outline:none;
		display:block;
		position:relative;
	}
	.subLink .slick-current span:after {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		content:"";
		height:100%;
		border:3px solid #333;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.mb20.spfix {
		margin-bottom:15px!important;
		margin-top:-5px;
	}
}
@media screen and (max-width:420px) {
	.subjectFilter input[type="checkbox"] + label {
		margin-right:-3px;
		font-size:11px;
	}
}
@media screen and (max-width:330px) {
	.conversionList li img {
	    width: 145px;
	}
}
/* /announce/voice_actor/ */
.contentSeiyuu {
	padding:0 0 37px 0;
}
.seiyuuGroup {
	border:5px solid #ddd5cd;
	padding:9px 30px 15px 30px;
}
.contentSeiyuu .headline4 {
	padding:0 10px 0;
	font-size:30px;
}
.contentSeiyuu .headline4 img {
	width:73px;
	margin-right:13px;
	vertical-align:middle;
	position:relative;
}
.contentSeiyuu .headline4 br {
	display: none;
}
.contentSeiyuu .sectionInner {
	padding-bottom: 8px!important;
}
.contentSeiyuu .text {
	line-height: 1.6;
	text-align: center;
	padding:0 0 17px 0;
}
.contentSeiyuu p {
	line-height: 1.6;
}
.contentSeiyuu p.textBold {
	font-size:17px;
	font-weight:bold;
	text-align:center;
	padding-bottom:21px;
}
.contentSeiyuu li {
	line-height:1.6;
}
.contentSeiyuu .textDetail {
	padding:0 0 17px 0;
	margin:-15px 0 0 0;
}
.moreSeiyuu {
	text-align:center;
}
.moreSeiyuu .btnSeiyuu {
	position:relative;
}
/*.moreSeiyuu .btnSeiyuu:after {
    position: absolute;
    top: -48px;
    left: 0;
    width: 100%;
    content: "";
    height: 48px;
    background: url(/img/common/bg_all_view.png) repeat-x 0 0;
}*/
.moreSeiyuu a {
	position:relative;
	z-index:10;
}
.moreSeiyuu a {
	font-size:18px;
	color: #004ea2;
    display: inline-block;
    background: url(/img/common/btn_all_view.png) no-repeat 0 50%;
    padding: 1px 0 1px 20px;
    font-weight:bold;
}
.active.contentSeiyuu .moreSeiyuu a {
	background: url(/img/common/btn_all_view_h.png) no-repeat 0 50%;
}
.contentSeiyuu .listSeiyuu {
	overflow: hidden;
    height:0;
    transition:all 1.5s ease-in-out;
}
.contentSeiyuu ul {
    padding:10px 0 0 0;
}
.active.contentSeiyuu .listSeiyuu {
	height:auto;
}
.active.contentSeiyuu .moreSeiyuu {
	padding-top: 0;
}
.active.contentSeiyuu .moreSeiyuu .btnSeiyuu:after {
	display:none;
}
.seiyuuSection {
	padding:6px 0 0;
	border-bottom: 1px solid #DDD5CD;
	background:#fff;
	margin-top: -2px;
}
.seiyuuSection .sectionInner {
	padding-bottom:53px!important;
}
.seiyuuBox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:-2px;
	justify-content: space-between;
	 -webkit-justify-content: space-between;
}
.seiyuuBox li {
	width: 49%;
	margin-bottom:2%;
	padding:14px 14px 9px 14px;
	border:1px solid #ddd5cd;
	transition:all 0.2s;
}
.seiyuuBox li.bl-hover {
	border-color:#0074c1;
}
.seiyuuBox li div.textInfo {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	 -webkit-justify-content: space-between;
	 padding:0 0 6px 0;
}
.seiyuuBox li p.image {
	width:calc(204*100%/450);
}
.seiyuuBox li p.link {
	width:calc(230*100%/450);
	margin:-3px 0 0 0;
}
.seiyuuBox li p.link a {
	text-decoration:none;
	font-size:16px;
	line-height:1.5;
}
.seiyuuSection .headline4 br {
	display: none;
}
.seiyuuBox .textSub {
	font-size:14px;
	line-height:1.6;
}
.contentSeiyuu .headline4 span {
	display:inline-block;
	margin: 0;
	padding: 0;
	vertical-align:middle;
}
.contentSeiyuu .headline4 strong {
	display:inline-block;
	vertical-align:middle;
}
.boxChange {
	display: flex;
	flex-wrap: wrap;
	padding: 17px 0 18px;
	align-items: flex-end;
}
.boxChange .dateChange {
	width:50%;
}
.boxChange .dateChange a {
	text-decoration: none!important;
	display:inline-block;
	margin-bottom:-3px;
}
.boxChange .dateChange a:hover span{
	text-decoration:underline;
}
.boxChange .filterSum {
	width:50%;
	padding:0;
	text-align: right;
}
@media screen and (max-width:736px) {
	.seiyuuSection {
		padding-top: 30px;
		border-bottom:none;
		padding-bottom: 0;
	}
	.seiyuuSection .headline4 br {
		display: block;
	}
	.seiyuuSection .sectionInner {
		padding-bottom: 0!important;
	}
	.seiyuuBox {
		display:block;
		padding-bottom:5px;
		margin-top:5px;
	}
	.seiyuuBox li {
		display:block;
		margin-bottom:10px;
		padding:10px 10px 8px 10px;
		width:100%;
	}
	.seiyuuBox li p.image {
	    width:calc(280*100%/570);
	}
	.seiyuuBox li p.link {
	   width: calc(270*100%/570);
	}
	.seiyuuBox li p.link a {
		font-size:14px;
	}
	.seiyuuBox .textSub {
		font-size:14px;
	}
	.contentSeiyuu .headline4 {
		font-size:22px;
		padding-bottom:20px;
		line-height:1.1;
	}
	.contentSeiyuu .headline4 br {
		display:inline;
	}
	.contentSeiyuu .headline4 img {
		margin-right:7px;
		position:relative;
		width:52px;
	}
	.contentSeiyuu {
		padding:30px 5px 10px 5px;
		margin-top:-10px;
		margin-bottom:-10px;
		background:#fff;
	}
	.seiyuuGroup {
		padding:22px 10px 15px 10px;
		border-width:2px;
	}
	.contentSeiyuu p.textBold {
		font-size:16px;
		font-weight:normal;
		margin-top:-5px;
		line-height:1.5;
		padding-bottom:15px;
		text-align:left;
	}
	.contentSeiyuu p.textBold br {
		display:none;
	}
	.contentSeiyuu .text {
		text-align:left;
		font-size:14px;
		padding-bottom:13px;
	}
	.contentSeiyuu .listSeiyuu {
		padding-top:0;
	}
	.contentSeiyuu .listSeiyuu ul {
		padding-top:5px;
	}
	.moreSeiyuu a {
		font-size: 15px;
		background: url(/img/common/btn_all_view.png) no-repeat 0 50%;
		padding: 1px 0 1px 20px;
	}
	.active.contentSeiyuu .moreSeiyuu a {
		background: url(/img/common/btn_all_view_h.png) no-repeat 0 50%;
	}
	.contentSeiyuu .textDetail {
		padding:10px 0 20px 0;
		line-height:1.5;
	}
	.contentSeiyuu li:last-child .textDetail {
		padding-bottom:16px;
	}
	.section04.mb30 .page {
		margin-bottom:-20px;
		margin-top:15px;
	}
}
@media screen and (max-width:320px) {
	a.buttonStyle span.spText{
		font-size:12px;
	}
	#pageAbroadExhibitioner .buttonStyle02 a {
		font-size: 13px;
	}
}
.movieItem {
	background:#f9f7f5;
	padding:40px 0 30px 0;
}
.movieItem h2 {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #0074C1;
	padding-bottom: 25px;
}
.movieItem .youtubeLink a {
	/*background: url(/img/common/icon_book.png) no-repeat 0 50%;*/
	padding:0 0 0 15px;
	font-size:14px;
}
.movieItem .videoBox {
	font-size:14px;
}
.movieItem  .tubeTitle {
   padding: 9px 0 8px;
}
.movieItem .youtubeLink {
	padding:8px 0 8px;
}
.movieItem .youtubeLink a span {
	top:-1px;
}
@media screen and (max-width:736px) {
	.movieItem h2 {
	   font-size: 15px;
	   padding-bottom:10px;
	}
	.movieItem {
	   padding: 20px 0 20px 0;
	}
	.movieItem .textBlock {
		padding-bottom:15px;
	}
}

.guidance.style02 {
	max-width: 1000px;
	margin-bottom: 20px;
}
.guidance.style02 > * {
	padding: 7px 20px 5px 20px;
	border-radius: 10px;
	display: flex;
	align-items: center;
}
.guidance.style02 .title {
	display: block;
	margin-right: 25px;
	width: auto;
}
.guidance.style02 .text {
	display: block;
	width: calc(100% - 116px);
}
.guidance.style02 .text.text02 > span {
	display: flex;
	padding: 13px 0 13px 15px;
	border-bottom: 1px solid #dbdbdb;
	line-height: 1.4;
}
.guidance.style02 .text.text02 > span:last-child {
	border-bottom: none;
}
.guidance.style02 .text a.txt {
	display: block;
	color:#333;
}
.guidance.style02 .text .date {
	display: block;
	white-space: nowrap;
	margin-right: 15px;
}
#pageToho .schoolTopicBlock {
	padding-bottom: 10px;
}
#pageOnkyo .schoolTopicBlock {
	padding-bottom: 10px;
}
#pageAnnounce .schoolTopicBlock {
	padding-bottom: 10px;
}
#pageMovie .schoolTopicBlock {
	padding-bottom: 10px;
}

@media screen and (max-width:736px) {
	#pageToho .schoolTopicBlock {
		padding-bottom: 20px;
	}
	#pageOnkyo .schoolTopicBlock {
		padding-bottom: 20px;
	}
	#pageAnnounce .schoolTopicBlock {
		padding-bottom: 20px;
	}
	#pageMovie .schoolTopicBlock {
		padding-bottom: 20px;
	}
	.guidance.style02 {
		margin: 0 10px 10px 10px;
	}
	.guidance.style02 > * {
		flex-wrap: wrap;
		padding: 10px 5px 5px;
		border-radius: 5px;
	}
	.guidance.style02 .title {
		width: 100%;
		margin-right: 0;
		border-bottom: none;
	}
	.guidance.style02 .text {
		width: 100%;
		font-size: 13px;
		padding-top: 3px;
	}
	.guidance.style02 .title i {
		display: inline-block;
		margin-right: 5px;
	}
	.guidance.style02 .text .date {
		margin-right: 10px;
	}
	.guidance.style02 .text.text02 > span {
		padding: 10px 0 9px;
	}
}