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

	--all_school.css--

	1. Layout setting

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


/*==================================================================
	1. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	index page
-------------------------------------------------------------------*/
.exBanner {
	width: 40%;
	padding-bottom: 10px;
}
@media screen and (max-width:750px) {
	.exBanner {
		width: 70%;
	}
}
@media screen and (max-width:640px) {
	.exBanner {
		width: 80%;
	}
}

.boxNoteInfo {
	border:2px solid #FF0000;
	margin:30px 0;
	padding:15px 20px;
	text-align: center;
}
.boxNoteInfo p {
	font-size: 15px;
	line-height: 1.5;
}
.boxNoteInfo .textRed {
	color: #FF0000;
}

#keyv {
	margin-top:1px;
}
#keyv .keyv {
	background:url(/img/toho/bg_keyv.gif) repeat 0 0;
}
#pageMovie #keyv .keyv {
	background:url(/img/movie/bg_keyv.gif) repeat 0 0;
}
#pageOnkyo #keyv .keyv {
	background:url(/img/onkyo/bg_keyv.gif) repeat 0 0;
}
#pageAnnounce #keyv .keyv {
	background:url(/img/announce/bg_keyv.gif) repeat 0 0;
}
#keyv .keyv .inner {
	overflow:hidden;
}
#keyv li .item .left {
	position:relative;
}
#keyv li .item .left {
	float:left;
	width:17.37%;
	max-width:170px;
}
#keyv li .item .right {
	float:left;
	width:65.27%;
	max-width:640px;
}
#keyv li .item .right p.image {
	float:left;
	position:relative;
	width:100%;
	max-width:640px;
	height:0;
	padding-bottom:56.25%;
}
#keyv li .item .right p.image iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#keyv li .item .imageRight {
	position:relative;
	float:right;
	max-width:171px;
	width:17.37%;
}
#keyv li .item .imageRight p.image01 {
	max-width:170px;
	width:100%;
}
#keyv li .item .imageRight p.image01 img {
	max-width:100%;
}
#keyv li .item .imageRight .list {
	position:absolute;
	bottom:20px;
	width:100%;
	right:0;
	text-align:center;
	z-index:100;
}
#keyv li .item .imageRight .list a {
	width:100px;
	text-align:center;
	color:#FFF;
	font-size:15px;
	background:#0074C1;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:4px 0 4px 0;
	display:inline-block;
}
#pageMovie #keyv li .item .imageRight .list a {
	background:#E94708;
}
#pageOnkyo #keyv li .item .imageRight .list a {
	background:#009A62;
}
#pageAnnounce #keyv li .item .imageRight .list a {
	background:#E5005A;
}
.info {
	padding:10px 0;
}
.infoText {
	background:#0074C1;
	border:1px solid #0074C1;
	display:table;
}
.infoText .text01 {
	display:table-cell;
	vertical-align:middle;
	background:url(/img/common/bg_arrow01.png) no-repeat 100% 50%;
	color:#FFF;
	max-width:350px;
	width:35.71%;
	font-size:22px;
	font-weight:bold;
	padding:10px 25px 10px 32px;
	line-height:1.5;
}
.infoText .text02 {
	display:table-cell;
	vertical-align:middle;
	background:#FFF;
	padding:18px 20px 12px 30px;
	line-height:1.5;
}
#pageMovie .infoText {
	background:#E94708;
	border-color:#E94708;
}
#pageOnkyo .infoText {
	background:#009A62;
	border-color:#009A62;
}
#pageAnnounce .infoText {
	background:#E5005A;
	border-color:#E5005A;
}
#pageMovie h2.text {
	color:#E94708;
}
#pageMovie .movieItem .youtubeLink a {
	color:#E94708;
}
#pageMovie .pointHead h4 {
	color:#E94708;
	font-weight: bold;
	margin-bottom: 10px
}
#pageOnkyo h2.text {
	color:#009A62;
}
#pageOnkyo .movieItem .youtubeLink a {
	color:#009A62;
}
#pageAnnounce h2.text {
	color:#E5005A;
}
#pageAnnounce .movieItem .youtubeLink a {
	color:#E5005A;
}
.subject {
	padding:40px 0 40px;
	margin-bottom:40px;
	border-bottom: 1px solid #DDD5CD;
}
.subject.schoolTopNewsHide {
	padding:40px 0 30px !important;
}
.subjectLead {
	font-size:17px;
	line-height:1.6;
	text-align:center;
	margin-bottom:30px;
}
.listPic {
	text-align:center;
	max-width:1162px;
	padding:0 10px;
	margin:0 auto;
}
.listPic li {
	display:inline-block;
	position:relative;
	width:33.33%;
	margin:0 -2px 30px;
	padding:0 40px;
	vertical-align:top;
}
.listPic li h3 {
	font-size:23px;
	color:#0074C1;
	font-weight:bold;
	padding:8px 0 5px 0;
}
.listPic li h3 a {
	color:#0074C1;
}
#pageMovie .listPic li h3 {
	color:#E94708;
}
#pageMovie .listPic li h3 a {
	color:#E94708;
}
#pageOnkyo .listPic li h3 {
	color:#009A62;
}
#pageOnkyo .listPic li h3 a {
	color:#009A62;
}
#pageAnnounce .listPic li h3 {
	color:#E5005A;
}
#pageAnnounce .listPic li h3 a {
	color:#E5005A;
}
.listPic li .listPicInner {
	position:relative;
}
.listPicInner .lead {
	margin:7px 0;
}
.listPic li .image {
	position:relative;
}
.listPic li .image a {
	display:block;
	border-radius:50%;
	font-size:0;
}
.listPic li .listPicInner .iconText01 {
	position:absolute;
	left:-25%;
	top:-13px;
	z-index:7;
	width:149.5%;
	max-width:450px;
}
.listPic .listPicInner .pic01,
.listPic .listPicInner .pic02,
.listPic .listPicInner .pic03 {
	display:none;
	position:absolute;
	top:0;
	left:0;
}
.listPic li .listPicInner .text {
	line-height:1.4;
}
.listPic li.other {
	margin-left:40px;
	margin-right:40px;
}
.share {
	text-align:center;
	margin:26px 0 0 0;
	padding:0 0 10px 0;
}
.listShare {
	width:560px;
	margin:0 auto;
}
.listShare li {
	float:left;
}
.listShare li a {
	display:block;
}
.upcoming {
	margin-top:0;
	padding:40px 0 20px;
}
.upcoming .sectionInner {
	padding-bottom:0;
}
.upcoming.sub {
	margin-top:0;
}
.upcoming .headline4 {
	line-height:1.2;
}
.upcoming .headline4 span {
	color:#CBC2BA;
}
/*.upcoming .sectionInner {
	padding: 0;
}*/
#entertainment.upcoming .noData {
	margin-bottom:40px;
}
#entertainment.upcoming .noData:last-child {
	margin-bottom:0;
}
.line-school {
	border-top: 1px solid #DDD5CD;
}
.listUpcoming {
	margin:0 -20px -20px;
}
.listUpcoming li {
	float:left;
	width:50%;
	padding:0 20px 20px 19px;
}
.listUpcoming .inner {
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 2px 2px #A0AEB9;
}
.listUpcoming li:nth-child(3) .inner,
.listUpcoming li:nth-child(4) .inner,
.listUpcoming li:nth-child(3) .image,
.listUpcoming li:nth-child(4) .image {
	border-radius: 0;
	box-shadow:none;
}
.listUpcoming .image {
	font-size:0;
	border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	overflow:hidden;
}
.listUpcoming .date {
	height:50px;
	padding:0 20px 0 10px;
	border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	background:#FDF746;
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	text-align:right;
}
/* upcoming_visitor*/
.visitor .listUpcoming .date,
.voice .listUpcoming .date {
	font-size:15px;
	text-align:center;
	padding-left:0;
	padding-right:0;
}
.subListUpcoming {
	margin: 40px -10px 0 0;
}
.subListUpcoming.style01 {
	margin:0 -10px 10px 0;
}
.subListUpcoming li {
	display: block;
	float: left;
	width: 32.3%;;
	margin: 0 1% 1% 0;
}
.subListUpcoming img {
	width: 330px;
	vertical-align: top;
}
.subListUpcoming a {
	display: block;
}
.upcomingButton {
	margin:30px -20px 0 -20px;
}
.upcomingButton div {
	display:table;
	position:relative;
	width:100%;
	display:table;
	border-collapse:separate;
	border-spacing:20px 0;
}
.upcomingButton ul {
	display:table-row;
}
.upcomingButton li {
	display:table-cell;
	background:#FACA68;
	border:2px solid #FACA68;
	border-radius:4px;
	font-size:22px;
	font-weight:bold;
	line-height:1.3;
	height:100%;
	min-height:100%;
	padding:16px 16px 15px 29px;
	position:relative;
	text-decoration: none!important;
	z-index: 2;
	margin-right:10px;
	vertical-align:middle;
	transition:0.3s ease;
	width:50%;
}
.upcomingButton li a {
	text-decoration:none!important;
	color:#000;
}
.upcomingButton li:hover {
	background:#FFF;
	border:2px solid #F29400;
	text-decoration:none;
}
.upcomingButton li:hover a {
	color:#F29400;
}
.upcomingButton li.meetingButton {
	border:2px solid #A6D69E;
	background:#A6D69E;
}
.upcomingButton li.meetingButton:hover {
	background:#FFF;
	border:2px solid #47B834;
}
.upcomingButton li.meetingButton:hover a {
	color:#47B834;
}
.upcomingButton a span {
	font-size:24px;
	margin-top:-19px;
	position:absolute;
	right:16px;
	top:50%;
}
.pageSchool .schoolTopicBlock{
	margin-top:20px;
	padding-bottom:30px;
	/*border-bottom: 1px solid #ddd5cd;*/
}
.searchBtn {
	padding:26px 0 40px 0;
	z-index:3;
}
.searchBtn a {
	margin-bottom:0;
}
.searchBtn i.fa-search {
	font-size:28px!important;
}
.searchBtn	a {
	padding-left:30px;
	padding-right:30px;
	max-width:460px;
}
.searchList {
	background:url(/img/toho/bg_line.gif) repeat 0 0;
	padding:30px 0 30px 0;
}
.searchList .searchInner {
	max-width:1000px;
	margin:0 auto;
	padding:0 10px;
}
.searchBox {
	width:100%;
	background:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:30px 0 20px 0;
}
.listSearch {
	text-align:center;
}
.listSearch li {
	max-width:400px;
	width:40.82%;
	display:inline-block;
	margin:0 2px 10px 0;
}
.listSearch li a {
	display:block;
	text-align:center;
	width:100%;
	border:2px solid #0074C1;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:21px 0 17px 0;
	font-size:22px;
	transition:0.3s ease;
}
.listSearch li.other {
	width:82.4%;
	max-width:810px;
}
.listSearch li a:hover {
	background:#0074C1;
	color:#FFF;
	text-decoration:none;
}
.listSearch li i.fa-search {
	font-size:28px!important;
	position:relative;
	top:-3px;
}
#pageMovie .listSearch li a {
	border-color:#E94708;
	color:#E94708;
}
#pageMovie .listSearch li a:hover {
	background:#E94708;
	color:#FFF;
}
#pageOnkyo .listSearch li a {
	border-color:#009A62;
	color:#009A62;
}
#pageOnkyo .listSearch li a:hover {
	background:#009A62;
	color:#FFF;
}
#pageAnnounce .listSearch li a {
	border-color:#E5005A;
	color:#E5005A;
}
#pageAnnounce .listSearch li a:hover {
	background:#E5005A;
	color:#FFF;
}
.newsBox {
	border-bottom:none;
}
.newsBox .lead {
	font-size:17px;
	line-height:1.6;
	text-align:center;
	margin-bottom:30px;
}
.newsBox.topNews .newsItem {
	margin:0 -12px 20px 0;
	position:relative;
}
.newsBox.topNews .newsItem li {
	/*width:25%;*/
	width:100%;
	padding:0 12px 0 0;
	background:#F6F6F6;
}
.newsBox.topNews .newsInner {
	width:100%;
}
.newsBox.topNews .newsItem .image {
	width:30%;
	float:left;
}
.newsBox.topNews .newsItem .linkNews {
	width:70%;
	padding: 20px 10px 10px 18px;
	line-height: 1.5;
	float:left;
}
.newsList .youtube {
	margin: 10px 0;
	width:50%;
	/*padding: 5px 0 0 0;*/
	float:left;
}
.newsItem01 .youtube {
	margin: 10px 0;
}
.newsList .youtube img,
.newsItem01 .youtube img {
	height: 20px;
	vertical-align: middle;
}

.newsItem .image {
	position: relative;
	/*background:#E5E5E5;*/
	/*font-size:0;
	text-align:center;
	height:auto;
	overflow:hidden;
	overflow:auto;
	vertical-align:middle;
	width:100%;
	max-height:157px;
*/
}
.newsItem .image.horizImage img {
	/*
	position: absolute;
	left: 50%;
	top: 50%;
	width:100%;
	height:auto;
	max-width:inherit;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);*/

/*	max-height:66.7%;
	height:66.7%;
	vertical-align:middle;
*/
}
.newsItem .image.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%);*/

/*	max-height:66.7%;
	height:66.7%;
	vertical-align:middle;
*/
}
.newsItem .newsInner {
	background:#F6F6F6;
	padding:0 0 17px 0;
}
.newsItem .linkNews {
	padding:10px 10px 7px 18px;
	line-height:1.5;
}
.newsItem .text {
	margin-bottom:5px;
	font-size:14px;
}
.recommend {
	margin:0 -10px 0 0;
}
.recommend li {
	float:left;
	width:33.33%;
	padding:0 10px 0 0;
}
.recommendBox img {
	width:110px;
}
.recommendBox {
	background:#F6F6F6;
	/*padding:7px;*/
}
.recommend li {
	margin:0 0 6px 0;
}
.recommendBox p.image {
	width:110px;
	display:table-cell;
	vertical-align:top;
	font-size:0;
}
.recommendBox p.image img {
	width:110px;
}
.recommendBox p.linkText {
	display:table-cell;
	vertical-align:top;
	padding:5px 15px 0 15px;
}
.recommendBox p.linkText a {
	line-height:1.5;
}
.sectionRecommend {
	padding:40px 0 40px 0;
}
.sectionRecommend .attachmentLink {
	margin-top:-20px;
}
.sectionRecommend .itemList .itemBlock .link a,
.schoolBlock  .itemList .itemBlock .link a{
	font-weight:bold;
}
.tableText {
	padding:12px 0 0 0;
}
.tableText table {
	width:100%;
}
.tableText table th,
.tableText table td {
	border:1px solid #ddd5cd;
	padding:10px 15px 10px 12px;
	line-height:1.5;
}
.tableText table th {
	background:#e5f5ff;
	width:130px;
	font-weight:bold;
}
.tableText table td {
	vertical-align:top;
	padding:10px 15px 10px 22px;
}
.tableText .colGray {
	background:#f9f7f5;
	width:240px;
	padding-right:22px;
}
.tableText .colGray  p.image {
	text-align:center;
	width:140px;
	background:#FFF;
	padding:5px;
	display:block;
	margin:10px auto;
	font-size:0;
}
.tableText .colGray img {
	width:130px;
}
.tableText .txtText01 {
	font-weight:bold;
}
.tableText .colGrayInner p.text {
	line-height:1.3;
	padding:0 0 3px 0;
	font-size:12px;
}
.tableText .colGrayInner p.text strong {
	display:inline-block;
	padding:0 0 5px 0;
	font-size:15px;
	line-height:1.4;
}
.tableText table {
	margin-bottom:30px;
}
.tableText .selectButton a.buttonLink {
	margin-left:0;
}
.BtnRight {
	float: left;
}
.timeNote {
	font-size:14px;
	padding:15px 0 0 0;
}
.graduateBlock.interviewBlock02 {
	padding:40px 0;
}
.interviewBlock02 .sectionInner {
	padding-bottom:0;
}
@media screen and (min-width:751px) {
	.tableText .colGray01 {
		border-right:hidden;
	}
}
@media screen and (max-width:750px) {
	.graduateBlock.interviewBlock02 {
		padding-top:35px;
		padding-bottom:35px
	}
	.tableText {
		padding:0 5px;
	}
	.tableText table th,
	.tableText table td {
		display:block;
		padding:7px!important;
		border-bottom:none;
	}
	.tableText table td {
		border-top:none;
	}
	.tableText table th {
		width:100%;
	}
	.tableText table tr:last-child td {
		border-bottom:1px solid #ddd5cd;
	}
	.tableText .colGray {
		width:auto;
	}
	.colGrayInner {
		display:table;
		width:100%;
	}
	.tableText .colGray  p.image {
		text-align:left;
		width:128px;
		background:#FFF;
		padding:4px;
		display:block;
		font-size:0;
		vertical-align:top;
		display:table-cell;
	}
	.tableText .colGray  p.text {
		vertical-align:top;
		display:table-cell;
		padding:0 10px 0 10px;
	}
	.tableText .colGray img {
		width:120px;
	}
	.tableText .colGray {
		padding-bottom:10px;
		padding-top:10px;
	}
	.tableText .colGrayInner p.text {
		font-size:10px;
	}
	.tableText  .colGrayInner p.text strong {
		font-size:12px;
	}
	.tableText .selectButton {
		margin-bottom:0!important;
		height:auto;
	}
	.tableText table {
		margin-bottom:15px;
	}
	.tableText .selectButton .btnLink01 {
		margin-bottom:5px!important;
	}
}

/* ------------------------------------------------------------------
	art page
-------------------------------------------------------------------*/
.headBox {
	border-bottom:1px solid #e6e0d9;
}
.headBox .inner {
	position:relative;
	max-width:1000px;
	width:100%;
	padding:29px 10px 30px;
	margin:0 auto;
	text-align:center;
}
.headBox h1 {
	font-size:30px;
	font-weight:bold;
}
.headBox .text01 {
	font-size:22px;
	font-weight:bold;
	padding:5px 0 15px 0;
}
.headBox .text02 {
	padding:0 10px;
	text-align:center;
}
.headBox .text02 span {
	display:inline-block;
	background:#0074C1;
	color:#FFF;
	border-radius:15px;
	-webkit-border-radius:15px;
	padding:6px 25px 6px 25px;
}
.headBox .department {
	position:absolute;
	margin-top:-35px;
	top:50%;
}
.headBox .department.next {
	right:30px;
}
.headBox .department.prev {
	left:30px;
}
.headBox .department a {
	text-decoration:none;
	font-size:66px;
}
#pageMovie .headBox .text02 span {
	background:#E94708;
}
#pageMovie .headBox .department a {
	color:#E94708;
}
#pageOnkyo .headBox .text02 span {
	background:#009A62;
}
#pageOnkyo .headBox .department a {
	color:#009A62;
}
#pageAnnounce .headBox .text02 span {
	background:#E5005A;
}
#pageAnnounce .headBox .department a {
	color:#E5005A;
}
.programBlock {
	position:relative;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
.programBlock .keyvInner {
	position:relative;
}
.programBlock .keyvInner p.prev a,
.programBlock .keyvInner p.next a {
	display:block;
	position:absolute;
	left:30px;
	top:50%;
	margin-top:-17px;
	width:22px;
	height:38px;
	overflow:hidden;
	background:url(/img/common/btn_prev01.png) no-repeat 0 0;
	background-size:22px auto;
	text-indent:-9999px;
}
.programBlock .keyvInner p.next a {
	left:auto;
	right:30px;
	background:url(/img/common/btn_next01.png) no-repeat 0 0;
	background-size:22px auto;
}
.programBlock .image {
	margin:20px 0 30px 0;
	font-size:0;
}
.programBlock .text {
	text-align:center;
	font-size:30px;
	font-weight:bold;
	color:#0074C1;
	padding-bottom:30px;
}
#pageMovie .programBlock .text {
	color:#E94708;
}
#pageOnkyo .programBlock .text {
	color:#009A62;
}
#pageAnnounce .programBlock .text {
	color:#E5005A;
}
.videoBlock .videoBox {
	float:left;
	max-width:450px;
	width:45.92%;
}
#pageOpenCampusDetailEvent #videoDetailEx.videoBlock .videoBox {
	float:right !important;
}
.videoBlock .videoBox .play {
	position:relative;
	height:0;
	padding-bottom:59.33%;
}
.videoBlock .videoBox iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.videoBlock .textBlock {
	float:right;
	max-width:490px;
	margin:-5px 0 0 0;
	width:50%;
}
#pageOpenCampusDetailEvent #videoDetailEx.videoBlock .textBlock {
	float:left !important;
}
.videoBlock .textBlock .text {
	line-height:1.6;
}
.videoBlock .textBlock .textBox {
	border:1px solid #0074C1;
	text-align:left;
	padding:14px 16px 16px 16px;
	margin:16px 0 0 0;
/*	text-align:center;
	padding:14px 10px 16px 10px;*/
}
.videoBlock .textBox2 {
	padding:14px 10px 16px 10px;
}
.videoBlock .linkAdd {
	margin:10px 0 20px;
}
.videoBlock .textBlock .title {
	color:#0074C1;
	font-size:22px;
	font-weight:bold;
	padding:0 0 6px 0;
}
#pageMovie .videoBlock .textBlock .textBox {
	border-color:#E94708;
}
#pageMovie .videoBlock .textBlock .title {
	color:#E94708;
}
#pageOnkyo .videoBlock .textBlock .textBox {
	border-color:#009A62;
}
#pageOnkyo .videoBlock .textBlock .title {
	color:#009A62;
}
#pageAnnounce .videoBlock .textBlock .textBox {
	border-color:#E5005A;
}
#pageAnnounce .videoBlock .textBlock .title {
	color:#E5005A;
}
.tubeTitle {
	float:left;
	width:calc(100% - 90px);
	padding:6px 0 8px;
}
/*
#pageAnnounce .tubeTitle {
	float:none;
	width:100%;
	padding:6px 0 0;
}*/

.youtubeLink {
	float:right;
	padding:6px 0 8px;
}
.youtubeLink a {
	color:#0074C1;
}
.youtubeLink a span {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px 0 0;
	position:relative;
	top:2px;
}
.bannerToho {
	margin:40px -10px 0;
	position:relative;
}
.bannerToho li {
	float:left;
	margin-bottom:10px;
	padding:0 10px;
	width:50%;
	font-size:0;
}


