@charset "UTF-8";


/*===========================================

PC STYLE

*===========================================*/

html, body {
	height: 100%;
	background-color: #F6F6F6;
}

body {
	min-width: 1064px;
	font-family: 'Montserrat', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #000;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*:focus {
	outline: none;
}

#menu-access {
	display: block;
}

.img-style {
	width: 100%;
	float: left;
}

br.sp { display:none;}

/*--------------------------------------------
/*
/*		Theme Name: PC navi.html
/*		ナビゲーション
/*
/*--------------------------------------------*/
#navi {
	position: fixed;
	top: 0;
	left: 0;
	width: 72px;
	height: 100%;
	padding: 20px 12px 0;
	background: #fff;
	z-index: 5;
}

#menubtn {
	width: 72px;
	height: 76px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E20078;
}

#menubtn a {
	display: block;
	width: 72px;
	height: 76px;
}

#menu-access li {
	margin-bottom: 24px;
	height: 40px;
}

#menu-access li a:hover p {
	color: #000;
}

#menu-access li a:hover img {
	margin-top: 8px;
}

/* menu */
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .2s;
	box-sizing: border-box;
}

.menu-trigger {
	position: fixed;
	width: 32px;
	height: 28px;
	margin: 5px 20px 24px;
}

.menu-trigger div {
	position: relative;
	width: 32px;
	height: 28px;
	text-align: center;
	cursor: pointer;
	z-index: 1000;
}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #E20078;
}

#menubtn a:hover span {
	background-color: #000;
}

#menubtn a:hover p {
	color: #000;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}

.menu-trigger span:nth-of-type(2) {
	top: 12px;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

#spbtn.active span:nth-of-type(1) {
	width: 14px;
	-webkit-transform: translate3d(2px, 10px, 0) rotate(45deg);
	transform: translate3d(3px, 6px, 0) rotate(45deg);
}

#spbtn.active span:nth-of-type(2) {
	-webkit-transform: translate3d(-1px, 0, 0) rotate(-45deg);
	transform: translate3d(0, 0, 0) rotate(-45deg);
}

#spbtn.active span:nth-of-type(3) {
	width: 14px;
	-webkit-transform: translate3d(23px, -9px, 0) rotate(45deg);
	transform: translate3d(15px, -6px, 0) rotate(45deg);
}

#menubtn p {
	color: #E20078;
	font-family: aleo-b;
	font-size: 10px;
	line-height: 10em;
	text-align: center;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

#menu-access div {
	width: 16px;
	margin: 0 auto 8px;
}

#menu-access p {
	color: #E20078;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
}

#navi section {
	width: 920px;
	margin: 0 28px;
}

#navi section > ul {
	margin-left: 5px;
}

#navi section > ul > li {
	margin-bottom: 24px;
}

#navi section > ul > li div {
	position: relative;
	display: inline;
	float: left;
	width: 160px;
	height: 40px;
	margin-right: 32px;
	border-left: 3px solid #DF0078;
}

#navi section > ul > li div:before {
	content: '';
	display: block;
	position: absolute;
	top: 14px;
	left: -8px;
	width: 5px;
	height: 10px;
	background: #DF0078;
	border-radius: 5px 0 0 5px;
}

#navi section > ul > li div a {
	display: block;
	height: 36px;
	padding-left: 10px;
	color: #DF0078;
	font-size: 10px;
	font-weight: bold;
	font-family: aleo-b;
	line-height: 1em;
	letter-spacing: 2px;
}

#navi section > ul > li div a:hover {
	color: #000;
}

#navi section > ul > li div a span {
	display: block;
	padding-top: 6px;
	padding-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 1px;
}

#navi section > ul > li ul {
	display: inline;
	float: left;
	margin-top: 10px;
}

#navi section > ul > li ul li {
	display: inline;
	float: left;
	margin-right: 12px;
	line-height: 1em;
}

#navi section > ul > li ul li a {
	color: #DF0078;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#navi section > ul > li ul li a:hover {
	color: #000;
	text-decoration: none;
}

#n-entrance, #n-inquiry {
	display: inline;
	float: left;
	width: 172px;
	height: 40px;
}

#n-entrance {
	margin-left: -12px;
	margin-right: 12px;
}

#n-entrance a {
	background: url(../img/common/btn_entrance_on.png) no-repeat;
	display: block;
	background-size: cover;
}

#n-inquiry {
	margin-right: 24px;
}

#n-inquiry a {
	background: url(../img/common/btn_inquiry_on.png) no-repeat;
	display: block;
	background-size: cover;
}

#navi #search {
	display: inline;
	float: left;
}

#navi #search input[type="text"] {
	width: 364px;
	height: 40px;
	padding: 12px 16px;
	border: 1px solid #E20078;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#navi #search input[type="text"]::-webkit-input-placeholder {
 font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 font-weight: bold;
}

#navi #search input[type="submit"] {
	width: 80px;
	height: 40px;
	background: #E20078;
	border: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	vertical-align: bottom;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -6px;
	cursor: pointer;
}

#navi #search input[type="submit"]:hover {
	background: #fff;
	border: 1px solid #E20078;
	color: #E20078;
}

#navi #outside p {
	display: inline;
	float: left;
	margin-right: 16px;
}

#navi #outside p a {
	display: block;
	height: 16px;
	padding-top: 3px;
	padding-left: 24px;
	color: #E00078;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	background: url(../img/common/ico_outside.png) no-repeat top left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#navi #outside p a:hover {
	color: #000;
}


/*--------------------------------------------
/*
/*		Theme Name: PC header.html
/*		ヘッダー
/*
/*--------------------------------------------*/
.logo-block {
	width: 75px;
	position: fixed;
	z-index: 999;
	left:41px;
	top: 36px;
}
header {
	width: 100%;
	position: relative;
}


header .logo-title {
	width: 186px;
	float: left;
	margin-right: 34px;
}

header .logo-title .line-block {
	width: 186px;
	height: 6px;
	background-color: #D1A930;
	margin-bottom: 36px;
}

header .logo-title h2 {
	width: 100%;

}

header .nav-block {
	width: 780px;
	float: left;
	padding: 18px 0;
}

header nav {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0px 0px 20px 0px;
}

header h1 {
	display: inline;
	float: left;
	width: 75px;
}

header ul.menu1 {
	display: inline;
	float: left;
	margin-right: 26px;
}

header ul.menu1 li {
	position: relative;
	display: inline;
	float: left;
	height: 40px;
	margin-right: 18px;
}

header ul.menu1 li:last-child{
	margin-right: 16px;
}

header ul.menu1 li:before {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left:0px;
	background: #000;
	background-image: url(../img/common/menu1_icon.svg);
	width: 16px;
	height: 16px;
	border-radius: 16px;
	box-sizing: border-box;
}

header ul.menu1 li a {
	display: block;
	padding-top: 4px;
	padding-left: 25px;
	font-size: 12px;
	/*font-family: aleo-b;*/
	line-height: 1em;
	letter-spacing: 0px;
	font-weight: bold;
	color: #000;
}

header .top-block ul li a:hover {
	color: #D1A930;
}

header .bottom-block ul li a:hover {
	color: #D1A930;
}

.bottom-block b{
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0px;
}

#search {
	float: left;
	height: 21px;
}

#search form input[type="text"] {
	width: 240px;
	border-bottom: 1px #000 solid;
	box-sizing: border-box;
	height: 21px;
	text-indent: -99999;

}

#search form input[type="submit"] {
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/common/search_btn@2x.png);
	width: 19px;
	height: 19px;
	background-size: 19px 19px;
	margin-left:8px;
}

#search form input {
	border: none;
	background-color: #F6F6F6;

}

header .sns-block {
	float: right;
	margin-top: 4px;
}

header .sns-block ul li {
	width: 18px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

header .sns-block ul li:last-child {margin-right: 0px;}

header .bottom-block ul li {
	width: 140px;
	height: 50px;
	float: left;
	color: #000;
	font-size: 12px;
	text-align: center;
	border-left: 1px #E0E0E0 solid;
	box-sizing: border-box;
	padding-top: 6px;

}

header .bottom-block ul li:last-child {
	border-right: 1px #E0E0E0 solid;
}

header .bottom-block ul li a {
	color: #000;
	font-weight: bold;
	line-height: 22px;
	display: block;
}

header .bottom-block ul li a span {
	color: #9A9A9A;
	font-size: 10px;
	font-weight: normal;
}

header .sns-block ul li:first- {
	width: 18px;
	float: left;

}

header ul li a span {
	display: block;
	padding-top: 6px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
}

header nav > div {
	display: inline;
	float: right;
}

header .btn {
	display: inline;
	float: left;
	margin-left: 24px;
}

header .btn a {
	width: 144px;
	height: 40px;
	padding-top: 13px;
}

.btn {
	position: relative;
}

.btn a {
	position: relative;
	display: block;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.btn a span {
	font-weight: bold;
	line-height: 1em;
	font-size: 12px;
}

.btn a:hover {
	border: 1px solid #fff;
	background: #E20078;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.btn figure {
	position: relative;
}

.btn figcaption {
	position: absolute;
	top: 13px;
	left: -12px;
	z-index: 2;
	width: 26px;
	height: 14px;
	-webkit-transition: .2s;
	transition: .2s;
	line-height: 9px;
}

.btn figcaption p {
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 14px;
	-webkit-transition: .2s;
	transition: .2s;
	line-height: 9px;
}

.btn figure:hover figcaption {
	top: 13px;
	left: -6px;
}

#nav-ent {
	width: 144px;
	float: left;
	margin-right: 16px;
}

#nav-inq {
	width: 144px;
	float: left;
}

#sn-s {
	font-size: 13px;
	line-height: 1em;
	text-align: center;
	width: 304px;
	float: left;
	margin-right: 16px;
}

#sn-s a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 13px 0 12px;
	border: 1px solid #E00078;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	background: #E00078;
}

#sn-s a:hover {
	background: #fff;
	color: #E00078;
}


/*--------------------------------------------
/*
/*		Theme Name: PC common
/*		共通部分
/*
/*--------------------------------------------*/
.spnone {
	display: none;
}

.mb24 {
	margin-bottom: 24px;
}

.mb32 {
	margin-bottom: 32px;
}

#pagewrap {

}

#maininner {
	width: 1120px;
	margin: 0 auto 90px;
	padding: 12px 80px 60px 80px;
	background-color: #FFF;
	box-sizing: border-box;
}

.imgchange a {
	position: relative;
}

#copy {
	position: fixed;
	top: 128px;
	right: 52px;
}

#pankuzu {
	border-left: none;
	border-bottom: 1px solid #000;
}

#pankuzu li {
	display: inline;
	float: left;
	border-top: none;
	border-right: none;
	margin-bottom: 10px;
}

#pankuzu li a {
	/*border-right: 1px solid #000;*/
	background-image: url(../img/common/ico_pankuzu.png);
	background-repeat: no-repeat;
	background-position: right 0 bottom 0;
	background-size: 9px 36px;
}

#pankuzu li a, #pankuzu li span {
	display: block;
	height: 39px;
	padding: 14px 30px 0 20px;
	color: #000;
	font-family: aleo-b, "游ゴシック", YuGothic;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#pankuzu li a:hover {
	background: #FFF;
	color: #D1A930;
	background-image: url(../img/common/ico_pankuzu.png);
	background-repeat: no-repeat;
	background-position: right 0 bottom 0;
	background-size: 9px 36px;
}

article, article * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

article {
	width: 816px;
	padding: 0;
	margin: 0 auto;
	border-top: none;
	border-left: none;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#pagetit {
	margin: 32px 0 24px;
}


#pagetit h2 {
	display: inline;
	float: left;
	width: 230px;
	height: auto;
	padding: 0 0 0 20px;
	border-right: none;
	color: #000;
	font-size: 20px;
	font-family: aleo-b;
	line-height: 1em;
	letter-spacing: 2px;
}

#pagetit h2 span {
	display: block;
	padding-top: 5px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
}

#pagetit div {
	display: inline;
	float: left;
	width: 616px;
	padding: 3px 11px 18px 11px;
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
}

#support #pagenavi {
	padding-top: 40px;
}

#pagenavi, #pagenavi2, #pagenavi *, #navi-list, #navi-list * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#pagenavi, #pagenavi2 {
	width: 880px;
	background: #fff;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
}

#pagenavi > div, #pagenavi2 > div {
	display: inline;
   /*float: left;*/
   }

   #pagenavi > div a, #pagenavi2 > div a {
    position: relative;
    display: block;
    background: #D1A930;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 0;
    height: 60px;
    line-height: 1.5em;
    border: 1px solid #D1A930;
    letter-spacing: 0;
    width: 494px;
    display: table-cell;
    vertical-align: middle;
}

#pagenavi > div a .icon img, #pagenavi2 > div a .icon img {
	display: block;
}

#pagenavi > div a .num, #pagenavi2 > div a .num {
	display: inline-block;
	margin-right: 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
}

#pagenavi > div a .kana, #pagenavi2 > div a .kana {
	display: inline-block;
	margin-left: 8px;
	font-family: aleo-b;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	vertical-align: 1px;
}

#navi-prev, #navi-prev2 {
	margin-right: 1px;
	width: 439px;
	float: left;
}

#navi-prev a .icon, #navi-prev2 a .icon {
	position: absolute;
	top: 23px;
	left: -13px;
	width: 26px;
	height: 14px;
}

#navi-next, #navi-next2 {
	width: 440px;
	float: right;
}

#navi-next a .icon, #navi-next2 a .icon {
	position: absolute;
	top: 23px;
	right: -13px;
	width: 26px;
	height: 14px;
}

#navi-list {
	width: 880px;
	margin: 0 auto;
}

#navi-list a {
	position: relative;
	display: block;
	background: #D1A930;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 24px 0;
	line-height: 1em;
	border: 1px solid #D1A930;
}

#pagenavi a:hover, #pagenavi2 a:hover, #navi-list a:hover {
	background: #fff;
	color: #D1A930;
	border: 1px solid #D1A930;
}

#navi-list a .icon {
	position: absolute;
	top: 49px;
	left: 436px;
	width: 15px;
	height: 26px;
}

#cover {
	margin-bottom: 24px;
	text-align: center;
}

#entry-head h3 {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: bold;
	line-height: 140%;
}

#entry-head h3 span {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	vertical-align: 3px;
}

#entry-head ul {
	margin-bottom: 20px;
}

#entry-head ul li {
	display: inline;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	margin-left: 16px;
	padding-left: 46px;
	background: url(../img/individual/interview/ico_cross.png) no-repeat left center;
	background-size: 26px 26px;
}

#entry-head ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

#entry-head ul li span {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

#history, .history {
	margin-bottom: 32px;
	padding: 16px;
	border: 1px solid #EEEEEE;
	background: #FBFBFB;
	font-size: 12px;
	line-height: 200%;
}

#history p, .history p {
	margin-bottom: 4px;
}

#position {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

#entry-name {
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
}

#entry-name span {
	display: inline-block;
	margin-left: 10px;
	color: #AAAAAA;
	font-family: aleo-b;
	font-size: 10px;
	line-height: 1em;
	vertical-align: 2px;
}
/* --------------------------
	cbox
/* -------------------------- */
#gallery {
	margin-bottom: 40px;
}

#gallery ul {
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

#gallery ul li {
	float: left;
	margin-right: 22px;
	margin-bottom: 24px;
	position: relative;
	width: 257px;
}