.vfxAtt{
	text-align:center;
	margin: 1.2em 0;
}
.vfxAtt .textBox{
	color:#FFFFFF;
	line-height: 1.4;
	padding: 1em 2em;
	margin-bottom: 1.4em;
	background-color:#DF2A2D;
}
.vfxAtt .textBox .big{
	font-size:1.2em;
	font-weight: bold;
	margin-bottom: 0.2em;
}
.vfxAtt .textBox span {
	font-size: 1em;
}
.pageSubject .subBoxList {
	margin-top: 0;
}
.pageSubject .subBoxList dt {
	font-weight: bold;
}
.pageSubject .subBoxList dd {
	border-bottom: 1px dotted #cec3b8;
	margin-top: 2px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	line-height: 1.5;
}
.pageSubject .subBoxList dd:last-child {
	border-bottom: none;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.carouselBlock {
	padding:30px 0 30px;
	/*border-top:1px solid #ddd5cd;*/
}
.pageSubject .carouselBlock {
	padding-bottom:10px;
	/*border-bottom:1px solid #ddd5cd;*/
}
.pointList {
	padding:35px 0 39px;
}
.pointList .headline4 {
	margin-bottom:35px;
}
.pointList .headline4.firstPoint {
	margin-bottom:0;
	padding-bottom:15px;

}
.pointList .lead {
	font-size:17px;
	line-height:1.6;
	text-align:center;
}
.pointList .sectionInner {
	margin-top:70px;
	padding-bottom:20px;
}
.pointBlock {
	position:relative;
	margin-bottom:80px;
	padding:67px 60px 30px;
	background:#FFF;
}
.pointBlock:last-child {
	margin-bottom:0;
}
.pointBlock .pointNumber {
	position:absolute;
	top:-50px;
	left:50%;
	width:100px;
	height:100px;
	margin-left:-50px;
	padding-top:17px;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background:#0074C1;
	color:#FFF;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	behavior:url(/htc/PIE.php);
}
.pointBlock .pointNumber span {
	display:block;
	margin-top:-8px;
	font-size:50px;
}
/*【四角型】
.pointBlock .pointNumber {
	position:absolute;
	top:-30px;
	left:0;
	min-width:100px;
	min-height:40px;
	padding:0px 26px 3px 30px;
	letter-spacing:0.1em;
	background:#0074C1;
	color:#FFF;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:26px;
	font-weight:bold;
	text-align:left;
	behavior:url(/htc/PIE.php);
}
.pointBlock .pointNumber span {
	font-size:46px;
	padding-left:6px;
}
*/

.pointBlock .title {
	margin-bottom:19px;
	padding:0 ;
	color:#0074C1;
	font-size:22px;
	font-weight:bold;
	line-height:1.4;
	text-align:left;
/*
	padding:0 15px;
	text-align:center;*/
}
.pointBlock .titleSub {
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom: 10px;
}
#pageAnnounce .pointBlock .titleSub {
		color: #E5005A
}
.pointBlock .title span {
	font-size:15px;
}
.pointBlock .text,
.timetable .text {
	margin-bottom:15px;
	line-height:1.6;
	/*text-align:justify;*/
}
.timetable .text span {
	font-weight:bold;
}
.pointBlock .textAct {
	margin-bottom:5px;
	line-height:1.6;
	/*text-align:justify;*/

}
.pointBlock .textAct span {
	color:#E5005A;
}
.boxAddAr {
	padding-bottom:20px;
}
.boxAddAr02 {
	border-top:1px solid #ccc;
	margin:20px 0 15px;
}
.boxAddAr02 .imgAr02 {
	float:left;
	width:50%;
	margin-top:14px;
}
.boxAddAr02 .movieAr01 {
	max-width: 600px;
	width: 80%;
	margin:20px auto 0;
}
.boxAddAr02 .movieAr01 .caption{
	width:100%;
	padding: 10px 0 5px;
	font-size: 14px;
}
.boxAddAr02 .movieAr01 .play {
	position: relative;
	height: 0;
	padding-bottom: 56%;
}
.boxAddAr02 .movieAr01 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.boxAddAr03 .imgAr03 {
	float:left;
	width:48%;
}
.boxAddAr03 .textAr03 {
	float:right;
	width:48%;
	line-height:1.6;
	background:#e6f8f2;
	padding:15px;
}
.boxAddAr03 .textAr03 span {
	color:#009a62;
	font-weight:bold;
	padding-bottom:10px;
}
.boxAddAr03 .textAr03_3{
	padding-top:7px;
	line-height:1.6;
}
.boxAddAr03 .textAr03_3 span {
	color:#009a62;
	font-weight:bold;
}
.boxAddAr02 .textAr02 {
	float:right;
	width:48%;
	line-height:1.6;
	margin-top:15px;
}
.pointBlock .imgAr {
	float:left;
	width:40%;
	padding-left:80px;
}
.pointBlock .textAr {
	float:right;
	width:48%;
	line-height:1.6;
}
.pointBlock .textProleft {
	margin-bottom:15px;
	line-height:1.6;
	/*text-align:justify;*/
	float:left;
	width:67%;
}
.pointBlock .imgProright {
	float:right;
	width:30.5%;
	margin-top:5px;
}
.pointBlock .imageList {
	margin:0 -10px -10px;
}
.pointBlock .imageList li {
	display:inline-block;
	width:49.5%;
	margin-bottom:15px;
	padding:0 10px;
	vertical-align:top;
}
.pointBlock .imageList li.fullWidth {
	width:100%;
}
.pointBlock .imageList span,
.smallTxt {
	display:block;
	padding:6px 0;
	font-size:13px;
	font-weight: normal;
	line-height:1.5;
}
.pointBlock .imageList span.text01 {
	font-size:13px;
}
.pointBlock .imageList .textLong {
	font-size:15px;
	line-height:1.6;
}
.pointBlock .text1Col {
	margin-bottom:10px;
	padding:6px 0;
	font-size:11px;
	line-height:1.5;
}
.pointBlock .imageList span.detail {
	font-size: 15px;
}
.pointBlock .imageList li.button {
	font-size: 15px;
	max-width: 100%;
	max-height: 200px;
	padding-top: 90px;
}
.pointBlock .imageList li.button span{
	float: right;
	font-size: inherit;
	padding: 0;
}
.pointBlock .imageList em {
	display:block;
	padding:1px 0 7px;
	font-size:15px;
	font-weight:bold;
}
.pointBlock .imageList em.bold {
	display:inline !important;
	color:#333 !important;
}
.pointBlock .imageListact {
	margin:0 -10px -20px;
}
.pointBlock .imageListact li {
	display:inline-block;
	vertical-align:top;
	width:49.5%;
	margin-bottom:15px;
	padding:0 5px;
}
.pointBlock .imageListact li.fullWidth {
	width:100%;
}
.pointBlock .imageListact span {
	display:block;
	padding-top:6px;
	font-size:13px;
	font-weight: normal;
	line-height:1.5;
}
.pointBlock .textAct span{
	font-size:15px;
	color:#E5005A;
	font-weight:bold;
	margin-bottom:10px;
}
.pointBlock .textAct span.sub {
	display:inline !important;
	font-size:11px;;
	color:#333;
}
.pointBlock .textAct p{
	line-height:22px;
}
.pointBlock .textAct em {
	color:#E5005A;
}
.pointBlock .imageListact em {
	display:block;
	padding:1px 0 7px;
	font-size:15px;
	font-weight:bold;
}
.pointBlock .imageListact em {
	display:inline !important;
}
.pointBlock .imageList01 {
	margin:0 -5px 0;
}
.pointBlock .imageList01 li {
	width:32.7%;
	padding:0 5px;
}
.pointBlock .imageList02 {
	margin:0 -10px -20px;
}
.pointBlock .imageList02 li {
	float:left;
	width:50%;
	margin-bottom:20px;
	padding:0 10px;
	font-size:0;
}
.pointBlock .imageList02 li.fullWidth {
	width:100%;
}
.pointBlock .imageList02 li.fixLi{
	margin-top:27px;
}
.pointBlock .imageList02 span {
	display:block;
	font-size:15px;
	line-height:1.5;
	color:#009a62;
	padding-bottom:5px;
}
.pointBlock .imageList02 em {
	display:block;
	padding:1px 0 7px;
	font-size:15px;
	font-weight:bold;
}
.pointBlock .imageList03 {
	margin:0 -5px -20px;
}
.pointBlock .imageList03 li {
	width:33.33%;
	padding:0 5px;
}
.pointBlock .imageList04 {
	margin:0 -5px 20px;
}
.pointBlock .imageList04 li {
	width:24.5%;
	padding:0 5px;
}

/* broadcast typeList*/
.pointBlock .typeList {
	margin:30px -20px 0;
}
.pointBlock .typeList li {
	display:inline-block;
	width:49.5%;
	margin-bottom:30px;
	padding:0 10px 0 20px;
	vertical-align: top;
}
.pointBlock .typeList li:nth-child(even){
	padding:0 20px 0 10px;
}
.pointBlock .typeList .image {
	float:left;
	width:60%;
}
.pointBlock .typeList .detail {
	float:left;
	width:40%;
	padding-left:10px;
}
.pointBlock .typeList .detail .photo {
	width:80%;
	margin-bottom: 5px;
}
.pointBlock .typeList .detail .name {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 3px
}
.pointBlock .typeList .detail .year {
	font-size: 13px;
}
.pointBlock .typeList .detail .office {
	font-size: 14px;
	line-height: 1.5;
}

@media screen and (max-width:736px) {
	.pointBlock .typeList li {
		width:100%;
		margin-bottom:20px;
	}
	.pointBlock .typeList .detail .office {
		font-size: 13px;
	}
}
/* broadcast typeList02*/
.pointBlock .typeList02 {
	margin:0 -5px 40px;
}
.pointBlock .typeList02 li {
	width:32.7%;
	padding:0 5px;
	display: inline-block;
}
@media screen and (max-width:736px) {
	.pointBlock .typeList02 {
		margin:0 -5px 0;
	}
	.pointBlock .typeList02 li {
		width:49%;
		margin-bottom:20px;
	}
	.pointBlock .typeList02 li:last-child {
		margin-bottom:0;
	}
}

.pointBlock .imageListBox {
	margin:0 -5px 0;
	padding: 13px 13px;
}
.pointBlock .imageListBox li {
	width:32.7%;
	padding:0 5px;
}

.pointBlock .textBlock {
	width:49%;
}
.pointBlock .textBlock01 {
	float:left;
	width:21.1%;
}
.pointBlock .textBlock02 {
	float:left;
	width:70.9%;
}
.pointBlock .imageBlock {
	max-width:420px;
	width:48.8%;
	font-size:0;
}
.pointBlock .imageBlock span {
	display:block;
	padding-top:6px;
	font-size:13px;
	line-height: 1.5;
	font-weight: normal;
}
.pointBlock .imageBlock01 {
	float:left;
	max-width:420px;
	width:48.8%;
	margin:0 0 0 2.4%;
}
.pointBlock .imageBlock02 {
	float:left;
	max-width:223px;
	width:25.9%;
	margin:0 1.8% 0 0;
}
.pointBlock .imageBlock03 {
	float:right;
	width:25.3%;
}
.pointBlock .imageBlock03 span {
	display:block;
	padding-top:4px;
	font-size:11px;
	font-weight: normal;
}
.pointBlock .imageBlock03 .copy {
	display:inline;
	font-size:16px;
	padding-top:0;
	margin-right:3px;
}
.pointBlock .imageBlock.col2video {
	position:relative;
/*	width:100%;*/
	padding-top:27%;
}
.pointBlock .imageBlock.col2video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

.pointBlock .infoBox,
.pointBlock .infoBox3,
.styleGeneral .infoBox {
	vertical-align:bottom;
	margin-bottom:20px;
	border:1px solid #0074C1;
}
#pageAnnounce .pointBlock .infoBox,
.styleGeneral .infoBox {
	vertical-align:bottom;
	margin-bottom:20px;
	border:1px solid #e5005a;
}
.pointBlock .infoBox p,
.styleGeneral .infoBox p {
	line-height:1.6;
}
.pointBlock .infoBox2 {
	margin-top:20px;
	margin-bottom:20px;
	border:2px solid #0074C1;
}
.pointBlock .infoBox2 p {
	padding:20px !important;
	margin-bottom:0;
}
.pointBlock .infoBox2 .bold {
	font-weight:bold;
}
.pointBlock .infoTitle,
.styleGeneral .infoTitle {
	padding:9px 10px 11px;
	background:#0074C1;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.pointBlock .infoTitle02 {
	padding: 4px 10px 5px;
	background: #0074C1;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.pointBlock .qualification li {
	float:left;
	width:50%;
	padding:15px 20px;
	line-height:1.68;
}
.pointBlock .qualification li:first-child {
	border-right:1px dotted #0074C1;
}
.pointBlock .qualification .text01 {
	margin-bottom:13px;
}
.pointBlock .qualification span {
	color:#0074C1;
	font-size:20px;
	font-weight:bold;
	line-height:1.05;
}
.pointBlock .qualification em {
	font-size:15px;
	font-weight:bold;
}
.pointBlock .candidates {
	padding:16px 19px;
}
#pageOnkyo .pointBlock .candidates,
#pageOnkyo .styleSection .candidates {
	padding:10px 30px 16px;
}
.pointBlock .candidates .leftBox {
	width:29.3%;
	font-size:0;
}
.pointBlock .candidates .rightBox {
	width:68.3%;
	margin-top:-4px;
}
.pointBlock .candidates .rightBox p {
	margin-bottom:7px;
	line-height:1.6;
}
.pointBlock .candidates .rightBox span {
	color:#0074C1;
	font-size:20px;
	font-weight:bold;
}
.styleSection .candidates em {
	font-weight:bold;
}
.pointBlock .candidates span.title {
	color: #333;
	font-weight:bold;
	font-size: 15px;
}
.pointBlock .recruitBox {
	display:table;
	width:100%;
	padding:20px 20px 4px;
}
.pointBlock .recruitBox .circleText {
	display:table-cell;
	width:80px;
	vertical-align:middle;
}
.pointBlock .recruitBox .circleText span {
	display:block;
	width:80px;
	height:80px;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background:#0074C1;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	line-height:80px;
	text-align:center;
}
.pointBlock .recruitBox .text01 {
	display:table-cell;
	padding-left:10px;
	line-height:1.5;
	vertical-align:middle;
}
.pointBlock .recruitBox .text01 span {
	font-size:20px;
	font-weight:bold;
}
.pointBlock .actorList {
	margin:0 -20px;
}
.pointBlock .actorList li {
	display:inline-block;
	width:49.5%;
	margin-bottom:30px;
	padding:0 20px;
	vertical-align:top;
}
.pointBlock .actorList .image {
	float:left;
	width:36.6%;
	font-size:0;
}
.pointBlock .actorList01 li .image {
	width:26.8%;
	float:none;
	display:table-cell;
	vertical-align:top;
}
.pointBlock .actorList .infoActor {
	float:left;
	width:63.4%;
	padding-left:20px;
}
.pointBlock .actorList01 li .infoActor {
	display:table-cell;
	float:none;
	vertical-align:top;
	width:auto;
	padding:0 0 0 10px;
}
.pointBlock .actorList01 li .infoActor span.textBold {
	font-weight:bold;
	font-style:normal;
	padding:0 0 4px 0;
	display:inline-block;
}
.pointBlock .actorList .infoActor p {
	line-height:1.45;
}
.pointBlock .pointBanner {
	width:400px;
	margin:0 auto;
	text-align:center;
}
.pointBlock .pointBanner span {
	display:block;
	padding-top:4px;
	font-weight:bold;
}
.pointBlock .companyBox {
	width:48.8%;
	padding:18px 30px;
}
.pointBlock .companyBox.fullWidth {
	width:100%;
}
.pointBlock .companyBox p {
	line-height:1.5;
}
.pointBlock .companyBox span {
	line-height:1.4;
}
.pointBlock .infoBox .box01 {
	padding:13px 20px 10px;
}
.pointBlock .infoBox .box01 p {
	line-height:1.6;
}
.pointBlock .infoBox .box01 .bold {
	color:#0074C1;
	font-weight:bold;
}
.pointBlock .infoBox .box01 ul {
	margin:0 -20px;
}
.pointBlock .infoBox .box01 li {
	float:left;
	width:50%;
	padding:0 20px;
	font-size: 14px;
	line-height:1.6;
}

.pointBlock .infoBox .box02 {
	padding:15px 20px 0;
}
.pointBlock .infoBox .box02 h4 {
	padding:0 10px;
}
.pointBlock .infoBox .box02 p {
	line-height:1.6;
}
.pointBlock .infoBox .box02 .bold {
	color:#0074C1;
	font-weight:bold;
}
.pointBlock .infoBox .box02 ul {
	margin:0 -20px;
}
.pointBlock .infoBox .box02 li {
	float:left;
	width: 32.7%;
	padding: 0 5px;
	/*width:50%;
	padding:0 20px;*/
	line-height:1.6;
}

#pageMovie .pointBlock .pointNumber {
	background:#E94708;
}
#pageMovie .pointBlock .title {
	color:#E94708;
}
#pageOnkyo .pointBlock .pointNumber {
	background:#009A62;
}
#pageOnkyo .pointBlock .title {
	color:#009A62;
}
#pageOnkyo .pointBlock .imageList em {
	color:#009A62;
}
#pageOnkyo .pointBlock .imageList em span{
	color:#333;
	font-weight:normal;
	padding-left:0.6em;
	display:inline;
}
#pageOnkyo .pointBlock .trainingBox{
	background:#e8f6f1;
}
#pageOnkyo .pointBlock .trainingBox dl dd{
	padding-left:25em;
}
#pageOnkyo .pointBlock .infoBox,
#pageOnkyo .styleSection .infoBox,
#pageOnkyo .pointBlock .trainingBox dl,
#pageOnkyo .pointBlock .trainingBox dl dd {
	border-color:#009A62;
}
#pageOnkyo .pointBlock .infoBox ul {
	padding:15px;
}
#pageOnkyo .pointBlock .techniquePoint ul{
	padding:0px 15px;
	margin-bottom: 10px;
}
#pageOnkyo .pointBlock .infoBox li {
	float:left;
	width:49.33%;
	padding:0;
	line-height:1.5;
}
#pageOnkyo .pointBlock .infoBox li.column3 {
	width:33%;
}

#pageOnkyo .pointBlock .infoTitle,
#pageOnkyo .styleSection .infoTitle {
	background:#009A62;
}
#pageOnkyo .pointBlock .infoTitle02 {
	background:#009A62;
	margin-bottom: 15px;
}
#pageOnkyo .styleSection.styleBlue .infoTitle {
	background:#0091db;
}
#pageOnkyo .styleSection.styleBlue .infoBox {
	border: 1px solid #0074C1;
}
#pageOnkyo .pointBlock .qualification li:first-child {
	border-color:#0074C1;
}
#pageOnkyo .pointBlock .qualification span {
	color:#009A62;
}
#pageOnkyo .pointBlock .candidates .rightBox span {
	color:#009A62;
}
#pageOnkyo .pointBlock .recruitBox .circleText span {
	background:#009A62;
}
#pageOnkyo .pointBlock .recruitBox .text01 strong,
#pageOnkyo .pointBlock .recruitBox .text01 span {
	color:#009A62;
}
#pageOnkyo .arrow {
	text-align: center;
	margin: -20px 0px 5px 0px;
}
#pageOnkyo .arrow img {
	width: 40px;
}
#pageAnnounce .pointBlock .pointNumber {
	background:#E5005A;
}
#pageAnnounce .pointBlock .title {
	color:#E5005A;
}
#pageAnnounce .pointBlock .actorList .infoActor .name {
	margin-bottom:6px;
}
#pageAnnounce .pointBlock .actorList .infoActor .name span {
	color:#E5005A;
}
#pageAnnounce .pointBlock .actorList .infoActor .name .office {
	color: #333;
	font-size:0.85em;
	font-weight: normal;
}
#pageAnnounce .pointBlock .companyBox {
	background:#FFF4F7;
}
#pageAnnounce .pointBlock .companyBox span {
	color:#E5005A;
}
#pageAnnounce .pointBlock .infoTitle02 {
	background:#E5005A;
}
#pageAnnounce .pink strong {
	color:#E5005A;
}
#curriculum.anchor {
	padding-top: 30px;
	margin-top: -30px;
}
.curriculumBlock .sectionInner {
	padding-bottom:30px;
}
.curriculumBlock .headline4 {
	margin-top:36px;
}
.curriculumBlock .lead {
	font-size:17px;
	line-height:1.6;
	text-align:center;
	margin-bottom:20px;
}
.curriculumBlock .headline4 {
	padding-bottom:20px;
}
.curriculumList {
	margin:0 -30px;
}
.curriculumList li {
	display:inline-block;
	vertical-align:top;
	width:49.6%;
	margin-bottom:30px;
	padding:0 28px;
}
.curriculumList li:nth-child(3),
.curriculumList li:nth-child(4) {
	margin-bottom:20px;
}
.curriculumList .headline5 {
	margin:6px 0;
	padding-top:3px;
}
.curriculumList .text {
	line-height:1.6;
}
.curriculumvideo{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.curriculumvideo iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%
	padding:10px;
}

.graduateBlock {
	padding:40px 0;
}
.graduateBlock .lead {
	font-size:17px;
	line-height:1.6;
	text-align:center;
	margin-bottom:25px;
}
.graduateBlock .headline4 {
	padding-bottom:20px;
}
.graduateBlock .inner {
	margin-bottom:16px;
	padding:0 50px;
}
.graduateBlock .imageBlock {
	float:left;
	max-width:300px;
	width:34.1%;
}
.graduateBlock .textBlock {
	float:right;
	width:65.9%;
	padding-left:21px;
}
.pointBlock .position,
.graduateBlock .position {
	display:inline-block;
	margin-bottom:8px;
	padding:3px 18px 2px;
	border-radius:12px;
	background:#0074C1;
	color:#FFF;
}
.pointBlock .position {
	margin-top:3px;
	margin-bottom:0;
	font-size: 12px;
}
.graduateBlock .name {
	margin-bottom:21px;
	font-size:22px;
}
.graduateBlock .name01 {
	font-size:18px;
}
.graduateBlock .name span {
	font-size:15px;
}
.graduateBlock .text01 {
	margin-bottom:6px;
	color:#0074C1;
}
.graduateBlock .text02 {
	line-height:1.6;
}
.graduateBlock .innerSquare {
	margin-bottom:16px;
	padding:0 140px;
}

/*graduate*/
.graduateBlock .imageBlockRectangle {
	float:left;
	max-width:350px;
	width:50%;
}
.graduateBlock .textBlockRectangle {
	float:right;
	width:47%;
	padding-left:21px;
}
/*school life*/
.graduateBlock .imageBlockSquare {
	float:left;
	max-width:300px;
	width:34.1%;
}
.graduateBlock .textBlockSquare {
	float:right;
	width:65.9%;
	padding-left:21px;
}

.graduateBlock .buttonGroup03 {
	margin-bottom:-15px !important;
}
@media screen and (max-width:736px) {
	.graduateBlock .buttonGroup03 {
		margin-bottom:-10px !important;
	}
}

#pageMovie .pointBlock .blueText {
	color:#074C1;
}
#pageMovie .pointBlock .orangeText {
	color:#E94708;
}
#pageOnkyo .pointBlock .greenText {
	color:#009A62;
}
#pageAnnounce .pointBlock .pinkText {
	color:#E5005A;
}
#pageAnnounce .pointBlock .blackText {
	color:#333 !important;
}

.graduateBlock01 {
	background:#FFF;
}
.graduateBlock02 {
	padding:36px 0 0;
}
#pageMovie .graduateBlock .position {
	background:#E94708;
}
#pageMovie .graduateBlock .text01 {
	color:#E94708;
}
#pageOnkyo .graduateBlock .position {
	background:#009A62;
}
#pageOnkyo .graduateBlock .text01 {
	color:#009A62;
}
#pageAnnounce .graduateBlock .position {
	background:#E5005A;
}
#pageAnnounce .graduateBlock .text01 {
	color:#E5005A;
}
.newsBlock {
	padding:36px 0 37px;
	border-bottom:1px solid #DDD5CD;
}
.pageSubject .newsBlock {
	padding-bottom:0;
}
.pageSubject .newsBlock .lead {
	font-size:17px;
	line-height:1.6;
	text-align:center;
	margin-bottom:30px;
}
.pageSubject .newsBlock .headline4 {
	padding-bottom:20px;
}
.recommendBlock {
	padding:34px 0 ;
	border-top:1px solid #DDD5CD;
}
.recommendBlock .attachmentLink {
	margin-top:-20px;
}
.schoolBlock {
	padding:35px 0 2px;
	border-top:1px solid #DDD5CD;
}
.schoolMenu {
	padding:30px 0 30px;
	border-top: 1px solid #DDD5CD;
}
.schoolTable {
	margin:26px 0 30px;
}
.schoolTable table {
	max-width:100%;
	width:100%;
	border-collapse: collapse;
	border-spacing:0;
	border:1px solid #0074C1;
}
.schoolTable th {
	position:relative;
	width:21.12%;
	padding:3px;
	border:1px solid #0074C1;
	border-bottom:none;
	border-right:none;
	background: #0074C1;
	-o-box-shadow:0 0 0 2px #FFF inset;
	-moz-box-shadow:0 0 0 2px #FFF inset;
	-webkit-box-shadow:0 0 0 2px #FFF inset;
	box-shadow:0 0 0 2px #FFF inset;
}
.schoolTable th span,
.schoolTable th a {
	padding:10px 18px;
	min-height:40px;
	color:#FFF;
}
.schoolTable th span.spDisplay {
	display:none !important;
}
.schoolTable th a.pcDisplay {
	display:block !important;
}
.schoolTable th a:hover {
	text-decoration:underline;
}
.schoolTable th i {
	display:none;
	position:absolute;
	right:8px;
	top:50%;
	margin-top:-10px;
	color:#0074C1;
	font-size:20px;
}
.schoolTable td {
	padding-left:37px;
	border:1px solid #0074C1;
	padding-top:5px;
	padding-bottom:14px;
}
.schoolTable td li {
	float:left;
	margin-right:36px;
	padding-top:10px;
}
.schoolTable td li.br {
	margin-right:200px;
}
@media screen and (max-width:974px) {
	.schoolTable td li.br {
		margin-right:36px;
	}
}
.schoolTable td li a {
	display:inline-block;
	color:#333;
}
.schoolTable td li a:hover {
	color:#333;
}
.schoolTable td li a:hover span {
	text-decoration:underline;
}
.schoolTable td li a span {
	display:inline-block;
	vertical-align:middle;
}
#pageMovie .schoolTable table{
	border-color:#E94708;
}
#pageMovie .schoolTable th {
	border-color:#E94708;
	background-color:#E94708;
}
#pageMovie .schoolTable td {
	border-color:#E94708;
}
#pageOnkyo .schoolTable table{
	border-color:#009A62;
}
#pageOnkyo .schoolTable th {
	border-color:#009A62;
	background-color:#009A62;
}
#pageOnkyo .schoolTable td {
	border-color:#009A62;
}
#pageAnnounce .schoolTable table{
	border-color:#E5005A;
}
#pageAnnounce .schoolTable th {
	border-color:#E5005A;
	background-color:#E5005A;
}
#pageAnnounce .schoolTable td {
	border-color:#E5005A;
}