#gallery ul li:nth-child(3n) {
	margin-right: 0;
}

#gallery ul li span {
	display: block;
	font-size: 12px;
	height: 36px;
}

#cboxOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	background-color: rgba(0, 0, 0,0.9);
	z-index: 9999;
}

#colorbox {
	z-index: 10000;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}

#cboxLoadedContent img {
/*border: 3px solid #fff;
	border-radius: 3px;*/
}

#cboxCurrent {
	display: none !important;
}

#cboxLoadedContent {
	margin-bottom: 16px;
}

#cboxTitle {
	color: #fff;
	font-size: 12px;
	line-height: 37px;
	line-height: 160%;
}

#cboxClose {
	background: url(/kyugei/assets/img/department/major/btn_light_close.png) no-repeat;
	border: none;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	margin: 8px 0 0px 19px;
	position: absolute;
	top: -48px;
	right: -40px;
	cursor: pointer;
	background-size: 32px;
}

#cboxNext {
	background: url(/kyugei/assets/img/department/major/btn_light_next.png) no-repeat;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	right: -56px;
	width: 40px;
	height: 40px;
	border: none;
	margin-top: -20px;
	cursor: pointer;
	background-size: 40px;
}

#cboxPrevious {
	background: url(/kyugei/assets/img/department/major/btn_light_prev.png) no-repeat;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	left: -56px;
	width: 40px;
	height: 40px;
	border: none;
	margin-top: -20px;
	cursor: pointer;
	background-size: 40px;
}

.thumb_comm {
	margin-bottom: 12px;
	background: #000;
	overflow: hidden;
}

.thumb_comm a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.thumb_comm a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.thumb_comm a img {
	-moz-transition: -moz-transform 0.2s ease-in-out;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-o-transition: -o-transform 0.2s ease-in-out;
	-ms-transition: -ms-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}

.thumb_comm a img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

#gallery p {
	height: 40px;
	font-size: 11px;
	line-height: 160%;
}

#gallery p a {
	color: #000;
	font-weight: bold;
}

#gallery p a:hover {
	text-decoration: underline;
}


/*--------------------------------------------
/*
/*		Theme Name: PC home
/*		トップページ
/*
/*--------------------------------------------*/
#home footer {
	margin-top: 90px;
}

#content {
	width: 1120px;
	margin:0 auto;
}

#slide {
	display: inline;
	float: left;
	width: 1120px;
	height: 450px;
	margin: 0 auto;
	margin-bottom: 51px;
}

.bx-wrapper {
	position: relative;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

.bx-wrapper .bx-next {
	position: absolute;
	right: -15px;
	top: 210px;
	background-image: url(../img/individual/index/slide/slide_next@2x.png);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	color: rgba(0,0,0,0);
}

.bx-wrapper .bx-prev {
	position: absolute;
	left: -15px;
	top: 210px;
	background-image: url(../img/individual/index/slide/slide_prev@2x.png);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	color: rgba(0,0,0,0);
}

.bx-wrapper .bx-pager {
	text-align: center;
	position: absolute;
	bottom: -39px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 30px;
	height: 4px;
	background: #E2E2E2;
    text-indent: -9999px;
    display: block;
    outline: 0;
    margin-left: 5px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000000;
}

/*　====================　180604追記　====================　*/
.bx-wrapper ul li a {
    width: 100%;
    height: 100%;
    position: absolute;
}
/*　====================　180604追記　====================　*/
.info-block  {
	width: 100%;
	float: left;
	height: 77px;
	border: 1px solid #000;
}

.info-block .left-block {
	float: left;
	padding: 12px 11px 10px 11px;
	width: 337px;
	box-sizing: border-box;
	border-right: 1px solid #000;

}

.info-block .left-block .inner {
	background-color: #fff;
	padding: 18px 33px;
}

.info-block .left-block .inner h2 {
	font-size: 12px;
	margin-right: 13px;

}

.info-block .left-block .inner h2 span{
	font-size: 13px;
	font-weight: bold;
}

#homebox-r {
	display: inline;
	float: right;
	width: 496px;
}

.column1 > div:first-child {
	display: inline;
	float: left;
	width: 320px;
}

.column1 > div:first-child + * {
	display: inline;
	float: right;
	width: 144px;
}

.box a {
	display: block;
	border: 6px solid #fff;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

.box a:hover {
	border: 6px solid #E20078;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

#box1, #box3, #box4, #box5, #box6 {
	margin-bottom: 32px;
}

#box2 img {
	max-width: inherit;
}

.column2 > div:first-child {
	display: inline;
	float: left;
	width: 144px;
}

.column2 > div:first-child + * {
	display: inline;
	float: right;
	width: 320px;
}

#column_ribt {
	position: relative;
}

#sakuhin {
	position: absolute;
	right: 6px;
	top: 6px;
	z-index: 99;
}

#sakuhin:hover {
	opacity: 0.6;

}

#homebox2 {
	width: 704px;
	margin-top: -320px;
	margin-bottom: 32px;
	float: left;
}

#homebox2 div.box{
	width: 320px;
	float: left;
	margin: 0 32px 32px 0;
}

#information {
	padding: 12px 11px 12px 11px;
	border: 1px solid #000;
	clear: both;
	box-sizing: border-box;
	height: 135px;
	margin-bottom: 24px;
}

#information .info-tlt {
	border-right: 1px solid #000;
	width: 338px;
	box-sizing: border-box;
	float: left;
}

#information, #information * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#information h2 {
	padding: 18px 33px;
	background-color: #fff;
	display: inline;
	float: left;
	font-size: 14px;
	line-height: 75px;
	box-sizing: border-box;
}

#information h2 span {
	padding-top: 5px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	margin-left: 23px;
}

#information ul {
	display: inline;
	float: left;
	width: 700px;
	height: 105px;
	overflow: hidden;
	margin: 0px 0 0 43px ;
}

#information ul.clearfix li {
	margin-bottom: 3px;
}

#information ul.clearfix li:last-child {
	margin-bottom: 0;
}


#information ul p {
	display: inline;
	float: left;
	margin-right: 24px;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	font-family: 'aleo', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#information ul div {
	display: inline;
	float: left;
	line-height: 1em;
}

#information ul div a {
	color: #D1A930;
    font-weight: 500;
    cursor: pointer;
    padding: 4px;
    display: inline-block;
    border: 1px solid #D1A930;
    line-height: 12px;
    margin-left: 12px;
}

#information ul div a:hover {
	color: #fff;
	background:#D1A930;
}

/*#information ul div a span {
	color: #D1A930;
	font-weight:500;
    cursor: pointer;
    padding: 5px;
    display: inline-block;
    border: 1px solid #D1A930;
    line-height: 12px;
    margin-left: 12px;
}

#information ul div a:hover {
	color: #fff;
	text-decoration: none;
}
*/
#information li a span:hover{
	color: #fff;
}
#news ul.news-block {
	width: 600px;
	float: left;
}
#news ul li.entry-block {
	width: 50%;
	height: 381px;
	float: left;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	border-right: 1px solid #F6F6F6;
	border-bottom: 1px solid #F6F6F6;
}
#news .facebook {
	width: 500px;
	float: right;
}
#news ul li.entry-block:nth-child(4n){
	border-right:none;
}
/*#news ul li:last-child{
	width: 600px;
	clear: both;
}
*/
#news ul li.bnr{
	width: 295px;
	float:left;
	margin-top:10px;
}

#news ul li:nth-child(even){ padding-left:10px;}

#news ul li a:hover img {
	opacity: 0.9;
}
#news ul li.entry-block .entry-thumb {
	width: 100%;
	margin-bottom: 18px;
	float: left;
	display: block;
}

#news ul li.entry-block .entry-thumb a {
	display: block;
    height: 180px;
    overflow: hidden;
}

#news ul li.entry-block .entry-thumb a img{
    transform: scale(1.4);
}

#news ul li.entry-block .entry-thumb a:hover {
	opacity: 0.6;
}

#news p.date {
	font-size: 12px;
	font-family: aleo;
	margin-bottom: 10px;
}

#news h3 {
	font-size: 15px;
	margin-bottom: 18px;
}

#news h3 a{
	color: #000;
	font-weight: bold;
	line-height: 150%;
}

#news h3 a:hover {
	color: #D1A930;
	text-decoration: underline;
}

#news h4 {
	color: #000;
	height: 73px;
	font-size: 13px;
	line-height: 150%;
	overflow: hidden;
}

#news h4 a {
	color: #000;
}

#news h4 a:hover {
	color: #D1A930;
}

#news .new {
	width: 41px;
	height: 25px;
	background-color: #D1A930;
	font-size: 10px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 25px;
	z-index: 99;
}

/*--------------------------------------------
/*
/*		Theme Name: PC navi.html
/*		ナビゲーション
/*
/*--------------------------------------------*/
#navi {
	position: fixed;
	top: 0;
	left: 0;
	width: 72px;
	height: 100%;
	padding: 20px 12px 0;
	background: #fff;
	z-index: 5;
}

#menubtn {
	width: 72px;
	height: 76px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E20078;
}

#menubtn a {
	display: block;
	width: 72px;
	height: 76px;
}

#menu-access li {
	margin-bottom: 24px;
	height: 40px;
}

#menu-access li a:hover p {
	color: #000;
}

#menu-access li a:hover img {
	margin-top: 8px;
}

/* menu */
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .2s;
	box-sizing: border-box;
}

.menu-trigger {
	position: fixed;
	width: 32px;
	height: 28px;
	margin: 5px 20px 24px;
}

.menu-trigger div {
	position: relative;
	width: 32px;
	height: 28px;
	text-align: center;
	cursor: pointer;
	z-index: 1000;
}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #E20078;
}

#menubtn a:hover span {
	background-color: #000;
}

#menubtn a:hover p {
	color: #000;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}

.menu-trigger span:nth-of-type(2) {
	top: 12px;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

#spbtn.active span:nth-of-type(1) {
	width: 14px;
	-webkit-transform: translate3d(2px, 10px, 0) rotate(45deg);
	transform: translate3d(3px, 6px, 0) rotate(45deg);
}

#spbtn.active span:nth-of-type(2) {
	-webkit-transform: translate3d(-1px, 0, 0) rotate(-45deg);
	transform: translate3d(0, 0, 0) rotate(-45deg);
}

#spbtn.active span:nth-of-type(3) {
	width: 14px;
	-webkit-transform: translate3d(23px, -9px, 0) rotate(45deg);
	transform: translate3d(15px, -6px, 0) rotate(45deg);
}

#menubtn p {
	color: #E20078;
	font-family: aleo-b;
	font-size: 10px;
	line-height: 10em;
	text-align: center;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

#menu-access div {
	width: 16px;
	margin: 0 auto 8px;
}

#menu-access p {
	color: #E20078;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
}

#navi section {
	width: 920px;
	margin: 0 28px;
}

#navi section > ul {
	margin-left: 5px;
}

#navi section > ul > li {
	margin-bottom: 24px;
}

#navi section > ul > li div {
	position: relative;
	display: inline;
	float: left;
	width: 160px;
	height: 40px;
	margin-right: 32px;
	border-left: 3px solid #DF0078;
}

#navi section > ul > li div:before {
	content: '';
	display: block;
	position: absolute;
	top: 14px;
	left: -8px;
	width: 5px;
	height: 10px;
	background: #DF0078;
	border-radius: 5px 0 0 5px;
}

#navi section > ul > li div a {
	display: block;
	height: 36px;
	padding-left: 10px;
	color: #DF0078;
	font-size: 10px;
	font-weight: bold;
	font-family: aleo-b;
	line-height: 1em;
	letter-spacing: 2px;
}

#navi section > ul > li div a:hover {
	color: #000;
}

#navi section > ul > li div a span {
	display: block;
	padding-top: 6px;
	padding-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 1px;
}

#navi section > ul > li ul {
	display: inline;
	float: left;
	margin-top: 10px;
}

#navi section > ul > li ul li {
	display: inline;
	float: left;
	margin-right: 12px;
	line-height: 1em;
}

#navi section > ul > li ul li a {
	color: #DF0078;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#navi section > ul > li ul li a:hover {
	color: #000;
	text-decoration: none;
}

#n-entrance, #n-inquiry {
	display: inline;
	float: left;
	width: 172px;
	height: 40px;
}

#n-entrance {
	margin-left: -12px;
	margin-right: 12px;
}

#n-entrance a {
	background: url(../img/common/btn_entrance_on.png) no-repeat;
	display: block;
	background-size: cover;
}

#n-inquiry {
	margin-right: 24px;
}

#n-inquiry a {
	background: url(../img/common/btn_inquiry_on.png) no-repeat;
	display: block;
	background-size: cover;
}

#navi #search {
	display: inline;
	float: left;
}

#navi #search input[type="text"] {
	width: 364px;
	height: 40px;
	padding: 12px 16px;
	border: 1px solid #E20078;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#navi #search input[type="text"]::-webkit-input-placeholder {
 font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 font-weight: bold;
}

#navi #search input[type="submit"] {
	width: 80px;
	height: 40px;
	background: #E20078;
	border: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	vertical-align: bottom;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -6px;
	cursor: pointer;
}

#navi #search input[type="submit"]:hover {
	background: #fff;
	border: 1px solid #E20078;
	color: #E20078;
}

#navi #outside p {
	display: inline;
	float: left;
	margin-right: 16px;
}

#navi #outside p a {
	display: block;
	height: 16px;
	padding-top: 3px;
	padding-left: 24px;
	color: #E00078;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	background: url(../img/common/ico_outside.png) no-repeat top left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#navi #outside p a:hover {
	color: #000;
}


/*--------------------------------------------
/*
/*		Theme Name: PC interview
/*		インタビュー
/*
/*--------------------------------------------*/
#interview-list > li {
	display: inline;
	float: left;
	width: 391px;
	margin-right: 32px;
	margin-bottom: 32px;
}
#interview-list > li > ul{
	height: 34px;
}

#interview-list > li:nth-child(even), #interview-list > li:first-child + *, #interview-list > li:first-child + * + * + *, #interview-list > li:first-child + * + * + * + * + *, #interview-list > li:first-child + * + * + * + * + * + * + * {
	margin-right: 0 !important;
}

#interview-list > li div {
	margin-bottom: 19px;
}

#interview-list > li div a img{
	width: 100%;
}

#interview-list > li p {
	margin-bottom: 14px;
	color: #E20078;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
}

#interview-list > li h3 {
	margin-bottom: 16px;
	line-height: 160%;
}

#interview-list > li h3 a {
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

#interview-list > li ul li {
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 1em;
}

#interview #entry-head {
	margin-bottom: 32px;
	border-bottom: 1px solid #E20078;
}

#entry-head #intro {
	margin-bottom: 32px;
	font-size: 13px;
	line-height: 200%;
}

#entry-content {
	margin-bottom: 43px;
}

#equipment #entry-content {
	margin-bottom: 0;
}

#entry-content .lead {
	margin-bottom: 24px;
	font-size: 20px;
	font-weight: bold;
}

#entry-content p {
	margin-bottom: 16px;
	font-size: 13px;
	line-height: 200%;
}

#entry-content p img {
	margin-bottom: 16px;
}

#entry-content .name {
	margin-bottom: 8px;
	color: #E10078;
	font-weight: bold;
	line-height: 1em;
}

#entry-content .talk {
	margin-bottom: 24px;
	color: #E10078;
}

#entry-content .img {
	margin-bottom: 16px;
}

#entry-content .caption {
	margin-top: -16px;
	margin-bottom: 32px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1em;
}

/*--------------------------------------------
/*
/*		Theme Name: PC portfolio
/*		作品集
/*
/*--------------------------------------------*/
#portfolio-list li {
	display: inline;
	float: left;
	width: 252px;
	height: 214px;
	margin-right: 30px;
	margin-bottom: 24px;
}

#portfolio-list li:last-child {
	margin-bottom: 0;
}

#portfolio-list li:nth-child(3n), #portfolio-list li:first-child + * + *, #portfolio-list li:first-child + * + * + * + * + *, #portfolio-list li:first-child + * + * + * + * + * + * + * + *, #portfolio-list li:first-child + * + * + * + * + * + * + * + * + * + * + *, #portfolio-list li:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + *, #portfolio-list li:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * {
	margin-right: 0;
}

#portfolio-list div {
	margin-bottom: 8px;
	border: 1px solid #DDDDDD;
}

#portfolio-list p {
	height: 40px;
}

#portfolio-list p a {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 160%;
}

#portfolio-list p a:hover {
	text-decoration: underline;
}

#portfolio #cover {
	border: 1px solid #DDDDDD;
}

#portfolio #entry-name {
	margin-bottom: 30px;
}

#portfolio #entry-head h3 span {
	font-size: 13px;
	margin-left: 10px;
}


/*--------------------------------------------
/*
/*		Theme Name: PC department
/*		学科・専攻
/*
/*--------------------------------------------*/
#d-section-sp { display: none;}

#d-section {
	background: url(../img/individual/department/department.png) no-repeat;
	width: 817px;
	height: 1180px;
	position: relative;
	text-align: center;
	letter-spacing: 0;
}
#d-sec-left {
	position: absolute;
	top: 420px;
	left: 70px;
	width: 200px;
}
#d-sec-right dl {
	width: 251px;
	margin: 0 auto;
}
#d-sec-right dl dt, #d-sec-right dl dd { width: 200px; margin: 0 auto 6px;}
#d-sec-right {
	position: absolute;
	top: 420px;
	right: 145px;
	width: 251px;
}
#d-section h3 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 4px;
}
#d-sec-left dt {
	background: #4c4948;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1em;
	padding: 6px 0;
	margin-bottom: 6px;
}
#d-sec-right p { margin-bottom: 16px;}
#old-1, #old-2 {
	margin-bottom: 16px;
}
#old-1 dd {
	background: #fff;
	color: #e71f29;
	font-size: 11px;
	font-weight: bold;
	line-height: 1em;
	padding: 6px 0;
	margin-bottom: 6px;
	border: 2px solid #e71f29;
}
#old-2 dd {
	background: #fff;
	color: #413993;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	padding: 6px 0;
	margin-bottom: 6px;
	border: 2px solid #413993;
}
#old-3 dd {
	background: #fff;
	color: #009edf;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	padding: 6px 0;
	margin-bottom: 6px;
	border: 2px solid #009edf;
}
.old-etc {
	color: #00ac75 !important;
	border: 2px solid #00ac75 !important;
}
#new-1, #new-2, #new-3 {
	margin-bottom: 16px !important;
}
#new-4 { padding-bottom: 16px; /*border-bottom: 6px solid #d9d9d9;*/ margin-bottom: 16px !important;}
#d-sec-right a { display: block; text-decoration: none; padding: 6px 0; color: #fff; font-weight: bold;}
#d-sec-right dt {font-size: 12px; font-weight: bold; line-height: 1em; margin-bottom: 6px; }
#d-sec-right dt a { background: #4c4948; color: #fff; font-size: 11px;}
#d-sec-right dd { font-size: 12px; font-weight: bold; line-height: 1em; margin-bottom: 6px;}
#new-1 dd a { background: #e71f29; }
#new-2 dd a { background: #413993; }
#new-3 dd a { background: #009edf; }
#new-4 dd a { background: #00ac75; }
#new-5 dd a { background: #f6aa00; }
#d-sec-right dt a:hover { background: #202020;}
#new-1 dd a:hover { background: #9b1522; }
#new-2 dd a:hover { background: #232256; }
#new-3 dd a:hover { background: #005b77; }
#new-4 dd a:hover { background: #01774d; }
#new-5 dd a:hover { background: #9e6900; }

.department #cover {
	margin-bottom: 55px;
	text-align: left;
}

#painting #cover {
	margin-bottom: 60px;
	text-align: left;
}

.department #entry-head, #painting #entry-head {
	border-bottom: none;
}

.department .nav-area .btn {
	display: inline;
	float: left;
	margin-left: 29px;
}

.department #photo .nav-area .btn, .department #visual .nav-area .btn, .department #social .nav-area .btn, .department #art .nav-area .btn, .department #living .nav-area .btn {
	display: inline;
	margin-left: 90px!important;
}

.department .nav-area .btn-2col {
	display: inline;
	float: left;
	margin-left: 90px;
}

.department .nav-area .btn a {
	width: 252px;
	height: 70px;
    padding-top: 0;
	background: #FFF;
	color: #E50078;
	border: 1px solid #E50078;
	line-height: 95%;
	font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}

.department #art .btn a {
	color: #E71F29;
	border: 1px solid #E71F29;
}

.department #art .btn a:hover {
	color: #fff;
	background: #E71F29;
}

.department #photo .btn a {
	color: #413993;
	border: 1px solid #413993;
}

.department #photo .btn a:hover {
	color: #fff;
	background: #413993;
}

.department #visual .btn a {
	color: #009EDF;
	border: 1px solid #009EDF;
}

.department #visual .btn a:hover {
	color: #fff;
	background: #009EDF;
}

.department #living .btn a {
	color: #00AC75;
	border: 1px solid #00AC75;
}

.department #living .btn a:hover {
	color: #fff;
	background: #00AC75;
}

.department #social .btn a {
	color: #F6AA00;
	border: 1px solid #F6AA00;
}

.department #social .btn a:hover {
	color: #fff;
	background: #F6AA00;
}
.department #other .btn a {
	color: #696969;
	border: 1px solid #F6AA00;
}

.department #other .btn a:hover {
	color: #fff;
	background: #696969;
}

/* 2colum only style */
.department #social .nav-area .btn a, .department #photo .nav-area .btn a, .department #visual .nav-area .btn a, .department #art .nav-area .btn a, .department #living .nav-area .btn a{
	width: 302px;
}

.department .nav-area .btn a span {
	font-size: 10px;
	letter-spacing: 0px;
}

.department .nav-area .btn figcaption {
	position: absolute;
	top: 42px;
	left: -17px;
	z-index: 2;
	width: 24px;
	height: 9px;
	-webkit-transition: .2s;
	transition: .2s;
	line-height: 9px;
}

.department .nav-area .btn figcaption p {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 9px;
	-webkit-transition: .2s;
	transition: .2s;
	line-height: 9px;
}

.department .nav-area .btn figure:hover figcaption {
	top: 42px;
	left: 0px;
}

.department .nav-area .btn figure:hover a {
	background: #E50078;
	color: #fff;
}

.department .nav-area {
	margin: 0 0 55px -29px;
}

.department h4.ttl {
	color: #fff;
	font-size: 18px;
    font-weight: bold;
    border-bottom: none;
    display: block;
    padding: 10px 35px;
    margin-bottom: 35px;
}

.department h5.item {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
    display: table;
}

/*		絵画専攻		*/
#art_wrap h4.ttl { background: #e71f29;}
#photo_wrap	h4.ttl { background: #413993;}
#visual_wrap h4.ttl { background: #009edf;}
#living_wrap h4.ttl { background: #00ac75;}
#social_wrap h4.ttl { background: #f6aa00;}

#art_wrap h5.item {
	color: #e71f29;
    border-bottom: solid 1px #e71f29;
}
#photo_wrap h5.item {
	color: #413993;
    border-bottom: solid 1px #413993;
}
#visual_wrap h5.item {
	color: #009edf;
    border-bottom: solid 1px #009edf;
}
#living_wrap h5.item {
	color: #00ac75;
    border-bottom: solid 1px #00ac75;
}
#social_wrap h5.item {
	color: #f6aa00;
    border-bottom: solid 1px #f6aa00;
}


#art_wrap .pdf a,
#photo_wrap .pdf a,
#visual_wrap .pdf a,
#living_wrap .pdf a,
#social_wrap .pdf a{
	width: 286px;
    line-height: 53px;
    padding: 0;
    display: block;
    font-weight: bold;
    margin: 0 auto 80px;
}

#art_wrap .pdf a {
    border: 1px solid #e71f29;
    color: #e71f29;
}
#photo_wrap .pdf a {
    border: 1px solid #413993;
    color: #413993;
}
#visual_wrap .pdf a{
    border: 1px solid #009edf;
    color: #009edf;
}
#living_wrap .pdf a{
    border: 1px solid #00ac75;
    color: #00ac75;
}
#social_wrap .pdf a{
    border: 1px solid #f6aa00;
    color: #f6aa00;
}

.department .pdf a span {
	font-size: 14px;
    letter-spacing: -0.01em;
}

#art_wrap .pdf a img,
#photo_wrap .pdf a img,
#visual_wrap .pdf a img,
#living_wrap .pdf a img,
#social_wrap .pdf a img{
    vertical-align: middle;
    padding-right: 8px;
	margin-top:-5px;
}

#entry-content .medium{
    width: 90%;
    margin: 0 auto;
}

#art_wrap .pdf a:hover {background-color: #e71f29; color:#fff;}
#photo_wrap .pdf a:hover {background-color: #413993; color:#fff;}
#visual_wrap .pdf a:hover{background-color: #009edf; color:#fff;}
#living_wrap .pdf a:hover{background-color: #00ac75; color:#fff;}
#social_wrap .pdf a:hover{background-color: #f6aa00; color:#fff;}

/*--------------------------------------------
/*
/*		Theme Name: PC development
/*		地域・学際
/*
/*--------------------------------------------*/
.cover {
	margin-bottom: 24px;
}

#development h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;
}

#development h3 {
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: bold;
	line-height: 140%;
}

#development #articleinner p {
	margin-bottom: 32px;
	font-size: 13px;
	line-height: 200%;
}

#development h4 {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
}

#development h5 {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	color: #e5006a;
}

.slide {
	margin-bottom: 32px;
}

.smalltxt {
	font-size: 10px !important;
	margin-bottom: 8px !important;
}

#development #articleinner ul {
	margin-bottom: 48px;
}

#development #articleinner ul li {
	width: 202px;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background: #727171;
	text-align: center;
	line-height: 1em;
	padding: 12px 0;
}

#development #articleinner ul li:nth-child(4n) {
	margin-right: 0;
}


/*--------------------------------------------
/*
/*		Theme Name: PC department
/*		学科・専攻の紹介
/*
/*--------------------------------------------*/

body.chrome div#pagewrap #entry-content01 p.text_class { 
	font-size: 14px;
    padding: 5px 0 30px;
}

#painting #entry-content01 p, #painting #entry-content02 p, #painting .entry-content03 p {
	margin-bottom: 16px;
	font-size: 16px;
    line-height: 180%;
    margin: 0 auto;
    letter-spacing: -0.01em;
}

body#painting #entry-content01 p { width: 90%; }

body#painting #entry-content01 p.under { 
	border-bottom:solid 1px #e71f29;
	display: inline;
    margin-left: 43px;
	font-size:18px;
}

body.photo #cbox #entry-content01 p.under { border-bottom: solid 1px #413993;}
body.visual #cbox #entry-content01 p.under { border-bottom: solid 1px #009edf;}
body.living #cbox #entry-content01 p.under { border-bottom: solid 1px #00ac75;}
body.social #cbox #entry-content01 p.under { border-bottom: solid 1px #f6aa00;}


#painting h3 {
    color: #E61F28;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 20px;
    display: table;
    padding: 0 20px;
    line-height: 24px;
    border-left: solid 1px;
    border-right: solid 1px;
}

body.photo #cbox h3{color: #413993;}
body.visual #cbox h3{color: #009edf;}
body.living #cbox h3{color: #00ac75;}
body.social #cbox h3{color: #f6aa00;}

#painting h3 span {
	font-size: 14px;
	font-family: aleo-b;
	padding-left: 13px;
}

#painting .caption {
	font-size: 11px;
	font-weight: bold;
	margin-top: 16px;
}

#painting h4 {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: bold;
	line-height: 140%;
}

#painting h5 {
	color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-bottom: none;
    display: block;
    padding: 10px 30px;
    margin-bottom: 35px;
	background: #e71f29;
}

body.photo #cbox h5{background: #413993;}
body.visual #cbox h5{background: #009edf;}
body.living #cbox h5{background: #00ac75;}
body.social #cbox h5{background: #f6aa00;}

#painting .pink {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #e71f29;
}

body.photo #cbox .pink {color: #413993;}
body.visual #cbox .pink {color: #009edf;}
body.living #cbox .pink {color: #00ac75;}
body.social #cbox .pink {color: #f6aa00;}

#entry-content01 {
	margin-bottom: 43px;
}

#painting #entry-content01 > div {
	margin-bottom: 30px;
}

#painting #entry-content02 li {
	display: inline-block;
	float: left;
	margin: 0 31px 32px 0;
	width: 251px;
}

#painting #entry-content02 li.last {
	margin-right: 0!important;
}

#painting #entry-content02 dd {
	font-size: 11px;
	font-weight: bold;
	line-height: 160%;
	padding-top: 16px;
}

#painting #entry-content02 dd a {
	color: #000;
}

#painting #entry-content02 dd a:hover {
	text-decoration: underline;
}

#painting #entry-content01, #painting #entry-content02, #painting .entry-content03 {
	margin-bottom: 40px;
}

#painting .entry-content03 dt img {
	margin-bottom: 0!important;
}

#painting .entry-content03 dd {
	font-size: 12px;
	text-decoration: underline;
	margin-top: 8px;
}

.entry-content03 img {
	margin-bottom: 32px;
}

.entry-content03 ul {
    margin-bottom: 40px;
    line-height: 160%;
    border-left: solid 1px;
    padding-left: 20px;
    color: #4d4d4d;
}

.entry-content03 li {
	font-size: 20px;
	font-weight: bold;
}

.entry-content03 li span{font-size: 14px;}
.entry-content03 li b{
	font-size: 18px;
	font-weight:bold; 
	display:block; 
}

.entry-content03 li.seminar {
	font-size: 14px;
	font-weight: bold;
}

body.chrome #pagewrap .entry-content03 p{
	margin-bottom: 70px;
    font-size: 14px;
    line-height: 170%;
    color: #4d4d4d;
    letter-spacing: -0.01em;
    font-weight: 500;
}

span.deco_art {
	color: #E71F29;
}

span.deco_photo {
	color: #423596;
}

span.deco_visual {
	color: #0094D8;
}

span.deco_living {
	color: #00AD73;
}

span.deco_social {
	color: #F9AA00;
}

#social #underbox {
	margin-bottom: 40px;
}

#social #underbox div {
	float: right;
	width: 50%;
}

#social #underbox div:last-child {
	padding: 32px;
	background: #efefef;
	height: 587px
}

#social #underbox div:last-child h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 2em;
}