/* school bnr */
.relatedSection {
	margin-top:30px;
	padding-top:30px;
	padding-bottom:0 !important;
}
#pageOpenCampus .relatedSection {
	margin-top:15px !important;
	padding-top:0 !important;
}
.relatedSection .sectionInner {
	padding-bottom:0 !important;
}
.relatedSection .two {
	width:80%;
	text-align:center;
	margin:0 auto;
}
.relatedSection .two li {
	float:left;
	width:49%;
	margin-right:10px;
	margin-bottom:5px;
}
.relatedSection .three {
	width:100% !important;
	text-align:center;
	margin:0 auto;
}
.relatedSection .three li {
	float:left;
	width:32.5%;
	margin-right:10px;
	padding-bottom:10px;
}
.relatedSection .two li:nth-child(even) {
	margin-right:0;
}
.relatedSection .three li:last-child {
	margin-right:0;
}
.relatedSection ul li img {
	max-width: 100%;
}

.bannerList {
	text-align:center;
}
.bannerList li {
	display:inline-block;
	max-width:360px;
	margin:0 10px 10px;
}
.bannerList li:last-child {
	margin-bottom:0;
}
.subConversionPc{
	margin-top:40px;
	margin-bottom:-60px;
}
#pageAnnounce .genre dt,
#pageAnnounce .genre .name {
	color:#e5005a;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:dotted 1px #ccc;
}

/* ------------------------------------------------------------------
	technique page
-------------------------------------------------------------------*/
.pointBlock .groupInfo {
	margin-bottom:20px;
}
.pointBlock .groupInfo .textGroup {
	float:left;
	width:50%;
	padding-right:10px;
	line-height:1.6;
}
.pointBlock .groupInfo .imageGroup {
	float:right;
	width:50%;
	padding-left:10px;
	font-size:0;
}
.pointBlock .trainingBox {
	padding:15px 21px;
	background:#EDF8FF;
}
.pointBlock .trainingBox .trainingTitle {
	padding-bottom:8px;
	font-size:15px;
	font-weight:bold;
	color:#0074C1;
	text-align:left;
}
.pointBlock .trainingBox dl {
	padding-top:0.6em;
	border-top:1px dotted #0074C1;
}
.pointBlock .trainingBox dl dt {
	font-weight:bold;
}
.pointBlock .trainingBox dl dd {
	margin:-1.3em 0 0.6em 0;
	padding:0 0 0.55em 16.5em;
	border-bottom:1px dotted #0074C1;
}
.pointBlock .trainingBox dl dd:last-child {
	margin:-1.3em 0 0 0;
	border-bottom:none;
}
.pointBlock .trainingBox .check {
	font-size:15px;
	font-weight:bold;
	padding-bottom:8px;
}
.pointBlock .trainingBox p {
		line-height: 1.6;
}

.supportBlock .groupList li,
.pointBlock .groupList li {
	float:left;
	width:49%;
	margin-right:2%;
}
.supportBlock .groupList li:last-child,
.pointBlock .groupList li:last-child {
	margin-right:0;
}
.supportBlock .groupList li .styleTable01, 
.pointBlock .groupList li .styleTable01 {
	width:100%;
	border:1px solid #DDD5CD;
}
.supportBlock .groupList li .styleTable01 th,
.supportBlock .groupList li .styleTable01 td,
.pointBlock .groupList li .styleTable01 th,
.pointBlock .groupList li .styleTable01 td {
	padding:7px 18px 8px;
	border-bottom:1px solid #DDD5CD;
}
.pointBlock .groupList li .styleTable01 th {
	width:73%;
	text-align:left;
}
.pointBlock .groupList li .styleTable01 td {
	width:27%;
	text-align:right;
}
.supportBlock .groupList li .styleTable01 th {
	width:14%;
	text-align:right;
	font-weight: bold;
	white-space: nowrap;
}
.supportBlock .groupList li .styleTable01 td {
	width:86%;
	text-align:left;
	line-height: 1.5;
}
.supportBlock .groupList .styleTable02 th,
.supportBlock .groupList .styleTable02 td,
.pointBlock .groupList li .styleTable02 th,
.pointBlock .groupList li .styleTable02 td {
	padding:7px 10px 8px;
}
.supportBlock .groupList li .styleTable02 th,
.pointBlock .groupList li .styleTable02 th {
	width:auto;
	text-align:left;
}
.supportBlock .groupList .styleTable02 td,
.pointBlock .groupList li .styleTable02 td {
	width:auto;
	text-align:right;
}
.supportBlock .groupList h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.supportBlock .groupList h2.green {
	color: #019A62;
}

.pointBlock .groupText01 {
	padding-bottom:5px;
	font-size:15px;
	font-weight:bold;
	color:#0074C1;
	line-height:1.6;
}
.pointBlock .movieColor {
	color:#E94708 !important;
}
.pointBlock .onkyoColor {
	color:#009A62 !important;
}
.timetable h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	color:#E94708 !important;
}
.pointBlock .noteText01 {
	padding-top:8px;
	font-size:12px;
}

/* ------------------------------------------------------------------
	design page
-------------------------------------------------------------------*/
.pointBlock .textInfoList {
	border:1px solid #DDD5CD;
}
.pointBlock .textInfoList li {
	padding:10px;
	border-bottom:1px solid #DDD5CD;
}
.pointBlock .textInfoList li:last-child {
	border:none;
}
.pointBlock .textInfoList li .textLeft {
	float:left;
	padding-right:5px;
}
.pointBlock .textInfoList li .textRight {
	float:right;
	padding-left:5px;
}
.pointBlock .boxText01 {
	margin-top:20px;
	padding:20px;
	border:1px solid #0074C1;
	line-height:1.6;
}
.pointBlock .boxText01 .boxImage {
	padding-bottom:10px;
	font-size:0;
	text-align:center;
}
.pointBlock .boxText01 .boxTitle {
	padding-bottom:5px;
	color:#0074C1;
	font-weight:bold;
}
.pointBlock .boxTextAr01 {
	padding:20px;
	border:1px solid #009a62;
	line-height:1.6;
}
.pointBlock .titTextAr01 {
	background:#009a62;
	padding:10px;
	text-align:center;
	color:#FFF;
}
.pointBlock .boxTextAr01 .boxImage {
	padding-bottom:10px;
	font-size:0;
	text-align:center;
}
.pointBlock .boxTextAr01 .titRadius {
	float:left;
	width:100px;
	height:100px;
	background:#009a62;
	display:inline-block;
	color: #FFF;
	line-height:100px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.pointBlock .boxTextAr01 .txtTitRadius {
	float:left;
	padding-top:25px;
	padding-left:10px;
	color:#009a62;
	font-weight:bold;
}
.pointBlock .boxTextAr01 .text {
	padding-top:10px;
}
.pointBlock .boxTextAr01 .boxTitle {
	padding-bottom:5px;
	color:#009a62;
	font-weight:bold;
}

/* ------------------------------------------------------------------
	graduationworks page
-------------------------------------------------------------------*/
.designBlock .image {
	margin:15px 0;
}
.designBlock .designIntro {
	margin-bottom:20px;
	line-height:1.5;
}
#graduationWorks.videoBlock {
	float:none;
	max-width:initial;
	width: 100%;
	padding:0;
}
#graduationWorks.videoBlock .videoBox {
	float:none;
	max-width:initial;
	margin:0 auto;
}
#graduationWorks.videoBlock .tubeTitle {
	float:none;
	width: auto;
	padding: 10px 0 0;
	text-align:left;
	font-size:14px;
	line-height:1.5
}
.designBlock .blockInner {
	margin:30px 0 40px;
	padding:20px;
	background:#F9F7F5;
}
/*fullWidth*/
.designBlock .blockInner .fullWidth {
	margin:0 0 20px;
}
.designBlock .blockInner .fullWidth.lastBox {
	margin:0;
}
.designBlock .blockInner .inner {
	padding:14px 15px 0;
	background:#FFF;
}
.designBlock .fullWidth .imageList {
	margin:0 20px 0;
}
.designBlock .fullWidth .imageList li {
	float:left;
	width:50%;
	margin-bottom:20px;
	padding:0 10px;
	font-size:0;
}
.designBlock .blockInner .title {
	padding-bottom:8px;
	font-size:18px;
	color:#333;
	line-height:1.4;
}
.designBlock .blockInner .title span {
	color:#0074C1;
}
.designBlock .blockInner span.sizeS {
	color:#333;
	font-size:80%;
}
.designBlock .itemList02 {
	margin:0 -10px 0;
}
.designBlock .itemList02 li {
	float:left;
	width:47.8%;
	margin:0 10px 20px;
	padding:15px 15px;
	background:#FFF;
}
.designBlock .itemList02 li {
	padding-bottom:0;
}
.designBlock .itemList02 li .itemImage {
	padding-bottom:20px;
	font-size:0;
	text-align:center;
}

/* ------------------------------------------------------------------
	experience page
-------------------------------------------------------------------*/
#contents.bdBottom {
	margin-bottom:20px;
	/*border-bottom:1px solid #DDD5CD;*/
}
.experienceContent {
	padding-bottom:50px;
}
.experienceBlock {
	margin-bottom:36px;
}
.experienceBlock.green {
	border-top:14px solid #CDE39B;
}
.experienceBlock.blue {
	border-top:14px solid #9DD9F2;
}
.experienceBlock.yellow {
	border-top:14px solid #FDDC88;
}
.experienceBlock.pink {
	border-top:14px solid #F7B6C5;
}
.experienceBlock.orange {
	border-top:14px solid #F8B290;
}
.experienceBlock .inner {
	padding:20px 26px;
	border-top:none !important;
}
.experienceBlock.green .inner {
	border:14px solid #CDE39B;;
}
.experienceBlock.blue .inner {
	border:14px solid #9DD9F2;
}
.experienceBlock.yellow .inner {
	border:14px solid #FDDC88;
}
.experienceBlock.pink .inner {
	border:14px solid #F7B6C5;
}
.experienceBlock.orange .inner {
	border:14px solid #F8B290;
}
.experienceBlock .image {
	font-size:0;
}
.experienceBlock .textBlock {
	padding:10px 20px;
	background:url(/img/common/bg_line03.gif) repeat;
}
.experienceBlock .schedule {
	display:table;
	float:left;
	width:72.2%;
}
.experienceBlock .schedule .notice {
	display:table-cell;
	position:relative;
	width:17.75%;
	padding:11px 5px 12px;
	border-radius:25px 0 0 25px;
	-o-border-radius:25px 0 0 25px;
	-moz-border-radius:25px 0 0 25px;
	-webkit-border-radius:25px 0 0 25px;
	background:#0074C1;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	behavior:url(/js/PIE.php);
}
.experienceBlock .schedule .notice.orange {
	background:#E94708;
}
.experienceBlock .schedule .notice.green {
	background:#009A62;
}
.experienceBlock .schedule .notice.pink {
	background:#e5005a ;
}
.experienceBlock .schedule .date {
	display:table-cell;
	position:relative;
	padding:11px 10px 12px 17px;
	border-radius:0 25px 25px 0;
	-o-border-radius:0 25px 25px 0;
	-moz-border-radius:0 25px 25px 0;
	-webkit-border-radius:0 25px 25px 0;
	background:#FFF;
	font-size:22px;
	font-weight:bold;
	vertical-align:middle;
	behavior:url(/js/PIE.php);
}
.experienceBlock .button {
	float:right;
	width:23.2%;
}
.experienceBlock .button a {
	min-height:50px;
	/*padding:9px 5px 5px;*/
	border-width:4px;
	font-size:20px;
	line-height:42px;
}
.experienceBlock .button a i {
	margin-right:0;
	margin-left:18px;
	font-size:24px;
}
.experienceBlock .infoBox {
	display:table;
	width:100%;
	margin-top:20px;
}
.experienceBlock .infoBox .about {
	display:table-cell;
	width:130px;
	background:#FDF746;
	padding:5px;
	font-size:22px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}
.experienceBlock .infoBox .title {
	display:table-cell;
	padding:13px 20px 12px;
	background:#EEEAE6;
	line-height:1.58;
	color:#333;
}
.experienceBlock .infoBox .title span {
	display:block;
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:3px;
}
.expConversionPc{
	margin-bottom:40px;
}

/* ------------------------------------------------------------------
	news page
-------------------------------------------------------------------*/
.newsItem01 {
	margin-right:0;
	margin-bottom:40px;
}
.newsItem01 > li {
	float:none;
	width:100%;
	padding:20px 0 16px;
	border-bottom:2px dotted #DDD5CD;
}
.newsItem01 .newsInner {
	padding:0;
	background:#FFF;
}
.newsItem01 .image {
	float:left;
	max-width:240px;
	width:24.5%;
	position: relative;
	overflow:hidden;
	/*height:160px;*/
}
.newsItem01 .newsText,
.newsItem01 .newsTag {
	float:right;
	max-width:710px;
	width:72.45%;
}
.newsItem01 .linkNews {
	margin:-3px 0 9px;
	padding:0;
}
.linkTag01 li {
	float:left;
	margin:0 5px 5px 0;
}
.linkTag li {
	float:left;
	margin:0 5px 1px 0;
}
.linkTag a {
	display:inline-block;
	min-height:20px;
	padding:0 11px;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFF;
	font-size:13px;
}
.linkTag a.darkBlue {
	background:#2149A0;
}
.linkTag a.lightBlue {
	background:#0074C1;
}
.linkTag a.orange {
	background:#FF5F18;
}
.linkTag a.green {
	background:#019A62;
}
.linkTag a.pink {
	background:#E5005A;
}
.linkTag span {
	display:inline-block;
	padding:2px 0;
	vertical-align:middle;
}
.linkTag i {
	margin-right:0;
	margin-left:8px;
	font-size:15px;
}
.newsBox .page {
	margin-bottom:0px;
}

/* ------------------------------------------------------------------
	news detail page
-------------------------------------------------------------------*/
.newsTop {
	padding-top:18px;
}
.newsTop .date {
	margin-bottom:13px;
}
.newsTop .title {
	margin-bottom:18px;
	font-size:22px;
	font-weight:bold;
}
.newsTop .shareList {
	text-align:left;
}
.newsContent {
	padding:30px 0;
}
.newsContent .youtubeVideo {
	max-width:560px;
	margin:0 auto 47px;
}
.newsContent .youtubeVideo .videoBlock {
	position:relative;
	height:0;
	margin-bottom:13px;
	padding-bottom:56.25%;
}
.newsContent .videoBlock iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.newsContent .text01 {
	font-size:14px;
	line-height:1.45;
}
.newsContent .newsInfo {
	padding-bottom:10px;
}
.newsContent .newsInfo .imageBlock {
	float:left;
	width:43.88%;
}
.newsContent .newsInfo .imageBlock .image {
	position:relative;
	margin-bottom:8px;
	font-size:0;
}

/*.image.horizImage .blankImage{
}
*/

.newsContent .newsInfo .imageBlock .text01 {
	margin-bottom:17px;
}
.newsContent .newsInfo .textBlock {
	float:right;
	width:53%;
	margin-top:-5px;
	line-height:1.6;
}
.newsContent .text02 {
	margin-bottom:26px;
	line-height:1.66;
}
.newsContent .textOnly .imageBlock {
	display:none !important;
}
.newsContent .textOnly .textBlock {
	float:none !important;
	width:100% !important;
}
.linkBlock {
	margin-bottom:18px;
	border-top:2px dotted #DDD5CD;
}
.linkBlock > li {
	display:table;
	width:100%;
	padding:20px 0 9px;
	border-bottom:2px dotted #DDD5CD;
}
.linkBlock .text {
	display:table-cell;
	font-size:14px;
	vertical-align:top;
	width:113px;
}
.linkBlock .text.w138 {
	width:138px;
}
.linkBlock .text.w112 {
	width:112px;
}
.linkBlock .linkTag {
	display:table-cell;
	padding-bottom:5px;
	vertical-align:top;
}
.linkListBlock .linkList {
	display:table-cell;
	vertical-align:top;
}
.linkList li {
	margin-bottom:7px;
}
.linkList i {
	float:left;
	margin-right:0;
	padding-top:4px;
}
.linkList a {
	display:block;
	padding-left:6px;
	line-height:1.45;
}

.linkList .fontLarge {
	font-size:18px !important;
}
.linkList .fontLarge i {
	padding-top:5px;
}

.newsContent .attachmentLink {
	margin-bottom:46px;
}

/* ------------------------------------------------------------------
	movielist page
-------------------------------------------------------------------*/
.movieBlock {
	padding:20px 0 0;
}

/*.PC movieList modal */
.movieList {
	margin:0 -8px -17px;
	font-size:0;
}
.movieList li {
	display:inline-block !important;
	width:33.33%;
	margin-bottom:34px;
	padding:0 8px;
	vertical-align:top;
}
.movieList .movie {
	margin-bottom:8px;
}
.movieList .movie a {
	position:relative;
	display:block;
	font-size:0;
}
.movieList .movie .play {
	position:absolute;
	top:50%;
	left:50%;
	margin:-23px 0 0 -32px;
}
.movieList .movie iframe {
	display:none;
}

/*.PC movieList nomodal */
.movieListNoModal {
	width:100%;
	font-size:0;
}
.movieListNoModal li {
	display:inline-block !important;
	width:48.9%;
	margin-right:2%;
	margin-bottom:30px;
	vertical-align:top;
}
.movieListNoModal li:nth-child(even) {
	margin-right:0;
}
.movieListNoModal li .movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movieListNoModal li .movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%
}
.movieList .text,
.movieListNoModal .text {
	margin-top:5px;
	font-size:14px;
	line-height:1.45;
}
.movieList .text span {
	font-weight: normal;
}
.movieList01 {
	margin:0 -10px -17px;
}
.movieList01 li {
	width:50%;
	padding:0 10px;
}
.movieBlock .page {
	margin-bottom:37px;
}
.movieBlock .linkBlock {
	margin-bottom:50px;
}

/* ------------------------------------------------------------------
	radio page
-------------------------------------------------------------------*/
.radioBlock .lstListen li {
	padding-top:13px !important;
	padding-bottom:20px !important;
}
.radioBlock .lstListen .movie {
	position: relative;
	height: auto;
	padding-bottom: 0;
	margin-bottom: 0;
}
.radioBlock .play {
	position:absolute;
	top:50%;
	left:50%;
	margin:-23px 0 0 -32px;
}


/* ------------------------------------------------------------------
	subject page
-------------------------------------------------------------------*/
.subjectBlock {
	margin-bottom:0;
	/*padding:20px 0 0;*/
}
.subjectList {
	margin-bottom:35px;
}
.subjectList li {
	margin-bottom:20px;
}
.subjectList li > div {
	margin-top:-4px;
}
.subjectList .imageBlock {
	float:left;
	width:26.5%;
	font-size:0
}
.subjectList .textBlock {
	float:right;
	width:71.4%;
}
.subjectList .textBlock .title {
	margin:-4px 0 13px;
	font-size:22px;
	font-weight:bold;
}
.subjectList .textBlock .textBox {
	margin-bottom:15px;
	padding:10px 20px;
	border:1px solid #DDD5CD;
}
.subjectList .textBlock .textBox p {
	line-height:1.6;
}
.subjectList .textBlock .textBox p.blue {
	color:#0074C1;
}
.subjectList .textBlock .textBox p.orange {
	color:#F36324;
}
.subjectList .textBlock .textBox p.green {
	color:#019A62;
}
.subjectList .textBlock .textBox p.pink {
	color:#E4015B;
}

/* ------------------------------------------------------------------
	equipment page
-------------------------------------------------------------------*/
.equipmentHead {
	padding:0;
	text-align:center;
}
.equipmentHead .text {
	margin:12px 0 0;
	line-height:1.56;
	text-align:left;
}
.equipmentBlock {
	margin-bottom:0;
	padding:20px 0 40px;
}
.equipmentList {
	margin-bottom:30px;
	padding:20px;
	background:#F9F7F5;
}
.equipmentList > ul {
	margin:0 -2% -20px 0;
}
.equipmentList > ul > li {
	float:left;
	width:48%;
	margin:0 2% 20px 0;
	padding:14px 15px;
	background:#FFF;
}
.equipmentList > ul > li.fullWidth {
	width:98%;
	float:none;
	clear:both;
}
.pb15 {
	padding-bottom:15px;
}
.equipmentList .headline10 {
	margin-bottom:10px;
}
.equipmentList .image {
	margin-bottom:11px;
	font-size:0;
}
.equipmentList .text {
	line-height:1.6;
}
.equipmentList .text.pb15 {
	font-size:13px;
}
.equipmentList > ul > li.fullWidth.last .image {
	float:left;
	width:47.3%;
	margin-bottom:0;
}
.equipmentList > ul > li.fullWidth.last .text {
	float:right;
	width:50%;
}
.equipmentList .imageList {
	margin:0 -25px;
}
.equipmentList .imageList li {
	float:left;
	width:50%;
	padding:0 25px;
}

.equipmentList .image.newmark {
	position: relative;
}
.equipmentList .image.newmark:after {
	position:absolute;
	right:1%;
	top:1.5%;
	content:'NEW';
	color: #FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:6px 10px;
	background:#f73f48;
	border: 1px #FFF solid;
}
.equipmentList li.image.newmark:after {
	right:6%;
}

.equipmentList .headline10.new {
	position: relative;
}
.equipmentList .headline10.new:after {
	position:absolute;
	left:0;
	top:2px;
	content:'NEW';
	color: #FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:3px 6px;
	background:#f73f48;
}
.equipmentList .newText {
	margin-left: 55px;
}