#social #underbox div:last-child h4 {
	margin-bottom: 24px;
}

#social #underbox div:last-child p {
	font-size: 12px;
	line-height: 200%;
}

#work-list {
	border: 2px solid #333;
	padding: 32px 32px 32px;
}

#work-list img{
	margin-bottom: 0;
}
#work-list > li{
	display: inline-block;
	width: 48.5%;
	margin-right: 2%;
	margin-bottom: 0;
	vertical-align: top;
}
#work-list > li:nth-child(2n){
	margin-right: 0;
}

#work-list > li:nth-child(2n) .stu_work{
	width: 100%;
}

#work-list > li:nth-child(2n) .stu_work li{
	width: 49%;
	display: inline-block;
	margin-bottom: 5px;
}

#work-list2 {
	border: 2px solid #333;
	padding: 32px 32px 32px;
}

#work-list2 img{
	margin-bottom: 0;
}
#work-list2 > li{
	display: inline-block;
	width: 48.6%;
	margin-right: 2%;
	margin-bottom: 0;
	vertical-align: top;
}
#work-list2 > li:nth-child(2n){
	margin-right: 0;
}

#work-list2 > li:nth-child(2n) .stu_work{
	width: 100%;
	margin-bottom: 0;
}

#work-list2 > li:nth-child(2n) .stu_work li{
	width: 49%;
	display: inline-block;
	margin-bottom: 5px;
}

#work-list2 > li:nth-child(2n) .stu_work li:last-child{
	width: 100%;
	display: inline-block;
	margin-bottom: 5px;
}

#imaging_arts .entry-content03 > ul {
	margin-bottom: 16px;
	line-height: 160%;
}

#imaging_arts .entry-content03 li {
	font-size: 20px;
	font-weight: bold;
}

#imaging_arts .entry-content03 li.seminar {
	font-size: 13px;
	font-weight: bold;
}

#imaging_arts span.deco_art {
	color: #E71F29;
}

#imaging_arts span.deco_photo {
	color: #423596;
}

#imaging_arts span.deco_visual {
	color: #0094D8;
}

#imaging_arts span.deco_living {
	color: #00AD73;
}

#imaging_arts span.deco_social {
	color: #F9AA00;
}

#imaging_arts #social #underbox div {
	float: right;
	width: 50%;
}

#imaging_arts #social #underbox div:last-child {
	padding: 32px;
	background: #efefef;
	height: 587px
}

#imaging_arts #social #underbox div:last-child h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 2em;
}

#imaging_arts #social #underbox div:last-child h4 {
	margin-bottom: 24px;
}

#imaging_arts #social #underbox div:last-child p {
	font-size: 12px;
	line-height: 200%;
}

#imaging_arts #work-list {
	border: 2px solid #333;
	padding: 32px 32px 32px;
}

#imaging_arts #work-list img{
	margin-bottom: 0;
}
#imaging_arts #work-list > li{
	display: inline-block;
	width: 100%;
	margin-right: 2%;
	margin-bottom: 0;
	vertical-align: top;
}
#imaging_arts #work-list > li:nth-child(2n){
	margin-right: 0;
}

#imaging_arts #work-list > li:nth-child(2n) .stu_work{
	width: 100%;
}

#imaging_arts #work-list > li:nth-child(2n) .stu_work li{
	width: 24.4%;
	display: inline-block;

}

#imaging_arts #work-list2 {
	border: 2px solid #333;
	padding: 32px 32px 32px;
}

#imaging_arts #work-list2 img{
	margin-bottom: 0;
}
#imaging_arts #work-list2 > li{
	display: inline-block;
	width: 48.5%;
	margin-right: 2%;
	margin-bottom: 0;
	vertical-align: top;
}
#imaging_arts #work-list2 > li:nth-child(2n){
	margin-right: 0;
}

#imaging_arts #work-list2 > li:nth-child(2n) .stu_work{
	width: 100%;
	margin-bottom: 0;
}

#imaging_arts #work-list2 > li:nth-child(2n) .stu_work li{
	width: 49%;
	display: inline-block;
	margin-bottom: 5px;
}



/*--------------------------------------------
/*
/*		Theme Name: PC suppport
/*		産む力を育てる
/*
/*--------------------------------------------*/

#international .sp { display:none;}

#support-cont {
	background: #F9EFD8;
	padding: 40px 32px 1px;
}
#cooperation {
	background: url(../img/individual/support/cooperation/bg_dot.png) repeat #F9EFD8;
	padding: 40px;
}

/*#international {
	background: url(../img/individual/support/international/side_bg.jpg) repeat #fff;
	padding: 40px;
}*/

#graduate-school, #license {
	background: url(../img/individual/support/graduate-school/bg_dot.png) repeat #F9EFD8;
	padding: 40px;
}

#employment {
	background: url(../img/individual/support/employment/bg_bot.png) repeat #F9EFD8;
	padding: 40px;
}

.balloon {
	text-align: center;
    line-height: 0;
}

.balloon span {
	display: inline-block;
	padding-bottom: 14px;
	font-weight: bold;
}

#b-tit span {
	font-size: 14px;
}

#b-project span {
	font-size: 24px;
}

.balloon p {
	position: relative;
	bottom: 3px;
	left: 0;
}

#support-cont {
	position: relative;
}

#support-cont h3 {
	position: relative;
	margin-bottom: 54px;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
}

#international #support-cont h3 span {
    display: block;
    margin-top: 10px;
    padding: 0 5px 5px;
    font-size: 10px;
    line-height: 1em;
    border-bottom: solid 3px #e4007f;
}

#international #support-cont h3 img{
    position: absolute;
    top: 67px;
    margin-left: -10px;
}

#cooperation .balloon, #cooperation #support-cont h3 {
	color: #0094C1;
}

#cooperation .balloon span {
	border-bottom: none;
}

#international .balloon, #international #support-cont h3 {
	color: #DC006E;
}

#international .balloon span {
	border-bottom: 3px solid #DC006E;
}

#graduate-school .balloon, #international #support-cont h3 {
	color: #4D4D4D;
}

#maininner #international #support-cont h3 {
	display: table;
    margin: 0 auto;
	color:#e4007f;
    padding-bottom: 60px;
}

#graduate-school .balloon span {
	border-bottom: 3px solid #4D4D4D;
}

#license .balloon, #international #support-cont h3 {
	color: #4D4D4D;
}

#license .balloon span {
	border-bottom: 3px solid #4D4D4D;
}

.support-txt {
	margin-bottom: 28px;
	font-size: 13px;
	line-height: 200%;
}




/*--------------------------------------------
/*
/*		Theme Name: PC cooperation
/*		生む力を育てる > KSUプロジェクト型教育
/*
/*--------------------------------------------*/

#cooperation .sp {display: none;}

#collaboration {
	margin-bottom: 56px;
}

#collaboration ul.clearfix{
	position: relative;
    z-index: 10;
}

#cooperation #support-cont h3 { margin-bottom:30px;}

#cooperation #support-cont { background: #fff;}

#cooperation .stamp {
	position: absolute;
	right: -3px;
    top: -1px;
}

/*#collaboration h4 {
	margin-bottom: 6px;
	text-align: center;
}*/

#collaboration h4 span {
	display: inline-block;
	padding: 0 6px 0 0;
	vertical-align: -27px;
	color: #fff;
	font-family: aleo-bi;
	font-size: 100px;
	filter: dropshadow(color=#008CBF, offX= 0, offY=-1)  dropshadow(color=#008CBF, offX= 1, offY= 0)  dropshadow(color=#008CBF, offX= 0, offY= 1)  dropshadow(color=#008CBF, offX=-1, offY= 0);
	-webkit-text-stroke-color: #008CBF;
	-webkit-text-stroke-width: 2px;
	-moz-text-shadow: 1px 3px 3px rgba(0,0,0,0.1);
	-webkit-text-shadow: 1px 3px 3px rgba(0,0,0,0.1);
	text-shadow: 1px 3px 3px rgba(0,0,0,0.1);
}

/*#collaboration li {
	display: inline;
	float: left;
	width: 239px;
	padding-right: 45px;
	background: url(../img/individual/support/cooperation/ico_cross_l.png) no-repeat 206px 41px;
}

#collaboration li:first-child + * + * {
	width: 194px;
	padding-right: 0;
	background: none;
}
*/
#collaboration li div {
	background: none;
    width: 205px;
    height: 130px;
    margin-bottom: 12px;
    border: solid 2px #00a0e9;
    border-radius: 10px;
    padding-top: 33px;
    color: #00a0e9;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    line-height: 1em;
}

#collaboration li div span {
	display: block;
    margin-top: 6px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: -0.06em;
}

#collaboration li p {
	font-size: 14px;
	line-height: 21px;
}

/*#cooperation #project > ul > li {
	display: block;
    width: 592px;
    margin: 0 auto 20px;
    border: solid 2px #00a0e9;
    border-radius: 10px;
    padding: 20px;
}
*/
#cooperation .balloon{padding:0 0 40px;}

#project > ul > li {
	display: block;
	width: 80%;
	margin: 0 auto;
}

#project > ul > li img {
	width: auto;
	margin: 0 auto;
    display: block;
}

/*
.project-txt {
	height: auto;
    overflow: hidden;
    background: #fff;
    margin-bottom: 32px;
    padding:19px 13px 0;
}

 .project-txt h5 {
	margin-bottom: 0;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 160%;
    text-align: center;
   letter-spacing: -0.05em;
}*/

#cooperation #project .project-txt > img {
	width: auto;
    display: block;
    margin: 0 auto;
    padding: 20px 0;
}

#graduate-school #project > ul > li {
	display: inline-block;
	width: 49%;
	margin: 0 auto;
	float: left;
}

.project-txt {
	height: 241px;
	background: #fff;
	margin-bottom: 32px;
	padding: 19px 22px 28px;
}

.project-txt h5 {
	margin-bottom: 8px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
}

.project-txt ul {
	margin-bottom: 12px;
}

.project-txt li {
	display: inline;
	float: left;
	padding-left: 21px;
	background: url(../img/individual/support/cooperation/ico_cross_s.png) no-repeat 6px 11px;
}

.project-txt li:first-child {
	padding-left: 0;
	background: 0;
}

.project-txt li div {
	padding: 8px;
	border: 2px solid #0094C4;
	color: #0094C4;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
}

.project-txt p {
	font-size: 14px;
    line-height: 180%;
    /*letter-spacing: -0.05em;*/
}

#cooperation #support-cont .support-txt {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 180%;
/*    letter-spacing: -0.01em;
*/}

/*--------------------------------------------
/*
/*		Theme Name: PC international
/*		生む力を育てる > 留学・国際交流
/*
/*--------------------------------------------*/
#earth {
	position: absolute;
	top: 20px;
	right: 20px;
}

#international .sp {display:none!important;}

/*#international #support-cont {
	background:url(../img/individual/support/international/bg_earth.png) center 790px no-repeat #fff;
    padding: 40px 30px 1px;
}*/

#international #support-cont {
	background: #fff;
	padding: 0;
}

#international-txt {
	position: relative;
	margin-bottom: 24px;
	color: #e4007f;
	font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    letter-spacing: -0.03em;
}

#international div.pickup {
    width: 736px;
    margin: 40px auto;
}

#international div.pickup dl{
	font-size:14px;
	line-height:21px;
	font-weight:500;
	letter-spacing:-0.03em;
}

#international div.pickup dl dt{
	color:#e4007f;	
	font-weight:bold;
	font-size:16px;
	line-height:21px;
}

#international div.pickup dl dd{
	line-height:180%;
}

#international div.pickup img{ margin-bottom: 15px;}

.abroadbox {
	margin-bottom: 20px;
}

.abroadbox01,.abroadbox02 {
    margin-bottom: 20px;
    width: 48.5%;
    float: left;
}

.abroadbox01 { margin-right:3%}

.abroadbox h4 {
	padding: 0 0 10px;
	background: none;
	border-bottom: none;
	color: #DC006E;
	font-size: 25px;
	font-weight: bold;
	text-align: left;
	line-height: 1em;
}

.abroadbox h4 span {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	float: right;
    padding-top: 20px;
}

.abroadbox > div {
    padding: 0;
    background: none;
    font-size: 13px;
    line-height: 20px;
}

#entered {
	margin-bottom: 0;
}

#entered > div {
	padding: 35px 0 13px;
}

#entered > div > div {
	display: inline;
	float: left;
	width: 270px;
}

.country {
	margin-bottom: 10px;
}

.country div {
	display: inline;
	float: left;
	width: 45px;
	margin-right: 6px;
}

.country p {
	display: inline;
	float: left;
	padding-top: 9px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
    color: #DC006E;
}

#entered ul {
	margin-bottom: 25px;
    letter-spacing: -0.02em;
}

#entered li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: -0.09em;
}

#entered li:before {
	position: relative;
    top: 0px;
    margin-right: 6px;
    content: "-";
}

#college h5 {
	margin-bottom: 12px;
	padding-left:5px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1em;
    color: #DC006E;
    text-align: center;
}

#college table {
	margin-bottom: 60px;
    color: #e4007f;
}

#college td, #college th {
	color:#DE006D;
	padding: 13px 0;
	border: 1px solid #DE006D;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	font-weight:bold;
	line-height: 1em;
}

#college td {
	background: #fce5f2;
    font-weight: bold;
    color: #DE006D;
    font-size: 16px;
}

#college th {
	letter-spacing: -1px;
    line-height: 18px;
    color: #000;
    font-weight: normal;
}

#college th span {
	font-size: 11px;
}

#college > p {
	font-size:14px;
	padding-bottom:35px;
	line-height:180%;
}
#college > p span {
	font-size:8px;
	vertical-align:top;
}

#checkbox {
	margin-bottom: 30px;
}

#checkbox-l {
	display: inline;
	float: left;
	width: 130px;
	padding: 39px 0;
	border: 5px solid #DE006D;
	text-align: center;
}

#checkbox-l div {
	margin-bottom: 8px;
	color: #DE006D;
	font-size: 20px;
	font-weight: bold;
	line-height: 160%;
	letter-spacing: 2px;
}

#checkbox-l span {
	display: block;
	margin-bottom: 8px;
}

#checkbox-l p {
	color: #DE006D;
	font-size: 16px;
	font-weight: bold;
}

#checkbox-r {
	display: inline;
	float: right;
	width: 515px;
}

#campus {
	margin-bottom: 8px;
	padding-bottom: 14px;
	background: url(../img/individual/support/international/line.png) repeat-x bottom;
}

#campus > div {
	display: inline;
	float: left;
	width: 304px;
}

#campus > p {
	display: inline;
	float: right;
	width: 207px;
}

#b-campus {
	text-align: left;
}

#b-campus span {
	font-size: 18px;
}

#b-campus p {
	left: 102px;
}

#foreign-all {
	display: inline;
	float: left;
	width: 213px;
	margin-bottom: 6px;
}

#foreign-all p {
	position: relative;
	display: inline;
	float: left;
	width: 46px;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 2px;
}

#foreign-all p span {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 1em;
	letter-spacing: 1px;
}

#foreign-all p:before {
	position: absolute;
	top: -17px;
	right: 7px;
	content: "※";
	font-size: 9px;
}

#foreign-all div {
	display: inline;
	float: left;
	width: 167px;
	margin-top: -12px;
	color: #E4006B;
	font-size: 72px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0;
}