.equipmentOther {
	background:#EBF4FA;
	padding:35px;
}
.equipmentOther h2 {
	margin-bottom:25px;
	color:#0074C1;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
.equipmentOther h2.orange {
	color:#e94708;
}
.equipmentOther h2.green {
	color:#009a62;
}
.equipmentOther .textBlock {
	float:left;
	width:39.56%;
	max-width:360px;
}
.equipmentOther .textBlock p {
	line-height:1.6;
}
.equipmentOther .note {
	padding-top:9px;
	font-size:13px;
}
.equipmentOther .imageBlock {
	float:right;
	width:57.15%;
	font-size:0;
	max-width:520px;
}
.equipmentOther .imageBlock .image01,
.equipmentOther .imageBlock .image02 {
	display:inline-block;
	font-size:0;
	vertical-align:middle;
}
.equipmentOther .imageBlock .image01 {
	/*max-width:294px;
	/*width:56.54%;*/
	max-width:268px;
	width:50%;
}
.equipmentOther .imageBlock .image01 img {
	height:auto;
}
.equipmentOther .imageBlock .image02 {
	max-width:268px;
	width:50%;
	/*width:56.54%;*/
	/*max-width:226px;
	width:43.46%;*/
}
.equipmentOther .imageBlock .image02 img {
	height:auto;
}
.equipmentOther .imageBlock .text {
	padding-top:3px;
	font-size:13px;
}
.equipmentOther .imageBlock .image01 span,
.equipmentOther .imageBlock .image02 span {
	display:block;
	padding-top:10px;
}
.equipmentOther.orange {
	background:#fdece6;
}
.equipmentOther.green {
	background:#e8f6f1;
}
.orange .itemBlock .textBlock {
	max-width:540px;
	width:59.34%;
}
.orange .itemBlock .imageBlock {
	max-width:344px;
	width:37.8%;
}

.equipmentOther .item {
	margin:0 -5px;
	padding:0;
}
.equipmentOther .item li {
	float:left;
	width:25%;
	margin:7px 0 0 0;
	padding:0 5px;
}

/*equipmenVideo*/
.equipmentVideo {
	background:#F9F7F5;
	margin-bottom:20px;
	padding:25px 0;
}
.equipmentVideo h2 {
	margin-bottom:15px;
	color:#0074C1;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
.equipmentVideo h2.orange {
	color:#e94708;
}
.equipmentVideo h2.green {
	color:#009a62;
}
.equipmentVideo h2.pink {
	color:#E5015A;;
}
.equipmentVideo .videoBox {
	width: 100%;
	text-align: center;
}
.equipmentVideo .videoBox .video {
	margin-left: auto;
	margin-right: auto;
}
.equipmentVideo .videoBox .video iframe {
	width:840px;
	height:475px;
}
@media only screen and (max-width:900px) {
	.equipmentVideo .videoBox .video {
		margin-left: 25px;
		margin-right: 25px;
		position:relative;
		padding:0 0 43.6%;
	}
	.equipmentVideo .videoBox .video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
@media only screen and (max-width:736px) {
	.equipmentVideo {
		padding:15px 0;
	}
	.equipmentVideo h2 {
		margin-bottom:10px;
		font-size:16px;
	}
	.equipmentVideo .videoBox .video {
		margin-left: 10px;
		margin-right: 10px;
	}
}


/* ------------------------------------------------------------------
	indoorview page
-------------------------------------------------------------------*/
.indoorviewBlock {
	padding:16px 0 34px;
}
.indoorviewBlock .text {
	margin-bottom:32px;
	line-height:1.56;
}
.indoorviewList {
	margin-bottom:-8px;
}
.indoorviewList li {
	margin-bottom:26px;
}
.indoorviewList .view {
	position:relative;
	height:0;
	margin-top:-4px;
	padding-bottom:46.94%;
}
.indoorviewList .view iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.buttonBlock {
	margin-bottom:0;
	padding:40px 0;
}

/* ------------------------------------------------------------------
	support page
-------------------------------------------------------------------*/
.supportBlock {
	margin-bottom:0;
	padding:15px 0 20px;
}
.supportBlock .text {
	margin-bottom:34px;
	line-height:1.6;
}
.supportList {
	margin-bottom:30px;
}
.supportList li {
	margin-bottom:10px;
	padding:16px 20px;
	border:1px solid #0074C1;
}
.supportList.orange li {
	border:1px solid #E74806;
}
.supportList.green li {
	border:1px solid #019A62;
}
.supportList.pink li {
	border:1px solid #E5015A;
}
.supportList .textBlock {
	float:left;
	width:61.7%;
}
.supportList .textLongBlock {
	width:100%;
}
.supportList .textLongBlock .title{
	margin-top:7px;
	margin-bottom: 3px;
}
.supportList .textLongBlock .textL {
	float: left;
	width: 45%;
	padding: 0;
	line-height: 1.5;
}
.supportList .textLongBlock .textR {
	float: right;
	width: 45%;
	padding: 0;
	line-height: 1.5;
}
.supportList .number {
	display:inline-block;
	margin-bottom:8px;
	padding:0 10px;
	background:#0074C1;
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	font-family:Verdana,Geneva,sans-serif;
}
.supportList .number.orange {
	background:#E74806;
}
.supportList .number.green {
	background:#019A62;
}
.supportList .number.pink {
	background:#E5015A;
}
.supportList .number span {
	display:inline-block;
	font-size:27px;
	line-height:1.2;
}
.supportList .text {
	margin-bottom:0;
	margin-top:11px;
}
.supportList .image {
	float:right;
	width:35%;
	font-size:0;
	max-width:320px;
}
.supportList .supportvideo {
	position:relative;
/*	width:100%;*/
	padding-top:19.6%;
}
.supportList .supportvideo iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}


/* ------------------------------------------------------------------
	capacity page
-------------------------------------------------------------------*/
.capacityBlock {
	padding:0 0 36px;
}
.capacityBlock h2.title {
	margin-bottom:13px;
	font-size:22px;
	font-weight:bold;
}
.capacityBlock .text {
	line-height:1.6;
}
.capacityBlock .title+.text{
	margin-bottom:26px;
}
.capacityBlock .tableStyle01 {
	margin-bottom:0px;
}
.capacityBlock .tableStyle01 td {
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.5;
}
.capacityBlock .tableStyle01 td.title {
	font-weight:bold;
}

/* ------------------------------------------------------------------
	radio page
-------------------------------------------------------------------*/
.boxGroup .image,
.boxBlockOut .image {
	padding-bottom:50px;
}
.anchorLink {
	display: block;
	position:relative;
	margin-bottom:36px;
	margin-left:-1px;
	margin:-1px;
	padding-bottom:10px;
}
.anchorLink > p {
	width:50%;
	float:left;
	font-size:0;
}
.anchorLink > p a {
	position: relative;
	display: block;
	padding: 16px 16px 15px 16px;
	padding-left: 62px;
	margin: 0 1px;
	line-height: 100%;
	color: #FFF;
	background-color: #0074C1;
	border: 2px solid #0074C1;
	font-size: 18px;
	font-weight: bold;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.anchorLink > p a {
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}
.anchorLink > p:first-child a {
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}
.anchorLink > p a:hover {
	color:#0074C1;
	text-decoration:none;
	background-color:#FFF;
}
.anchorLink > p a::before {
	position:absolute;
	left:14px;
	top:5px;
	content:'';
	background:url(/img/toho/sound/radio/icon_radio.png) no-repeat;
	width:38px;
	height:33px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.anchorLink > p a:hover::before {
	background:url(/img/toho/sound/radio/icon_radio_h.png) no-repeat;
	background-size: cover;
}
.anchorLink > p a::after {
	position:absolute;
	right:20px;
	top:19px;
	content:'';
	background:url(/img/toho/sound/radio/icon_arrow.png) no-repeat;
	width:19px;
	height:11px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.anchorLink > p a:hover::after {
	background:url(/img/toho/sound/radio/icon_arrow_h.png) no-repeat;
	background-size: cover;
}
.cmList {
	padding-top: 26px;
}
.programList.cmList {
	margin-bottom:80px;
	padding-top:36px;
}
.cmList h2 {
	margin-bottom:16px;
	font-size:30px;
	color:#0074C1;
	text-align:center;
	font-weight:bold;
	letter-spacing:-0.5px;
}
.cmList .description {
	line-height:24px;
}
.lstListen {
	margin-top:12px;
}
.lstListen li {
	position:relative;
	padding:17px 0;
	border-bottom:1px dotted #CCC;
}
.lstListen li .movie {
	display:none;
}
.lstListen li .btnListen {
	position:absolute;
	right:0;
	top:12px;
	font-size:0;
}
.lstListen .btnListen a {
	position:relative;
	display:inline-block;
	padding:16px 40px;
	padding-left:87px;
	width:100%;
	height:100%;
	line-height:100%;
	color:#FFF;
	background-color:#0074C1;
	border:2px solid #0074C1;
	font-size:18px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.lstListen .btnListen a {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.lstListen .btnListen a:hover {
	color:#0074C1;
	text-decoration:none;
	background-color:#FFF;
}
.lstListen .btnListen a::before {
	position:absolute;
	left:43px;
	top:10px;
	content:'';
	background:url(/img/toho/sound/radio/icon_speaker.png) no-repeat;
	width:38px;
	height:33px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.lstListen .btnListen a:hover::before {
	background:url(/img/toho/sound/radio/icon_speaker_h.png) no-repeat;
}
.lstListen h3 {
	font-size:18px;
	color:#0074C1;
	margin-bottom:5px;
}
.lstListen span {
	letter-spacing:-1px;
}
.proConditions {
	margin-top:13px;
}
.proConditions > span {
	display:inline-block;
	margin-bottom:3px;
	font-weight:bold;
}
.proConditions ul li {
	line-height:24px;
}
.proConditions ul.lstListen li {
	line-height:20px;
}

/* ------------------------------------------------------------------
	student_work page
-------------------------------------------------------------------*/
.keyvBox {
	padding:20px 0 13px;
}
.keyvBox p {
	margin-bottom:12px;
	line-height:1.6;
}
.keyvBox .text01 {
	font-size:22px;
	font-weight:bold;
	line-height:1.6;
}
.keyvBox .text02 {
	font-size:22px;
	font-weight:bold;
}
.keyvBox .link {
	float:right;
	margin-left:40px;
}
.movieBlock .title {
	padding:16px 10px 26px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
#pageMovie .keyvBox .text01 {
	color:#E94708;
}
#pageMovie .movieBlock .title {
	color:#E94708;
}
#pageAnnounce .movieBlock .title {
	color:#E5005A;
}

#pageAnnounce .courseTitle {
	font-weight: bold;
	color: #E5005A;
	margin-top: 10px;
	line-height: 1.5;
}
#pageAnnounce .courseText {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 5px;
	margin-bottom: 15px;
}
	
	
/* ------------------------------------------------------------------
	promotion_product page
-------------------------------------------------------------------*/
.anchorLinkMovie {
	margin:0 -5px;
	padding:20px 0;
}
.anchorLinkMovie li {
	float:left;
	width:25%;
	margin:0;
	padding:0 5px;
}
.anchorLinkMovie a {
	display:block;
	position:relative;
	padding:9px 22px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	transition:all 0.3s ease;
}
.anchorLinkMovie a:hover {
	background:#FFF !important;
}
.anchorLinkMovie i {
	position:absolute;
	top:50%;
	right:11px;
	margin-top:-8px;
	margin-right:0;
}
#pageMovie .anchorLinkMovie a {
	background:#E94708;
	border:1px solid #E94708;
}
#pageMovie .anchorLinkMovie a:hover {
	color:#E94708;
}

/* ------------------------------------------------------------------
	teatreanagaku page
-------------------------------------------------------------------*/
.movieList li.fullWidth {
	width:100%;
}
.movieList .movieLeft {
	float:left;
	width:49%;
}
.movieList .textRight {
	float:right;
	width:49%;
}
.movieList .text strong {
	font-size:18px;
}
#pageAnnounce .movieList .text strong {
	color:#E5005A;
}

/*lighting sound */
.imageTextList {
	margin: 0 0 -10px 0;
	position:relative;
}
.imageTextList li {
	display:table;
	margin:0 0 10px 0;
	width:100%;
}
.imageTextList li p.image {
	display:table-cell;
	width:21%;
	vertical-align:top;
	max-width:180px;
}
/*.imageTextList li p.image img {
	border:2px solid #ddd5cd;
}*/
.imageTextList li div.text {
	padding:0 0 0 10px;
	margin:0;
	font-size:15px;
}
.imageTextList li div.text h4 {
	font-weight:bold;
}
.pointBlock .leftBoxText {
	max-width:419px;
	width:48.7%;
	float:left;
}
.textBlock .leftBlock {
	border:1px solid #0074c1;
}
.textBlock .leftBlock h4 {
	background:#0074c1;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding:9px 0;
}
.textBlock .leftBlock .leftBlockInner {
	padding:0 20px 15px 20px;
	line-height:1.6;
}
.textBlock .leftBlock .leftBlockInner .textBlue {
	color:#0074c1;
	font-weight:bold;
	padding-top: 15px;
	font-size:15px;
}
.pointPhoto {
	display:table;
	width:100%;
	margin:20px 0 0 0;
	padding:10px 20px;
	background:#edf8ff;
}
.pointPhoto .image {
	display:table-cell;
	vertical-align:top;
	max-width:280px;
	font-size:0;
	width:34.2%;
}
.pointPhoto .textInfo {
	display:table-cell;
	vertical-align:top;
	padding:7px 0 0 18px;
	line-height:1.6;
}
.pointPhoto .textInfo h4 {
	color:#0074c1;
	font-weight:bold;
	padding:0 0 10px 0;
}
.personList {
	border:4px solid #0074c1;
	border-radius:4px;
	padding:0 5px 15px 5px;
	margin:20px 0 0 0;
}
.personList li {
	float:left;
	width:33.3%;
	text-align:center;
	color:#0074c1;
	padding:0 4.5%;
	line-height:1.6;
}
.personList li .image {
	vertical-align:bottom;
	font-size:0;
	display:table;
	width:100%;
	text-align:center;
	width:100%;
}
.personList li h4 {
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	background:#0074c1;
	border-radius:30px;
	text-align:center;
	padding:4px 0 1px;
	margin:10px 0 7px 0;
}
.personList li p span {
	display:table-cell;
	height:100%;
	vertical-align:bottom;
}
.imageGroup {
	margin:0 -14px 0 0;
	position:relative;
}
.imageGroup li {
	float:left;
	width:33.33%;
	padding:0 14px 0 0;
	font-size:0;
}
.fullWidth .text {
	height:auto!important;
}
.pointPerson {
	margin:0 0 -15px 0;
	position:relative;
}
.pointPerson li {
	display:table;
	margin: 0 0 15px 0;
	width:100%;
}
.pointPerson li p.image {
	display:table-cell;
	vertical-align:top;
	max-width:280px;
	width:32.56%;
}
.image.relative .trigger .play {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -23px 0 0 -32px;
}

.pointDance li p.image{
	width:17.56%;
}
.pointPerson li div.text {
	display:table-cell;
	vertical-align:top;
	padding:0 0 0 20px;
	margin:0;
	font-size: 14px;
	line-height:1.5;
}
.pointPerson li div.text h4 {
	font-weight:bold;
	padding:0 0 10px 0;
}
.pointPerson li div.text h5 {
	font-weight:bold;
	padding:0 0 3px 0;
	color:#e94708;
}
.pointDance li div.text h5 {
	font-weight:bold;
	padding:0 0 3px 0;
	color:#e5005a;
}
.pointPerson li div.text h5 .pcDisplay {
	display:inline-block!important;
}
.pointPerson li.btline {
	border-top:1px dotted #cec3b8;
	padding-top:20px;
}
#pageMovie .pointBox {
	border:1px solid #e94708;
	padding:15px;
	margin:0 0 20px 0;
}
#pageOnkyo .pointBox {
	border:1px solid #009A62;
	padding:19px;
	margin:0 0 20px 0;
}
#pageMovie .pointBox h4 {
	font-weight:bold;
	line-height: 1.5;
	color:#e94708;
	padding:0 0 10px 0;
}
#pageOnkyo .pointBox h4 {
	font-weight:bold;
	color:#009A62;
	padding:0 0 10px 0;
}
.pointBox .pointBoxItem {
	margin:0 -10px;
	padding:20px 0 0 0;
	position:relative;
}
.pointBox .pointBoxItem li {
	float:left;
	padding:0 10px;
	width:50%;
}
.appointElement,
.pointBlock .appointElement {
	border:1px solid #e94708;
	padding:0 19px 14px 19px;
}
.appointElement h4,
.pointBlock .appointElement h4 {
	background:#e94708;
	color:#FFF;
	text-align:center;
	padding:10px 0 10px 0;
	margin:0 -19px;
	position:relative;
	font-weight:bold;
}
.appointElement h5,
.pointBlock .appointElement h5 {
	padding:19px 0 3px 0;
	font-weight:bold;
}
.appointElement h5 strong
.pointBlock .appointElement h5 strong {
	display:inline-block;
	padding:0 0 3px 0;
}
.appointElement .appointInfo,
.pointBlock .appointElement .appointInfo {
	padding:19px 0 0 0;
}
.appointInfo,
.pointBlock .appointInfo {
	display:table;
	width:100%;
}
.appointInfo .image,
.pointBlock .appointInfo .image {
	max-width:240px;
	width:29.27%;
	display:table-cell;
	vertical-align:top;
}
.appointInfo .imagePcSmall,
.pointBlock .appointInfo .imagePcSmall {
	width:20%;
	display:table-cell;
	vertical-align:top;
}
.appointInfo .imagePcSmall img,
.pointBlock .appointInfo .imagePcSmall img {
	width:100%;
}
.appointInfo .text,
.pointBlock .appointInfo .text {
	display:table-cell;
	vertical-align:top;
	padding:0 0 0 18px;
}
.appointInfo .text strong,
.pointBlock .appointInfo .text strong {
	display:inline-block;
	padding:0 0 8px 0;
}
.appointInfo p {
	font-size: 15px;
	line-height: 1.5;
}
.appointInfo span {
	font-weight: bold;
}
.studentVoiceBox,
.pointBlock .studentVoiceBox{
	line-height: 1.6;
	text-align: justify;
	margin-top: 1em;
	border-top: 1px dotted #cec3b8;
}
.studentVoiceBox dt,
.studentVoiceBox span,
.pointBlock .studentVoiceBox dt,
.pointBlock .studentVoiceBox span {
	color: #E94708;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 1em;
	margin-bottom: 0.4em;
}
.studentVoiceBox span,
.pointBlock .studentVoiceBox span {
	color: #E94708;
}
.studentVoiceBox span i,
.pointBlock .studentVoiceBox span i {
	color: #fff;
}

.squareListMore {
	max-width: 700px;
	margin: 0 auto;
}
.squareListMore .text {
	line-height: 1.6;
}
.addBtn a {
	margin-bottom: 5px;
}
.addBtn a:first-child {
	margin-right: 8px;
}
@media screen and (max-width:407px) {
	.addBtn a:first-child {
		margin-right: 0;
	}
}
./*buttonStyle02 a.btnGray {
	border-color: #ababab;
	background: #ababab;
}*/
.buttonStyle02 a:hover.btnGray {
	color: #666;
}
.pointBlock .appointElement .leadTitle{
	color: #e94708;
	font-weight: bold;
	font-size: 1.3em;
}
.orangeBox {
	background:#ffefea;
	padding:20px 20px 20px 20px;
	margin:20px 0 0 0;
}
.orangeBox h4 {
	font-weight:bold;
	color:#e94708;
}
.orangeBox h4 span {
	font-size:11px;
	padding:0 0 0 5px;
}
.orangeBox ul {
	padding:15px 0 0 0;
}
.orangeBox li {
	float:left;
	width:33.33%;
	padding:0 0 0 20px;
	line-height:1.5;
}
.boxNew ul li {
	width:100%;
	padding-left:0;
}

/* ------------------------------------------------------------------
	writing page
-------------------------------------------------------------------*/
.twoCol {
	margin:0 -10px;
}
.twoCol li {
	float: left;
	width: 50%;
	padding: 0 10px 0;
	margin-bottom:15px;
}
.twoCol h4 {
	float:left;
	width:50%;
	padding:0 10px;
	height:58px;
	background:#E94708;
	line-height:58px;
	text-align:center;
}
.twoCol h4 span {
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	line-height:1.5;
	vertical-align:middle;
}
.twoCol .inner {
	padding:15px 15px;
	border:1px solid #e94708;
}
.twoCol .text01 {
	margin-bottom:6px;
	color:#E94708;
	font-weight:bold;
}
.twoCol .text02 {
	line-height:1.4;
}
.twoCol .box01 {
	margin-bottom:20px;
}
.twoCol .image {
	margin-bottom:0;
	font-size:0;
}
.twoCol .box02 {
	margin-bottom:10px;
	padding:13px 19px 10px;
	background:#FFEFEA;
}
.twoCol .box02 .text02 i {
	color:#E94708;
}
.bookList .box03 .image {
	float:left;
	width:28.42%;
	/*max-width:108px;*/
	margin-right:3.15%;
}
.bookList .box03 .text {
	float:right;
	width:66.42%;
	/*max-width:260px;*/
	margin-bottom:5px;
	line-height:1.4;
}
.bookList .box03 .book {
	margin-top:0;
}
.bookList .box03 .text span {
	color:#E94708;
	font-weight:bold;
}
.bookList .box03 .text span.textColor {
	color:#333;
}
.appointElement01 {
	margin-bottom:10px;
}
.pointBlock .appointElement01 .appointInfo .image {
	max-width:150px;
	width:20%;
}
.pointBlock .appointElement .text01 {
	background:none;
	margin:0 0 13px 0;
	padding:0;
	color:#E94708;
	font-weight:bold;
	text-align:left;
}
.appointElement02 .text01 {
	color:#e5005a;
}
.pointBlock .appointElement01 .appointInfo .text strong {
	padding-bottom:0;
}
.pointTable table {
	width:100%;
	border:1px solid #E94708;
}
.pointTable th {
	width:28%;
	background:#E94708;
	color:#FFF;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}
.pointTable td {
	padding:9px 20px 7px 0;
	border-top:1px dotted #E94708;
}
.pointTable table tr:first-child td {
	border-top:none;
}
.pointTable dl {
	display:table;
	width:100%;
}
.pointTable dl dt {
	display:table-cell;
	width:130px;
	padding:0 20px;
	color:#E94708;
	font-weight:bold;
	vertical-align:top;
}
.pointTable dl dd {
	display:table-cell;
	vertical-align:top;
}
.pointBlock .pointInfo .image {
	float:left;
	width:48.84%;
	font-size:0;
}
.pointBlock .pointInfo .orangeBox {
	float:right;
	width:48.84%;
	margin-top:0;
	padding:12px 20px;
}
#pageAnnounce .pointBlock .pointInfo .orangeBox {
	background:#FFF4F7;
}
.pointBlock .pointInfo .orangeBox .text01 {
	margin-bottom:6px;
	color:#E94708;
	font-weight:bold;
}
.pointBlock .pointInfo .boxNew02 .text01 {
	color:#E5005A;
	margin-bottom:6px;
	font-weight:bold;
}
.pointBlock .pointInfo .orangeBox .text02 {
	line-height:1.39;
}
.pointBlock .pointInfo .orangeBox .text02 i {
	color:#E94708;
}
.pointBlock .pointArrow{
	margin-bottom:20px;
}
.pointBlock .pointArrow .pNewsact{
	color:#E5005A;
	font-weight:bold;
	padding-bottom:10px;
}
.pointBlock .pointArrow .boxInneract{
	float:left;
	padding-top:5px;
}
.pointBlock .pointArrow .boxInneract .rightImg{
	float:left;
	width:44%;
	padding-right:10px;
}
.pointBlock .pointArrow .boxInneract .leftText{
	line-height:22px;
	float:left;
	width:56%;
}
.pointBlock .pointArrow h4 {
	background:#E5005A;
	color:#FFF;
	text-align:center;
	padding:10px 0 10px 0;
	margin:20px -19px 0px -19px;
	position:relative;
	font-weight:bold;
}
.pointBlock .pointArrow h4.green {
	background:#009A62;
}
.pointBlock .pointArrow h4 .following {
	width:40px;
	position:absolute;
	top:90%;
	left:50%;
	margin:0 0 0 -20px;
}

/* ------------------------------------------------------------------
	curriculum page
-------------------------------------------------------------------*/
.pageCurriculum .general {
	margin-bottom:24px;
}
.pageCurriculum .headline5 {
	margin-bottom: 10px;
}
.pageCurriculum .linkList li {
	width:100%;
	margin-bottom:30px;
	line-height:1.6;
}
.pageCurriculum p.sp {
	line-height:1.8;
}

/* ------------------------------------------------------------------
	curriculumList page
-------------------------------------------------------------------*/
.pageCurriculumList .linkList {
	padding-top:20px;
	padding-bottom:20px;
}
.pageCurriculumList .linkList li {
	margin-bottom:15px;
}
.pageCurriculumList .linkList li a {
	font-size:17px;
}

/* ------------------------------------------------------------------
	movie school apge
-------------------------------------------------------------------*/

.pageCurriculum em {
	font-weight:bold;
}
.pointBlock span {
	font-weight:bold;
}
.pointBlock .smallTxt {
	font-weight:normal;
}
.pointBlock span.tel {
	font-weight:normal;
}
.pointBlock .appointElement {
	border:1px solid #e94708;
	padding:0 19px 14px 19px;
}
.pointBlock .appointElement span {
	font-weight:bold;
}
.pointBlock .appointElement02 {
	border:1px solid #e5005a;
}
.pointBlock .appointElement h5 {
	padding:19px 0 3px 0;
	font-weight:bold;
}
.pointBlock .appointElement h5 strong {
	display:inline-block;
	padding:0 0 3px 0;
}
.appointElement .appointInfo,
.pointBlock .appointElement .appointInfo {
	padding:19px 0 0 0;
}
.appointElement .appointInfo.border,
.pointBlock .appointElement .appointInfo.border {
	margin-top:20px;
	border-top:solid 1px #e94708;
}
.appointInfo,
.pointBlock .appointInfo {
	display:table;
	width:100%;
}
.appointInfo .imagem,
.pointBlock .appointInfo .image {
	max-width:240px;
	width:29.27%;
	display:table-cell;
	vertical-align:top;
}
.appointInfo .text,
.pointBlock .appointInfo .text {
	display:table-cell;
	vertical-align:top;
	padding:0 0 0 18px;
}
.appointInfo .text strong,
.pointBlock .appointInfo .text strong {
	display:inline-block;
	padding:0 0 8px 0;
}

.pointvideo{
	position: relative;
	width: 100%;
	padding-top: 75% !important;
}
.pointvideo.w1-06{
	padding-top: 66.6% !important;
}
.pointvideo iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important
}

.orangeBox {
	background:#ffefea;
	padding:20px 20px 20px 20px;
	margin:20px 0 0 0;
}
.orangeBox h4 {
	font-weight:bold;
	color:#e94708;
}
.orangeBox h4 span {
	font-size:11px;
	padding:0 0 0 5px;
}
.orangeBox ul {
	padding:15px 0 0 0;
}
.orangeBox li {
	float:left;
	width:33.33%;
	padding:0 0 0 20px;
	line-height:1.5;
}
.orangeBoxPro {
	background:#ffefea;
	padding:20px 20px 20px 20px;
	margin:20px 0 0 0;
}
.orangeBoxPro h4 {
	font-weight: bold;
	color: #e94708;
}
.orangeBoxPro p {
	font-weight:bold;
	color:#e94708;
}
.orangeBoxPro p span {
	font-size:11px;
	padding:0 0 0 5px;
}
.orangeBoxPro ul {
	padding:15px 0 0 0;
}
.orangeBoxPro li {
	float:left;
	width:49.33%;
	padding:0;
	line-height:1.5;
}
.orangeBoxPro li.column3 {
	width:33%;
}
.orangeBoxPro li.column4 {
	width: auto !important;
	padding-right:30px !important;
}
.orangeBoxPro li.noBorder {
	border: none;
	padding:0;
}
.addProPoint2 .sepPro{
	float:left;
	width:20%;
	margin-right:10px;
}
.addProPoint2 .textSepPro span{
	font-weight:bold;
	margin-bottom:5px;
}
.addProPoint2 .textSepPro{
	float:left;
	width:78%;
	text-align:justify;
	line-height:1.4;
}
.orangeBoxPro02 {
	background:#ffefea;
	padding:20px;
	margin:10px 0 0;
}
.orangeBoxPro02 h4 {
	font-weight:bold;
	color:#e94708;
}
.orangeBoxPro02 h4 span {
	font-size:11px;
	padding:0 0 0 5px;
}
.orangeBoxPro02 ul {
	padding:15px 0 0 0;
}
.orangeBoxPro02 li {
	float:left;
	width:100%;
	padding:0;
	line-height:1.5;
}
.boxNew h4{
	color:#E5005A;
}

.orangeBoxPro02 .col01{
	padding-bottom:10px;
}
.studentList {
	margin:0;
	/*margin:0 -20px 0 0;*/
	position:relative;
}
.studentList li {
	display:inline-block;
	padding:0 20px 16px 0;
	font-size:0;
	width:24.3%;
	vertical-align:top;
}
.studentList li .name {
	font-size:15px;
	padding:6px 0 2px 0;
	color:#e5005a;
	font-weight:bold;
}
.studentList li .name span {
	font-size:14px;
}
.studentList li p {
	font-size:12px;
}
.pinkuBox {
	line-height:1.6;
}
.pinkuBox h4 {
	font-weight:bold;
	padding:7px 0 7px 0;
}
.pinkuBox {
	border:1px solid #e5005a;
}
.pinkuBox h4 {
	background:#e5005a;
	color:#fff;
	text-align:center;
}
.pinkuBoxInner {
	padding:17px 20px 20px;
}
.pinkuSub {
	background:#FFF4F7;
	margin:10px 0 0 0;
	padding:17px 20px;
}
.pinkuTitle {
	color:#e5005a;
	font-weight:bold;
	padding:0 0 5px 0;
}
.pinkuSub h5 {
	font-weight:bold;
	padding:0 0 3px 0;
}
.pinkuList ul {
	float:left;
	width:50%;
}
.lineBg {
	background:url(/img/common/bg_line05.gif) repeat-x 0 0;
	background-size:auto 1px;
	padding-bottom:32px;
}
.pinkuInfo {
	display:table;
	width:100%;
	margin:20px 0 0 0;
}
.pinkuInfo .image {
	display:table-cell;
	vertical-align:top;
	width:36%;
	max-width:280px;
}
.pinkuText {
	padding:0 0 0 20px;
}
.pinkuText .text01 {
	padding:0 0 10px 0;
	line-height:1.4;
}
.lineBg .pinkuTitle {
	padding:0;
}
.pinkuOther {
	display:table;
	padding:0 20px 0 20px;
	width:100%;
	margin:0 0 20px 0;
}
.pinkuOther .image {
	display:table-cell;
	vertical-align:top;
	max-width:280px;
	width:34.14%;
	font-size:0;
}
.pinkuOtherText {
	padding:0 0 0 20px;
}

.pinkuOtherText h5 {
	color:#e5005a;
	font-weight:bold;
	padding:0 0 5px 0;
}
.pinkuOtherText h5 strong {
	color:#000;
	display:block;
	padding:10px 0 0 0;
}
.pinkuTitle01 {
	padding:20px 20px 12px 20px;
	background:url(/img/common/bg_line05.gif) repeat-x 0 0;
	background-size:auto 1px;
	color:#e5005a;
	font-weight:bold;
	margin:-6px 0 0 0;
}
.pointBlock .text.textTop {
	margin-top:-10px;
}
.pointBlock .imageList04 li {
	margin-bottom:10px;
}
.pinkColor {
	background:#fff4f7;
	padding:16px 20px;
	margin:0 0 20px 0;
	line-height:1.5;
}
.pinkColor .pinkTitle {
	color:#e5005a;
	padding:0 0 3px 0;
	font-weight:bold;
}
.pinkColor span {
	font-weight:normal;
}
.actorList .infoActor .small {
	font-size:11px;
	padding:0 0 2px 0;
	font-weight:bold;
}
.actorList .infoActor .charge {
	padding:5px 0 0 0;
}
.actorList .infoActor .charge span {
	color:#e5005a;
}
.pointBlock .imageList span.textNormal {
	display:block;
	font-size:15px;
	padding:0 0 5px 0;
	line-height:1.5;
}
.pointBlock .imageList span.textNormal strong {
	font-weight:bold;
	color:#e5005a;
	display:inline-block;
}
.pointBlock .imageList span.danceshow{
	font-size:14px;
	font-weight:bold;
	color:#e5005a;
	display: inline;
}
.pointBlock .imageList span.variety {
	font-size:14px;
	font-weight:bold;
	color:#e5005a;
	display: inline;
}
.bnrElement {
	padding:36px 0 0 0;
	margin:36px 0 0 0;
	border-top:1px solid #ddd5cd;
}
.bnrElement ul {
	padding-bottom:17px;
	padding:0 17px 0 29px;
}
.bnrElement .headline4 {
	font-size:24px;
	padding-bottom:15px;
}
.bnrElement ul li {
	float: left;
	padding:0 10px 0 0;
	width:33.33%;
}
.bnrElement ul li a {
	display:block;
	text-align:center;
	color:#FFF;
	padding:14px 8px 0;
	border-radius:5px;
	text-decoration:none!important;
}
.bnrElement ul li.toho a {
	background:#0074c1;
}
.bnrElement ul li.movie a {
	background:#e94708;
}
.bnrElement ul li.onkyo a {
	background:#009a62;
}
.bnrElement ul li.announce a {
	background:#e5005a;
}
.bnrElement ul li a span {
	display:block;
	padding:5px 0 10px 0;
}
.bnrElement ul li a img {
	max-width:200px;
	max-height:21px;
	width:100%;
}
.bnrElement ul li.toho a img {
	max-width:196px;
}
.bnrStyle {
	text-align:center;
	font-size:0;
	padding:0 0 20px 0;
	clear:both;
}
.bnrStyle li {
	display:inline-block;
}

.fadeoutCss {
	display:block;
	opacity:0;
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.verticalImage .blankImage{
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	width: auto !important;
	max-width: inherit !important;
	height: 100% !important;
}

/* ------------------------------------------------------------------
	news dwImageProtector
-------------------------------------------------------------------*/
img.blankImage {
	position: absolute !important;
	left: 0;
	top: 0;
	z-index:1;
}
/* ------------------------------------------------------------------
	live page
-------------------------------------------------------------------*/
p.textStyle01 {
	padding:0 20px 60px 20px;
	margin:-15px 0 0 0;
	line-height:1.6;
	letter-spacing:-0.5px;
}
p.textStyle {
	line-height:1.6;
	letter-spacing:-0.5px;
}
.styleSection {
	background:url(/img/onkyo/live/bg_live_01.gif) no-repeat 50% 0;
	background-size:cover;
}
.stylePink {
	background:url(/img/onkyo/live/bg_live_02.gif) no-repeat 50% 0;
	background-size:cover;
}
.styleOgange {
	background:url(/img/onkyo/live/bg_live_03.gif) no-repeat 50% 0;
	background-size:cover;
}
.styleYellow {
	background:url(/img/onkyo/live/bg_live_04.gif) no-repeat 50% 0;
	background-size:cover;
}
.styleRed {
	background:url(/img/onkyo/live/bg_live_05.gif) no-repeat 50% 0;
	background-size:cover;
}
.stylePurple {
	background:url(/img/onkyo/live/bg_live_06.gif) no-repeat 50% 0;
	background-size:cover;
}
.styleBlue {
	background:url(/img/onkyo/live/bg_live_07.gif) no-repeat 50% 0;
	background-size:cover;
	margin-bottom:60px;
}
.styleSection h2 {
	text-align:center;
	border-top:2px solid #ddd5cd;
	padding:37px 0 36px 0;
}
.liveImage li {
	float:left;
	font-size:0;
}
.liveImage li.left {
	width:40.8%;
	max-width:400px;
}
.liveImage li.right {
	width:59.2%;
	max-width:580px;
}
.liveImage img {
	width:100%;
}
.livevideo{
	position: relative;
	width: 100%;
	padding-top: 67.9% !important;
}
.livevideo iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important
}
.styleGeneral {
	padding:20px 20px 0 20px;
}
.dateStyle {
	color:#14ae67;
	font-weight:bold;
	font-size:19px;
	padding:26px 0 20px 0;
	line-height:1.5;
}
.stylePink .dateStyle {
	color:#621986;
}
.styleOgange .dateStyle {
	color:#ea5504;
}
.styleYellow .dateStyle {
	color:#dda705;
}
.styleRed .dateStyle {
	color:#c30d23;
}
.stylePurple .dateStyle {
	color:#e4007f;
}
.styleBlue .dateStyle {
	color:#0091db;
}
.styleBlue .styleGeneral {
	border-bottom:2px solid #ddd5cd;
}
.styleList {
	margin:0 -12px 0 0;
	padding-bottom:20px;
	position:relative;
}
.styleList li {
	float:left;
	width:25%;
	font-size:0;
	padding:0 12px 0 0;
}
.styleList02 {
	margin:0 -12px 0 0;
	padding-bottom:20px;
	position:relative;
}
.styleList02 li {
	float:left;
	width:50%;
	font-size:0;
	padding:0 12px 0 0;
}
.styleList02 li img {
	width:100%;
}
.otherStyle {
	margin-right:-20px;
}
.otherStyle li {
	padding-right:20px;
	width:auto;
}
.subText {
	text-align:right;
	margin-right:20px;
	margin-bottom:58px;
}
.infoSection {
	max-width:1000px;
	padding:0 10px;
	margin:0 auto;
	width:100%;
}
.infoItemList {
	margin-top:20px;
	margin-right:20px;
	padding-bottom:20px;
}
.infoItemList table {
	display:table;
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	line-height:1.5;
}
.infoItemList table td,
.infoItemList table th {
	background:url(/img/onkyo/live/bg_line.gif) no-repeat 0 0;
	vertical-align:top;
	border-spacing: 0px;
	font-size:14px;
	color:#000;
	vertical-align:top;
	padding:5px 20px 2px 20px;
}
.infoItemList table tr.last td,
.infoItemList table tr.last th {
	background:url(/img/onkyo/live/bg_line.gif) no-repeat 0 0,url(/img/onkyo/live/bg_line.gif) no-repeat 0 100%;
	padding:5px 20px 5px 20px;
}
.infoItemList table td.boderNone {
	background:none;
}
.infoItemList table th {
	max-width:186px;
	width:19.4%;
	font-weight:bold;
}
.infoItemList table td.col01 {
	width:49.5%;
	max-width:475px;
}
.infoItemList table td span {
	display:inline-block;
	color:#ea5504;
	font-weight:bold;
	letter-spacing: 1px;
}
.infoItemList table tr.border td.boderNone {
	background:none;
}
.infoItemList table tr.border td.boderNone .link span {
	background:none;
}
.benefit {
	padding:0 15px;
}
.benefit li {
	float:left;
	width:20%;
	padding:0 5px 20px;
}
.benefit li p {
	background:#FFF;
	border-radius:9px;
	padding:16px 10px 17px;
	font-size:18px;
	line-height:1.4;
	/*min-height:180px;*/
	letter-spacing:-0.5px;
	box-shadow:3px 3px 3px #b0b0b0 inset;
}
.benefit li p strong {
	color:#ea5504;
}
.benefit {
	background:#ea5504;
}
.infoSection h2.headline10 {
	background:#ea5504;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
}
.infoSection h2.headline10:after {
	 content: "";
	 position:absolute;
	 top:50%;
	 left:0;
	 width:100%;
	 height:3px;
	 background: #FFF;
}
.infoSection h2.headline10 span {
	display:inline-block;
	padding:26px 20px;
	font-size:0;
	position:relative;
	z-index:100;
	background:#ea5504;
}
#livePage .tableText h3 {
	margin-bottom:10px;
	padding-top:0;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
.tableText table {
	margin-bottom: 10px;
}
#livePage .tableText th {
	width:20%;
	background-color:#d9f0e8;
}
#livePage .tableText table.styleBlue th {
	background-color:#dbeefb;
}
#livePage .tableText td {
	width:80%;
	background-color:#fff;
}
#livePage .tableText p {
	margin-bottom: 20px;
	text-align:right;
	font-size:14px;
}
.interviewBlock {
	background:#FFF;
}
.interviewBlock .leadText {
	line-height:1.6;
}
.interviewBlock .innerSquare {
	margin-top:40px;
	padding:20px 0 0;
	border-top:2px solid #DDD5CD;
}
.interviewBlock .interviewInner:last-child {
	margin-bottom:0;
	padding-bottom:10px;
	border-bottom:2px solid #DDD5CD;
}
.interviewBlock .imageBlockSquare {
	max-width:240px;
	width:30%;
}
.interviewBlock .textBlockSquare {
	float:left;
	width:70%;
	padding-left:30px;
}
.interviewBlock .name {
	margin-bottom:15px;
}
.interviewBlock .text02 {
	font-size:16px;
}
.interviewBlock .faqList li {
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px solid #DDD5CD;
	font-size:16px;
	line-height:1.7;
}
.interviewBlock .faqList li:last-child {
	margin-bottom:0;
	padding-bottom:10px;
	border-bottom:none;
}
.interviewBlock .faqList li .question {
	margin-bottom:20px;
}
.interviewBlock .faqList li .question em,
.interviewBlock .faqList li .question span {
	display:inline-block;
	vertical-align:middle;
}
.interviewBlock .faqList li .question em {
	width:45px;
	height:45px;
	margin-right:20px;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background:#335295;
	color:#FFF;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	behavior:url(/htc/PIE.php);
}
.interviewBlock .faqList li .question span {
	width:calc(100% - 70px);
	font-weight:bold;
}
.interviewBlock .faqList li .answer em,
.interviewBlock .faqList li .answer span {
	display:inline-block;
	vertical-align:top;
}
.interviewBlock .faqList li .answer em {
	width:45px;
	height:45px;
	margin-right:20px;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background:#E13937;
	color:#FFF;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	behavior:url(/htc/PIE.php);
}
.interviewBlock .faqList li .answer span {
	width:calc(100% - 70px);
	margin-top:-4px;
}

/*Add to open campus details page*/
.btnThree {
	margin: 20px 0 0 0;
}
.btnThree:last-of-type {
	margin: 20px 0 20px 0;
}
.btnThree ul {
	padding-bottom: 17px;
	padding: 0 17px 0 29px;
}
.btnThree ul li {
	float: left;
	padding: 0 10px 0 0;
	width: 33.33%;
}
.btnThree ul li a {
	display: block;
	text-align: center;
	font-size: 15px;
	color: #FFF;
	background: #f82929;
	padding: 10px 8px;
	border-radius: 5px;
	border: 1px solid #d20000;
	text-decoration: none!important;
}

@media screen and (max-width:780px) {
	.otherStyle li {
		width:50%;
	}
	.subText {
		margin-right:0;
		margin-bottom:20px;
	}
	.live.infoItemList {
		padding-bottom:0 !important;
		margin-bottom:20px !important;
	}
}
@media screen and (max-width:736px) {
	.pointBlock .imageBlock span {
		font-size:14px;
	}
	.appointInfo .imagePcSmall,
	.pointBlock .appointInfo .imagePcSmall {
		max-width:240px;
		width:29.27%;
	}
	.appointInfo p {
		font-size: 14px;
	}
	.squareListMore {
		margin: 0 10px;
	}
	.pointvideo, .pointBlock .imageBlock.col2video, .livevideo, .pointvideo.w1-06 {
		padding-top: 56.25% !important;
	}
	.timetable h3 {
		font-size: 14px;
	}
	.styleBlue {
		margin:0;
	}
	.styleBlue .styleGeneral {
		border-bottom-width:1px;
		margin-bottom:16px;
	}
	.infoSection h2.headLive {
		border-top:1px solid #ddd5cd;
	}
	.infoSection h2.headLive span {
		margin:0 -10px;
		display:block;
	}
	.infoSection h2.headLive img {
		width:100%;
	}
	.styleSection {
		margin:0 -5px;
		padding:0 5px;
	}
	.styleSection h2 {
		border-top-width:1px;
		padding:13px 0 13px 0;
	}
	.styleSection h2 img {
		height:34px;
	}
	.styleSection {
		background:url(/img/onkyo/live/bg_live_01_sp.gif) no-repeat 50% 0;
		background-size:cover;
	}
	.stylePink {
		background:url(/img/onkyo/live/bg_live_02_sp.gif) no-repeat 50% 0;
		background-size:cover;
	}
	.styleOgange {
		background:url(/img/onkyo/live/bg_live_03_sp.gif) no-repeat 50% 0;
		background-size:cover;
	}
	.styleYellow {
		background:url(/img/onkyo/live/bg_live_04_sp.gif) no-repeat 50% 0;
		background-size:cover;
	}
	.styleRed {
		background:url(/img/onkyo/live/bg_live_05_sp.gif) no-repeat 50% 0;
		background-size:cover;
	}
	.stylePurple {
		background:url(/img/onkyo/live/bg_live_06_sp.gif) no-repeat 50% 0;
		background-size:cover;
	}
	.styleBlue {
		background:url(/img/onkyo/live/bg_live_07_sp.gif) no-repeat 50% 0;
		background-size:cover;
	}
	p.textStyle01 {
		padding:0 5px 15px 5px;
		margin:0 0 0 0;
		line-height:1.6;
	}
	.liveImage li {
		float:none;
	}
	.liveImage li.left {
		width:100%;
		max-width:inherit;
		background:#000;
		position:relative;
		font-size:0;
		line-height:0;
		padding-bottom:45%;
	}
	.liveImage li.left img {
		position:absolute;
		left:50%;
		top:50%;
		width:auto;
		max-height:95%;
		max-width:95%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}
	.liveImage li.right {
		width:100%;
		max-width:inherit;
	}
	.styleGeneral {
		padding:20px 5px 0 5px;
	}
	p.textStyle {
		font-size:14px;
		line-height:1.6;
	}
	.dateStyle {
		font-size:12px;
		line-height:1.5;
		margin-top:15px;
		padding:2px 0 20px 0;
	}
	.styleList {
		margin:0 -10px 0 0;
		padding-bottom:5px;
		position:relative;
	}
	.styleList li {
		float:left;
		width:50%;
		font-size:0;
		padding:0 10px 10px 0;
	}
	.styleList li img {
		width:100%;
	}
	.styleList02 {
		margin:0 -10px 0 0;
		padding-bottom:5px;
		position:relative;
	}
	.styleList02 li {
		float:none;
		width:100%;
		font-size:0;
		padding:0 10px 10px 0;
	}
	.styleList02 li img {
		width:100%;
	}
	.infoSection {
		padding:0 5px;
	}
	.infoItemList {
		padding:0;
		margin:0 0 30px 0;
		border-top:1px solid #ddd5cd;
	}
	.infoItemList table {
		display:block;
		width:100%;
		border-collapse: collapse;
		line-height:1.5;
	}
	.infoItemList table tr {
		display:block;
	}
	.infoItemList table tr.last td,
	.infoItemList table tr.last th {
		padding:inherit;
	}
	.infoItemList table td,
	.infoItemList table th {
		background:none!important;
		border:none!important;
		vertical-align:top;
		font-size:14px;
		color:#000;
		padding:2px 5px;
		display:block;
		vertical-align:top;
	}
	.infoItemList table th {
		width:100%;
		display:block;
		padding:3px 5px;
		max-width:inherit;
	}
	.infoItemList table th {
		padding-bottom:0;
	}
	.infoItemList table td.col01 {
		width:100%;
		display:block;
		max-width:inherit;
	}
	.infoItemList table tr,
	.infoItemList table tbody {
		border:none!important;
		width:100%;
		display:block!important;
	}
	.infoItemList table td {
		border-bottom:1px solid #ddd5cd!important;
	}
	.setBorder .linkText.borderTop {
		border-top:1px solid #ddd5cd!important;
	}
	.infoItemList table tr.border {
		border-bottom:1px solid #ddd5cd!important;
	}
	.infoItemList table td.boderNoneSP {
		border:none!important;
	}
	.infoItemList table td span {
		display:inline-block;
		color:#ea5504;
		font-size:14px;
		font-weight:bold;
	}
	.infoItemList table tr.last td,
	.infoItemList table tr.last th {
		background:none!important;
	}
	.infoItemList table td.col02 {
		display:none;
	}
	.linkText {
		position:relative;
	}
	.setBorder .linkText .text {
		text-align:right;
		padding:5px 0 2px 0;
	}
	.noBorder .linkText .text {
		position:absolute;
		top:-20px;
		right:0;
		padding:0;
	}
	.noBorder.otherFix .linkText .text {
		position:static;
		text-align: right;
		padding:0 0 2px 0;
	}
	.benefit {
		padding:20px 5px 10px;
		margin:0 -10px;
	}
	.infoItemList table tr.otherBox td.noBorder {
		padding-top:19px;
	}
	.infoItemList table tr.otherBox .noBorder .linkText .text {
		top:-40px;
	}
	.benefit li {
		float:left;
		width:50%;
		padding:0 5px 10px;
		position:relative;
	}
	.benefit li p {
		background:#FFF;
		border-radius:9px;
		padding:10px 15px 10px;
		font-size:14px;
		line-height:1.4;
		letter-spacing:-0.5px;
		box-shadow:3px 3px 3px #b0b0b0 inset;
		/*min-height:100px;*/
	}
	.benefit li p strong {
		color:#ea5504;
	}
	.benefit {
		background:#ea5504;
	}
	.benefit .spDisplay p {
		background:#ea5504;
		text-align:center;
		box-shadow:3px 3px 3px #ea5504 inset;
		position:relative;;
	}
	.benefit .spDisplay p span {
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-15px;
		margin-left:-50px;
	}
	.benefit .spDisplay p img {
		height:32px;
	}
	.benefit .spDisplay p:after {
		 content: "";
		 position:absolute;
		 top:14%;
		 left:0;
		 width:100%;
		 height:2px;
		 background: #FFF;
	}
	.benefit .spDisplay p:before {
		 content: "";
		 position:absolute;
		 top:86%;
		 left:0;
		 width:100%;
		 height:2px;
		 background: #FFF;
	}
	#livePage .tableText h3 {
		font-size:15px;
	}
	#livePage .tableText {
		padding:0;
	}
	#livePage .tableText th {
		width:100%;
	}
	#livePage .tableText td {
		width:100%;
	}
	#livePage .tableText p {
		margin-bottom: 15px;
		font-size:12px;
	}
}
@media screen and (max-width:480px) {
	.benefit .spDisplay p:after {
		top:20%;
	}
	.benefit .spDisplay p:before {
		top:80%;
	}
}
/* ------------------------------------------------------------------
	TEL
-------------------------------------------------------------------*/
a.tel {
	display: none;
}