#foreign-all div span {
	display: inline-block;
	font-size: 20px;
	line-height: 1em;
}

#foreign-girl {
	display: inline;
	float: left;
	width: 90px;
	margin-top: -2px;
}

#foreign-girl p {
	margin-top: -5px;
	font-size: 11px;
	line-height: 140%;
}

#foreign-girl div {
	color: #E4006B;
	font-size: 32px;
	line-height: 1em;
}

#foreign-girl div span {
	font-size: 13px;
	line-height: 1em;
}

#foreign-attention {
	color: #E4006B;
	font-size: 10px;
	line-height: 1em;
}

#foreign-girl div span {
	font-size: 13px;
	line-height: 1em;
}

#foreign-attention {
	color: #E4006B;
	font-size: 10px;
	line-height: 1em;
}

#checkbox-r > p {
	font-size: 12px;
	line-height: 200%;
}

#checkbox-r > p span {
	vertical-align: 2px;
}



/*--------------------------------------------
/*
/*		Theme Name: PC education
/*		生む力を育てる > キャリア教育
/*
/*--------------------------------------------*/
/*#education {
	background: url(/kyugei/_assets/img/individual/support/international/side_bg.jpg) repeat #fff;
	padding: 40px;
}

#education #support-cont h3 { margin-bottom:30px;}

#education .stamp {
	position: absolute;
	top: 15px;
	right: 15px;
}
*/
#education .balloon span {
	border-bottom: 3px solid #F08300;
}

#education .balloon, #education #support-cont h3 {
	color: #F08300;
}

#education section {
	margin-bottom: 5px;
}

#education #support-cont {
	background: #fff;
	padding: 40px 30px 1px;
	background-repeat: no-repeat;
	background-position: 64px 200px;
}

#education li {
	font-size: 13px;
	margin-bottom: 24px;
}

#education #education-txt {
	font-size: 24px;
	color: #EE8100;
	border-bottom: 2px solid #EF8200;
	display: inline-block;
	font-weight: bold;
	line-height: 160%;
}

#education h4 {
	margin-bottom: 16px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1em;
}

#education section#place p {
	font-size: 13px;
	letter-spacing: 0;
}

#education section > p#international-txt {
	font-size: 20px;
	color: #F08300;
	letter-spacing: 0.03em;
}

#education section > p {
	font-size: 13px;
	margin-bottom: 14px;
}

#education section > img {
	margin: 24px 0;
}

#education section#sec2 div {
	border: 2px solid #F08300;
	width: 164px;
	display: inline-block;
	margin: 24px 0;
}

#education section#sec2 div > h1 {
	padding: 6px 0;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	background: #F08300;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#education section#sec2 div > p {
	display: inline-block;
	padding: 10px;
	font-size: 12px;
	height: 99px;
	vertical-align: middle;
	line-height: 1.67em;
}

#education #support-cont .pdf a{
    width: 286px;
    height: 50px;
	line-height:50px;
    padding:0;
    display: block;
    font-weight: bold;
	margin: 0 auto;
    font-size: 15px;
}

#education #support-cont .pdf a span{
    font-size: 13px;
	letter-spacing:-0.01em;
}

#education #support-cont .pdf a img{
    vertical-align: middle;
    padding-right: 8px;
    margin-top: -5px;
} 

#education #support-cont .pdf a:hover {
	color: #ffffff;
	border: 1px solid #f39800;
	background:#f39800;
}



/*--------------------------------------------
/*
/*		Theme Name: PC equipment
/*		施設・設備
/*
/*--------------------------------------------*/

#equipment img.sp {display:none;}

#entrance .thumb_comm, #equipment .thumb_comm {
	height: auto;
}

.thumb_comm {
	/*margin-bottom: 0px;*/
	height: 167px;
}

/*
#equipment article{
	float: left;
}
*/
/*#equipment .equipment-content .left-block {
	width: 392px;
	float: left;
	margin-right: 32px;
}
*/

#equipment #entry-head {
	background: #000;
	color:#888888;
	padding:80px 40px;
}

#equipment #entry-head h3 {
	font-size:30px;
}

#equipment #entry-head h3 span{
	font-size:15px;
	display:block;
	font-weight: normal;
    padding: 0 0 3px;
}

#equipment #entry-head #intro {
    margin-bottom: 55px;
    font-size: 16px;
    line-height: 180%;
	font-weight:500;
}

/*===========================
	center_block
===========================*/

#equipment .equipment-content .center-block {
	width: 100%;
	float: left;
	margin-right: 0;
}

#equipment #entry-content .center_block p {
	height: auto;
    width:520px;
	float:right;
	margin:0;
}

/*===========================
	right_block
===========================*/

#equipment .equipment-content .right-coment {
	width: 280px;
	float: right;
	margin-left: 18px;
}

#equipment .equipment-content .right-pict {
	width: 518px;
	float: right;
}

#equipment .box-in .right-txt {
	width: 280px;
	float: left;
}

#equipment .equipment-content .right-block {
	width: 392px;
	float: left;
}

/*===========================
	left_block
===========================*/

#equipment .equipment-content .left-coment {
	width: 280px;
	float: left;
	margin-right: 18px;
}

#equipment .left-coment .left-map {
	width: 119px;
	float: right;
	margin-right:0;
}

#equipment .equipment-content .left-pict {
	width: 518px;
	float: left;
}

#equipment .left-coment .left-map img.m_up{
	margin-top:-22px;
}

/*===========================
	thin_block
===========================*/

#gallery .thin_block {}

#gallery .thin01 { float:left; padding-right:10px;}
#gallery .thin02 { float: right;padding-left:10px;}
#gallery .thin03 { float: right; padding-left:10px;}
#gallery .thin04 { float:left; padding-right:10px;}

#equipment .equipment-ph-big {
    float: right;
	width:686px;
}

#equipment .equipment-ph-big02 {
    float: left;
	width:686px;
}

#equipment .equipment_row {
    float: right;
	width:685px;
	position:relative;
}

#equipment .equipment_row .thumb_comm{
    float: left;
	width:333px;
}

#equipment .equipment_row .thumb_comm:first-child { 
	margin-right:19px;
}

#equipment .all-map-pc {
	margin-bottom: 0px;
}

#equipment .all-map-sp {
	display: none;
}

#equipment .box-style {
	width: auto;
	float: left;
	margin-bottom: 32px;
}

#equipment .box-line {
    width: 685px;
    float: right;
}

#equipment .box-line .equipment-ph-first {
	margin-right: 19px;
}

#equipment .box1 {
	/*border-top: 1px solid #E20078;*/
	padding-top: 60px;
}

#equipment h4.ttl {
	width:280px;
	height: 50px;
    line-height: 50px;
	float:left;
	text-align:center;
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    border: solid 1px #404040;
	background-color: #fff;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #equipment h4.ttl { line-height:54px;}
  }

#equipment h5 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

#equipment .box-in {
	width: 280px;
	float: left;
}

#equipment .box-in .left-map {
	width: 139px;
	float: left;
	margin-right: 17px;
}

#equipment .box-in .right-txt {
	width: 235px;
	float: left;
}

#equipment p.small {
	float: left;
	font-size: 11px;
	line-height: 160%;
}

#equipment .nyuzyou {
	width: 816px;
	float: left;
}

#equipment .tlt-block {
	width: auto;
	float: left;
	margin-bottom: 24px;
}

#equipment .tlt-block .left-block {
	width: 257px;
	float: left;
	margin-right: 25px;
	height: 183px;
}

#equipment .tlt-block .right-block1 {
	width: 100%;
	float: left;
	position: relative;
	height: 165px;
	text-align: right;
	overflow: hidden;
    padding: 0 0 40px;
}

#equipment .equipment-content .right-block2 {
	width: 100%;
}

#equipment .right-block1 p{ 
	margin:0;
}

#equipment .tlt-block2 {
	width: 816px;
	float: left;
	margin-bottom: 24px;
	position: relative;
}

#equipment .tlt-block2 .left-block {
	width: 145px;
	float: left;
	margin-right: 25px;
}

#equipment .tlt-block2 .right-block1 {
	width: 620px;
	position: absolute;
	top: 7px;
	right: 0px;
}

#equipment .tlt-block .right-block1 p {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 530px;
}

#equipment .equipment-ph-block {
	width: auto;
	float: none;
	margin-bottom: 20px;
	overflow:hidden;
}

#equipment .equipment-ph-group .equipment-ph-first,
#equipment .equipment-ph-group .equipment-ph-last,
#equipment #cbox .equipment-ph-group .thumb_comm {
	margin:0;
	float: left;
    position: relative;
}

#equipment #cbox .equipment-ph-group p.ph-tlt-wh,
#equipment #cbox .equipment-ph-group p.ph-tlt-bk{
    bottom: 0px;
}

#equipment #entry-content p.ph-tlt-bk,
#equipment #entry-content p.ph-tlt-wh {
    margin-bottom: 0px!important;
    position: absolute;
    padding: 0px 8px;
    bottom: 20px;
    /*left: 0;*/
	height:20px;
	line-height:20px;
	background: #000;
    font-size: 10px!important;
    color: #fff;
    font-weight: bold;
    font-weight: bold;
    letter-spacing: 0;
}

#equipment .equipment_row p.ph-tlt-wh {
	left:auto;
	right: 287px;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #equipment #entry-content p.ph-tlt-bk,
  #equipment #entry-content p.ph-tlt-wh { line-height:23px;}
}


#equipment .equipment-ph-first {
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	position: relative;
}

#equipment .equipment-ph-last {
	float: left;
	margin-bottom: 2px;
	position: relative;
}

#equipment .equipment-ph-sp1 {
	width: 231px;
	float: left;
	position: relative;
}

#equipment .equipment-ph-sp2 {
	width: 201px;
	float: left;
	margin-right: 2px;
	position: relative;
}

#equipment .equipment-ph-sp3 {
	width: 201px;
	float: left;
	position: relative;
}

#equipment .equipment-ph-sp4 {
	width: 343px;
	float: left;
	margin-right: 0;
}

#equipment .left-block {
	float:right;
	padding-left:10px;
    padding-top: 320px;
}

#equipment #entry-content .equipment-ph-sp4 .thumb_comm {
    margin-bottom: 0;
}

#equipment .equipment-ph-sp5 {
	width: 270px;
	float: left;
}

#equipment .equipment-ph-up {
	float: left;
	margin-bottom: 0;
	position: relative;
}

#equipment .equipment-ph-down {
	float: left;
	position: relative;
}

#equipment .equipment-ph-block-left {
	width: 543px;
	float: left;
	margin-right: 2px;
}

#equipment .equipment-ph-block-right {
	width: 271px;
	float: left;
}

#equipment .3-colum {
	width: 816px;
	float: left;
}

#equipment .colum1 {
    width: 119px;
    float: left;
    margin-right: 10px;
}

#equipment #cbox #cafeteria h4.ttl {	
	width:119px;
	margin:40px 0 0;
}

#equipment .colum2 {
	width: 343px;
	float: left;
	margin-right: 0;
}

#equipment #entry-content .colum2 p,
#equipment #entry-content .colum3 p {
	padding:0 10px;
	bottom: 0;
}

#equipment .colum2 .ph {
	position: relative;
	width: 343px;
	margin-bottom: 16px;
}

#equipment .colum3 .ph {
	position: relative;
	margin-bottom: 16px;
}

#equipment .colum3 {
	width: 343px;
	float: left;
}

#equipment .lib-cover {
	width: 816px;
	height: auto;
	margin-bottom: 20px;
}

#equipment .lib-cover span{
	padding-left:10px;
}

#equipment #entry-content p {
	height: auto;
	font-size:14px;
    line-height: 180%;
	letter-spacing: 0.04em;
}

#equipment #entry-content #ajs01 {
	height: 368px;
}

#equipment #entry-content #ajs02 {
	height: 203px;
}

#equipment #entry-content #ajs03,
#equipment #entry-content #ajs04 {
	height: 232px;
}

#equipment #entry-content #ajs05 {
	height: 217px;
}

#equipment #entry-content #ajs06 {
	height: 292px;
}

#equipment #entry-content #ajs07,
#equipment #entry-content #ajs08 {
	height: 343px;
}

#equipment #entry-content .thumb_comm {
	margin-bottom:20px;
}

#equipment #cafeteria h4.ttl {
	margin-left: 168px;
}

/*--------------------------------------------
/*
/*		Theme Name: PC license
/*		生む力を育てる > 九芸で取得可能な教員免許
/*
/*--------------------------------------------*/
#license table {
	border-top: 2px solid #F9EFD8;
	border-left: 2px solid #F9EFD8;
	margin-bottom: 24px;
}

#license table td, #license table th {
	border: 2px solid #F9EFD8;
	background: rgba(90,90,90,0.18);
	padding: 12px;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}

#license table.vol1 th {
	background: rgba(90,90,90,0.18);
	font-weight: bold;
	border-color: #F9EFD8;
}

#license table.vol2 th {
	background: rgba(90,90,90,0.18);
	font-weight: bold;
	border-color: #F9EFD8;
}

#license p.arr {
	text-align: center;
	margin: 0 0 24px 0;
}

#license table td.cl1 { background: #EA0D1F; color: #fff; font-weight: bold;}
#license table td.cl2 { background: #423994; color: #fff; font-weight: bold;}
#license table td.cl3 { background: #009FE0; color: #fff; font-weight: bold;}
#license table td.cl4 { background: #08AD75; color: #fff; font-weight: bold;}
#license table td.cl5 { background: #F7A900; color: #fff; font-weight: bold;}


#license 	hr {
	margin: 64px 0;
}

/*--------------------------------------------
/*
/*		Theme Name: PC graduate-school
/*		生む力を育てる > 大学院［芸術研究科］
/*
/*--------------------------------------------*/
#graduate-school h4 {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 24px;
}

#graduate-school #project li {
	margin: 0;
}

#graduate-school #project li:nth-child(2n) {
	padding-top: 28px;
}

#graduate-school #project p.name {
	font-size: 16px;
	font-weight: bold;
	margin: 32px 0 0;
}

#graduate-school #project p.addcls {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}

#graduate-school #project p {
	font-size: 13px;
	margin: 25px 12px 25px 0;
	line-height: 2em;
}

#graduate-school hr {
	border-bottom: 1px solid #4D4D4D;
	border-top: 0;
}

#collaboration .img1 {
	display: inline;
	float: left;
	width: 324px;
}

#collaboration .img2 {
	display: inline;
	float: right;
	width: 337px;
}


/*--------------------------------------------
/*
/*		Theme Name: PC employment
/*		生む力を育てる > 就職実績
/*
/*--------------------------------------------*/
#employment .balloon span {
	border-bottom: 3px solid #F08300;
}

#employment .balloon, #employment #support-cont h3 {
	color: #F08300;
}

#employment section {
	margin-bottom: 64px;
}

#employment #support-cont {
	background: #F9EFD8;
	padding: 40px 32px 1px;
	background-image: url(../img/individual/support/employment/bg_jp.png);
	background-repeat: no-repeat;
	background-position: 64px 200px;
}

#employment li {
	font-size: 13px;
	margin-bottom: 16px;
}

#employment #employment-txt {
	font-size: 24px;
	color: #EE8100;
	border-bottom: 2px solid #EF8200;
	display: inline-block;
	font-weight: bold;
	line-height: 160%;
}

#employment h4 {
	margin-bottom: 16px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1em;
}

#employment section#place p {
	font-size: 13px;
	letter-spacing: 0;
	text-align: justify;
}

#employment span {
	font-size: 14px;
}


/*--------------------------------------------
/*
/*		Theme Name: PC teachers
/*		教員の紹介
/*
/*--------------------------------------------*/

@media all and (-ms-high-contrast:none) {

	#department-list li a,
	#maininner .sec-teachers h3 {
			font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
			letter-spacing:0.8px;
			line-height:1.3em;
		}
		
	
	
	}

#teachercover {
	margin-bottom: 24px;
}	

#department-list li {
	display: inline;
	float: left;
	margin-right: 15px;
	line-height: 1em;
}

#department-list li#n-social {
	margin-right: 0;
}

#department-list {
	margin-bottom: 40px;
}

#department-list li a {
	display: block;
	width: 151px;
	height: 50px;
	padding-top: 14px;
	font-size: 12px;
	letter-spacing: 0;
	font-weight: bold;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#department-list li#n-art a {
	color: #E71629;
	border: 2px solid #E71629;
}

#department-list li#n-art a:hover {
	color: #fff;
	background: #E71629;
}

#department-list li#n-photo a {
	color: #403595;
	border: 2px solid #403595;
}

#department-list li#n-photo a:hover {
	color: #fff;
	background: #403595;
}

#department-list li#n-visual a {
	color: #009CE2;
	border: 2px solid #009CE2;
}

#department-list li#n-visual a:hover {
	color: #fff;
	background: #009CE2;
}

#department-list li#n-living a {
	color: #00AC72;
	border: 2px solid #00AC72;
}

#department-list li#n-living a:hover {
	color: #fff;
	background: #00AC72;
}

#department-list li#n-social a {
	color: #F7AA00;
	border: 2px solid #F7AA00;
}

#department-list li#n-social a:hover {
	color: #fff;
	background: #F7AA00;
}

#department-list li#n-other a {
	margin-top: 10px;
	color: #696969;
	border: 2px solid #696969;
}

#department-list li#n-other a:hover {
	color: #fff;
	background: #696969;
}

.sec-teachers {
	margin-bottom: 64px;
}

.sec-teachers h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 24px;
	padding-bottom: 12px;
}

.sec-teachers h3 span{
	float: right;
	font-size: 12px;
	color: #333;
}

#sec-art h3 {
	color: #EA0D1E;
	border-bottom: 3px solid #EA0D1E;
}

#sec-photo h3 {
	color: #403595;
	border-bottom: 3px solid #403595;
}

#sec-visual h3 {
	color: #009CE2;
	border-bottom: 3px solid #009CE2;
}

#sec-living h3 {
	color: #00AC72;
	border-bottom: 3px solid #00AC72;
}

#sec-social h3 {
	color: #F7AA00;
	border-bottom: 3px solid #F7AA00;
}

#sec-social h3.bk {
	background-color: #000;
	color: #FFF;
	font-weight: bold;
	border-bottom: none;
	padding: 10px 0 10px 16px;
}
#sec-social .dis-no {
	display: none;
}

#sec-other h3 {
	color: #696969;
	border-bottom: 3px solid #696969;
}

.teachers-list tr {
	border: 1px solid #DDDDDD;
}

.teachers-list td {
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.teachers-list td.td1 {
	width: 314px;
	padding: 12px 40px;
	border-right: none;
	text-align: left;
}

.teachers-list td.td2 {
	padding: 12px 40px;
	border-left: none;
	text-align: left;
}

.teachers-list td.td3 {
	width: 120px;
}

.teachers-list table th,
.teachers-list table td {
	width: 140px;
	/*border-bottom: 1px solid #efefef;*/
}



.teachers-list div {
	margin: 16px 40px;
}

.teachers-list div tr {
	border: none;
}

.teachers-list div th {
	padding: 3px 0;
	font-size: 12px;
}

.teachers-list div th a {
	color: #DF0078;
	text-decoration: underline;
}

.teachers-list div th a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#teachers #entry-head {
	margin-bottom: 40px;
}

#teachers #cbox section {
	margin-bottom: 32px;
	font-size: 13px;
	line-height: 200%;
}

#teachers h5 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #000;
	display: inline-block;
	margin-bottom: 16px;
}

#teachers #cbox table {
	line-height: 180%;
}

#teachers #cbox table th {
	width: 90px;
	padding: 3px 0;
}

.pink {
	font-weight: bold;
	color: #E00078;
}

#teachers h6 {
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: bold;
	line-height: 200%;
	letter-spacing: 0;
}

#teachers .performance {
	margin-bottom: 48px;
	font-size: 13px;
	font-weight: bold;
	color: #E00078;
}

#teachers #maininner article section p {
	font-size: 14px;
	font-weight: bold;
	color: #E00078;
	line-height: 200%;
	letter-spacing: 0;
}

#teachers #entry-content02 li {
	display: inline;
	float: left;
	width: 392px;
	margin-bottom: 32px;
}

#teachers #entry-content02 li:nth-child(odd), #teachers #entry-content02 li:first-child, #teachers #entry-content02 li:first-child + * + *, #teachers #entry-content02 li:first-child + * + * + * + * {
	margin-right: 32px;
}

#teachers #entry-content02 li:nth-child(even) {
	margin-right: 0;
}

#teachers #entry-content02 dt {
	margin-bottom: 16px;
	border: 1px solid #DDDDDD;
}

#teachers #entry-content02 dd {
	font-size: 11px;
	font-weight: bold;
	line-height: 160%;
}

#teachers article {
	padding: 0;
}

section.sec-member .member{ padding-top:15px;} 

.sec-member img{
	display:block;
	float:left;
}

section.sec-member img.member02,
section.sec-member img.member05{ margin:0 15px;}

section.sec-member img.member04,
section.sec-member img.member05,
section.sec-member img.member06{ margin-top:30px;}

/*--------------------------------------------
/*
/*		Theme Name: PC entrance
/*		入試情報
/*
/*--------------------------------------------*/

@media all and (-ms-high-contrast:none) {
	#entrance #entrance_info {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		letter-spacing:0.8px;
	}
	#entrance #entrance_info table td { letter-spacing:1px;}
}

#entrance #iphone {
	/* The iphone frame div */
	width: 817px;
	height: 581px;
	position: relative;
	margin: 0 auto 40px;
}

#entrance #webpage {
	/* Contains the webpage screenshot */
	width: 817px;
	height: 581px;
}

#entrance #retina {
	/* The Retina effect */
	background: url('/kyugei/assets/img/individual/entrance/index/main2019_new.jpg') no-repeat white;
	border: 2px solid white;
	background-size: 2516px 1785px;
	background-position: center;
	/* Positioned absolutely, so we can move it around */
	position: absolute;
	height: 300px;
	width: 300px;
	/* Hidden by default */
	display: none;
	/* CSS3 Box Shadow */
	-moz-box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
	-webkit-box-shadow: 0 0 5px #777;
	box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
	/* CSS3 rounded corners */
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
}

#entrance #main {
	/* The main div */
	margin: 0 auto 80px;
	position: relative;
	width: 817px;
}

#entrance .title { padding-bottom:20px;}

#entrance .title h3 {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: bold;
	line-height: 140%;
}

#entrance #entrance_info .title h3 img{
    display: inline;
    vertical-align: middle;
    margin-top: -5px;
}
#entrance #entrance_info .title h3 {
    color: #00A1E9;
    font-size: 35px;
    margin-bottom: 10px;
}

#entrance .title h3 span {
	font-size: 14px;
	font-weight: bold;
}

#entrance .pdf {
	text-align: center;
}

#entrance .pdf a {
	width: 266px;
	height: 53px;
	border: 1px solid #E20078;
	color: #E20078;
	padding: 16px 64px;
	display: inline;
	font-weight: bold;
}

#entrance .pdf a:hover {
	background-color: #E20078;
	border: none;
	color: #FFF;
}

.department .pdf {
	text-align: center;
}

.department .pdf a {
	width: 286px;
	height: 53px;
	border: 1px solid #E20078;
	color: #E20078;
	padding: 16px 64px;
	display: block;
	font-weight: bold;
	margin: 0 auto 40px;
}

.department .pdf a:hover {
	background-color: #E20078;
	border: none;
	color: #FFF;
}

#entrance .work_block {
	margin-bottom: 80px;
}

#entrance .work_block > div {
	margin-bottom: 32px;
}

#entrance .worl_style, #entrance .work-box {
	display: inline;
	float: left;
}

#entrance .thumb_comm {
	margin-bottom: 0;
}

#entrance .work_href {
	width: 400px;
	float: left;
	margin-bottom: 16px;
}
#entrance .work_href:first-child {
	margin-right: 16px;
}

#entrance .work1 {
	margin-right: 16px;
	margin-bottom: 16px;
}

#entrance .work2 {
	display: block;
	float: none;
	margin-right: 16px;
	margin-bottom: 15px;
	width: 254px;
}

#entrance .work3 {
	display: block;
	float: none;
	margin-right: 16px;
	width: 254px;
}

#entrance .work4 {
	width: 242px;
}
#entrance .work4-2 {
	width: 286px;
}

#entrance .work5 {
	margin-right: 16px;
}

#entrance .work7 {
	margin-top: 3px;
	margin-left: 139px;
}

#entrance .work8 {
	margin-right: 12px;
}

#entrance .work10 {
	margin-right: 12px;
}

#entrance .work11 {
	margin-top: 17px;
}

#entrance table {
	text-align: center;
	letter-spacing: 0;
}

#entrance table.tb01 {
	width: 245px;
	margin-bottom: 32px;
	margin-bottom:0!important;
}

#entrance table.tb02 {
	margin-bottom:20px!important;
}

#entrance table.tb03 {
	margin-bottom: 16px;
	border: 1px solid #CCC;
}

#entrance table.tb03 td {
	padding: 7px 5px;
	color: #000;
	border: 1px solid #CCC;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0;
}

#entrance #articleinner table.tb03 td.gray {
	width: 53px;
	text-align: center;
}

#entrance table.tb04 {
	margin-bottom: 32px;
}

#entrance table, #entrance table td {
	border: 1px solid #00A1E9;
	font-size: 14px;
    color: #00A1E9;
    font-weight: 500;
	vertical-align: middle;
}

#entrance table td {
	padding: 8px;
	font-size:12px;
}

#entrance table td {
	padding: 10px 8px;
	font-size:12px;
}

body#entrance #articleinner table.tb03{ border:none;}

body#entrance #articleinner #entrance_info strong { 
	font-weight:bold;
    color: #595757;
}
/*
#entrance .MB64 {
	margin-bottom: 64px!important;
}
*/
body#entrance #articleinner table td.title01 { width:29%;}
body#entrance #articleinner table td.title02 { width:37%;}
body#entrance #articleinner table td.title03 { width:16%;}
/*#entrance table td.title01 { width:24%;}
#entrance table td.title01 { width:24%;}*/

body#entrance #articleinner table.tb08 td.title02 { width:44%;}

body#entrance #articleinner table.tb09 td.title00 { width:14%;}
body#entrance #articleinner table.tb09 td.title01 { width:12%;}
body#entrance #articleinner table.tb09 td.title02 { width:20%;}
body#entrance #articleinner table.tb09 td.title03 { width:18%;}
body#entrance #articleinner table.tb09 td.title04 { width:13%;}
body#entrance #articleinner table.tb09 td.title05 { width:12%;}

body#entrance #articleinner table td.left_txt { text-align:left;}

body#entrance #articleinner table td span {
	font-size:11px;
}

#entrance #articleinner .t_left {
	text-align: left;
}

#entrance .t_left {
	text-align: left;
}

#entrance ol {
	position: relative;
	margin: 0;
	padding: 0
}

#entrance ol li {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left : 1.25em;
	line-height: 160%;
}

#entrance ol li span {
	position: absolute;
	left: 0;
	margin: 0
	line-height: 160%;
}

#entrance table td.blue {
	background-color: #00A1E9;
	color: #FFF;
	font-weight: bold;
}

#entrance table td.ul_blue {
	background-color: #EAF6FD;
}

#entrance table td.l_blue {
	background-color: #B9E3F9;
}

#entrance table td.gray {
	background-color: #EEE;
}

#entrance table td.tit01 {
	width: 155px;
	border:solid 2px #00A1E9;
}

#entrance #articleinner table td.tit02 {
	width: 285px;
	border:solid 2px #00A1E9;
}

#entrance table td.tit03 {
	width: 114px;
	border:solid 2px #00A1E9;
}

#entrance table td.tdsp {
	background: #ffa;
}

#entrance table.tb08 .t_left {
	vertical-align: top;
}

#entrance ul.txtbox {
	font-size: 12px;
	line-height: 180%;
	margin: 5px 0 20px 0;
}

#entrance ul.tdlist li {
	list-style-type: none;
	text-indent: -1em;
	padding-left: 1em;
}

#entrance ul.tdlist li:before {
	display: inline;
	content: "・";
}

#entrance p.caution {
    font-size: 12px;
    font-weight: bold;
    color: #595757;
    margin-top: -35px;
    margin-bottom: 40px;
}

#entrance p.caution00 { color: #00A1E9; margin-bottom: 15px;}

#entrance p.caution01 {color: #00A1E9; margin-top:-30px;}

#entrance div.title p{
	color: #00A1E9;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1px;
}

#entrance div.title p em{
    font-size: 16px;
	font-weight:bold;
}

#entrance table span.f_s {
	font-size: 10px;
	line-height: 140%;
}

#entrance table#tb07 span.f_s {
	display: block;
}

#entrance h4 {
	margin-bottom: 5px;
	font-weight: bold;
}

#entrance #entrance_info h4 {
    margin: 0;
    width: 29%;
    background: #00A1E9;
    color: #fff;
    text-align: center;
	padding-top: 1px;
    float: left;
    line-height: 2.2;
}

#entrance p.sub_txt{
	display:inline-block;
    font-weight: bold;
    padding: 5px 10px;
    color:#595757;
}

#entrance p.sub_txt span{
	font-size: 12px;
    background: #00A1E9;
    padding: 2px 3px;
    color: #fff;
    margin-left: 8px;
}
#entrance p.sub_txt span.black{background: #595757;}

#entrance #articleinner td:nth-child(odd){ width:auto;}

#articleinner #entrance_info table {
    margin-bottom: 0;
	border: solid 2px;
}
#articleinner #entrance_info span.yen {
    float: right;
    font-size: 12px;
    color: #00A1E9;
}

#digital-brochure{
    text-align: center;
    font-size: 1.2rem;
    font-weight:bold;
    margin-bottom: 50px;
}
#digital-brochure a{
    font-weight:bold;
    color: #000;
}
#digital-brochure p{
    padding: 10px 0;
}
#digital-brochure-img img:hover{
  opacity: 0.6;
  transition-duration: 0.3s;
}

/*--------------------------------------------
/*
/*		Theme Name: PC inquiry
/*		資料請求
/*
/*--------------------------------------------*/
#inquiry #gallery {
	margin-bottom: 16px
}

#inquiry #gallery ul li {
	display: inline;
	float: left;
	width: 392px;
	margin-right: 32px;
	margin-bottom: 32px;
}

#inquiry #gallery ul li.last {
	margin-right: 0;
}

#inquiry .inq_btn {
	text-align: center;
	margin-bottom: 80px;
}