@media screen and (max-width:1020px) {
	/*** index page ***/
	.listUpcoming li .date {
		padding:0 20px 2% 0;
	}
	/* upcoming_visitor*/
	.visitor .listUpcoming li .date,
	.voice .listUpcoming li .date {
		padding-left:0;
		padding-right:0;
		font-size:12px;
	}
}
@media screen and (max-width:990px) {
	.designBlock .itemList02 li {
		width:47.8%;
	}
}
@media screen and (max-width:980px) {
	/*** index page ***/
	.listUpcoming li .date {
		font-size:18px;
	}
	#keyv li .item .right {
		width:65.25%;
	}
}
@media screen and (max-width:950px) {
	.designBlock .itemList02 li {
		width:47.7%;
	}
}
@media screen and (max-width:910px) {
	.designBlock .itemList02 li {
		width:47.6%;
	}
}
@media screen and (max-width:870px) {
	.designBlock .itemList02 li {
		width:47.4%;
	}
}
@media screen and (max-width:850px) {
	/*** index page ***/
	.listUpcoming li .date {
		font-size:15px;
	}
	.designBlock .itemList02 li {
		width:47.3%;
	}
}
@media screen and (max-width:800px) {
	/*** experience page ***/
	.experienceBlock .button a i {
		margin-left:9px;
	}
	.designBlock .itemList02 li {
		width:47.1%;
	}
}
@media screen and (max-width:736px) {
	/*** TEL ***/
	a.tel {
		display:inline;
	}
	span.tel {
		display: none;
	}

	/*** index page ***/
	.equipmentList .text.pb15 {
		padding-bottom:0;
		font-size:11px;
	}
	#keyv .keyv li.movie {
		margin-top:0;
	}
	#keyv .keyv .inner img {
		width:100%;
	}
	.sectionInner {
		padding:0 5px;
	}
	.listUpcoming li .date {
		font-size:14px;
	}
	.subject {
		margin-bottom:20px;
		padding-top:30px !important;
		padding-bottom:0 !important;
	}
	.subject.schoolTopNewsHide {
		padding: 40px 0 0 !important;
	}
	.subject .headline4 {
		padding-bottom:20px;
	}
	.subjectLead {
		font-size: 14px;
		text-align: center;
		margin-bottom: 20px;
	}
	.infoText .text01 {
		display:block;
		max-width:inherit;
		width:100%;
		padding:10px;
		background:url(/img/common/bg_arrow01_sp.png) no-repeat 50% 100%;
		-webkit-background-size:15px auto;
		-moz-background-size:15px auto;
		background-size:15px auto;
		font-size:15px;
		text-align:center;
	}
	.infoText .text02 {
		display:block;
		max-width:inherit;
		width:100%;
		padding:10px;
	}
	.topic {
		margin-bottom:0;
	}
	.listPic {
		max-width:inherit;
		margin-bottom:15px;
		padding:0 15px;
	}
	.listPic li {
		padding:0;
		margin:0 0 15px 0!important;
		width:100%;
	}
	.listPic li .listPicInner {
		display:table;
		width:100%;
	}
	.listPic li .image {
		display:table-cell;
		width:41.4%;
		vertical-align:top;
	}
	.listPic li .image img {
		width:100%;
	}
	.listPic li .textBox {
		display:table-cell;
		width:58.6%;
		padding-left:10px;
		text-align:left;
		vertical-align:top;
	}
	.listPicInner .lead {
		font-size: 14px;
		margin-top:0;
	}
	.listPic li .listPicInner .iconText01 {
		display:none;
	}
	.listPic li h3 {
		font-size:18px;
		font-weight:bold;
		padding:0 0 10px 0;
	}
	.listPic li .listPicInner .text {
		font-size:14px;
	}
	.share {
		border-bottom:1px solid #DDD5CD;
	}
	.listShare {
		padding:10px 0 20px 0;
		margin:0;
	}
	.listShare li {
		margin:0 7px;
	}
	.listShare li img {
		height:50px;
	}
	.schoolTop.movie {
		margin-top:0 !important;
	}
	.schoolTopNewsHide.movie {
		margin-bottom:20px;
		padding-bottom:0;
		border-bottom:1px solid #DDD5CD;
	}
	.schoolTop .tubeTitle {
		float:left;
		width: 77%;
		padding: 10px 0 10px 5px;
	}
	.schoolTop .linkVideo {
		text-align:right;
		margin: 10px 5px 20px 0;
	}
	.linkVideo {
		text-align:right;
		margin:10px 5px 20px 0;
	}
	.linkVideo a {
		font-size:13px;
	}
	.linkVideo a span {
		margin:0 5px 0 0;
	}
	.video {
		position:relative;
		padding:0 0 56.25%;
		-webkit-overflow-scrolling: touch;
		overflow-y:auto;
	}
	.video iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.upcoming {
		padding:0 5px 10px;
		margin-top:10px;
		border-top: 1px solid #DDD5CD;
	}
	.upcoming.sub {
		margin-top:10px !important;
	}
	.listUpcoming {
		margin:0;
	}
	.subListUpcoming {
		padding: 0;
	}
	.subListUpcoming.style01 {
		margin-right:0;
	}
	.listUpcoming li,
	.subListUpcoming li {
		float:none;
		width:100%;
		margin-bottom:15px;
		padding:0;
	}
	.listUpcoming .image img,
	.subListUpcoming .image img {
		width:100%;
	}
	.listUpcoming .date {
		height:35px;
		font-size:13px;
		line-height:35px;
	}
	/* upcoming_visitor*/
	.visitor .listUpcoming .date {
		height:35px;
		font-size:12px;
		line-height:35px;
		text-align:center;
	}
	.subListUpcoming {
		margin-right:0;
	}
	.subListUpcoming li {
		margin:0 0 5px 0;
	}
	.upcomingButton {
		margin:15px -5px 0;
	}
	.upcomingButton div {
		border-collapse:separate;
		border-spacing:10px 0;
	}
	.upcomingButton ul {
		display:block;
	}
	.upcomingButton li {
		display:block;
		padding:10px 10px 10px 12px;
		margin-top:6px;
		font-size:13px;
		width:100%;
	}
	.upcomingButton li a span {
		font-size:14px;
		right:5px;
		margin-top:-10px;
	}
	.upcomingButton li a span em {
		height:auto;
	}
	.pageSchool .schoolTopicBlock{
		margin-top:10px;
		padding-bottom:10px;
		border-bottom: none;
		/*border-bottom: 1px solid #ddd5cd;*/
	}
	.searchBtn {
		margin:0 10px;
		padding:0 0 20px 0;
	}
	.searchBtn a {
		font-size:13px;
	}
	.searchBtn i.fa-search {
		font-size:22px !important;
	}
	.searchList {
		padding:15px 10px;
	}
	.searchList .searchInner {
		padding:0;
	}
	.listSearch {
		padding:0 5px;
	}
	.listSearch li {
		width:50%;
		float:left;
		padding:0 5px;
		margin:0 0 10px 0;
		max-width:inherit;
		display:table;
		text-align:left;
	}
	.listSearch li.other {
		width:100%;
	}
	.listSearch li a {
		font-size:13px;
		display:table;
		padding:0 0 0 10px;
		height:50px;
		text-align:left;
	}
	.listSearch li i.fa-search {
		top:0;
		font-size:18px!important;
		display:table-cell;
		padding:0 5px 0 0;
		vertical-align:middle;
		width:24px;
	}
	.listSearch li span {
		display:table-cell;
		padding:0 10px 0 0;
		vertical-align:middle;
	}
	.searchBox {
		padding:15px 0 5px;
	}
	.newsBox {
		margin-bottom:20px;
		padding:20px 0 0;
		/*border-top: 1px solid #DDD5CD;*/
	}
	.newsBox.topNews {
		border: none;
	}
	.newsBox.topNews .lead {
		font-size:14px;
		margin-bottom:15px;
	}
	.newsBox.topNews .newsItem {
		margin:0;
		position:relative;
	}
	.newsBox.topNews .newsItem li {
		width:100%;
		padding:0;
	}
	.newsBox.topNews .newsInner {
		width:100%;
	}
	.newsBox.topNews .newsItem .image {
		width:100%;
		float:none;
	}
	.newsBox.topNews .newsItem .linkNews {
		width:100%;
		padding: 0 10px 10px 10px;
		float:none;
	}
	.newsList .textBlock .link {
		width:100%;
		padding: 10px 0 0 0;
		float:none;
	}
	.newsList .youtube {
		width:100%;
		float:none;
	}
	.newsItem {
		margin:0;
		padding:0 5px;
	}
	.newsItem > li {
		float:none;
		padding:0;
		width:100%;
		margin-bottom:10px;
	}
	.newsItem .newsInner {
		display:block;
		padding:0;
		width:100%;
	}
	.newsItem .image {
		/*height:270px;*/
		display:block;
		margin-bottom:5px;
	}
	.newsItem .image img {
		width:auto;
		/*height:auto;*/
		/*
max-height:270px;*/

	}
	.newsItem .newsText {
		vertical-align:top;
		padding:0 10px 10px;
		width:100%;
	}
	.newsItem .linkNews {
		padding:0;
	}
	.newsItem .linkNews a {
		font-size:13px;
	}
	.newsItem .text {
		font-size:12px;
	}
	.youtube {
		padding:0;
		text-align:left;
	}
	.youtube img {
		height:20px;
	}
	.youtube .blankImage img {
		display:none;
	}
	.newsBoxInner .attachmentLink {
		margin:10px 5px 20px 0;
	}
	.newsBoxInner .attachmentLink a {
		font-size:13px;
	}
	.sectionRecommend {
		padding:20px 0 0 0;
	}
	.sectionRecommend .sectionInner {
		max-width:inherit;
		padding:0 5px;
	}
	.sectionRecommend .recommend {
		margin:0;
		border:1px solid #ddd5cd;
		padding:0 4px;
	}
	.recommend li {
		float:none;
		padding:10px 0 10px 5px;
		margin:0;
		width:100%;
		border-bottom:1px dotted #ddd5cd;
		background:url(/img/toho/bg_arrow.gif) no-repeat 100% 50%;
		-webkit-background-size:14px auto;
		-moz-background-size:14px auto;
		background-size:14px auto;
	}
	.recommend li:last-child {
		border:none;
	}
	.recommendBox {
		background:none;
		padding:0;
	}
	.recommendBox p.image {
		width:105px;
	}
	.recommendBox p.image img {
		width:105px;
	}
	.recommendBox p.linkText a {
		font-size:13px;
	}
	.sectionRecommend .attachmentLink {
		margin-top:-10px;
		padding:10px 0 17px;
	}
	.sectionRecommend .attachmentLink a {
		font-size:13px;
	}
	.listPic li .listPicInner .iconText01 {
		display:none!important;
	}
	.share {
		padding:20px 0;
		margin:0;
		width:inherit;
		border-bottom:none !important;
	}
	.share li {
		display:inline-block;
		float:none;
	}
	.listShare {
		padding:0;
		text-align:center;
		width:auto;
	}
	.buttonGroup03.longText li a {
		min-height:60px;
		line-height:56px;
	}
	.buttonGroup03.longText li a span {
		line-height:1.3em;
	}

	/*** art page ***/
	.headBox {
		max-width:inherit;
	}
	.headBox .inner {
		padding:15px 0;
	}
	.headBox h1 {
		font-size:23px;
	}
	.headBox .text01 {
		font-size:18px;
		font-weight:normal;
		padding:5px 0 10px;
	}
	.headBox .text02 span {
		font-size:11px;
		padding:5px 15px 4px;
	}
	.headBox .department {
		margin-top:-26px;
	}
	.headBox .department.next {
		right:10px;
	}
	.headBox .department.prev {
		left:10px;
	}
	.headBox .department a {
		font-size:36px;
	}
	.programBlock .keyvInner p.prev a,
	.programBlock .keyvInner p.next a {
		left:10px;
		top:50%;
		margin-top:-14px;
		width:17px;
		height:27px;
		background:url(/img/common/btn_prev01.png) no-repeat 0 0;
		background-size:17px auto;
	}
	.programBlock .keyvInner p.next a {
		left:auto;
		right:10px;
		background:url(/img/common/btn_next01.png) no-repeat 0 0;
		background-size:17px auto;
	}
	.programBlock .image {
		margin:10px -5px;
	}
	.programBlock .text {
		font-size:15px;
		padding-bottom:10px;
	}
	.videoBlock .textBlock {
		float:none;
		width:auto;
		max-width:inherit;
		margin:0 5px;
	}
	.videoBlock .textBlock .text {
		line-height:1.5;
	}
	.videoBlock .textBlock .textBox {
		margin:15px 0 20px;
		padding:15px 15px;
		border-width:2px;
	}
	.videoBlock .textBox2 {
		margin:5px 0 10px;
	}
	.videoBlock .linkAdd {
		margin:10px 0 20px;
	}
	.videoBlock .textBlock .textBox2 {
		margin:15px 0 0;
	}

	.videoBlock .textBlock .textBox .title {
		font-size:13px;
	}
	.videoBlock .videoBox {
		float:none;
		width:100%;
		max-width:inherit;
	}
	#pageOpenCampusDetailEvent #videoDetailEx.videoBlock .videoBox {
		float:none !important;
	}
	#pageOpenCampusDetailEvent #videoDetailEx.videoBlock .textBlock {
		float:none !important;
	}
	.tubeTitle {
		/* float:left; */
		width:100%;
		padding:5px 0 15px;
	}
	.youtubeLink {
		float:none;
		padding:5px 0;
		text-align:center;
	}
	.youtubeLink a {
		display:block;
		position:relative;
		width:85%;
		margin: 0 auto;
		max-width:520px;
		min-height:48px;
		line-height:44px;
		/*padding:10px 5px 14px;*/
		border-bottom:3px solid #004EA2;
		background:#0074C1;
		border-radius:4px;
		-o-border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ" ,Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align:center;
		text-decoration:none;
		cursor:pointer;
		behavior:url(/htc/PIE.php);
	}
	#pageMovie .youtubeLink a {
		border-bottom: 3px solid #CB3B02;
		background: #E94708;
	}
	#pageOnkyo .youtubeLink a {
		border-bottom: 3px solid #006E46;
		background: #009A62;
	}
	#pageAnnounce .youtubeLink a {
		border-bottom: 3px solid #B90149;
		background: #E5005A;
	}
	.youtubeLink a:hover {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}
	.youtubeLink a.buttonStyle i {
		font-size: 20px;
	}
	.youtubeLink a span {
		top: 1px;
		font-size: 14px;
	}
	.youtube {
		text-align:right;
	}
	.youtube .blankImage {
		display:none;
	}
	.youtube a span {
		top:-1px;
	}
	.youtube a {
		font-size:13px;
	}
.bannerToho {
	margin:20px -10px 0;
}
	.bannerToho li {
		float:none;
		width:100%;
		margin-bottom:10px;
		font-size:0;
	}
	.bannerToho li img {
		width:100%;
	}
	.pointList {
		margin-top:20px;
		padding:20px 0 40px;
	}
	.pointList .headline4 {
		margin-bottom:20px;
	}
	.pointList .headline4.firstPoint {
		margin-bottom:0;
		padding-bottom:10px;
	}
	.pointList .lead {
		font-size:14px;
	}
	.pointList .sectionInner {
		margin-top:40px;
		padding-bottom:0;
	}
	.pointBlock {
		margin-bottom:40px;
		padding:35px 10px 15px;
	}
	.pointBlock .pointNumber {
		top:-25px;
		width:50px;
		height:50px;
		margin-left:-25px;
		padding-top:9px;
		font-size:10px;
	}
	.pointBlock .pointNumber span {
		margin-top:-4px;
		font-size:25px;
	}
/*四角型
	.pointBlock .pointNumber {
		top:-20px;
		min-width:50px;
		min-height:30px;
		padding:2px 20px 4px 20px;
		font-size:14px;
	}
	.pointBlock .pointNumber span {
		margin-top:-4px;
		font-size:25px;
	}
*/
	.pointBlock .title {
		margin-bottom:10px;
		font-size:15px;
	}
	.pointBlock .title span {
		font-size:12px;
	}
	.pointBlock .imageList {
		margin-bottom:0;
	}
	.pointBlock .imageList li {
		float:none;
		max-width:100%;
		width:100%;
		margin-bottom:10px;
	}
	.pointBlock .imageList li:last-child {
		margin-bottom:5px;
	}
	.pointBlock .limb20 li {
		margin-bottom:20px;
	}
	.pointBlock .imageList li img {
		width:100%;
	}
	
	
	.pointBlock .imageList span, .smallTxt {
		font-size:13px;
	}
	.pointBlock .imageList span.text01 {
		font-size:14px;
	}
	.pointBlock .imageList li.button {
		font-size: 14px;
		max-width: 100%;
		padding-top: 0;
	}
	.pointBlock .imageList li.button span{
		float: right;
		font-size: inherit;
		padding: 0;
	}
	.pointBlock .imageList .textLong {
		font-size:14px;
		line-height:1.6;
	}
	/* OpenCampusDetail */
	#pageOpenCampusDetailEvent .pointBlock .imageList li {
		width:100%;
	}
	#pageOpenCampusDetailEvent .pointBlock .imageList li img {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	#pageOpenCampusDetailEvent .pointBlock .imageList em {
		text-align:center !important;
	}
	.pointBlock .text1Col {
		margin-bottom: 10px;
		padding:-bottom: 10px;
		font-size:10px;
	}
	.pointBlock .imageList span.detail {
		font-size:12px;
	}
	.pointBlock .imageList em {
		font-size:12px;
	}
	.pointBlock .imageList.twoItem li {
		float:left;
		width:50%;
	}
	
	.pointBlock .infoBox3 .textBlock {
		width:49%;
		float:left;
	}
	.pointBlock .infoBox3 .imageBlock {
		width:48.8%;
		font-size:0;
		float: right;
	}
	
	.pointBlock .textBlock {
		float:none;
		width:100%;
	}
	.pointBlock .textBlock03 {
		margin-top:10px;
	}
	.pointBlock .textBlock01 {
		width:59%;
		padding-left:10px;
	}
	.pointBlock .imageBlock {
		float:none;
		max-width:100%;
		width:100%;
		margin:0;
	}
	.pointBlock .imageBlock img {
		width:100%;
	}
	.pointBlock .imageBlock01 {
		float:none;
		max-width:100%;
		width:100%;
		margin:0;
	}
	.pointBlock .imageBlock01 img {
		width:100%;
	}
	.pointBlock .imageBlock02 {
		max-width:100%;
		width:41%;
		margin:0 0 10px;
	}
	.pointBlock .imageBlock02 img {
		width:100%;
	}
	.pointBlock .image img {
		width:100%;
	}
	.pointBlock .infoBox {
		margin-bottom:10px;
	}
	.pointBlock .qualification {
		padding:0 10px;
	}
	.pointBlock .qualification li {
		width:100%;
		padding:10px 0;
	}
	.pointBlock .qualification li:first-child {
		border-right:none;
		border-bottom:1px dotted #0074C1;
	}
	.pointBlock .qualification .text01 {
		margin-bottom:5px;
	}
	.pointBlock .qualification span {
		font-size:15px;
	}
		#pageOnkyo .pointBlock .infoTitle02 {
		margin-bottom: 0;
	}
	#pageOnkyo .pointBlock .candidates,
	#pageOnkyo .styleSection .candidates {
		padding:5px 16px 16px;
	}
	#pageOnkyo .pointBlock .infoTitle02 {
		margin-bottom: 0;
	}
	#pageOnkyo .pointBlock ul {
		padding-top:10px;
	}
	#pageOnkyo .pointBlock .techniquePoint ul {
		padding:0px 15px;
		margin: 0px;
	}