#inquiry .inq_btn a {
	width: 266px;
	height: 53px;
	border: 1px solid #E20078;
	color: #E20078;
	padding: 20px 94px;
	display: inline;
	font-size: 17px;
	font-weight: bold;
	line-height: 1em;
}

#inquiry .inq_btn a span {
	display: inline-block;
	margin-top: 4px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	vertical-align: baseline;
}

#inquiry .inq_btn a:hover {
	background-color: #E20078;
	border: none;
	color: #FFF;
}

#inquiry .txtarea {
	text-align: center;
	font-size: 24px;
	margin-bottom: 32px;
	line-height: 240%;
}

#inquiry .txtarea p {
	font-weight: bold;
}

#inquiry .txtarea p.line {
	border-bottom: 4px solid #000;
	display: inline;
	padding-bottom: 10px;
	line-height: 300%;
	letter-spacing: 0;
}

#inquiry .txtarea p.pickup-txt {
	color: #E20078;
}

#inquiry .f_big {
	font-size: 50px;
	font-weight: bold;
}

#inquiry .click {
	font-size: 16px;
	font-weight: bold;
	color: #E20078;
	line-height: 200%;
}


/*--------------------------------------------
/*
/*		Theme Name: PC access
/*		アクセス
/*
/*--------------------------------------------*/
#access .map_block {
/*background-image: url(/kyugei/_assets/img/individual/access/map.jpg);
	height: 769px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 817px;*/
}

#access main p {
	font-size: 12px;
}

#access .title {
	height: 50px;
	width: 100%;
	margin-top: 50px;
}

#access .title p {
	font-size: 24px;
	font-weight: bold;
}

#access .google_map {
	width: 817px;
}

#access .traffic {
	width: 817px;
}

#access .access_style {
	margin-right: 28px;
}

#access .access_block {
	margin-top: 30px;
	width: 253px;
	/* height: 300px; */
	float: left;
	letter-spacing: 1px;
}

#access .access_title p {
	border: 2px solid #E20078;
	color: #E20078;
	font-weight: bold;
	text-align: center;
	padding: 8px 0;
}

#access .access_title {
	margin-bottom: 10px;
}


#enterNow {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff no-repeat;
	background-position: center;
	background-image: url(/kyugei/assets/img/common/loading.gif);
	left: 0;
	top: 0;
	z-index: 99999;
	/*display: none;*/
}

/*--------------------------------------------
/*
/*		Theme Name: PC access
/*		TOP用NEWS
/*
/*--------------------------------------------*/
.topnews article {
	width: 100%!important;
}


/*--------------------------------------------
/*
/*		Theme Name: PC support
/*		キャリア教育_資料ズーム
/*
/*--------------------------------------------*/
#support .iphone {
	/* The iphone frame div */
	width: 670px;
	height: 474px;
	position: relative;
	margin: 0 auto 80px;
}

#support #webpage {
	/* Contains the webpage screenshot */
	width: 670px;
	height: 474px;
}

#support #retina {
	/* The Retina effect */
	background: url('/kyugei/assets/img/individual/support/education/education_pdf.jpg') no-repeat white;
	border: 2px solid white;
	background-size: 2480px 1754px;
	background-position: center;
	/* Positioned absolutely, so we can move it around */
	position: absolute;
	height: 300px;
	width: 300px;
	/* Hidden by default */
	display: none;
	/* CSS3 Box Shadow */
	-moz-box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
	-webkit-box-shadow: 0 0 5px #777;
	box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
	/* CSS3 rounded corners */
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
}

#support-cont .e_box .main {
	margin: 0 auto 80px;
	position: relative;
	width: 670px;
}
#support .pdf {
	text-align: center;
}
#support .pdf a {
	width: 266px;
	height: 53px;
	border: 1px solid #f39800;
	color: #f39800;
	padding: 16px 64px;
	display: inline;
	font-weight: bold;
}

/*--------------------------------------------
/*
/*		Theme Name: PC footer.html
/*		フッター
/*
/*--------------------------------------------*/
.logo-block {
	width: 75px;
	position: fixed;
	z-index: 999;
	left:41px;
	top: 36px;
}
footer {
	width: 100%;
	position: relative;
}


footer .logo-title {
	width: 186px;
	float: left;
	margin-right: 34px;
	height: 108px;
	position: relative;
}

footer .logo-title .line-block {
	width: 186px;
	height: 6px;
	background-color: #D1A930;
	position: absolute;
	bottom: 0px;
}

footer .logo-title h2 a {
	display: block;
}

footer .logo-title h2 {
	width: 100%;
	float: left;

}

footer .nav-block {
	width: 780px;
	float: left;
}

footer nav {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}

footer h1 {
	display: inline;
	float: left;
	width: 75px;
}

footer ul.menu1 {
	display: inline;
	float: left;
	margin-right: 24px;
}

footer ul.menu1 li {
	position: relative;
	display: inline;
	float: left;
	margin-right: 18px;
}

footer ul.menu1 li:last-child{
	margin-right: 24px;
}

footer ul.menu1 li:before {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left:0px;
	background: #000;
	background-image: url(../img/common/menu1_icon.svg);
	width: 16px;
	height: 16px;
	border-radius: 16px;
	box-sizing: border-box;
}

footer ul.menu1 li a {
	display: block;
	padding-top: 4px;
	padding-left: 25px;
	font-size: 12px;
	/*font-family: aleo-b;*/
	line-height: 1em;
	letter-spacing: 0px;
	font-weight: bold;
	color: #000;
}

footer ul.menu1 li a:hover {
	color: #D1A930;
}

#search {
	float: left;
	height: 21px;
}

#search form input[type="text"] {
	width: 180px;
	border-bottom: 1px #000 solid;
	box-sizing: border-box;
	height: 21px;
	text-indent: -99999;

}

#search form input[type="submit"] {
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/common/search_btn@2x.png);
	width: 19px;
	height: 19px;
	background-size: 19px 19px;
	margin-left:6px;
}

#search form input {
	border: none;
	background-color: #F6F6F6;

}

footer .sns-block {
	float: right;
	margin-top: 4px;
}

footer .sns-block ul li {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

footer .sns-block ul li:last-child {
	width: 18px!important;
	height: 18px;
	margin-right: 0px;
}
footer .sns-block ul li img {
	width: 100%;
}

footer .top-block {
	float: left;
	width: 100%;
}

footer .bottom-block {
	float: left;
	margin-bottom: 24px;
}

footer .bottom-block ul li {
	width: 130px;
	height: 50px;
	float: left;
	color: #000;
	font-size: 12px;
	text-align: center;
	border-left: 1px #E0E0E0 solid;
	box-sizing: border-box;
	padding-top: 6px;

}

footer .bottom-block ul li:last-child {
	border-right: 1px #E0E0E0 solid;
}

footer .bottom-block ul li a {
	color: #000;
	font-weight: bold;
	line-height: 22px;
	display: block;
}

footer .bottom-block ul li a span {
	color: #9A9A9A;
	font-size: 10px;
	font-weight: normal;
}

footer .sns-block ul li:first- {
	width: 18px;
	float: left;

}

footer ul li a span {
	display: block;
	padding-top: 6px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
}

footer nav > div {
	display: inline;
	float: right;
}

footer .btn {
	display: inline;
	float: left;
	margin-left: 24px;
}

footer .btn a {
	width: 144px;
	height: 40px;
	padding-top: 13px;
}

footer .top-block ul li a:hover {
	color: #D1A930;
}

footer .bottom-block ul li a:hover {
	color: #D1A930;
}


/*--------------------------------------------
/*
/*		Theme Name: 2017.10.30追加
/*
/*--------------------------------------------*/
#dropmenu{
}
#dropmenu li{
	position: relative;
	width: 16%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#dropmenu li a{
	display: block;
}
#dropmenu li:hover > a{
}
#dropmenu > li:hover > a{
	border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0;
	z-index: 999;
}
#dropmenu li:last-child ul{
	left: -100%;
	width: 100%
}
#dropmenu li ul li{
	overflow: hidden;
	width: 200%;
	height: 0;
	color: #F6F6F6;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	opacity: 1;
}
#dropmenu li ul li a{
	padding: 13px 15px;
	background: #F6F6F6;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
#dropmenu li:hover ul li{
	height: 49px;
	border-bottom: 1px solid #E0E0E0;
	border-left: #FFF;
}
#dropmenu li:hover ul li:first-child{
	border-top: 0;
}
#dropmenu li:hover ul li:last-child{
	border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
	border-radius: 0;
}

.link-button1{
    text-align: center;
	margin-top: 20px;
}
.link-button2{
    display: inline-block;
    font-weight:bold;
    color: #fff;
    background-color: #009EDF;
    border:solid 1px #009EDF;
    border-radius: 10px;
    padding: 14px;
}
.link-button1:hover a{
    opacity: 0.6;
  transition-duration: 0.3s;

}

.department-img img{
    margin: 50px 0;
}

#department div.category { padding-top:40px;}


#access .title h2 {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: bold;
	line-height: 160%;
}
#access h3 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 160%;
}
.contactbox {
	border: 1px solid #000;
	padding: 32px;
	margin-bottom: 32px;
}
.contactbox p {
	font-size: 16px!important;
	box-sizing: border-box;
	display: inline-block;
}
.contactbox-l {
	width: 50%;
	float: left;
}
.contactbox-r {
	width: 50%;
	float: right;
}
#access .btn {
}
#access .btn a {
	display: block;
	background: #D1A930;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 24px 0;
	line-height: 1em;
	border: 1px solid #D1A930;
	width: 340px;
	margin: 0 auto;
}
#access .btn a:hover {
	color: #D1A930;
	border: 1px solid #D1A930;
	background: #FFF;
}


#visual_image {
	background-color: #E8E9E4;
	text-align: center;
	position: relative;
	/*padding: 32px 0;*/
}

/*20180706追加*/

#department #articleinner div.dpm_list {
	width:100%;
	overflow:hidden;
	margin-bottom:27px;
}

#department #articleinner div.dpm_list ul{
	float:left;
	width:20%;
	margin-right:22px;
}

#department #articleinner div.dpm_list ul.list_art {width:120px;}
#department #articleinner div.dpm_list ul.list_photo {width:155px;}
#department #articleinner div.dpm_list ul.list_visual {width:155px;}
#department #articleinner div.dpm_list ul.list_living {width:140px;}
#department #articleinner div.dpm_list ul.list_social {width:155px; margin-right:0;}

#department #articleinner div.dpm_list ul li{ padding-bottom:10px;}

#department #articleinner div.dpm_list ul li:first-child{
	font-size:14.5px;
	padding:0 0 10px;
	letter-spacing:0;
}

#department #articleinner div.dpm_list ul.list_art li.no01 a {color:#e71f29;}
#department #articleinner div.dpm_list ul.list_photo li.no01 a {color:#413993;}
#department #articleinner div.dpm_list ul.list_visual li.no01 a {color:#009edf;}
#department #articleinner div.dpm_list ul.list_living li.no01 a {color:#00ac75;}
#department #articleinner div.dpm_list ul.list_social li.no01 a {color:#f6aa00;}


#department #articleinner div.dpm_list ul li a{
	font-weight:bold;
	font-size:14px;
    line-height: 20px;
	color:#444444;
    border-bottom: solid 1px;
}

#department #articleinner div.dpm_list ul li a:hover{
    border-bottom: none;
}


/*　終了　*/
/*#department #visual_image {background-color: #efefef;}*/

#department #articleinner th:nth-child(2) img {
	margin-left: 15px;
}


#visual_image_ttl {
	position: absolute;
	top: 20px;
	left: 50px;
}
#visual_image a:hover img{
	opacity: 0.85;
}

#articleinner tr {
	margin-bottom: 4px;
	height:10px;
}

#articleinner table {
	margin-bottom: 40px!important;
}
#articleinner table tr.new_depart td:first-child {
	background-color: #4c4948!important;
	font-weight: bold;
	text-align: center;
}
#articleinner table .year td:nth-child(odd) {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
#articleinner table td:nth-child(odd) a {
	color: #FFF;
	font-weight: bold;
	display: block;
	padding: 8px 0;
	font-size: 14px;
}
#articleinner td:nth-child(odd) {
	width: 268px;
	text-align: center;
}
#articleinner td:nth-child(even) {
	font-size: 12px;
}
#articleinner table#new-1 td:nth-child(odd) a:hover {
	background: #9b1522;
}
#articleinner .new-1 td:nth-child(odd) {
	background-color: #e71f29;
    text-align: center;
    border-bottom: 1px solid #e71f29;
}
#articleinner #new-1 tr:last-child td:first-child {
	border-bottom: 1px solid #e71f29;
}
#articleinner .new-1 td:nth-child(even) {
	font-weight: bold;
	color: #e71f29;
	padding-left: 16px;
	background-image: linear-gradient(to right, #e71f29, #e71f29 3px, transparent 1px, transparent 4px);
    background-size: 6px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
}
#articleinner table#new-2 td:nth-child(odd) a:hover {
	background: #232256;
}
#articleinner .new-2 td:nth-child(odd) {
	background-color: #413993;
	text-align: center;
	border-bottom: 1px solid #FFF;
}
#articleinner #new-2 tr:last-child td:first-child {
	border-bottom: 1px solid #413993;
}

#department #articleinner td:nth-child(even) > img {padding-left:5px;}

#articleinner .new-2 td:nth-child(even) {
	font-weight: bold;
	color: #413993;
	padding-left: 16px;
	background-image: linear-gradient(to right, #413993, #413993 3px, transparent 1px, transparent 4px);
    background-size: 6px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
}

#articleinner table#new-3 td:nth-child(odd) a:hover {
	background: #005b77;
}
#articleinner .new-3 td:nth-child(odd) {
	background-color: #009edf;
	text-align: center;
	border-bottom: 1px solid #FFF;
	width: 210px;
}
#articleinner #new-3 tr:last-child td:first-child {
	border-bottom: 1px solid #009edf;
}
#articleinner .new-3 td:nth-child(even) {
	font-weight: bold;
	color: #009edf;
	padding-left: 16px;
	background-image: linear-gradient(to right, #009edf, #009edf 3px, transparent 1px, transparent 4px);
    background-size: 6px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
}

#articleinner table#new-4 td:nth-child(odd) a:hover {
	background: #01774d;
}
#articleinner .new-4 td:nth-child(odd) {
	background-color: #00ac75;
	text-align: center;
	border-bottom: 1px solid #FFF;
	width: 210px;
}
#articleinner #new-4 tr:last-child td:first-child {
	border-bottom: 1px solid #00ac75;
}
#articleinner .new-4 td:nth-child(even) {
	font-weight: bold;
	color: #00ac75;
	padding-left: 16px;
	background-image: linear-gradient(to right, #00ac75, #00ac75 3px, transparent 1px, transparent 4px);
    background-size: 6px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
}

#articleinner table#new-5 td:nth-child(odd) a:hover {
	background: #9e6900;
}
#articleinner .new-5 td:nth-child(odd) {
	background-color: #f6aa00;
	text-align: center;
	border-bottom: 1px solid #FFF;
	width: 210px;
}
#articleinner #new-5 tr:last-child td:first-child {
	border-bottom: 1px solid #f6aa00;
}
#articleinner .new-5 td:nth-child(even) {
	font-weight: bold;
	color: #f6aa00;
	padding-left: 16px;
	background-image: linear-gradient(to right, #f6aa00, #f6aa00 3px, transparent 1px, transparent 4px);
    background-size: 6px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
}


.department .curriculum {
	/* The iphone frame div */
	width: 817px;
	height: 581px;
	margin: 0 auto 80px;
}

.department #pagewrap #main div.sp { display:none;}

#art #webpage {
	/* Contains the webpage screenshot */
	width: 817px;
	height: 581px;
}
#art #retina {
	/* The Retina effect */
	background: url('/kyugei/department/ghimg.png') no-repeat white;
	border: 2px solid white;
	background-size: 2516px 1785px;
	background-position: center;
	/* Positioned absolutely, so we can move it around */
	position: absolute;
	height: 300px;
	width: 300px;
	/* Hidden by default */
	display: none;
	/* CSS3 Box Shadow */
	-moz-box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
	-webkit-box-shadow: 0 0 5px #777;
	box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
	/* CSS3 rounded corners */
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
}


#photo #iphone {
	/* The iphone frame div */
	width: 817px;
	height: 581px;
	position: relative;
	margin: 0 auto 40px;
}
#photo #webpage {
	/* Contains the webpage screenshot */
	width: 817px;
	height: 581px;
}
#photo #retina {
	/* The Retina effect */
	background: url('/kyugei/department/p.png') no-repeat white;
	border: 2px solid white;
	background-size: 2516px 1785px;
	background-position: center;
	/* Positioned absolutely, so we can move it around */
	position: absolute;
	height: 300px;
	width: 300px;
	/* Hidden by default */
	display: none;
	/* CSS3 Box Shadow */
	-moz-box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
	-webkit-box-shadow: 0 0 5px #777;
	box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
	/* CSS3 rounded corners */
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
}


/*===========================================

TOPICS THE 達人 | 2017.10.30追加

*===========================================*/

#expert body {
	min-width: 1064px;
	font-family: 'Montserrat', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #000;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#expert p{
	color: #fff;
}

#expert #topicswrap{
	background: #0D6450;
    width: 848px;
    padding: 40px 56px 80px;
    margin-bottom: 40px;
}

#expert #topicswrap #header h1{
	float: left;
	width: 400px;
	height: 218px;
	margin-right: 16px;
	margin-bottom: 32px;
}

#expert #topicswrap #header p{
	float: left;
	font-weight: bold;
	margin-top: 48px;
	line-height: 200%;
}

#expert h2.black{
	color: #000;
	font-size: 28px;
	font-weight: bold;
	padding: 0 32px;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	width: 203px;
	margin-bottom: 16px;
}

#expert ul.photoarea li{
	float: left;
	margin-bottom: 64px;
}


#expert ul.photoarea li .thumb{
	margin-bottom: 8px;
	width: 424px;
	height: auto;
}

#expert p.small{
	font-size: 12px;
	line-height: 180%;
}

#expert h3{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 24px;
	color: #fff;
}

#expert p.text{
	font-size: 14px;
	margin-bottom: 32px;
	line-height: 180%;
}

#expert ul.fotterarea{
	width: 960px;
}

#expert ul.fotterarea li{
	float: left;
}

#expert ul.fotterarea .one{
	width: 282px;
	margin-right: 18px;
	margin-bottom: 8px;
}

#expert ul.fotterarea .two{
	width: 240px;
	margin-right: 18px;
}

#expert ul.fotterarea .three{
	width: 290px;
}

#expert ul.fotterarea .big{
	font-size: 24px;
	font-weight: bold;
}


/*===========================================

TOPICS THE 達人 | 2

*===========================================*/

#expert ul.photoarea li #topphotoleft{
	width: 552px;
	height: auto;
	margin-right: 40px;
}

#expert ul.photoarea li #topphotoright{
	width: 256px;
	height: auto;
}

#expert h2#long{
	width: 262px;
}

/*===========================================

TOPICS THE 達人 | 3

*===========================================*/

#expert h2#longdesign{
	width: 290px;
}

/*===========================================

TOPICS THE 達人 | 4

*===========================================*/

#expert ul.photoarea li #topphotoleft2{
	width: 378px;
	height: auto;
}

#expert ul.photoarea li #topphotoright2{
	width: 470px;
	height: auto;
}

#expert h2#longful{
	width: 262px;
}

#expert ul.fotterarea #two{
	width: 240px;
	margin-right: 32px;
}

/************************************
** レスポンシブページネーション
************************************/

div.pagination {
	clear:both;
	width:55px;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px ;
	background:none;
	margin:10px auto 20px;
	vertical-align: middle;
}
 
div.pagination span, .pagination a {
	display:block;
	float:left ;
	margin: 2px 2px 2px 0 ;
	padding:6px 9px 5px 9px ;
	text-decoration:none;
	width:auto ;
	color:#fff ;
	background: #666 ;
}
 
div.pagination a:hover{
	color:#fff ;
	background: #fdcd1a;
}
 
div.pagination .current{
	padding:6px 9px 5px 9px ;
	background: #fdcd1a;
	color:#fff ;
}

/*==========================================================

				201806　特集　 柿右衛門　追加
		
*==========================================================*/

#topicswrap02 .pc { display:block;}
#topicswrap02 .sp { display:none;}

#maininner02 {
    width: 1120px;
    margin: 0 auto 90px;
    padding: 12px 80px 60px 80px;
    background-color: #FFF;
    box-sizing: border-box;
	font-family: ゴシックMB101;
}

#spread .spread01 h1{
    border-bottom: solid 2px #fff;
    padding-bottom: 15px;
}

#spread #topicswrap02 {
    width: 880px;
    margin:40px auto;
	padding: 40px 40px 80px;
}

#spread .spread01 {background: #cdc4be;}

#spread ul.photoarea li.main_view{
	float: left;
	margin-bottom: 0;
	margin-top: 70px;
	position:relative;
}
#spread ul.photoarea li.main_view span.text_right{
	position: absolute;
    top: -52px;
    right: 0;}

#spread ul.photoarea li.main_view span.text_left{
	position: absolute;
    bottom: -32px;
    left: 0;}

#spread ul.photoarea li.right{
	float: right;
}

#spread ul.photoarea li.text{ padding: 70px 0;}

#spread ul li.text{
	width: 395px;
	overflow:hidden;
    margin-top: 70px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

#spread ul.photoarea02{ position:relative;}

#spread ul.photoarea02 li.left{ float:left;}
#spread ul.photoarea02 li.right{ 
	position: absolute;
    top: 0;
    right: 0;
}
#spread ul.photoarea02 li.text{
    margin-top: 350px;
    float: right;
}

#topicswrap02 div.prof{
	color:#555555;
	clear:both;
    padding-top: 75px;
}

#topicswrap02 div.prof em{
	font-size:16px;
	border-bottom:solid 1px;
	padding-bottom:3px;
    font-weight: 500;
}

#topicswrap02 div.prof p{
	color:#555555;
	margin-top:8px;
	font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

/*==============================================================================
		
		201806　特集　 ソーシャルデザイン学科　×　生活環境デザイン学科　
		
*==============================================================================*/

#topicswrap02 {
	font-size: 14px;
	line-height:24px;
	overflow: hidden;
}

#spread .spread02 { 
	background: #cccccc; 
}

#topicswrap02 div.main p.text{
	margin:0;
	padding:45px 0;
	color:#000;
    font-weight: 500;
	background-image: none;
}

.spread02 div.topic,
.spread03 div.topic{
	overflow: hidden;
    background-image: linear-gradient(to right, #000, #000 4px, transparent 4px, transparent 31px);
    background-size: 15px 1px;
    background-position: top;
    background-repeat: repeat-x;
}

.spread03 dl,
#topicswrap02 div.topic dl{
	overflow:hidden; 
	padding:40px 0;
}
.spread02 div.topic01 dl dt{padding-bottom:40px;}
#topicswrap02 div.topic01 dl dd.title{
    width: 265px;
	font-size:15px;
    padding: 60px 35px;
    float: left;
}

#topicswrap02 dl dd.title strong{
	font-size:20px;
	font-weight:bold;
}

.spread02 div.topic01 dl dd.text{
    width: 470px;
	padding: 0 35px;
	float:right;
	border-left:solid 1px #000;
}

.spread02 div.topic02{padding: 55px 0;}

#topicswrap02 div.topic em{
	font-size: 16px;
    font-weight: bold;
}

.spread02 div.topic03{ padding:40px 0;}

#topicswrap02 div.topic03 dl{ width:430px; float:left;}
#topicswrap02 div.topic03 dl:first-child{ padding-right:20px;}

#topicswrap02 div.topic03 dl dd.title{
    padding: 30px 10px;
    overflow: hidden;
}
#topicswrap02 div.topic03 dl dd{ padding:0 10px;}
#topicswrap02 div.topic03 dl dd.text{ padding-bottom:20px; letter-spacing: -0.02em;}
#topicswrap02 div.topic03 dl dd.pict span{ padding-left:15px;}

#topicswrap02 div.topic04 h2 img {     
	padding:　65px 0 40px;
    margin: 0 auto;
    display: block;
}
#topicswrap02 div.topic04 p.text { padding:55px 0 40px;}

#topicswrap02 div.topic04 ul li { 
	padding:0 0 25px;
    letter-spacing: -0.02em;
}
#topicswrap02 div.topic04 ul li:last-child { padding:0;}
#topicswrap02 div.topic04 > img { padding-top:50px;}

/*==============================================================================
		
		201806　特集　 ソーシャルデザイン学科　A　to Z　その①
		
*==============================================================================*/

#spread .spread03 { background: #fffeee; }

.spread03 ul {
	width:820px;
	margin:0 auto;
}

#topicswrap02 div.main h1 img { margin: 0 auto;}
.spread03 div.main h2,
#spread .spread03 .topic h2{ padding: 80px 0 0;}

.spread03 dl { 
    width: 820px;
    margin: 0 auto;
}

.spread03 dl dt,
.spread03 dl dd{ float:left;}

.spread03 dl dd.text{ 
    padding: 80px 68px 30px 30px ;
    overflow: hidden;
}

.spread03 dl dd.text b{ 
	font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.02em;
}

.spread03 .topic01 dl dd.text{ padding: 80px 10px 30px 30px ;}
.spread03 .topic02 dl dd.text{ padding: 80px 40px 30px 30px ;}

.spread03 dl dd.text span{ 
	font-size:16px;
	display:block;
	padding:0 0 18px;
}

.spread03 dl dd.text span strong{ 
	font-size:20px;
	font-weight:bold;
}

.spread03 .topic01 dl dd:last-child{ padding-top:40px;}
.spread03 .topic02 dl dd:last-child{ padding-top:80px;}

#topicswrap02 .topic ul{ padding:40px 0;}
#topicswrap02 .topic .inner03 ul{ padding-bottom: 0 ;}


.spread03 .topic ul li{ padding:0 0 35px;}
.spread03 .topic ul li:last-child{ padding:0 0 0;}

#topicswrap02 .topic01 ul li em{ 
	font-size:18px;
	font-weight:bold;
	display:block;
}

/*==============================================================================
		
		201806　特集　 ソーシャルデザイン学科　A　to Z　その②
		
*==============================================================================*/

#spread #maininner02 .spread04 {
    width: 100%;
    padding: 40px 0 80px;
}

#spread .spread04 .main dl{
    padding: 40px;
	margin-top:80px;
    background: #89b929;
	color:#fff;
	font-weight:500;
}

#spread .spread04 .main dl dt{
    float: left;
    width: 100%;
	padding:0 0 35px;
	font-size:20px;
    font-weight: bold;
    position: relative;
}

#spread .spread04 .main dl dt strong{
	font-size: 38px;
	font-weight: bold;
    line-height: 55px;
    padding-bottom: 5px
}

#spread .spread04 .main dl dt img{
    position: absolute;
    top: 0;
    right: 0;
}

#spread .spread04 .main dl dd{
	width:100%;
	overflow:hidden;
	padding-bottom:25px;
}

#spread .spread04 .main dl dd:last-child{padding-bottom:0;}

#spread .spread04 .topic01{
	width:880px;
	padding:60px 0 75px;
	margin:0 auto;
}

.spread04 .topic dl {
    width: 820px;
    margin: 0 auto;
	padding-top:50px;
}

.spread04 .topic dl dt:first-child,
.spread04 .topic02 dl dt:first-child{
	color:#89b929;
	font-size:20px;
	font-weight:bold;
	padding-bottom:7px;
    padding-left: 30px;
	position:relative;
}

.spread04 .topic02 dl dt:first-child:before,
.spread04 .topic dl dt:first-child:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #89b929;
	border-radius: 5px;
}

#spread .spread04 .topic dl dd.text {
    width: 400px;
    float: left;
	margin-top:0;
}

.spread04 .topic dl dd.pict01{ position: relative;}
.spread04 .topic dl dd.pict01 img {
	position: absolute;
    top: -45px;
    right: 30px;
}

#spread .spread04 .topic ul {
    width: 820px;
    margin: 0 auto;
    padding-top: 0;
    overflow: hidden;
}

.spread04 .topic ul li {
    float: left;
    padding-right: 0px;
}

.spread04 .topic ul li span{
	display:block;
    text-align: center;
    padding: 20px 0 0;
}

.spread04 .topic ul li.note{ padding: 45px 0;}
.spread04 .topic ul li:nth-child(1),
.spread04 .topic ul li:nth-child(4),
.spread04 .topic ul.tree li:nth-child(2){ padding-right: 20px;}

#spread .spread04 .topic02{
	padding:50px 40px;
	background:#efefef;
	overflow:hidden;
}

.spread04 .topic02 h3 {
	display:table;
	font-size: 22px;
    font-weight: 500;
    padding: 0 20px;
    margin: 50px auto 40px;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}

#spread .spread04 .topic02 dl {padding: 0 0 60px;}
#spread .spread04 .topic02 dl:nth-of-type(4) {padding: 0;}
#spread .spread04 .topic02 dl dt {
	color:#000;
	padding-bottom:15px;
    letter-spacing: 0.02em;
}

#spread .spread04 .topic02 dl dt:before {
    left: 10px;
    top: 0px;
    background-color: #000;
}

.spread04 .topic02 dl dt span {
	color:#555555;
	font-size: 14px;
    display: block;
    position: absolute;
    left: 0;
    top: 30px;
}
.spread04 .topic02 dl dd {
    display: block;
    width: 400px;
    float: left;
}
.spread04 .topic02 dl dd:nth-of-type(1){ padding-right:20px;}

.spread04 .topic02 div.inner{
	width: 820px;
    margin: 0 auto;
}

.spread04 .topic02 .inner h4 {margin-top:60px;}

#spread .spread04 .topic02 div.inner dl:nth-of-type(1){ padding-right:20px;}

.spread04 .topic02 div.inner dl { 
	width:400px;
	float:left;
}

.spread04 .topic02 div.inner dl dt{ padding-bottom: 75px;}

/*==============================================================================
		
		201806　その丘から見渡す世界
		
*==============================================================================*/

#maininner03 {
    width: 1200px;
    margin: 0 auto 90px;
    background-color: #FFF;
    box-sizing: border-box;
    font-family: ゴシックMB101;
}

#spread #maininner03 #topicswrap02 {
    width: 100%;
	padding:0;
	margin: 0;
}

.spread05 q{ display:none;}