#pageOnkyo .pointBlock .infoBox li,
#pageOnkyo .pointBlock .infoBox li.column3 {
		width: 100%;
		padding: 0;
		line-height: 1.5;
	}
	#pageOnkyo .arrow {
	margin: -10px 0px 5px 0px;
}
	.styleSection .candidates {
		padding:5px 19px 16px;
	}
	.pointBlock .candidates .leftBox {
		float:none;
		width:100%;
		margin-bottom:5px;
		padding:0 50px;
		text-align:center;
	}
	.pointBlock .candidates .rightBox {
		float:none;
		width:100%;
		margin:0;
	}
	.pointBlock .candidates .rightBox p {
		margin-bottom:3px;
	}
	.pointBlock .candidates .rightBox span {
		font-size:14px;
		line-height: 1.5;
	}
	.pointBlock .recruitBox {
		display:block;
		padding:10px 10px 0;
	}
	.pointBlock .recruitBox .circleText {
		width:50px;
	}
	.pointBlock .recruitBox .circleText span {
		width:50px;
		height:50px;
		font-size:12px;
		line-height:50px;
	}
	.pointBlock .recruitBox .text01 span {
		font-size:12px;
	}
	.pointBlock .actorList li {
		width:100%;
		margin-bottom:15px;
	}
	.pointBlock .actorList .image {
		width:26.8%;
	}
	.pointBlock .actorList .infoActor {
		width:73.2%;
		padding-left:10px;
	}
	.pointBlock .pointBanner {
		width:auto;
	}
	.pointBlock .textBlock02 {
		float:none;
		width:100%;
	}
	.pointBlock .imageBlock03 {
		float:none;
		width:100%;
		padding:0 50px;
		text-align:center;
	}
	.pointBlock .imageBlock03 span {
		font-size: 14px;
	}
	.pointBlock .companyBox {
		float:none;
		width:100%;
		margin-top:10px;
		padding:15px 10px;
	}
	
	.pointBlock .infoBox .box01 {
		padding:8px;
	}
	.pointBlock .infoBox .box01 li {
		width:100%;
		padding:0 30px;
	}
	
	.pointBlock .infoBox .box02 {
		padding:15px 10px 0;
	}
	.pointBlock .infoBox .box02 h4 {
		padding:0 5px;
	}
	.pointBlock .infoBox .box02 li {
		width:50%;
		padding:0 10px;
	}
	
	.pointBlock .groupInfo {
		margin-bottom:0;
	}
	.pointBlock .groupInfo .textGroup {
		float:none;
		max-width:100%;
		width:100%;
		margin-bottom:15px;
		padding:0;
	}
	.pointBlock .groupInfo .imageGroup {
		float:none;
		max-width:100%;
		width:100%;
		margin-bottom:10px;
		padding:0;
	}
	.pointBlock .groupInfo .imageGroup img {
		width:100%;
		height:auto;
	}
	.pointBlock .trainingBox {
		padding:15px 10px;
	}
	.pointBlock .trainingBox .trainingTitle {
		padding-bottom:10px;
		font-size:14px;
	}
	.pointBlock .trainingBox .check {
	font-size:14px;
}

	#pageOnkyo .pointBlock .trainingBox dl dd {
		padding-left: 0;
	}


	.pointBlock .trainingBox dl {
		padding-top:0.5em;
	}
	.pointBlock .trainingBox dl dt {
		font-size:14px;
		font-weight:bold;
	}
	.pointBlock .trainingBox dl dd {
		display:block;
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		font-size:14px;
	}
	.pointBlock .trainingBox dl dd:last-child {
		margin:0;
		padding:0;
		border-bottom:none;
	}
	.supportBlock .groupList li,
	.pointBlock .groupList li {
		float:none;
		width:100%;
		margin:0;
	}
	.supportBlock .groupList li .styleTable01 th,
	.supportBlock .groupList li .styleTable01 td,
	.pointBlock .groupList li .styleTable01 th,
	.pointBlock .groupList li .styleTable01 td {
		padding:10px;
	}
	.supportBlock .groupList li:last-child,
	.pointBlock .groupList li:last-child {
		margin-right:0;
	}
	.supportBlock .groupList li .borderNone,
	.pointBlock .groupList li .borderNone {
		border-top:none;
	}
	.pointBlock .groupText01 {
		font-size:14px;
	}
	.pointBlock .noteText01 {
		padding-top:5px;
		font-size:14px;
	}
	.pointBlock .imageList02 {
		margin:20px -10px -10px;
	}
	.pointBlock .boxText01 {
		margin-top:10px;
		padding:10px;
	}
	.pointBlock .boxText01 .boxImage {
		padding-bottom:5px;
	}
	.pointBlock .boxText01 .boxImage img {
		width:160px;
		height:auto;
	}

	#curriculum.anchor {
		padding-top: 0;
		margin-top: 36px;
	}
	.curriculumBlock .headline4 {
		margin-top:30px;
		padding-bottom:15px;
	}
	.curriculumBlock .lead {
		font-size:14px;
	}
	.curriculumBlock .sectionInner {
		padding-bottom:30px;
	}
	.curriculumList {
		margin:0 -25px 0;
	}
	.curriculumList li {
		float:none;
		max-width:100%;
		width:100%;
		margin-bottom:20px;
	}
	.curriculumList li img {
		width:100%;
	}
	.curriculumList .headline5 {
		margin:10px 0;
		padding-top:0;
		padding-left:15px;
		background-position:0 50%;
	}
	.graduateBlock {
		padding:25px 0;
	}
	.graduateBlock .lead {
		font-size:14px;
		margin-bottom:20px;
	}
	.graduateBlock .inner {
		padding:0 10px;
	}
	.graduateBlock .imageBlock {
		float:none;
		max-width:100%;
		width:100%;
		margin-bottom:10px;
	}
	.graduateBlock .imageBlock img {
		width:100%;
	}
	.graduateBlock .textBlock {
		float:none;
		width:100%;
		padding-left:0;
	}
	.pointBlock .position,
	.graduateBlock .position {
		padding:3px 12px 2px;
		font-size:13px;
	}
	.graduateBlock .name {
		margin-bottom:8px;
		font-size:18px;
	}
	.graduateBlock .name01 {
		font-size:16px;
	}
	.graduateBlock .name span {
		font-size:14px;
	}
	.graduateBlock .text01,
	.graduateBlock .text02 {
		font-size:14px;
	}
	.graduateBlock .innerSquare {
		padding:0 10px;
	}
	
	/*graduate*/
	.graduateBlock .imageBlockRectangle {
		float:none;
		max-width:100%;
		width:100%;
		margin-bottom:0;
		padding-right: 0;
	}
	.graduateBlock .textBlockRectangle {
		float:none;
		width:100%;
		margin-top:10px;
		padding-left:0;
	}
	/*school life*/
	.graduateBlock .imageBlockSquare {
		float:left;
		max-width:50%;
		width:100%;
		/*margin-bottom:10px;*/
		margin-bottom:0;
		padding-right: 20px;
	}
	.graduateBlock .textBlockSquare {
		float:right;
		width:50%;
		padding-left:0;
	}
	
	.graduateBlock02 {
		padding:25px 0 15px;
	}
	.interviewBlock {
		padding:0 !important;
	}
	.interviewBlock .interviewInner:last-child {
		padding-bottom:0;
		border-bottom:none;
	}
	.interviewBlock .innerSquare {
		margin:15px 0 0;
		padding:15px 0 0 !important;
	}
	.interviewBlock .imageBlockSquare {
		max-width:130px;
		width:30%;
		padding:0;
	}
	.interviewBlock .textBlockSquare {
		float:left;
		width:70%;
		padding-left:15px;
	}
	.interviewBlock .text02 {
		font-size:15px;
	}
	.interviewBlock .faqList li {
		margin-bottom:15px;
		padding-bottom:15px;
		border-bottom:1px solid #DDD5CD;
		font-size:14px;
		line-height:1.5;
	}
	.interviewBlock .faqList li:last-child {
		margin-bottom:0;
		padding-bottom:10px;
		border-bottom:none;
	}
	.interviewBlock .faqList li .question {
		margin-bottom:20px;
	}
	.interviewBlock .faqList li .question em,
	.interviewBlock .faqList li .question span {
		display:inline-block;
		vertical-align:middle;
	}
	.interviewBlock .faqList li .question em {
		width:34px;
		height:34px;
		margin-right:15px;
		background:#335295;
		font-size:20px;
	}
	.interviewBlock .faqList li .question span {
		width:calc(100% - 50px);
	}
	.interviewBlock .faqList li .answer span {
		width:calc(100% - 70px);
		margin-top:-4px;
	}
	.interviewBlock .faqList li .answer img,
	.interviewBlock .faqList li .answer span {
		display:inline-block;
		vertical-align:top;
	}
	.interviewBlock .faqList li .answer em {
		width:34px;
		height:34px;
		margin-right:15px;
		background:#E13937;
		font-size:20px;
	}
	.interviewBlock .faqList li .answer span {
		width:calc(100% - 50px);
		margin-top:-4px;
	}
	
	.pageSubject .subBoxList {
		margin-top: 20px;
	}
	
	.carouselBlock {
		margin-top:15px;
		padding:20px 0 20px;
		border-top:none;
		border-top:1px solid #ddd5cd;
	}
	.pageSubject .carouselBlock {
		border-bottom:none;
	}
	.newsBlock,
	.recommendBlock,
	.schoolBlock {
		padding:20px 0;
	}
	.newsBlock {
		padding:25px 0 0 0;
		border:none;
	}
	.pageSubject .newsBlock .headline4 {
		padding-bottom: 15px;
	}
	.pageSubject .newsBlock .lead {
		font-size:14px;
		margin-bottom:15px;
	}
	.recommendBlock .attachmentLink {
		margin-top:0;
	}
	.schoolMenu {
		padding:10px 0 20px;
		padding-bottom:20px;
		border-top:none;
	}
	.schoolTable {
		margin:10px 0 20px;
		border:2px solid #0074C1;
		border-radius:3px;
	}
	.schoolTable th {
		display:block;
		width:100%;
		padding:0;
		border-width:2px;
		border-left:none;
		border-bottom:none;
	}
	.schoolTable tr:first-child th {
		border-top:none;
	}
	.schoolTable th span {
		padding:15px 12px;
		background:#FFF;
		color:#333;
		font-size:13px;
	}
	.schoolTable th i.open {
		display:block;
	}
	.schoolTable th.accor_active i.open {
		display:none;
	}
	.schoolTable th.accor_active i.close {
		display:block;
	}
	.schoolTable td {
		display:none;
		width:100%;
		padding:0;
		border:none;
	}
	.schoolTable td li {
		float:none;
		margin-right:0;
		padding-top:0;
	}
	.schoolTable td li.br {
		margin-right:0;
	}
	.schoolTable td li a {
		display:block;
		position:relative;
		padding:15px 12px;
		border-top:1px dotted #0074C1;
		font-size:13px;
	}
	.schoolTable td li i {
		position:absolute;
		right:8px;
		top:50%;
		margin-top:-6px;
	}
	.schoolTable th span.spDisplay {
		display:block !important;
	}
	.schoolTable th a.pcDisplay {
		display:none !important;
	}
	#pageMovie .schoolTable {
		border-color:#E94708;
	}
	#pageMovie .schoolTable th span {
		background:#FFF;
	}
	#pageMovie .schoolTable th i {
		color:#E94708;
	}
	#pageMovie .schoolTable td li a {
		border-color:#E94708;
	}
	#pageOnkyo .schoolTable {
		border-color:#009A62;
	}
	#pageOnkyo .schoolTable th span {
		background:#FFF;
	}
	#pageOnkyo .schoolTable th i {
		color:#009A62;
	}
	#pageOnkyo .schoolTable td li a {
		border-color:#009A62;
	}
	#pageAnnounce .schoolTable {
		border-color:#E5005A;
	}
	#pageAnnounce .schoolTable th span {
		background:#FFF;
	}
	#pageAnnounce .schoolTable th i {
		color:#E5005A;
	}
	#pageAnnounce .schoolTable td li a {
		border-color:#E5005A;
	}

	/* school bnr */
	.relatedSection {
		margin-top: 0;
		padding-top: 0;
		padding-bottom:0 !important;
	}
	.relatedSection .two ,
	.relatedSection .three {
		width:96%;
		text-align:center;
		margin:0 auto;
	}
	.relatedSection .two li,
	.relatedSection .three li {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:5px;
		padding-bottom:0;
	}

	.bannerList li {
		margin:0 0 10px;
		max-width:310px;
	}
	.newsList {
		width:100%;
		margin:0 0 10px;
		padding:0;
		border:none;
	}
	.newsList li {
		display:block;
		position:inherit;
		float:none;
		max-width:100%;
		width:100%;
		margin:0 0 10px 0;
		padding:0;
		cursor:pointer;
		background:#F6F6F6;
	}
	.newsList li:first-child {
		background:#F6F6F6;
	}
	.newsList .image.horizImage,
	.newsList .imageBlock {
		display:block;
		float:none;
		width:100%;
		/*height:270px;*/
		max-width:100%;
		/*max-height:270px;*/
		margin:0;
		font-size:0;
		text-align:center;
	}
	.newsList .imageBlock img {
		width:auto;
		height:auto;
		/*height:100%;*/
		/*max-width:inherit;*/
		/*max-height:270px;*/
	}
	.newsList .textBlock {
		float:none;
		width:100%;
		padding:0 10px 10px;
		vertical-align:top;
		/*display:inline;*/
	}
	.subUnderSlider{
		margin:30px 0 0;
	}
	/*.subConversionPc{
		margin-top:0;
	}*/

	/*** experience page ***/
	#contents.bdBottom {
		margin:0;
		border:none;
	}
	.experienceContent {
		padding-bottom:20px;
	}
	.experienceBlock {
		margin-bottom:10px;
		border-width:5px !important;
	}
	.experienceBlock .inner {
		padding:5px;
		border-width:5px !important;
	}
	.experienceBlock .textBlock {
		padding:5px;
	}
	.experienceBlock .schedule {
		float:none;
		width:100%;
		margin-bottom:5px;
	}
	.experienceBlock .schedule .notice {
		width:50px;
		padding:5px;
		font-size:14px;
	}
	.experienceBlock .schedule .date {
		padding:5px 10px;
		font-size:14px;
	}
	.experienceBlock .button {
		float:none;
		width:60%;
		margin:0 auto;
	}
	.experienceBlock .button a {
		min-height:36px;
		border-width:3px;
		font-size:13px;
		line-height:36px;
	}
	.experienceBlock .button a i {
		font-size:20px;
	}
	.experienceBlock .infoBox {
		display:block;
		margin-top:5px;
	}
	.experienceBlock .infoBox .about {
		display:block;
		width:100%;
		padding:5px;
		font-size:15px;
	}
	.experienceBlock .infoBox .title {
		display:block;
		padding:8px;
	}
	.experienceBlock .infoBox .title span {
		/*color:#D90000;*/
		font-size:12px;
	}
	.expConversionPc{
		margin-bottom:10px;
	}

	/*** news page ***/
	.newsItem01 {
		margin-bottom:15px;
	}
	.newsItem01 > li {
		display:table;
		margin-bottom:0;
		padding:15px 0;
		border-width:1px;
	}
	.newsItem01 .image {
		width:46%;
		/*height:120px;*/
		/*max-width:46%;*/
		margin-bottom:10px;
	}
	.newsItem01 .image img {
		/*max-height:120px;*/
	}
	.newsItem01 .newsText {
		width:62%;
		margin-left:14px;
		padding:0;
	}
	.newsItem01 .linkNews {
		margin-bottom:5px;
	}
	.newsItem01 .linkNews a {
		font-size:14px;
	}
	.newsItem01 .youtube {
		text-align:left;
	}
	.newsItem01 .newsTag  {
		clear:both;
		float:none;
		max-width:100%;
		width:100%;
	}
	.linkTag01 {
		margin-right:-2%;
	}
	.linkTag01 li {
		width:50%;
		margin:0 0 4px 0;
		padding:0 2% 0 0;
	}
	.linkTag {
		margin-right:-2%;
	}
	.linkTag li {
		width:50%;
		margin:0 0 4px 0;
		padding:0 2% 0 0;
	}
	.linkTag a {
		display:block;
		padding:5px;
		font-size:12px;
	}
	.linkTag i {
		float:right;
		margin-left:0;
		margin-top:1px;
		font-size:12px;
	}
	.linkTag span {
		padding:0;
	}
	.page {
		margin-bottom:15px;
	}

	/*** news detail page ***/
	.newsTop {
		padding-top:15px;
	}
	.newsTop .date {
		margin-bottom:10px;
		font-size:11px;
	}
	.newsTop .title {
		margin-bottom:10px;
		font-size:18px;
	}
	.newsTop .shareList li img {
		height:16px;
	}
	.newsContent {
		padding:15px 0;
	}
	.newsContent .youtubeVideo {
		margin-bottom:20px;
	}
	.newsContent .youtubeVideo .videoBlock {
		margin-bottom:10px;
	}
	.newsContent .text01 {
		font-size:11px;
	}
	.newsContent .newsInfo {
		padding:0;
		border-width:1px;
	}
	.newsContent .newsInfo .imageBlock {
		float:none;
		width:100%;
	}
	.newsContent .newsInfo .imageBlock img {
		width:100%;
	}
	.newsContent .newsInfo .textBlock {
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	.newsContent .text02 {
		margin-bottom:20px;
		font-size:14px;
	}
	.linkBlock {
		border-width:1px;
	}
	.linkBlock > li {
		padding:10px 0 8px;
		border-width:1px;
	}
	.linkBlock .text {
		display:block;
		width:100%;
		margin-bottom:5px;
		font-size:12px;
	}
	.linkBlock .linkTag,
	.linkBlock .linkList {
		display:block;
	}
	.newsContent .attachmentLink {
		margin-bottom:25px;
	}

	/*** movielist page ***/
	.movieBlock {
		padding:0 0 15px;
	}

	/*.PC movieList modal */
	.movieList li {
		display:block;
		width:100%;
		margin-bottom:15px;
	}
	.movieList .movie {
		position:relative;
		height:0;
		margin-top:0;
		padding-bottom:56.2%;
	}
	.movieList .movie a {
		display:none;
	}
	.movieList .movie iframe {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		-webkit-overflow-scrolling: touch;
		overflow-y:auto;
	}

	/*.PC movieList nomodal */
	.movieListNoModal li {
		display:block;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.movieListNoModal .movie {
		width:100%;
		position:relative;
		height:0;
		margin: 0 auto;
	}
	.movieListNoModal .movie a {
		display:none;
	}
	.movieListNoModal .iframe {
		position: relative;
		padding: 0;
		-webkit-overflow-scrolling: touch;
		overflow-y: auto;
	}
	.movieList .text,
	.movieListNoModal .text {
		font-size:14px;
	}
	.movieBlock .page {
		margin-bottom:20px;
	}
	.linkBlock .linkTag {
		padding-bottom:0;
	}
	.movieBlock .linkBlock {
		margin-bottom:15px;
	}
	.movieModal,
	.overlay {
		display:none !important;
	}

	/*** subject page ***/
	.subjectBlock {
		padding-top:0;
		padding-bottom:0;
	}
	.subjectList {
		margin-bottom:20px;
	}
	.subjectList li {
		margin-bottom: 30px
	}
	.subjectList li > div {
		margin-top:0;
	}
	.subjectList .imageBlock {
		float:none;
		margin-bottom:10px;
		width:100%;
	}
	.subjectList .imageBlock img {
		width:100%;
	}
	.subjectList .textBlock {
		float:none;
		width:100%;
	}
	.subjectList .textBlock .title {
		margin-bottom:10px;
		margin-top:0;
		font-size:16px;
	}
	.subjectList .textBlock .textBox {
		margin-bottom:10px;
		padding:10px 8px;
	}

	/*** equipment page ***/
	.equipmentHead {
		padding:0;
	}
	.equipmentHead .text {
		margin:5px 0 15px;
	}
	.equipmentBlock {
		padding: 0 0 20px;
		border:none;
	}
	.equipmentList {
		margin:0 -5px 20px;
		padding:15px 10px;
	}
	.equipmentList > ul {
		margin-right:0;
		margin-bottom:-10px;
	}
	.equipmentList > ul > li {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:10px;
		padding:10px;
	}
	.equipmentList img {
		width:100%;
	}
	.equipmentList > ul > li.fullWidth {
		width:100%;
	}
	.equipmentList > ul > li.fullWidth.last .image {
		float:none;
		width:100%;
		margin-bottom:11px;
	}
	.equipmentList > ul > li.fullWidth.last .text {
		float:none;
		width:100%;
	}
	.equipmentList .imageList {
		margin:0;
	}
	.equipmentList .imageList li {
		float:none;
		width:100%;
		margin-bottom:10px;
		padding:0;
	}
	.equipmentList .image.newmark:after,
	.equipmentList li.image.newmark:after {
		right:1%;
		font-size:12px;
		padding:4px 6px;
	}
	
	.equipmentList .headline10.new:after {
		top:0;
		font-size:12px;
	}
	.equipmentList .newText {
		margin-left: 50px;
	}
	
	.equipmentOther {
		margin:0 -5px;
		padding:20px;
	}
	.equipmentOther h2 {
		margin-bottom:10px;
		font-size:16px;
	}
	.equipmentOther .textBlock,
	.equipmentOther .imageBlock {
		float:none;
		max-width:100%;
		width:100%;
	}
	.equipmentOther .note {
		padding:5px 0;
		font-size:12px;
	}
	.equipmentOther .imageBlock .image01,
	.equipmentOther .imageBlock .image02 {
		display:block;
		max-width:100%;
		width:100%;
	}
	.equipmentOther .imageBlock .image01 img,
	.equipmentOther .imageBlock .image02 img {
		width:100%;
		height:auto;
	}
	.equipmentOther .imageBlock .text {
		padding-top:8px;
		font-size:12px;
	}
	
	.equipmentOther .item {
		margin:0 -2px;
		padding:5px 0;
	}
	.equipmentOther .item li {
		width:50%;
		padding:0 2px;
	}
	
	
	
	/*** indoorview page ***/
	.indoorviewBlock {
		padding:15px 0;
	}
	.indoorviewBlock .text {
		margin-bottom:16px;
	}
	.indoorviewList {
		margin-bottom:-4px;
	}
	.indoorviewList .view {
		margin-top:0;
		padding-bottom:70%;
	}
	.buttonBlock {
		padding-top:20px;
		padding-bottom:0;
	}

	/*** support page ***/
	.supportBlock {
		padding-top:0;
		padding-bottom:20px;
	}
	.supportBlock .text {
		margin-bottom:15px;
	}
	.supportList {
		margin-bottom:20px;
	}
	.supportList li {
		padding:10px;
	}
	.supportList .textBlock {
		float:none;
		width:100%;
	}
	.supportList .textLongBlock .textL {
		float: none;
		width: 100%;
	}
	.supportList .textLongBlock .textR {
		float: none;
		width: 100%;
	}
	.supportList .number {
		padding:0 8px;
		font-size:12px;
	}
	.supportList .number span {
		font-size:20px;
	}
	.supportList .text {
		margin:8px 0;
	}
	.supportList .image {
		float:none;
		max-width:100%;
		width:100%;
	}
	.supportList .image img {
		width:100%;
	}
	.supportList .supportvideo {
		padding-top: 56.25%;
	}
/*	.linkTag a {
		position:relative;
		padding-right:15px;
		display:table;
		vertical-align:middle;
		width:100%;
	}
	.linkTag a span {
		display:table-cell;
		vertical-align:middle;
	}
	.linkTag i {
		position:absolute;
		right:10px;
		top:50%;
		margin-top:-5px;
	}*/

	/*** capacity page ***/
	.capacityBlock {
		padding:0 0 30px 0;
	}
	.capacityBlock h2.title {
		margin-bottom:6px;
		font-size:16px;
	}
	.capacityBlock .title+.text{
		margin-bottom:10px;
	}
	.capacityBlock .headline5 {
		padding-left:15px;
		background-position:0 50%;
	}
	.capacityBlock .tableStyle01 {
		margin-bottom:0px;
	}

	/*** radio page ***/
	.boxGroup .image {
		padding-bottom:20px;
		padding-top:10px;
	}
	.boxBlockOut .image {
		padding-bottom:20px;
	}
	.anchorLink {
		margin-bottom:0;
	}
	.cmList {
		padding-top: 15px;
	}
	.anchorLink > p a {
		font-size:13px;
		padding:10px 16px 10px 36px;
	}
	.anchorLink > p a::before {
		left:6px;
		top:3px;
		background-size:cover;
		width:23px;
		height:20px;
	}
	.anchorLink > p a::after {
		right:4px;
		top:12px;
		width:13px;
		height:7px;
		background-size:cover;
	}
	.programList.cmList {
		margin-bottom:30px;
	}
	.cmList .description {
		font-size:14px;
		line-height:1.6;
	}
	.lstListen .btnListen a {
		display:none;
	}
	.cmList h2 {
		font-size:20px;
	}
	.lstListen li {
		padding:12px 0;
		text-align:center;
		font-size:14px;
	}
	.proConditions {
		font-size: 14px;
	}
	.proConditions ul li {
		font-size: 14px;
		line-height: 1.5;
	}
	.lstListen li h3 {
		font-size:14px;
	}
	.lstListen li .movie {
		display:block;
		margin-bottom:10px;
	}
	.lstListen .movie iframe {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.lstListen li .btnListen {
		display:none;
	}
	.lstListen .movie {
		position:relative;
		height:0;
		margin-top:0;
		padding-bottom:56.2%;
	}

	/*** student_work ***/
	.keyvBox {
		padding:10px 0;
	}
	.keyvBox .keyv {
		margin:0 -5px;
	}
	.keyvBox .keyv p {
		margin-bottom:20px;
	}
	.keyvBox .text01 {
		font-size:14px;
	}
	.keyvBox .text02 {
		font-size:16px;
	}
	.keyvBox .link {
		float:none;
		margin:0;
	}
	.keyvBox .link img {
		width:100px;
	}
	.movieBlock .title {
		padding:3px 10px 8px;
		font-size:20px;
	}

	/*** promo_production ***/
	.anchorLinkMovie {
		margin:0 -2px;
		padding:5px 0;
	}
	.anchorLinkMovie li {
		width:50%;
		margin-bottom:5px;
		padding:0 2px;
	}
	.anchorLinkMovie a {
		padding:5px 10px;
		border-radius:3px;
		font-size:12px;
	}
	.anchorLinkMovie i {
		right:5px;
		margin-top:-6px;
	}
	/*** teatreanagaku page ***/
	.movieList .movieLeft,
	.movieList .textRight {
		float:none;
		width:100%;
	}
	.movieList .text strong {
		font-size:14px;
	}
	/*** graduationworks page ***/
	.designBlock {
		margin:0 -5px;
	}
	.designBlock .image {
		margin:10px 0 10px;
	}
	.designBlock .designIntro {
		padding:5px 10px 0;
	}
	#graduationWorks.videoBlock {
		padding:0 5px;
	}
	.designBlock .blockInner {
		margin:20px 0;
		padding:15px 10px;
	}
	.designBlock .blockInner .inner {
		margin-bottom:10px;
		padding:10px 10px 0;
	}
	.designBlock .imageList {
		margin-bottom:-10px;
	}
	.designBlock .imageList li {
		float:none;
		max-width:100%;
		width:100%;
		margin-bottom:10px;
	}
	.designBlock .imageList li img {
		width:100%;
	}
	.designBlock .itemList02 {
		margin:0 0 10px;
	}
	.designBlock .itemList02 li {
		float:none;
		width:100%;
		margin:0 0 10px;
	}
	.designBlock .itemList02 li img {
		width:100%;
	}
	.designBlock .blockText01 {
		padding-top:10px;
		font-size:12px;
	}
	.designBlock .blockInner .title {
		padding-bottom:8px;
		font-size:13px;
	}
	.designBlock .blockInner .title span {
		color:#0074C1;
		font-size:16px;
	}

	/*fullWidth*/
	.designBlock .fullWidth .imageList {
		margin:0;
	}
	.designBlock .fullWidth.inner {
		margin-bottom: 15px;
		padding: 15px 15px 0;
	}
	.designBlock .fullWidth .imageList li {
		float:none;
		width:auto;
		margin:0;
		padding:0;
		background:#FFF;
	}
	.designBlock .fullWidth .itemImage {
		padding-bottom: 0;
	}
	.designBlock .fullWidth .imageList li img {
		margin-bottom:15px;
	}
	.designBlock .itemList02 li {
		float:none;
		width:auto;
		margin:0 0 10px;
		padding:15px 15px 0;
		background:#FFF;
	}
	.designBlock .itemList02 li .itemImage {
		padding-bottom: 15px;
	}
	/*** curriculumList page ***/
	.pageCurriculumList .linkList {
		padding-top:10px;
		padding-bottom:5px;
	}
	.pageCurriculumList .linkList li {
		margin-bottom:15px;
	}
	.pageCurriculumList .linkList li a {
		font-size:15px;
	}
	/*** movie school apge ***/
	.pointBlock .imageListact li {
		width:100%;
		margin-bottom:10px;
		padding:0 10px;
	}
	.pointBlock .textAct {
		padding-top:10px;
	}
	.pointBlock .textAct02{
	margin-bottom: 8px;
	line-height: 1.6;
	text-align: justify;
	}
	.pointBlock .textAct li {
		margin-bottom:20px;
	}
	.pointBlock .textAct p {
		line-height:18px;
	}
	.pointBlock .textAct span.sub {
		font-size: 14px;
	}
	.pointBlock .textAct span{
		font-size:14px;
		color:#E5005A;
		font-weight:bold;
		margin-bottom:5px;
	}
	.pointBlock .pointArrow h4 {
		margin:20px 0px 0px 0px;
	}

	.pointBlock .imageListact li.fullWidth {
		width:100%;
	}
	.pointBlock .textProleft{
		width: 100%;
	}
	.pointBlock .imgProright {
		width:100%;
		text-align:center;
		padding-bottom:15px;
	}
	
	.orangeBoxPro {
		margin:10px 0 0 0;
	}
	
	.orangeBoxPro ul {
		padding-top:10px;
	}
	.orangeBoxPro li,
	.orangeBoxPro li.column3,
		.orangeBoxPro li.column4 {
		width: 100%;
		padding: 0;
		line-height: 1.5;
		margin-bottom: 0px;
	}
	.orangeBox li {
		width: 100%;
		padding: 0;
	}
	.orangeBoxPro02 {
		margin: 10px 0 0;
	}
	.orangeBoxPro02 ul{
		padding-top:10px;
	}
	.addProPoint2 .sepPro{
		float: left;
		width: 36%;
		margin-right: 10px;
		margin-top:15px;
	}
	.addProPoint2 .textSepPro span{
		font-weight: bold;
		margin-bottom:10px;
	}
	.addProPoint2 .textSepPro{
		float: right;
		width: 60%;
		text-align: justify;
		line-height: 1.4;
		margin-top:15px;
	}
	.imageTextList li p.image {
		width:105px;
		height:auto;
	}
	/*.imageTextList li p.image img {
		border:1px solid #ddd5cd;
	}*/
	.imageTextList li p.image01 {
		width:160px;
	}
	.imageTextList li div.text {
		font-size:14px;
	}
	.imageTextList li div.text h4 {
		font-size:14px;
		padding:0 0 3px 0;
	}
	.pointBlock .leftBoxText {
		max-width:inherit;
		width:inherit;
		float:none;
		margin:0 0 10px 0;
	}
	.textBlock .leftBlock h4 {
		font-size:12px;
		padding:6px 0;
	}
	.textBlock .leftBlock .leftBlockInner {
		padding:0 10px 10px 10px;
		line-height:1.6;
	}
	.textBlock .leftBlock .leftBlockInner .textBlue {
		padding-top:10px;
		font-size:12px;
	}
	.pointPhoto {
		display:block;
		margin:10px 0 0 0;
		padding:10px;
	}
	.pointPhoto .image {
		display:block;
		max-width:inherit;
		width:inherit;
	}
	.pointPhoto .textInfo {
		display:block;
		padding:10px 0 0 0;
		line-height:1.6;
	}
	.pointPhoto .textInfo h4 {
		padding:0 0 5px 0;
	}
	.personList {
		border:2px solid #0074c1;
		padding:5px 0 5px 0;
		margin:10px 0 0 0;
	}
	.personList li {
		float:none;
		width:100%;
		text-align:left;
		color:#0074c1;
		padding:0 0 10px 0;
	}
	.personList li .image {
		vertical-align:middle;
		font-size:0;
		display:table-cell;
		padding:0 0 0 10px;
		width:112px;
	}
	.personList li .image img {
		width:102px;
	}
	.personList li .inner {
		display:table-cell;
		vertical-align:middle;
		padding:0 15px 0 10px;
		font-size:12px;
	}
	.personList li h4 {
		font-size:15px;
		border-radius:30px;
		text-align:center;
		display:inline-block;
		padding:3px 15px 2px 15px;
		margin:0 0 10px 0;
	}
	.personList li p span {
		display:inherit;
		height:inherit;
		vertical-align:inherit;
	}
	.imageGroup {
		margin:0 0 -10px 0;
		position:relative;
	}
	.imageGroup li {
		float:none;
		width:100%;
		padding:0 0 10px 0;
	}
	.orange .itemBlock .imageBlock,
	.orange .itemBlock .textBlock {
		width:100%;
		max-width:inherit;
	}
	.green .itemBlock .textBlock,
	.orange .itemBlock .textBlock {
		padding-bottom:7px;
	}
	.orange .itemBlock .imageBlock .image img {
		width:100%;
	}
	.equipmentOther .imageBlock .image01 span {
		padding-bottom:10px;
	}
	.pointPerson li {
		display:block;
		margin: 0 0 10px 0;
	}
	.pointDance li {
		display:block;
		margin: 0 0 10px 0;
		float:left;
	}
	.pointPerson li p.image {
		display:block;
		vertical-align:top;
		max-width:inherit;
		width:inherit;
	}
	.pointDance li p.image {
		vertical-align:top;
		max-width:inherit;
		width:30%;
		float:left;
		padding-right:10px;
	}
	.pointPerson li p.image img {
		width:100%;
	}
	.image.relative .trigger img.play {
		width:64px;
		height:46px;
	}
	.pointPerson li div.text {
		display:block;
		padding:0;
		font-size:14px;
		margin:0;
	}
	.pointDance li div.text {
		display:block;
		padding:0;
		font-size:14px;
		margin:0;
		float:left;
		width:70%;
	}
	.pointPerson li div.text h4 {
		font-size:14px;
		padding:5px 0 7px 0;
	}
	.pointPerson li div.text h5 {
		font-size:14px;
		color:#e94708;
	}
	.pointDance li div.text h5 {
		font-size:14px;
		color:#E5005A;
	}
	.pointPerson li div.text h5 .pcDisplay {
	display:none!important;
	}
	.mainTeacher {
		color:#e94708;
		font-size:12px;
		font-weight:bold;
		padding:0 0 10px 0;
	}
	.pointBox {
		padding:15px 9px;
		margin:0 0 10px 0;
	}
	.pointBox .pointBoxItem {
		margin:0 0 -5px 0;
		padding:10px 0 0 0;
		position:relative;
	}
	.pointBox .pointBoxItem li {
		float:none;
		padding:0 0 5px 0;
		width:100%;
	}
	.pointBox .pointBoxItem li img {
		width:100%;
	}
	.pointBox h4 {
		padding:0 0 7px 0;
	}

	/*** writing page ***/
	.twoCol {
		margin: 0;
	}
	.twoCol li {
		float:none;
		width:100%;
		padding: 0;
		margin-bottom:10px;
	}
	.bookList {
		width:100%;
	}
	.bookList .box03 .image {
		width:28.42% !important;
	}
	.bookList .box03 .text {
		width:66.42% !important;
	}

	.twoCol h4 {
		height:auto;
		padding:8px 10px;
		text-align:left;
		line-height:1.5;
	}
	.twoCol .inner {
		padding:10px;
	}
	.twoCol .box01 {
		margin-bottom:10px;
	}
	.twoCol .box02 {
		padding:10px;
	}
	.twoCol .box03 .image {
		width:71px;
	}
	.pointBlock .appointElement01 {
		padding:10px;
	}
	.pointBlock .appointElement01 .appointInfo {
		padding-top:0;
	}
	.appointElement01 .appointInfo .image,
	.pointBlock .appointElement01 .appointInfo .image {
		width:75px;
	}
	.pointBlock .appointElement01 .appointDance .image {
		width:30%;
		float:left;
		padding-right:10px;
	}
	.appointElement01 .appointInfo .text,
	.pointBlock .appointElement01 .appointInfo .text {
		padding-left:10px;
	}
	.pointBlock .appointElement01 .appointDance .text{
		vertical-align: top;
		padding: 0 0 0 18px;
		display:block;
		padding-left:0;
	}
	.pointBlock .appointElement01 .appointDance .text01{
		text-align:left;
	}
	.pointBlock .appointElement01 .appointDance .text02{
		float:right;
		text-align:left;
		width:70%;
	}
	.twoCol .box04 .image {
		float:none;
		width:136px;
		margin:0 auto 5px;
	}
	.twoCol .box04 .text02 {
		text-align:center;
	}
	.pointTable th,
	.pointTable td {
		display:block;
		width:100%;
		padding:10px;
	}
	.pointTable dl {
		display:block;
	}
	.pointTable dl dt {
		display:block;
		width:100%;
		padding:0 0 5px;
	}
	.pointTable dl dd {
		display:block;
	}
	.pointBlock .pointInfo .image {
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	.pointBlock .pointInfo .orangeBox {
		float:none;
		width:100%;
		padding:10px;
	}
	.boxAddAr {
		padding-bottom:10px;
	}
	.boxAddAr .imgAr {
		width:100%;
		padding:0 0 10px 0;
		float:none;
	}
	.boxAddAr .textAr {
		float:none;
		width:auto;
	}
	.boxAddAr02 {
		margin:10px 0 15px 0;
	}
	.boxAddAr02 .imgAr02 {
		float:none;
		font-size:0;
		width:inherit;
	}
	.boxAddAr02 .imgAr02 img {
		width:100%;
	}
	.boxAddAr02 .textAr02 {
		float:none;
		padding:0 0 10px 0;
		width:inherit;
	}
	.boxAddAr02 .movieAr01 {
		float: none;
		width: 100%;
		max-width: inherit;
	}
	.pointBlock .imageList03 {
		margin:0;
	}
	.pointBlock .imageList03 li {
		float:none;
		width:inherit;
		padding:0;
		margin:0 0 10px 0;
	}
	.pointBlock .imageList03 li img {
		width:100%;
	}
	.pointBlock .imageList04 ,.pointBlock .spw50List {
		margin:0;
	}
	.pointBlock .imageList04 li ,.pointBlock .spw50List li {
		float:left;
		width:48%;
		padding:0;
		margin:0;
	}
	.pointBlock .imageList04 li img ,.pointBlock .spw50List img {
		width:100%;
	}
	.pointBlock .imageList04 li:nth-child(even) ,.pointBlock .spw50List li:nth-child(even) {
		margin:0 0 10px 10px;;
		padding:0;
		/*padding:0 0 10px 0 !important;*/
	}
	.pointBlock .imageList02 span.spanAr {
		font-size:12px;
		padding-bottom:2px;
	}
	.boxAddAr03 .imgAr03 {
		float:none;
		width:inherit;
	}
	.boxAddAr03 .imgAr03 {
		float:none;
		width:inherit;
	}
	.boxAddAr03 .textAr03 {
		float:none;
		margin:10px 0 0 0;
		width:inherit;
	}
	.studentList {
		/*margin:0 -10px 0 0;*/
		/*margin:0 auto;*/
		padding:0;
		width:100%;
	}
	.studentList li {
		/*width:48%;
		padding:0 10px 10px 0;*/
		width:48%;
		margin:0 5px 10px 0;
		padding:0;
		font-size:0;
	}
	.studentList li .name {
		font-size:14px;
	}
	.studentList li .name span {
		font-size:14px;
	}
	.studentList li p {
		font-size:14px;
	}
	.studentList li:nth-child(even) {
		margin:0 0 10px 0 !important;
		padding:0;
		/*padding:0 0 10px 0 !important;*/
	}
	.studentList li p.name {
		font-size:12px;
		padding:3px 0 2px 0;
	}
	.pinkuBox {
		line-height:1.5;
	}
	.pinkuBox h4 {
		font-weight:bold;
		padding:6px 20px;
	}
	.pinkuBoxInner {
		padding:10px;
	}
	.pinkuSub {
		margin:7px 0 0 0;
		padding:10px 10px;
	}
	.pinkuTitle {
		padding:0 0 5px 0;
	}
	.pinkuSub h5 {
		padding:0 0 3px 0;
	}
	.pinkuList ul {
		float:none;
		width:inherit;
	}
	.lineBg {
		background:url(/img/common/bg_line05.gif) repeat-x 0 0;
		background-size:auto 1px;
		padding-bottom:10px;
	}
	.pinkuInfo {
		display:table;
		width:100%;
		margin:5px 0 0 0;
	}
	.pinkuInfo .image {
		display:block;
		width:inherit;
		max-width:inherit;
	}
	.pinkuText {
		padding:0;
	}
	.pinkuText .text01 {
		padding:0 0 6px 0;
		line-height:1.4;
	}
	.lineBg .pinkuTitle {
		padding:0;
	}
	.pinkuBox.mt20 {
		margin-top:10px!important;
	}
	.pinkuOther {
		display:table;
		padding:0 10px 0 10px;
		width:100%;
		margin:0 0 10px 0;
	}
	.pinkuOther .image {
		display:block;
		max-width:inherit;
		width:inherit;
	}
	.pinkuOtherText {
		padding:0;
	}
	.pinkuOtherText h5 {
		color:#e5005a;
		font-weight:bold;
		padding:5px 0 3px 0;
	}
	.pinkuOtherText h5 strong {
		color:#000;
		display:block;
		padding:5px 0 0 0;
	}
	.pinkuTitle01 {
		padding:10px 10px 10px 10px;
		background:url(/img/common/bg_line05.gif) repeat-x 0 0;
		background-size:auto 1px;
		color:#e5005a;
		font-weight:bold;
		margin:0;
	}
	.pointBlock .text.mb30 {
		margin:0!important;
		padding:10px 0 15px 0;
	}
	.pointBlock .text.mb0 {
		padding:10px 0 0 0;
	}
	.pinkColor {
		padding:12px 10px;
		margin:0 0 20px 0;
	}
	.pinkColor .pinkTitle {
		padding:0 0 3px 0;
		font-weight:bold;
	}
	#pageAnnounce .pointBlock .actorList .infoActor .name .office {
		font-size:14px;
	}
	.actorList .infoActor .small {
		font-size:14px;
	}
	.pointBlock .actorList .infoActor {
		font-size:14px;
	}
	.pointBlock .actorList .infoActor strong {
		font-size:14px;
	}
	.pointBlock .actorList01 li .image {
		width:36.6%;
	}
	/*.pointBlock .fullWidth.orange {
		margin:-5px 0 15px 0;
	}*/
	.designBlock .blockInner .blockText01,
	.designBlock .blockInner .title,
	.designBlock .itemList02 li {
		height:auto!important;
	}
	.listPic li .image p {
		position:relative;
	}
	.listPic li .image a {
		border-radius:0;
		position:relative;
	}
	.listPic li .image span.iconArrow {
		position:absolute;
		display:table;
		width:25%;
		line-height:100%;
		height:25%;
		background:#0074c1;
		color:#FFF;
		font-size:18px;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		bottom:1%;
		right:0;
		text-align:center;
		z-index:5;
	}
	#pageMovie .listPic li .image span.iconArrow {
		background:#E94708;
	}
	#pageOnkyo .listPic li .image span.iconArrow {
		background:#009A62;
	}
	#pageAnnounce .listPic li .image span.iconArrow {
		background:#E5005A;
	}
	.listPic li .image span.visible {
		visibility:visible;
	}
	.listPic li .image span {
		display:table;
		width:100%;
		height:100%;
		text-align:center;
		vertical-align:middle;
		font-weight:bold;
	}
	.listPic li .image i.fa-angle-right {
		margin:0;
		width:100%;
		height:100%;
		display:table-cell;
		text-align:center;
		vertical-align:middle;
	}
	.bnrElement {
		padding:20px 0 0 0;
		margin:20px 0 0 0;
	}
	.bnrElement ul {
		padding:0;
		margin-bottom:-5px;
	}
	.bnrElement .headline4 {
		font-size:15px;
		padding-bottom:15px;
	}
	.bnrElement ul li {
		float: none;
		padding:0 0 5px 0;
		margin:0!important;
		width:100%;
	}
	.bnrElement ul li a {
		height:auto!important;
		text-align:left;
		padding:10px 30px 10px 10px;
		line-height:1.5;
		font-size:13px;
		position:relative;
	}
	.bnrElement ul li a span {
		padding:0;
	}
	.bnrElement ul li a img {
		width:auto;
		max-width:inherit!important;
		max-height:inherit;
		height:15px;
	}
	.bnrElement ul li a i {
		position:absolute;
		right:10px;
		top:50%;
		margin-top:-5px;
	}
	.bnrStyle {
		padding:10px 0 0 0;
		margin:0 0 -10px 0;
		position:relative;
	}
	/*** curriculum page ***/
	.pageCurriculum .general {
		margin-bottom:30px;
	}
	.pageCurriculum .headline5 {
	margin-bottom: 8px;
	}
	.pageCurriculum .linkList li {
		margin-bottom:20px;
	}
}
@media screen and (max-width:480px) {
	.listPic li .image em {
		font-size:15px;
	}
}
@media screen and (max-width:672px) {
	.newsItem01 .newsText {
		width: 50%;
	}
}
@media screen and (max-width:385px) {
	.newsItem01 .newsText {
		width: 46%;
	}
}
.sectionLife {
	margin-bottom: 65px;
}

.flexBox {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	margin-bottom: 38px;
}
.flexBox .image {
	width: 100%;
	max-width: 420px;
	margin-right: 20px;
}
.flexBox .image	img {
	width: 100%;
	vertical-align: middle;
}
.flexBox .headTitle {
	width: 100%;
	max-width: 500px;
	padding-top: 10px;
}
.headTitle .title {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.6;
}
.headTitle .title span {
	font-size: 16px;
	padding-left: 8px;
}
.headTitle .detail {
	position: relative;
	z-index: 1;
	display: inline-block;
	z-index: 100;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.92;
}
.headTitle .detail:after {
	position: absolute;
	z-index: -1;
	content: "";
	bottom: 7px;
	left: 0;
	width: 100%;
	height: 12px;
	background: #fffb79;
}
.headTitle .detail02 {
	background: linear-gradient(transparent 60%, #fffb79 60%);
	font-size: 24px;
	font-weight: bold;
	line-height: 1.92;
}

.btn {
	display: inline-block;
	font-size: 15px;
	margin-bottom: 12px;
	padding: 7px 20px 4px;
	border-radius: 15px;
	letter-spacing: 1px;
	color: #FFF;
}
.btn.bgBlue {
	background: #0074C1;
}
.btn.bgOrange {
	background: #E94708;
}
.btn.bgGreen {
	background: #009A62;
}
.btn.bgPink {
	background: #E5005A;
}
.txtText {
	font-size: 16px;
	line-height: 1.8;
}
.headline14 {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 22px;
	font-size: 26px;
	font-weight: bold;
}
.headline14.colorBlue {
	color: #0074C1;
}
.headline14.colorOrange {
	color: #E94708;
}
.headline14.colorGreen {
	color: #009A62;
}
.headline14.colorPink {
	color: #E5005A;
}
.headline14 img {
	transform: scale(0.631);
	margin-right: 7px;
	margin-left: -10px;
	margin-top: -5px;
}
.headline14 span {
	display: inline-flex;
	align-items: center;
	padding-right: 25px;
	background: #FFF;
	z-index: 10;
}
.headline14:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 100%;
	height: 8px;
	transform: translateY(-50%);
	background: url(/img/common/bg_life.png) repeat;
}
.colorOrange.headline14:after {
	background: url(/img/common/bg_life_orange.png) repeat;
}
.colorGreen.headline14:after {
	background: url(/img/common/bg_life_green.png) repeat;
}
.colorPink.headline14:after {
	background: url(/img/common/bg_life_pink.png) repeat;
}
.listLife {
	display: flex;
	justify-content: space-between;
}
.listLife .item {
	width: calc((100% / 3) - 17px);
}
.listLife .item .title {
	display: flex;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.6;
	padding-top:2px;
	font-weight: bold;
}
.listLife .title .numTitle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-left:5px;
	padding-right:5px;
	height: 28px;
	margin-right: 10px;
	background: #fdf746;
	font-size: 20px;
	line-height: 1.45;
	font-weight: bold;
	margin-top:-2px;
}
.listLife .item .image {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}
.listLife .item .image img {
	vertical-align: middle;
	width: 100%;
}
.listLife .item .text {
	font-size: 15px;
	line-height: 1.73;
}
.listCost {
	display: flex;
	justify-content: space-between;
}
.listCost li {
	display: flex;
	flex-direction: column;
	width: 50%;
}
.listCost .title {
	padding: 10px 6.3% 8px;
	border-right: 1px solid #FFF;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	background: #ff949c;
}
.listCost li:last-child .title {
	background: #70b7ee;
	border-right: none;
}
.listCost .text {
	height: 100%;
	padding: 20px 6.3% 25px;
	border: 1px solid #ccc;
	border-top: none;
	font-size: 16px;
	line-height: 1.8;
}
.listCost li:last-child .text {
	border-left: none;
}
.tableTime {
	width: 100%;
	border-collapse: collapse;
}
.tableTime thead th {
	padding: 14px 5px;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	background:#9fdd8e;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.tableTime thead th:last-child  {
	background:#8ed3fa;
}
.tableTime thead th.bgGreen {
	background:#9fdd8e;
}
.tableTime tbody th {
	width: 50px;
	padding: 8px;
	font-size: 14px;
	text-align: center;
	background:#EEE;
	border-bottom: 1px solid #FFF;
}
.tableTime td {
	padding: 15px 8px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #DDD
}
.tableTime tr td:first-child {
	width: 150px;
	color: red;
}
.tableTime tr td:nth-child(n+3),
.tableTime thead th:nth-child(n+3) {
	width: 130px;
}
.tableTime tr td:nth-child(2),
.tableTime thead th:nth-child(2) {
	width: 150px;
}
.tableTime thead th:last-child {
	text-align: center;
	border-right: 1px solid #DDD
}
.tableTime td.bgColor {
	background: #fffed4;
}
.scrollBox {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
}
.noteScroll  {
	display: none;
}
.headTitle .title span.smallSub {
	margin-bottom:10px;
	margin-top:10px;
	display:block;
	line-height:1.6;
}
.nameCost {
	font-weight:bold;
	margin-bottom:10px;
}
.graduateBlock01 {
	margin-bottom:-25px;
}
.setHeight th {
	height:70px;
}
#keyv {
	margin-bottom:0;
}
@media screen and (min-width:737px) {
	.calendarFix .calendarTable td.selected,
	.calendarFix .calendarTable td {
		height:50px;
	}
	.calendarFix .calendarTable .odate {
		font-size:20px;
		margin-top: -20px;
		display:block;
		text-align:center;
	}
	.calendarFix .calendarTable td.selected a {
		height:44px;
	}
}
@media screen and (max-width:736px) {
	.graduateBlock01 {
		margin-bottom:-15px;
	}
	.sectionLife {
		margin-bottom: 30px;
	}
	.flexBox {
		flex-wrap: wrap;
		margin-top: 20px;
		margin-bottom: 16px;
	}
	.flexBox .image {
		max-width: 100%;
		margin-right: 0;
	}
	.flexBox .headTitle {
		max-width: 100%;
		padding-top: 20px;
	}
	.headTitle .title {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 1.4;
	}
	.headTitle .title span {
		font-size: 14px;
	}
	.headTitle .detailInner {
		display:inline-block;
		margin-right:-5px;
	}
	.headTitle .detailInner:last-child {
		margin-right:0;
	}
	.headTitle .detail {
		font-size: 20px;
		line-height: 1.5;
	}
	.headTitle .detail:after {
		height: 7px;
		bottom: 5px;
	}
	.headTitle .detail02 {
		font-size: 20px;
		line-height: 1.5;
	}
	
	.btn {
		padding: 7px 15px 4px;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.txtText {
		font-size: 14px;
		line-height: 1.6;
	}
	.headline14 {
		margin-bottom: 5px;
		font-size: 20px;
	}
	.headline14 img {
		transform: scale(0.5);
		margin-right: -5px;
		margin-left: -15px;
	}
	.headline14 span {
		padding-right: 20px;
	}
	.listLife {
		flex-wrap: wrap;
	}
	.listLife .item {
		width: 100%;
		margin-bottom: 30px;
	}
	.listLife .title .numTitle {
		font-size: 18px;
	}
	.listLife .item .text {
		font-size: 14px;
		line-height: 1.5;
	}
	.listLife .item:last-child {
		margin-bottom: 0;
	}
	.listCost {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 40px;
	}
	.listCost li {
		width: 100%;
	}
	.listCost .title {
		padding: 10px 4.3% 10px;
		border-right: 1px solid #CCC;
		font-size: 14px;
	}
	.listCost li:last-child .text {
		border-left: 1px solid #CCC;
	}
	.listCost .text {
		padding: 15px 4.3% 15px;
		font-size: 14px;
		line-height: 1.6;
	}
	.tableTime {
		width: 980px;
	}
	.tableTime thead th {
		padding: 10px 5px;
	}
	.tableTime td {
		padding: 12px 5px;
	}
	.noteScroll {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 80%;
		margin: 0 auto 15px auto;
	}
	.noteScroll .image {
		margin-right: 5px;
	}
	.noteScroll img {
		vertical-align: middle;
		transform: scale(0.8);
	}
	.noteScroll .text {
		font-size: 12px;
		line-height: 1.5;
	}
	.calendarFix {
		margin-bottom:20px;
	}
	
	.linkList .fontLarge {
		font-size:16px !important;
	}
}

/*Add to open campus details page*/
@media screen and (max-width: 736px) {
	.btnThree {
		margin: 0;
	}
	.btnThree:first-of-type {
		margin: 10px 0 0 0;
	}
	.btnThree:last-of-type {
		margin: 0 0 5px 0;
	}
	.btnThree ul {
		padding: 0;
		margin-bottom: 0;
	}
	.btnThree ul li {
		float: none;
		padding: 0 0 5px 0;
		margin: 0!important;
		width: 100%;
}
	.btnThree ul li a {
		padding: 14px 8px;
		font-size: 14px;
	}
}