@charset "UTF-8";

/*--------------------------------------------
/*
/*		Theme Name: PC header.html 2017
/*		ヘッダー
/*
/*--------------------------------------------*/
#home .logo-block {
	width: 75px!important;
	position: absolute;
	z-index: 999;
	left:41px!important;
	top: 29px!important;
}
.overlay .logo-block{
	width: 75px!important;
	position: absolute;
	z-index: 999;
	left:41px!important;
	top: 29px!important;
}

.logo-block {
	position: absolute;
	z-index: 999;
	left:41px;
	top: 32px;
}

header {
	width: 100%;
	position: relative;
}


header .logo-title {
	width: 186px;
	float: right;
	margin-right: 29px;
}

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: 701px;
	float: left;
	padding: 18px 0;
}

header nav {
	position: relative;
	width:100%;
	float: right;
	padding: 0px 0px 20px 0px;
}

#home header h1 {
	display: inline;
	float: left;
	width: 75px!important;
}

#home header h1 a {
	display: block;
}

header h1 {
	display: inline;
	float: left;
	width:50px;
}

header h1 a {
	display: block;
}

.overlay .logo-block h1 {
	width: 75px!important;
}

section button {
	border: none;
	width: 186px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	outline: none;
	background-color: #000;
	z-index: 999;
	position: absolute;
	top: 119px;
	right: 30px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
}

.related > a {
	border: 1px solid #99cc33;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	color: #99cc33;
	opacity: 0.8;
	-webkit-transition: color 0.3s, border-color 0.3s;
	transition: color 0.3s, border-color 0.3s;
	-webkit-backface-visibility: hidden;
}

.related a:hover {
	border-color: #82b222;
	color: #82b222;
}

.related a img {
	max-width: 100%;
}

.related a h3 {
	margin: 0;
	padding: 0.5em 0 0.3em;
	max-width: 300px;
	text-align: left;
	font-size: 65%;
	font-weight: 400;
}

@media screen and (max-width: 25em) {
	.codrops-icon span {
		display: none;
	}
}

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0,0,0,0.9);
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 186px;
	height: 35px;
	background-color: #fff;
	position: absolute;
	right: 29px;
	top: 119px;
	overflow: hidden;
	border: none;
	color: transparent;
	outline: none;
	z-index: 100;
	color: #000;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
}

.overlay-inner {
	position: relative;
	width: 100%;
	float: left;
	height: 210px;
	margin-bottom: 26px;
}
/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay .sns-block {
	position: absolute;
	top: 180px;
	right: 66px;
}

.overlay .sns-block ul li {
	width: 30px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

.overlay .sns-block ul li:last-child {margin-right: 0px;}

.overlay .menu-block {
	width: 100%;
	float: left;
	margin-bottom: 24px;
}
.overlay .menu-block ul {
	width: 80%;
	margin: 0 auto;
}

.overlay .menu-block ul li {
	float: none;
	width: 100%;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 20px;

}

.overlay .menu-block ul li a {
	font-size: 13px;
}

.overlay .menu-block ul li a span{
	font-size: 10px;
	color: #9A9A9A;
}

.overlay .menu-block ul li {
	border-right: 1px solid #fff;
}

.overlay .menu-block ul li:nth-child(5) {
	border-right: 1px solid #fff;
	margin-bottom: 0px;
}

.overlay .menu-block ul li a {
	color: #fff;
}

.overlay  ul.sp-menu1 {
	width: 80%;
	margin: 0 auto;
}

.overlay  ul.sp-menu1 li {
	position: relative;
	display: inline;
	float: left;
	margin-right: 23px;
	margin-bottom: 22px;
}


.overlay .menu2-block{
	width: 100%;
	float: left;
}

.overlay  ul.sp-menu1 li:nth-child(3) {
	margin-right: 0px;
}

.overlay  ul.sp-menu1 li:before {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left:0px;
	background: #000;
	background-image: url(../img/common/menu1_icon_w.svg);
	width: 16px;
	height: 16px;
	border-radius: 16px;
	box-sizing: border-box;
}

.overlay  ul.sp-menu1 li a {
	display: block;
	padding-top: 4px;
	padding-left: 24px;
	font-size: 12px;
	font-family: aleo-b;
	line-height: 1em;
	letter-spacing: 0px;
	font-weight: bold;
	color: #fff;
}

.overlay  .top-block ul li a:hover {
	color: #D1A930;
}

.overlay  .bottom-block ul li a:hover {
	color: #D1A930;
}

.overlay #search {
	width: 100%;
	float: left;
}
.overlay #search form {
	width: 80%;
	margin: 0 auto;
}
.overlay #search form input[type="text"] {
	width: 90%;
	border-bottom: 1px #fff solid;
	border-radius: 0px;
	box-sizing: border-box;
	height: 21px;
	text-indent: -99999;
	background-color: rgba(0,0,0,0);
}

.overlay #search form input[type="submit"] {
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/common/search_btn_w.svg);
	width: 19px;
	height: 19px;
	background-size: 19px 19px;
	margin-left:8px;
	float: right;
}

.overlay #search form input {
	border: none;
	background-color: rgba(0,0,0,0);

}


/* Effects */
.overlay-slidedown {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
	transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.overlay-slidedown.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}

/*--------------------------------------------
/*
/*		Theme Name: SP home 2017
/*		トップページ
/*
/*--------------------------------------------*/
#content {
	width: 100;
	margin:0 auto;
	margin-bottom: 43px;
}

#slide {
	display: inline;
	float: left;
	width:100%;
	height: auto;
	max-height: auto;
	overflow: hidden;
	margin-bottom: 21px;
	overflow-x: hidden;
	overflow-y: visible;
}

@media screen and (max-width:400px){
	#slide {
	display: inline;
	float: left;
	width:100%;
	height: auto;
	max-height: 473px;
	overflow-y:hidden;
	margin-bottom: 21px;
	}
}

#slide .bx-viewport ul li{
	height: 450px;
	max-height: 450px;
	overflow-x: hidden;
}

.bx-wrapper ul li a {
    width: 100%;
    height: 100%;
    position: absolute;
}

.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;
	top: 195px;
	right: 14px;
	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);
	z-index: 999;
}

.bx-wrapper .bx-prev {
	position: absolute;
	top: 195px;
	left: 14px;
	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);
	z-index: 999;
}

.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;
}

.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 {
	width: 80%;
	margin: 0 auto;
	padding: 13px 12px;
	border: 1px solid #000;
	clear: both;
	box-sizing: border-box;
	margin-bottom: 24px;
}

#information .info-tlt {
	box-sizing: border-box;
	float: left;
	margin-bottom: 13px;
}

#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 21px;
	background-color: #fff;
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 1em;
	box-sizing: border-box;
	letter-spacing: 0px;
}

#information h2 span {
	padding-top: 5px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	margin-left: 12px;
}

#information ul {
	display: inline;
	float: left;
	width: 100%;
}

#information ul li {margin-bottom: 12px;}

#information ul li div {
	overflow: hidden;
	width: 92%;
}

#information ul li div p{
/*
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
*/
    line-height: 180%;
}

#information ul p {
	display: inline;
	float: left;
	color: #000;
	font-size: 16px;
	line-height: 1em;
	font-weight: normal;
	/*margin-bottom: 12px;*/
}

#information ul.clearfix li:last-child {
	margin-bottom: 0;
}

#information ul div {
	display: inline;
	float: left;
	line-height: 180%;
}

#information ul div a {
	color: #D1A930;
    font-weight: 500;
    cursor: pointer;
    padding: 5px;
	font-size:14px;
    display: inline-block;
    border: 1px solid #D1A930;
    line-height: 12px;
    margin-left: 10px;
}
#information ul div a:hover {
	background: #D1A930;
	colr:#fff;
}

/*#information ul div a span {
	color: #000;
	cursor: pointer;
	padding-bottom: 0px;
	display: inline-block;
	border-bottom: 1px solid #D1A930;

}

#information ul div a:hover {
	color: #000;
	text-decoration: none;
}
*/
#information li a span:hover{
	color: #fff;
}

#news {
	width: 80%;
	margin: 0 auto;
}

#news ul li.entry-block {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	border-right:1px solid #F6F6F6;
	border-bottom:5px solid #F6F6F6;
}

#news ul li.entry-block:nth-child(4n){
	border-right:none;
}

#news ul li.entry-block .entry-thumb {
	margin-bottom: 18px;
	display: block;
}

#news ul li.entry-block .entry-thumb a { 
	display: block;
    max-height: 160px;
    overflow: hidden;
}
#news ul li.entry-block .entry-thumb a img{ 
	display: block;
	margin: 0 auto;
}

#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: 70px;
	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;
}
#news ul.news-block {
	margin-bottom: 24px;
	float: left;
}
#news .facebook {
	width: 100%;
	float: left;
	margin-bottom: 48px;
}




/*--------------------------------------------
/*
/*		Theme Name: SP home
/*		トップページ
/*
/*--------------------------------------------*/
/*
#slide {
	margin-bottom: 10px;
}

#slide img {
	width: 100% !important;
}

.bx-wrapper {
	position: relative;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

.bx-wrapper .bx-next, .bx-wrapper .bx-prev {
	display: none;
}

.bx-wrapper .bx-pager {
	text-align: center;
}

.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 {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #E10078;
}
*/

.column1 > div:first-child {
	display: inline;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.column1 > div:first-child + * {
	display: inline;
	float: right;
	width: 100%;
}

.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 {
	margin-bottom: 10px;
}
#box3, #box4, #box5 {
	width: 48%;
	float: left;
	margin: 0 4% 0 0;
}

#box4 {
	margin-right: 0;
}

#box3, #box4, #box5, #box6, #box7 {
	margin-bottom: 10px;
}

#box3 img, #box4 img, #box5 img, #box6 img, #box7 img {
	width: 100%;
}

#box9 {
	float: right;
	width: 30%;
}

#box10 {
	float: left;
	width: 66%;
}

#box2 img {
	width: 100%;
}

.column2 > div:first-child {
	display: inline;
    float: right;
    width: 48%;
}

.column2 > div:first-child + * {
	display: inline;
	float: right;
	width: 100%;
}

#column_ribt {
	position: relative;
    margin-top: -51%;
    float: right;
}

#sakuhin {
	position: absolute;
	right: 6px;
	top: calc(24.5% + 6px);
	z-index: 1;
	width: 76px;
}

#homebox2 {
	margin-bottom: 10px;
}

#homebox2 div.box{
	width: 100%;
	float: left;
	margin: 0 0 10px;
}

#homebox2 div.box img{
	width: 100%;
}


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

SP STYLE

*===========================================*/
html, body {
	height: 100%;
	background-color: #F6F6F6;
}

body {
	width: 100%;
	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;
}

img {
/*width: 100%;*/
}

br.pc { display:none;}



/*--------------------------------------------
/*
/*		Theme Name: SP common
/*		共通部分
/*
/*--------------------------------------------*/
.pcnone {
	display: none;
}

#pagewrap {
}

main {
	margin-top: 54px;
}

#home main {
	margin-top: 15px;
}

#maininner {
	width: 90%;
	margin: 0 auto;
	padding: 12px 20px 80px 20px;
	background-color: #FFF;
	box-sizing: border-box;
}

.imgchange a {
	position: relative;
}

#copy {
	/*position: fixed;
	top: 370px;
	right: -199px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	transform: rotate(-270deg);
	-moz-transform: rotate(-270deg);
	-webkit-transform: rotate(-270deg);*/

	display: none;
}

#pankuzu {
	border-left: none;
	border-bottom: 1px solid #000;
}

#pankuzu li {
	display: inline;
	float: left;
	margin-bottom: 10px;
}

#pankuzu li a, #pankuzu li span {
	display: block;
	padding: 8px 17px 8px 9px;
	background: #fff;
	color: #000;
	font-family: aleo-b, "游ゴシック", YuGothic;
	font-size: 8px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 1px;
	-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{
	background-image: url(../img/common/ico_pankuzu.png);
	background-repeat: no-repeat;
	background-position: right 0 bottom 0;
	background-size: 6px;
}

#pankuzu li a:hover {
	background: #E00078;
	color: #fff;
}

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 {
	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 {
	padding: 16px 0 16px;
}

#pagetit h2 {
	color: #000;
	font-size: 16px;
	font-family: aleo-b;
	line-height: 1em;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

#pagetit h2 span {
	display: block;
	padding-top: 5px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
}

#pagetit div {
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
}

#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 {
	background: #fff;
	border-bottom: 1px solid #fff;
}

#pagenavi > div, #pagenavi2 > div {
	font-size: 11px;
}

#pagenavi > div a, #pagenavi2 > div a {
	position: relative;
	display: block;
	background: #D1A930;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 16px 0;
	line-height: 1em;
}

#pagenavi > div a .icon {
	display: none;
}

#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;
}

#pagenavi #navi-prev, #pagenavi2 #navi-prev2 {
	background: #fff;
	border-bottom: 1px solid #fff;
}

#pagenavi #navi-prev a .icon, #pagenavi #navi-next a .icon, #pagenavi2 #navi-prev2 a .icon, #pagenavi2 #navi-next2 a .icon {
	display: none;
}

#pagenavi #navi-next {
}

#navi-list {
	font-size: 11px;
}

#navi-list a {
	position: relative;
	display: block;
	background: #D1A930;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 16px 0;
	line-height: 1em;
}

#pagenavi a:hover,#pagenavi2 a:hover, #navi-list a:hover {
	background: #fff;
	color: #E50078;
}

#navi-list a .icon {
	display: none;
}

#cover {
	margin-bottom: 16px;
}

#entry-head h3 {
	margin-bottom: 24px;
	font-size: 20px;
	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: 16px;
}

#entry-head ul li {
	display: inline;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	margin-left: 10px;
	padding-left: 32px;
	background: url(../img/individual/interview/ico_cross.png) no-repeat left center;
	background-size: 20px 20px;
}

#entry-head ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

#entry-head ul li span {
	display: block;
	margin-bottom: 4px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
}

#history, .history {
	margin-bottom: 16px;
	padding: 12px;
	border: 1px solid #EEEEEE;
	background: #FBFBFB;
	font-size: 10px;
	line-height: 180%;
}

#history p, .history p {
	margin-bottom: 4px;
}

.history a {
	color: #E10078;
	text-decoration: underline;
}

#position {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

#entry-name {
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 16px;
}

#entry-name span {
	display: inline-block;
	margin-left: 8px;
	color: #AAAAAA;
	font-family: aleo-b;
	font-size: 8px;
	line-height: 1em;
}

#entry-head #intro {
	font-size: 13px;
	line-height: 180%;
	margin-bottom: 24px;
}

#interview #entry-head {
	margin-bottom: 32px;
	border-bottom: 2px solid #E20078;
	padding-bottom: 16px;
}

#entry-content .lead {
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: bold;
}

#entry-content p {
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 200%;
}

#entry-content p img {
	margin-bottom: 10px;
}

#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: 6px;
}

#entry-content img {
	width: 100%;
	vertical-align: bottom;
	height: auto;
}

.caption {
	font-size: 8px !important;
	font-weight: bold;
	line-height: 160%;
	margin-top: 8px;
}

#portfolio #cover {
	border: 1px solid #eeeeee;
}

#portfolio #entry-head h3 span {
	font-size: 10px;
	display: block;
	padding-top: 8px;
}




/*--------------------------------------------
/*
/*		Theme Name: SP interview
/*		インタビュー
/*
/*--------------------------------------------*/
#interview-list {
	margin-top: 40px;
}
#interview-list li {
	margin-bottom: 24px;
}

#interview-list > li div {
	margin-bottom: 12px;
}

#interview-list > li img {
	width: 100%;
}

#interview-list > li p {
	margin-bottom: 8px;
	color: #DF0078;
	font-size: 8px;
	font-weight: bold;
	line-height: 1em;
}

#interview-list > li h3 {
	font-size: 13px;
	margin-bottom: 8px;
	line-height: 160%;
}

#interview-list > li h3 a {
	color: #000;
	font-weight: bold;
}

#interview-list > li ul li {
	font-size: 10px;
	line-height: 1em;
	font-weight: bold;
}


/*--------------------------------------------
/*
/*		Theme Name: SP portfolio
/*		作品集
/*
/*--------------------------------------------*/
#portfolio-list li {
	display: inline;
	float: left;
	width: 48%;
	margin-bottom: 24px;
}

#portfolio-list li:nth-child(odd) {
	margin-right: 4%;
}

#portfolio-list li img {
	width: 100%;
}

#portfolio-list div {
	margin-bottom: 12px;
	border: 1px solid #eeeeee;
}

#portfolio-list p {
	font-size: 11px;
	line-height: 160%;
}

#portfolio-list p a {
	color: #000;
	font-weight: bold;
}


/*--------------------------------------------
/*
/*		Theme Name: SP painting
/*		学科・専攻の紹介 > 絵画専攻
/*
/*--------------------------------------------*/
#painting h3 {
    color: #E61F28;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 16px;
	padding:0 10px;
    display: table;
    line-height: 18px;
    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: 10px;
	font-family: aleo-b;
	display: block;
}

#entry-head h4 {
	margin-bottom: 22px;
	font-size: 18px;
	font-weight: bold;
	line-height: 160%;
}

#entry-head h4 br {
	display: none;
}

#painting #entry-content01, #painting #entry-content02, #painting .entry-content03 {
	margin-bottom: 32px;
}

#painting #entry-content01 > div {
	margin-bottom: 24px;
}

#painting h5 {
	color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-bottom: none;
    display: block;
    padding: 5px 15px;
    margin-bottom: 16px;
	background: #E61F28;
}

body.photo #cbox h5{background: #413993;}
body.visual #cbox h5{background: #009edf;}
body.living #cbox h5{background: #00ac75;}
body.social #cbox h5{background: #f6aa00;}

#entry-content01 p, #entry-content02 p, #entry-content03 p {
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 180%;
}

.thumb_comm {
	margin-bottom: 8px;
	border: 1px solid #eeeeee;
}

.thumb_comm img {
	width: 100%;
}

#gallery li {
	display: inline;
	float: left;
	width: 48%;
	margin-bottom: 24px;
}

#gallery li:nth-child(odd){
	margin-right: 4%;
}

#gallery li p {
	font-size: 11px;
	line-height: 160%;
}

#gallery li p a {
	color: #000;
	font-weight: bold;
}

#gallery li img {
	width: 100%;
}

.entry-content03 img {
	margin-bottom: 16px;
}

.entry-content03 h4 {
	margin-bottom: 24px;
	font-size: 20px;
	font-weight: bold;
	line-height: 140%;
}

.entry-content03 ul li {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3em;
}

.entry-content03 ul li.seminar {
	display: block;
	margin-bottom: 8px;
	font-size: 11px;
	font-weight: bold;
	line-height: 160%;
}

.entry-content03 ul {
    margin-bottom: 16px;
    line-height: 160%;
    border-left: solid 1px;
    padding-left: 10px;
    color: #4d4d4d;
}

.entry-content03 li span { font-size: 11px;}
.entry-content03 li b{
	font-size: 13px;
	font-weight:bold; 
	display:block; 
}

body.chrome #pagewrap .entry-content03 p {
    margin-bottom: 35px;
    font-size: 13px;
    line-height: 160%;
    color: #4d4d4d;
    letter-spacing: -0.01em;
    font-weight: 500;
}

#painting .entry-content03 p {
	font-size: 13px;
	line-height: 180%;
	margin-bottom: 24px;
}


/*--------------------------------------------
/*
/*		Theme Name: SP development
/*		地域・学際
/*
/*--------------------------------------------*/
#development .cover {
	margin-bottom: 16px;
}

#development h2 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 4px;
}

#development h3 {
	margin-bottom: 10px;
	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: 12px;
	font-size: 15px;
	font-weight: bold;
	line-height: 140%;
}

#development h5 {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 160%;
	color: #e5006a;
}

.slide {
	margin-bottom: 32px;
}

.smalltxt {
	font-size: 10px !important;
	margin-bottom: 8px !important;
}

#development #articleinner ul {
	margin-bottom: 32px;
}

#development #articleinner ul li:nth-child(even) {
	width: 49.5%;
	float: left;
	margin-bottom: 3px;
	font-size: 8px;
	font-weight: bold;
	color: #fff;
	background: #727171;
	text-align: center;
	line-height: 1em;
	padding: 12px 0;
}

#development #articleinner ul li:nth-child(odd) {
	width: 49.5%;
	float: right;
	margin-bottom: 3px;
	font-size: 8px;
	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;
}

#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: 80%;
	height: 80%;
	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: 22px;
	height: 22px;
	margin: 8px 0 0px 19px;
	position: absolute;
	top: -40px;
	right: 0;
	cursor: pointer;*/
}

#cboxNext {
	/*background: url(/kyugei/assets/img/department/major/btn_light_next.png) no-repeat;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	right: 0;
	width: 24px;
	height: 41px;
	border: none;
	margin-top: -20px;
	cursor: pointer;
	opacity: 0.5;*/
}

#cboxPrevious {
	/*background: url(/kyugei/assets/img/department/major/btn_light_prev.png) no-repeat;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	left: 0;
	width: 24px;
	height: 41px;
	border: none;
	margin-top: -20px;
	cursor: pointer;
	opacity: 0.5;*/
}


/*--------------------------------------------
/*
/*		Theme Name: SP department
/*		学科・専攻
/*
/*--------------------------------------------*/
.department article {
	margin-bottom: 32px;
}
.department .btn figure {
	position: relative;
}
.department .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;
}

.department .nav-area {
	margin-bottom: 32px;
}

.department .nav-area .btn {
	display: inline;
	/*float: left;*/
	margin-left: 30px;
}

.department #entry-head h3 br {
	display: none;
}

.department .nav-area .btn a {
	width: 100%;
	height: 66px;
	padding-top: 14px;
	background: #FFF;
	color: #E50078;
	border: 1px solid #E50078;
	line-height: 120%;
	font-size: 16px;
	letter-spacing: -0.02em;
}

.department .nav-area .btn a span {
	font-size: 10px;
	letter-spacing: 0px;
}

.department #art .btn a {
	color: #E71F29;
	border: 1px solid #E71F29;
}

.department #photo .btn a {
	color: #413993;
	border: 1px solid #413993;
}

.department #visual .btn a {
	color: #009EDF;
	border: 1px solid #009EDF;
}

.department #living .btn a {
	color: #00AC75;
	border: 1px solid #00AC75;
}

.department #social .btn a {
	color: #F6AA00;
	border: 1px solid #F6AA00;
}

.department .nav-area .btn figcaption {
	position: absolute;
	top: 26px;
	left: -10px;
	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 h5.item {
	font-size: 16px;
	font-weight: bold;
	color: #E10078;
	margin-bottom: 4px;
}
#social #underbox div:first-child {
	padding: 20px;
	background: #efefef;
}
#social #underbox div:first-child h3 {
	font-size: 21px;
	font-weight: bold;
	line-height: 2em;
}
#social #underbox div:first-child h4 {
	margin-bottom: 24px;
}
.department h4.ttl {
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	border-bottom: none;
	display: block;
	padding: 8px 15px;
	margin-bottom: 28px;
}

/*		専攻追加　1806		*/
#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: 266px;
    height: 53px;
	padding: 3.5% 7%;
    display: inline;
    font-weight: bold;
    font-size: 12px;
}

#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: 10px;
    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: 1%;
	margin-top: -3px;
    width: 22px;
}

.department #pagewrap #main div.pc { display:none;}

.department #social #underbox div:first-child p {
	font-size: 12px;
	line-height: 200%;
}
.department #d-section {
	display: none;
}
.department #d-section-sp {
	margin-top: 32px;
}
.department #d-section-sp h4.title {
	margin-bottom: 24px;
	font-size: 20px;
	font-weight: bold;
	line-height: 140%;
}
.department #d-section-sp h5 {
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
}
.department #d-section-sp p.age {
	font-size: 14px;
	font-weight: bold;
}
.department #d-section-sp h5 span {
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
}
.department #d-section-sp dl {
	margin-bottom: 32px;
}
#social #underbox div:first-child {
	padding: 0;
	background: none;
}
#social #underbox div:last-child {
	padding: 20px;
	background: #efefef;
}
#social #underbox div:last-child h3 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 140%;
}
#social #underbox div:last-child p {
	font-size: 13px;
	line-height: 180%;
	letter-spacing: 0;
}
.department #old-1-sp dt, #old-2-sp dt, #old-3-sp dt {
	background: #4c4948;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	padding: 10px;
	margin-bottom: 6px;
}
.department #old-1-sp dd, .department #new-1-sp dd a {
	background: #fff;
	color: #e71f29;
	font-size: 13px;
	font-weight: bold;
	line-height: 2em;
	padding: 0;
	margin-bottom: 6px;
}
.department #old-2-sp dd, .department #new-2-sp dd a {
	background: #fff;
	color: #413993;
	font-size: 13px;
	font-weight: bold;
	line-height: 2em;
	padding: 0;
	margin-bottom: 6px;
}
.department #old-3-sp {
	border-bottom: dotted 2px #000;
	margin-bottom: 16px!important;
}
.department #old-3-sp dd, .department #new-3-sp dd a {
	background: #fff;
	color: #009edf;
	font-size: 13px;
	font-weight: bold;
	line-height: 2em;
	padding: 0;
	margin-bottom: 32px;
}
.department #old-3-sp dd span, .department #new-4-sp dd a {
	color: #00ac75;
	font-size: 13px;
	font-weight: bold;
	line-height: 2em;
	padding: 0;
	margin-bottom: 32px;
}
.department #new-5-sp dd a {
	color: #f6aa00;
	font-size: 13px;
	font-weight: bold;
	line-height: 2em;
	padding: 0;
	margin-bottom: 32px;
}
.department .triangle {
	width: 40%;
	text-align: center;
	margin: 0 auto 16px;
}
.department #new-1-sp dt {
	background: #e71f29;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	padding: 10px;
	margin-bottom: 6px;
}
.department #new-2-sp dt {
	background: #413993;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	padding: 10px;
	margin-bottom: 6px;
}
.department #new-3-sp dt {
	background: #009edf;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	padding: 10px;
	margin-bottom: 6px;
}
.department #new-4-sp dt {
	background: #00ac75;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	padding: 10px;
	margin-bottom: 6px;
}
.department #new-5-sp dt {
	background: #f6aa00;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	padding: 10px;
	margin-bottom: 6px;
}
.department #new-1-sp dt a, .department #new-2-sp dt a, .department #new-3-sp dt a, .department #new-4-sp dt a, .department #new-5-sp dt a {
	color: #FFF;
	font-weight: bold;
}
#d-section-sp .new_ico {
	width: 20%;
	margin-bottom: 10px;
}


/*--------------------------------------------
/*
/*		Theme Name: SP support
/*		産む力を育てる
/*
/*--------------------------------------------*/
#support article {
	margin-bottom: 32px;
}
#support-cont {
	position: relative;
	background: #F9EFD8;
	padding: 32px 6%;
}

#cooperation {
	background: url(../img/individual/support/cooperation/bg_dot.png) repeat #F9EFD8;
	padding: 8px;
}
#international {
	background: url(../img/individual/support/international/bg_bot.png) repeat #F9EFD8;
	padding: 8px;
}
#graduate-school, #license {
	background: url(../img/individual/support/graduate-school/bg_dot.png) repeat #F9EFD8;
	padding: 8px;
}
#employment {
	background: url(../img/individual/support/employment/bg_bot.png) repeat #F9EFD8;
	padding: 8px;
}
.balloon {
	position: relative;
	margin-bottom: 8px;
	text-align: center;
	line-height: 1em;
}
.balloon span {
	display: inline-block;
	padding-bottom: 12px;
	font-weight: bold;
}
#b-tit span {
	font-size: 13px;
}
#b-project span {
	font-size: 17px;
	line-height: 140%;
}
.balloon p {
	position: relative;
	bottom: 3px;
	left: 0;
	width: 13px;
	height: 12px;
	margin: 0 auto;
}
.balloon p img {
	vertical-align: top;
}
#support-cont h3 {
	position: relative;
	margin-bottom: 26px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
}
#support-cont h3 span {
	display: block;
	margin-top: 8px;
	font-size: 10px;
	line-height: 1em;
}
#cooperation .balloon, #cooperation #support-cont h3 { color: #0094C1; }
#cooperation .balloon span { border-bottom: 3px solid #0094C1; }
#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; margin-bottom: 0;}
#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; }
#license .balloon, #international #support-cont h3 img{ 
	width:63%;
	padding:5% 0;
}
.support-txt {
	margin-bottom: 32px;
	font-size: 13px;
	line-height: 180%;
}


/*--------------------------------------------
/*
/*		Theme Name: SP cooperation
/*		産む力を育てる > KSUプロジェクト型教育
/*
/*--------------------------------------------*/

#cooperation .balloon img.pc{display: none;}

#cooperation .stamp {
	display: none;
}

/*
#cooperation .stamp {
	display: none;
}

#collaboration {
	margin-bottom: 32px;
}
#collaboration h4 {
	margin-bottom: 16px;
}
#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 {
	background: url(../img/individual/support/cooperation/ico_cross_l.png) no-repeat 50% 93%;
	background-size: 16px 16px;
	padding-bottom: 40px;
}
#collaboration li:first-child + * + * {
	background: none !important;
}
#collaboration li div {
	background: #008DBE;
	margin-bottom: 12px;
	padding: 20px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
}
#collaboration li div span {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}*/
#collaboration li p {
	font-size: 12px;
	line-height: 160%;
}
#project > ul > li {
	margin-bottom: 24px;
}
#project > ul > li:last-child {
	margin-bottom: 0;
}
#project > ul > li img {
	width: 100%;
}
.project-txt {
	background: #fff;
	padding: 16px 16px 24px;
}
#collaboration .project-txt h5 {
	margin-bottom: 2%;
	color: #404040;
	font-size: 2.2vw;
	font-weight: bold;
	line-height: 160%;
    text-align: center;
}
#cooperation #project .project-txt > img {
    width: auto;
    display: block;
    margin: 0 auto;
    padding: 3% 0;
}
.project-txt ul {
	margin-bottom: 2%;
}
.project-txt li {
	display: inline;
	float: left;
	margin-bottom: 4px;
	padding-left: 16px;
	background: url(../img/individual/support/cooperation/ico_cross_s.png) no-repeat 4px 8px;
}
.project-txt li:first-child {
	padding-left: 0;
	background: 0;
}
.project-txt li div {
	padding: 6px 3px;
	border: 1px solid #0094C4;
	color: #0094C4;
	font-size: 9px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0;
}
.project-txt p,
#collaboration li p,
#cooperation .support-txt {
	margin-bottom: 5%;
	font-size: 12px;
	line-height: 160%;
	/*letter-spacing:-0.02em;*/
}

/*--------------------------------------------
/*
/*		Theme Name: SP international
/*		産む力を育てる > 留学・国際交流
/*
/*--------------------------------------------*/

#international .pc {display:none;}
#international #support-cont {padding: 3%; background:#fff;}
#international{
	background:url(../img/individual/support/international/side_bg.jpg);
    padding: 3%;
}
#international .balloon {
    margin-bottom: 0;
	line-height:0;
}
#international #support-cont h3 span {border-bottom: solid 2px #e4007f;}
#earth {
	position: absolute;
	top: 20px;
	right: 20px;
	opacity: 0.5;
}
#international-txt {
	position: relative;
    margin-bottom: 24px;
    color: #DC006D;
    letter-spacing: -0.08em;
    font-size: 2vw;
    font-weight: bold;
    line-height: 170%;
    text-align: center;
}

/*
#international div.pickup {
    width: 85%;
    border: solid 1px #e4007f;
    position: relative;
    margin: 8% auto;}

#international div.pickup dl{
	padding:8% 7%;
	font-size:12px;
	line-height:18px;
	font-weight:500;
	letter-spacing:-0.03em;
}

#international div.pickup dl dt{
	color:#e4007f;	
	font-weight:bold;
	font-size:16px;
	line-height:21px;
	padding:0 0 3%;
}

#international div.pickup img{
    position: absolute;
	 top: -12%;
    left: -6%;
    width: 17%;
}*/
@media screen and (max-width:600px) {
	#international div.pickup img{
		top: -25px;
		left: -25px;
		width: 22%;
	}
}
.abroadbox {
	margin-bottom: 20px;
    width: 93%;
    margin: 0 auto;
}
.abroadbox h4 {
	padding: 8px 0;
	background: #DC006E;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
}
/*
.abroadbox h4 span {
	display: block;
    margin: 1.2% 0 0;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 2vw;
    vertical-align: bottom;
}
.abroadbox > div {
	padding: 20px 0;
	background: none;
	font-size: 12px;
	line-height: 180%;
}
#entered {
	padding-bottom: 32px;
    margin-bottom: 0;
	background:url(../img/individual/support/international/bg_earth.png) center no-repeat ;
    background-size: 93%;

}
.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: 13px;
	font-weight: bold;
	line-height: 1em;
}*/
.abroadbox h4 {
    padding: 0 0 2%;
    background: none;
    color: #e4007f;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
}
.abroadbox h4 span {
	display: block;
	margin-top: 3px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1em;
	vertical-align: 2px;
}
.abroadbox > div {
	padding: 20px 16px;
	background: #fff;
	font-size: 13px;
	line-height: 180%;
}
#entered {
	margin-bottom: 32px;
}
.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: 13px;
	font-weight: bold;
	line-height: 1em;
}
#entered ul {
	margin-bottom: 24px;
}
#entered ul:last-child {
	margin-bottom: 0 !important;
}
#entered li {
	margin-bottom: 2%;
	font-size: 11px;
	line-height: 1em;
}
#entered li:before {
	position: relative;
	top: 1px;
	margin-right: 6px;
	content: url(../img/individual/support/international/ico_circle.png);
}
#college h5 {
	margin-bottom: 12px;
	color: #DE006C;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
}
#college div.sp img{
	width: 100%;
    padding-bottom: 10%;
}
#college table {
	margin-bottom: 32px;
}
#college td, #college th {
	padding: 16px 0;
	border: 3px solid #DE006D;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	line-height: 160%;
}
#college td {
	background: #F9D8CD;
	font-weight: bold;
}
#college th {
	letter-spacing: -0.03em;
	color: #DE006D;
    font-weight: bold;
}
#college > p {font-size:12px; padding-bottom:5%;}
#college > p span {
	font-size:6px;
	vertical-align:top;
}
#college th span {
	font-size: 9px;
}
#checkbox {
	margin-bottom: 32px;
}
#checkbox-l {
	position: relative;
	margin-bottom: 16px;
	padding: 14px 0;
	border: 5px solid #DE006D;
	text-align: center;
}
#checkbox-l div {
	color: #DE006D;
	font-size: 16px;
	font-weight: bold;
	line-height: 140%;
	letter-spacing: 2px;
	display: inline;
	float: left;
	margin-left: 7%;
}
#checkbox-l span {
	position: absolute;
	display: block;
	top: 18px;
	left: 50%;
	width: 37px;
	margin-left: -18px;
}
#checkbox-l p {
	display: inline;
	float: right;
	color: #DE006D;
	font-size: 14px;
	font-weight: bold;
	margin-right: 6%;
}
#checkbox-r {
}
#campus {
	margin-bottom: 16px;
	padding-bottom: 14px;
	background: url(../img/individual/support/international/line.png) repeat-x bottom;
}
#campus > div {
	margin-bottom: 8px;
}
#campus > p {
	width: 90%;
	margin: 0 auto;
}
#foreign-attention {
	margin-top: 6px;
	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: SP education
/*		生む力を育てる > キャリア教育
/*
/*--------------------------------------------*/
/*#education {
	background: url(/test/kyugei2017/_assets/img/individual/support/employment/bg_bot.png) repeat #F9EFD8!important;
	padding: 8px;
}
*/
#education #support-cont section {margin-bottom:0;}
#education #support-cont {
    background: #fff;
    padding: 6%;
}
#education .balloon span {
	border-bottom: 3px solid #F08300;
}

#education .balloon, #education #support-cont h3 {
	color: #F08300;
	margin-bottom:6%;
}

#education #international-txt {
	color: #F08300;
}

#education .balloon, #education #support-cont p, #education #support-cont ul li {
	margin-bottom: 16px;
	font-size: 13px;
	line-height: 180%;
}

#education .balloon, #education #support-cont section {
	margin-bottom: 27px;
}

#education section#sec2 div {
	border: 2px solid #F08300;
	width: 100%;
	display: inline-block;
	margin: 0 0 21px 0;
}

#education section#sec2 div > h1 {
	padding: 6px 0;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background: #F08300;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 1em;
}

#education section#sec2 div > p {
	display: table-cell;
    padding: 8px;
    font-size: 10px;
    vertical-align: middle;
    line-height: 140%;
}
#education #support-cont .pdf { padding:2% 0;} 
#education #support-cont #iphone, #photo #iphone { margin-bottom: 8%;}

#education #support-cont .pdf a{ 
    width: 266px;
    height: 50px;
    padding: 4% 7%;
    display: inline;
    font-weight: bold;
    font-size: 11px;
}

#education #support-cont .pdf a span{
    font-size: 10px;
	letter-spacing:-0.01em;
}

#education #support-cont .pdf a img{
    width: 22px;
    vertical-align: middle;
    padding-right: 1%;
    margin-top: -1%;
} 

#education #support-cont .pdf a:hover {
	color: #ffffff;
	border: 1px solid #E20078;
	background:#E20078;
}

/*--------------------------------------------
/*
/*		Theme Name: SP 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: 12px;
	text-align: center;
	vertical-align: middle;
	width: 50%;

}

#license table th:first-child {
	width: 50%;

}

#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;}


/*--------------------------------------------
/*
/*		Theme Name: SP graduate-school
/*		産む力を育てる > 大学院［芸術研究科］
/*
/*--------------------------------------------*/
#graduate-school h4 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 16px;
}
#graduate-school #project li {
	margin: 0;
}

#graduate-school #project p.name {
	font-size: 13px;
	font-weight: bold;
	margin: 32px 0 0;
}
#graduate-school #project p.addcls {
	font-size: 10px;
	font-weight: bold;
	margin: 0;
}
#graduate-school #project p {
	font-size: 13px;
	margin: 16px 0;
	line-height: 180%;
}
#graduate-school hr {
	border-bottom: 1px solid #4D4D4D;
	border-top: 0;
}
#collaboration img {
	width: 100%;
}
#collaboration .img1 {
	margin-bottom: 24px;
}


/*--------------------------------------------
/*
/*		Theme Name: SP employment
/*		産む力を育てる > 就職実績
/*
/*--------------------------------------------*/
#employment .balloon span {
	border-bottom: 3px solid #F08300;
}
#employment .balloon, #employment #support-cont h3 {
	color: #F08300;
}
#employment section {
	margin-bottom: 40px;
}
#employment section img {
	width: 100%;
}
#employment section#place {
	margin-bottom: 0;
}
#employment li {
	margin-bottom: 16px;
	font-size: 13px;
	line-height: 180%;
}
#employment #employment-txt {
	display: inline-block;
	padding-bottom: 6px;
	border-bottom: 2px solid #EF8200;
	color: #EE8100;
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
	text-align: center;
}
#employment h4 {
	margin-bottom: 16px;
	color: #000;
	font-size: 15px;
	font-weight: bold;
}
#employment section#place p {
	font-size: 13px;
	line-height: 180%;
	letter-spacing: 0;
}


/*--------------------------------------------
/*
/*		Theme Name: SP equipment
/*		施設・設備
/*
/*--------------------------------------------*/
#equipment img.pc {display:none;}

#equipment #entry-head h3 {
    margin-bottom: 4%;
    font-size: 3vw;
}

#equipment #entry-head #intro {
    font-size: 12px;
    line-height: 160%;
    margin-bottom: 4%;
}

.equipment-content {margin:10% 0 0;}

#equipment .thumb_comm {
    margin-bottom:3.5%;
    border: none;
}

#equipment .equipment-ph-sp4 .thumb_comm {margin-bottom:0;}

#equipment .right-coment ,
#equipment .left-coment { overflow:hidden;}

#equipment .right-coment .box-in,
#equipment .left-coment .box-in {
    width: 68%;
    float: right;
}

#equipment .right-coment .right-map,
#equipment .left-coment .left-map {width: 28%;}

#equipment .thin-block {
    width: 58.5%;
	padding-bottom:3%;
}

#equipment .thin01 { float: right;}
#equipment .thin02 { float: left;}
#equipment .thin03 { float: left;}
#equipment .thin04 { float: right;}

#equipment .right-block,
#equipment .left-block { overflow:hidden;}

#equipment #cbox .equipment-ph-group .equipment-ph-first,
#equipment #cbox .equipment-ph-group .equipment-ph-last{
	width:50%;
	float:left;
	margin:0;
}

#equipment #cbox .equipment-ph-group .equipment-ph-first .thumb_comm,
#equipment #cbox .equipment-ph-group .equipment-ph-last .thumb_comm{
	margin:0;
}

#equipment #cbox .equipment-ph-sp4 {
	width:50%;
	float:left;
}

#equipment #cbox .center_block .left-map{
    width: 28%;
    float: left;
}

#equipment #cbox .center_block .box-in{
	padding-left: 2%;
    overflow: hidden;
    width: 72%;
}

#equipment #cafeteria .clearfix > img.sp {
	float: left;
    width: 20%;
    margin-left: 2%;
}

#equipment #cbox .colum1 {
    width: auto;
    margin: 0 auto 2%;
    text-align: center;
    width: 55%;
    padding-top: 18%;
}

#equipment #cbox .center_block .box-text {
	width:70%;
	float:right;
}

#equipment #cbox .box-style span img {
    width: 23%;
    float: left;
    margin: 5% 3% 5% 0;
}
#equipment .center02,
#equipment #cbox .right-block { padding-top: 3%;}

#equipment #cbox .box-style { padding:0 0 6%;}
.center_block {overflow: hidden;}

#equipment .colum2 > .ph,
#equipment .colum3 > .ph { position:relative;}

#equipment .box-style, #equipment .lib-cover, #equipment .equipment-ph-sp5, #equipment .equipment-ph-sp4, #equipment .equipment-ph-block, #equipment .tlt-block2 .right-block1, #equipment .tlt-block2, #equipment .tlt-block .left-block, #equipment .tlt-block, #equipment .colum3, #equipment .colum2, #equipment .colum1, #equipment .colum2 .ph, #equipment .tlt-block .right-block1 p, #equipment .tlt-block .right-block1, #equipment .equipment-content .right-block, #equipment .equipment-content .left-block, #equipment .box-in .right-txt, #equipment .box-in .left-map, #equipment .box-in, #equipment .nyuzyou, #equipment .all-map, #equipment .equipment-ph-sp1, #equipment .equipment-ph-sp2, #equipment .equipment-ph-sp3 {
	width: 100%;
	height: auto;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	float: none;
	position: static;
}

#equipment #entry-head{
	padding:10% 3%;
	background:#000;
	color:#888888;
}

#equipment #entry-head h3 span {
    display: block;
    font-size: 2.2vw;
    font-weight: bold;
    line-height: 1em;
    vertical-align: 3px;
}

#equipment img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

#equipment h4.ttl {
	font-size: 12px;
    font-weight: bold;
    border: 1px solid #000;
    display: inline-block;
    margin-bottom: 2%;
    padding: 1.2% 9%;
    letter-spacing: -0.01em;
	background-color: #fff;
}

#equipment h5 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 8px;
}

#equipment h5 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3%;
}
.nyuzyou p, .ph-tlt-bk, .ph-tlt-wh {
	font-size: 8px !important;
	font-weight: bold;
	line-height: 160%;
	margin-top: 8px;
}

#equipment p {
	font-size: 12px;
	line-height: 160%;
	margin-bottom: 4%;
}

#equipment .all-map-sp {
	margin-bottom: 16px;
}

#equipment .all-map-pc {
	display: none;
}

#equipment .equipment-ph-first, #equipment .equipment-ph-last, #equipment .equipment-ph-up, #equipment .equipment-ph-down {
	width: 100%;
	float: none;
}
/*.nyuzyou p,*/ #equipment p.ph-tlt-bk, #equipment p.ph-tlt-wh {
	font-size: 10px !important;
	font-weight: bold;
	height: 18px;
    line-height: 18px;
	margin-top: 0;
    margin-bottom: 0;
	position:absolute;
	bottom:0;
	color:#fff;
	background:#000;
	padding:0 2% 0;
}

@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:21px;}
}


#equipment .equipment_row {	position:relative}

#equipment .equipment_row p.ph-tlt-wh {
	left:auto;
	right:0;
}

#equipment .all-map-sp {
	margin-bottom: 16px;
}

#equipment .all-map-pc {
	display: none;
}

#equipment .equipment-ph-first, #equipment .equipment-ph-last, #equipment .equipment-ph-up, #equipment .equipment-ph-down {
	width: 100%;
	float: none;
	position:relative;
}
/*#equipment .tlt-block2 .left-block img,#entry-content img {
	margin: 24px 0;
}*/
#equipment .lib-cover {
	height: auto;
	margin-bottom: 8px;
}

#equipment .tlt-block .left-block, #equipment .box-in .left-map, #equipment .tlt-block2 .left-block, #equipment .colum1 {
	width: 50%;
	margin: 0 auto 20px;
}


/*--------------------------------------------
/*
/*		Theme Name: SP teachers
/*		教員の紹介
/*
/*--------------------------------------------*/
#teachercover {
	margin-bottom: 16px;
}
#department-list {
	margin-bottom: 24px;
}
#department-list li {
	display: inline;
	float: left;
	margin-right: 2%;
	margin-bottom: 6px;
	line-height: 1em;
	width: 49%;
}
#department-list li#n-photo,
#department-list li#n-living,
#department-list li#n-other {
	margin-right: 0;
}

#department-list li a {
	display: block;
	height: 36px;
	padding-top: 8px;
	font-size: 9px;
	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 {
	color: #696969;
	border: 2px solid #696969;
}
#department-list li#n-other a:hover {
	color: #fff;
	background: #696969;
}

.sec-teachers {
	margin-bottom: 40px;
	overflow:hidden;
}
.sec-teachers h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 24px;
	padding-bottom: 10px;
}
#sec-art h3 {
	color: #EA0D1E;
	border-bottom: 2px solid #EA0D1E;
}
#sec-photo h3 {
	color: #403595;
	border-bottom: 2px solid #403595;
}
#sec-visual h3 {
	color: #009CE2;
	border-bottom: 2px solid #009CE2;
}
#sec-living h3 {
	color: #00AC72;
	border-bottom: 2px solid #00AC72;
}
#sec-social h3 {
	color: #F7AA00;
	border-bottom: 2px 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: 2px solid #696969;
}
.teachers-list tr {
	border: 1px solid #DDDDDD;
}
.teachers-list td {
	padding: 12px 2px;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	line-height: 1em;
}
.teachers-list td.td1 {
	width: 40%;
	padding: 8px 16px;
	border-right: none;
	text-align: left;
}
.teachers-list td.td2 {
	width: 50%;
	padding: 8px 16px 8px 0;
	border-left: none;
	text-align: left;
}
.teachers-list td.td3 {
	width: 10%;
}
.teachers-list div {
	margin: 16px;
}
.teachers-list div tr {
	border: none;
}
.teachers-list div th {
	padding: 5px 5px 5px 0;
	font-size: 10px;
	line-height: 140%;
}
.teachers-list div th.th1 {
	width: 44%;
}
.teachers-list div th a {
	color: #DF0078;
	text-decoration: underline;
}
#teachers #entry-head {
	margin-bottom: 40px;
}
#teachers #cbox section {
	margin-bottom: 32px;
	font-size: 13px;
	line-height: 180%;
}
#teachers h5 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #000;
	display: inline-block;
	margin-bottom: 13px;
}

#department-list {
	padding-bottom:20px;
}

#department-list li a { font-weight:bold;}

#department-list li#n-art a {
	color: #E71629;
}

#department-list li#n-photo a {
	color: #403595;
}

#department-list li#n-visual a {
	color: #009CE2;
}

#department-list li#n-living a {
	color: #00AC72;
}

#department-list li#n-social a {
	color: #F7AA00;
}

#teachers #cbox table {
	font-size: 12px;
	line-height: 180%;
}
#teachers #cbox table th {
	width: 85px;
}
#teachers #cbox table td {
	padding-bottom: 8px;
}
.pink {
	font-weight: bold;
	color: #E00078;
}
/*追記*/
body#teachers #cbox .pink {color: #E00078;}

body #cbox .pink {color: #E61F28;}
body.photo #cbox .pink {color: #413993;}
body.visual #cbox .pink {color: #009edf;}
body.living #cbox .pink {color: #00ac75;}
body.social #cbox .pink {color: #f6aa00;}

body #entry-content01 p.under {
    display: inline;
    font-size: 16px;
}

body #entry-content01 p.under { border-bottom: solid 1px #e71f29;}
body.photo #entry-content01 p.under { border-bottom: solid 1px #413993;}
body.visual #entry-content01 p.under { border-bottom: solid 1px #009edf;}
body.living #entry-content01 p.under { border-bottom: solid 1px #00ac75;}
body.social #entry-content01 p.under { border-bottom: solid 1px #f6aa00;}

#teachers h6 {
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	letter-spacing: 0;
}
#teachers .performance {
	margin-bottom: 48px;
	font-size: 13px;
}
#teachers #entry-content02 li {
	margin-bottom: 24px;
}
#teachers #entry-content02 li:last-child {
	margin-bottom: 8px;
}
#teachers #entry-content02 dt {
	margin-bottom: 8px;
	border: 1px solid #DDDDDD;
}
#teachers #entry-content02 dd {
	font-size: 11px;
	font-weight: bold;
	line-height: 160%;
}

section.sec-member .member{ padding-top:15px;} 

section.sec-member img{ 
	width:49%;
	padding-bottom:2%;
}

section.sec-member img.member01,
section.sec-member img.member03,
section.sec-member img.member05{ float:left;}

section.sec-member img.member02,
section.sec-member img.member04,
section.sec-member img.member06{ float:right;}


/*--------------------------------------------
/*
/*		Theme Name: SP entrance
/*		入試情報
/*
/*--------------------------------------------*/
#entrance .MB0 {
	margin-bottom: 0!important;
}

#entrance_info {
	display: none;
}

#entrance #gallery {
	margin-bottom: 40px;
}

#entrance .title h3 {
	margin-bottom: 12px;
	font-size: 20px;
    letter-spacing: -0.01em;
	font-weight: bold;
	line-height: 140%;
}

#entrance .title h3 span {
	margin-bottom: 24px;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
}

#entrance #entrance_info_sp .title h3,
#entrance .info05 h3,
#entrance #entrance_info_sp p.color{color:#00A1E9;}

#entrance .info05 h3 img{
    display: inline;
    vertical-align: middle;
    margin-top: -2px;
	width:40px;
}

#entrance .title h3 span {
	margin-bottom: 24px;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
}

#entrance #main {
	margin: 0 auto 64px;
	position: relative;
	width: 100%;
}

#entrance #iphone {
	width: 100%;
	position: relative;
	margin: 0 auto 32px;
}

#entrance .pdf {
	text-align: center;
	padding: 10px 0;
}

#entrance .pdf a {
	width: 266px;
	height: 53px;
	border: 1px solid #E20078;
	color: #E20078;
	padding: 16px 64px;
	display: inline;
	font-weight: bold;
	font-size: 13px;
}

.curriculum { overflow: hidden;}

.department .pdf {
	text-align: center;
	padding: 10px 0;
	margin: 10% 0;
}

.department .pdf a {
    width: 266px;
    height: 53px;
    border: 1px solid #E20078;
    color: #E20078;
    padding: 16px 10%;
    display: inline;
    font-weight: bold;
    font-size: 12px;
}

#art_wrap .pdf a {
    border: 1px solid #e71f29;
    color: #e71f29;
}

#art_wrap .pdf a img {
    vertical-align: top;
    padding-right: 1%;
}

#entrance .work_block h4 {
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
}

#entrance .work_block > div {
	margin-bottom: 24px;
}

#entrance #info01, #entrance #info02 {
	margin-bottom: 32px;
}

#entrance table#tb01, #entrance table#tb02 {
	margin-bottom: 16px;
}

#entrance table, #entrance table td {
	border: 1px solid #00A1E9;
	font-size: 10px;
	vertical-align: middle;
	margin-bottom: 6px;
}

#entrance table td {
	padding: 10px 0;
	color:#00A1E9;
}

#entrance ul.txtbox {
	font-size: 10px;
	line-height: 180%;
	margin: 10px 0 32px 0;
}

#entrance #entrance_info_sp h4 {
	font-size: 16px;
	margin-bottom: 8px;
/*	border-left: 4px solid #00A1E9;*/	
	padding-left: 6px;
	color: #fff;
	font-weight: bold;
	line-height: 120%;
    background: #00A1E9;
    display: inline-block;
    padding: 4px 10px;
}

#entrance_info_sp p {
	margin-bottom: 24px;
	font-size: 10px;
	line-height: 160%;
}

#entrance #entrance_info_sp table {
	text-align: center;
	border-collapse: collapse;
}

#entrance #entrance_info_sp .info03 {
	margin-bottom: 32px;
}

#entrance #entrance_info_sp p.title {
	font-weight: bold;
	margin-bottom: 10px;
}

#entrance #entrance_info_sp table#tb04 {
	margin-bottom: 16px;
	color:#595757;	
}

#entrance #entrance_info_sp table#tb05 td {
	padding: 10px!important;
	line-height: 160%;
}

#entrance #entrance_info_sp table.tb05 td.blue { width:80px;}

#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.l_blue {
	background-color: #B9E3F9;
}

#entrance table td.ul_blue {
	background-color: #EAF6FD;
}

#entrance #articleinner table.tb04 td.gray {
	background-color: #EEE;
	width:80px;
}

#entrance table#tb04 td {
	border: 1px solid #CCC;
	text-align: left;
	padding: 10px;
	line-height: 160%;
}

#entrance .caution {
	font-size: 8px;
	color: #00A1E9;
	font-weight: bold;
	line-height: 140%;
	margin-top: 10px;
	margin-bottom: 32px;
}

#entrance ul.tdlist li {
	list-style-type: none;
	text-indent: -1em;
	padding-left: 1em;
}

#entrance ul.tdlist li:before {
	display: inline;
	content: "・";
}

#entrance #entrance_info_sp h5 {
	font-size: 14px;
	font-weight: bold;
	color: #00A1E9;
	margin-bottom: 10px;
}

#entrance h5 img{width:31px;}

#entrance h6 {
	font-size: 13px;
	font-weight: bold;
	color: #00A1E9;
	margin-bottom: 10px;
}

#entrance .info05 dt, #entrance .info06 dt, #entrance .info07 dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 180%;
	border-bottom: 2px solid #00A1E9;
	color:#00A1E9;
	margin-bottom: 5px;
}

#entrance .info05 dd, #entrance .info06 dd, #entrance .info07 dd {
	font-size: 13px;
	line-height: 180%;
	margin-bottom: 15px;
	letter-spacing:0;
    color: #00A1E9;
}

#entrance #articleinner td:nth-child(odd){ width:auto;}
#articleinner #entrance_info_sp span.yen {
    float: right;
    font-size: 10px;
    color: #00A1E9;
    margin-top: 11px;
}

#digital-brochure{
    text-align: center;
    font-size: 1rem;
    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: SP inquiry
/*		資料請求
/*
/*--------------------------------------------*/
#inquiry .txtarea {
	text-align: center;
	font-size: 13px;
	margin: 24px 0;
}

#inquiry .txtarea p {
	font-weight: bold;
}

#inquiry .txtarea p.line {
	display: inline;
	padding-bottom: 3px;
	border-bottom: 2px solid #000;
	line-height: 200%;
	letter-spacing: 0;
	font-size: 11px;
}

#inquiry .txtarea p.pickup-txt {
	color: #E20078;
	padding-top: 16px;
	font-size: 14px;
}

#inquiry .txtarea p.line br {
	display: none;
}

#inquiry .click {
	margin-top: 14px;
	font-size: 12px;
	color: #E20078;
}

#inquiry #gallery {
	margin-bottom: 16px
}

#inquiry #gallery ul li {
	display: block;
	float: none;
	width: 100%;
	margin-bottom: 16px;
}

#inquiry .inq_btn {
	border: 1px solid #E20078;
}

#inquiry .inq_btn a {
	display: block;
	padding: 14px 0;
	color: #E20078;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#inquiry .inq_btn a span {
	font-size: 10px;
}

#inquiry .f_big {
	font-size: 16px;
	font-weight: bold;
}


/*--------------------------------------------
/*
/*		Theme Name: SP access
/*		アクセス
/*
/*--------------------------------------------*/
#access .map_block {
	height: auto;
	width: 100%;
}

#access main p {
	font-size: 12px;
}
#access .title {
	height: 50px;
	width: 100%;
	margin-top: 50px;
}
#access .title p {
	font-size: 16px;
	font-weight: bold;
}

#access .google_map {
	width:100%;
}

#access .traffic {
	width: 100%;
}
#access .access_style {
	margin-right: 28px;
}
#access .access_block {
	margin-top: 30px;
	width: 100%;
	/* height: 300px; */
	float: left;
	letter-spacing: 1px;
	padding-bottom:24px;
}
#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;
}

#support #iphone {
	margin-bottom: 32px;
}
#support .pdf {
	text-align: center;
	padding: 10px 0;
}
#support .pdf a {
	width: 266px;
	height: 53px;
	border: 1px solid #E20078;
	color: #E20078;
	padding: 16px 64px;
	display: inline;
	font-weight: bold;
	font-size: 13px;
}
/*--------------------------------------------
/*
/*		
/*		
/*
/*--------------------------------------------*/

.link-button1{
    text-align: center;
    margin-top: 20px;
}
.link-button2{
    display: inline-block;
    font-size: 0.8rem;
    font-weight:bold;
    color: #fff;
    background-color: #009EDF;
    border:solid 1px #009EDF;
    border-radius: 10px;
    padding: 12px;
}
.link-button1:hover a{
    opacity: 0.6;
  transition-duration: 0.3s;

}

.department-img img{
    margin: 20px 0;
}

/*--------------------------------------------
/*
/*		Theme Name: 2017.10.30追加
/*
/*--------------------------------------------*/
#access .title h2 {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: bold;
	line-height: 160%;
}
#access h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
}
.contactbox {
	border: 1px solid #000;
	padding: 20px;
	margin-bottom: 32px;
}
.contactbox p {
	font-size: 14px!important;
	box-sizing: border-box;
	display: inline-block;
}
.contactbox-l p {
	margin-bottom: 16px;
}
.contactbox-r {
}
#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: 100%;
	margin: 0 auto;
}
#access .btn a:hover {
	color: #D1A930;
	border: 1px solid #D1A930;
	background: #FFF;
}

/*20180706追加*/


#department #articleinner div.dpm_list {
	width:100%;
	overflow:hidden;
	margin:0 0 20px;
}

#department #articleinner div.dpm_list ul{
	min-height:90px;
	float:left;
	width:48%;
	margin-bottom:12px;
}

#department #articleinner div.dpm_list ul.list_art,
#department #articleinner div.dpm_list ul.list_visual {margin-right:4%;}

#department #articleinner div.dpm_list ul.list_social {margin-bottom:0;}


#department #articleinner div.dpm_list ul li{ padding-bottom:5px; letter-spacing: 0.05em;}

#department #articleinner div.dpm_list ul li:first-child{
	font-size:12px;
	padding:0 0 3px;
	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:11px;
    line-height: 16px;
	color:#444444;
    border-bottom: solid 1px;
}
#department #articleinner div.dpm_list ul li a br{ display:none;}


@media screen and (max-width:374px) {
	
#department #articleinner div.dpm_list ul.list_living,
#department #articleinner div.dpm_list ul.list_visual {min-height:122px;}

}

/*-------------------------------------------------------------------------------------------*/

#visual_image {
	background-color: #E8E9E4;
	text-align: center;
	position: relative;
	padding: 32px 0;
}

#department #visual_image {
	background-color: #fff;
}

#visual_image_ttl {
	position: absolute;
	top: 20px;
	left: 50px;
}
#visual_image a:hover img{
	opacity: 0.85;
}

#articleinner tr {
	margin-bottom: 4px;
    height: 10px;
}

#department #articleinner th:nth-child(2) img { margin-left: 2%;}

#articleinner table {
	margin-bottom: 16px!important;
	width: 100%
}
#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: 11px;
}
#articleinner td:nth-child(odd) {
	width: 35%;
	text-align: center;
	vertical-align: middle;
}
#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 #FFF;
}
#articleinner #new-1 tr:last-child td:first-child {
	border-bottom: 1px solid #e71f29;
}

#department #articleinner td:nth-child(even) > img {
    width: 16px;
	vertical-align: middle;
}

#articleinner .new-1 td:nth-child(even) {
    font-weight: bold;
    color: #e71f29;
    padding: 8px 10px;
	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;
}
#articleinner .new-2 td:nth-child(even) {
	font-weight: bold;
	color: #413993;
	padding: 8px 10px;
	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: 8px 10px;
	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: 8px 10px;
	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: 8px 10px;
	background-image: linear-gradient(to right, #f6aa00, #f6aa00 3px, transparent 1px, transparent 4px);
    background-size: 6px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
}


#support #iphone,
#photo #iphone {margin-bottom: 32px;}

#department div.category {padding-top: 20px;}

.sp-innermenu {
	width: 90%!important;
	margin: 4px auto 0!important;
}
.sp-innermenu li:first-child {
	width: 36%!important;
}
.sp-innermenu li {
	border: none!important;
	float: left!important;
	width: 28%!important;
	margin-right: 8px;
	margin-bottom: 4px!important;
	font-feature-settings: "halt" 1;
}
.sp-innermenu li a {
	font-size: 9px!important;
}
.sp-innermenu li:last-child {
	margin-right: 0!important;
}



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

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 p.introduce br{
	display: none;
}

#expert #topicswrap{
	background: #074134;
	padding: 40px 24px;
}

#expert #topicswrap #header h1{
	float: none;
	width: 100%;
	height: auto;
	margin-right: 16px;
	margin-bottom: 16px;
}

#expert #topicswrap #header p{
	float: none;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 16px;
	line-height: 180%;
}

#expert h2.black{
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	margin-bottom: 16px;
	text-align: center;
}

#expert ul.photoarea li{
	float: left;
	margin-bottom: 32px;
}

#expert ul.photoarea li .thumb{
	margin-bottom: 8px;
}

#expert p.small{
	font-size: 12px;
	line-height: 160%;
}

#expert h3{
	font-size: 18px;
    font-weight: bold;
    color: #fff;
	margin: 0 auto 16px;
    width: 100%;
}
#expert h3 br {
	display: none;
}

#expert p.text{
	font-size: 12px;
	width: 100%;
    margin: 0 auto 16px;
    line-height: 180%;
}

#expert ul.fotterarea{
}

#expert ul.fotterarea li{
	float: none;
	margin-bottom: 32px;
}

#expert ul.fotterarea .one{
	width: 100%;
	margin-right: 18px;
	margin-bottom: 8px;
}

#expert ul.fotterarea .two{
	width: 240px;
	margin-right: 0px;
	margin: 0 auto;
}

#expert ul.fotterarea .three{
	width: 100%;
}

#expert ul.fotterarea .big{
	font-size: 18px;
	font-weight: bold;
}

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

TOPICS 特集 | 柿右衛門　2018.06

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

#topicswrap02 .pc { display:none;}
#topicswrap02 .sp { display:block;}

#topicswrap02{ 
	padding: 6% 3.5% 15%;
	font-size: 12px;
    line-height: 180%;
    font-weight: 500;
    letter-spacing: -0.02em;
}

#maininner02 {
    margin: 0 auto;
    padding: 12px 20px 80px 20px;
    box-sizing: border-box;
}

.spread01{ background-color: #cdc4be;}

.spread01 h1{
	border-bottom: solid 1px #fff;
    padding: 10px;
}
.spread01 h1 img{ width:70%;}

#maininner02 #topicswrap02 ul.photoarea { margin: 5% 0 0;}
#maininner02 #topicswrap02 img.sp { width:100%;}
#spread #topicswrap02 ul.photoarea li {float: none;}

#spread .spread01 p.text,
#spread .spread01 dl,
#spread .spread01 .topic,
#spread .spread01 li.text,
#spread .spread02 p.text,
#spread .spread02 dl,
#spread .spread02 .topic,
#spread .spread02 li.text{ margin: 8% 0;}

#topicswrap02 div.prof{
	color:#555555;
	padding: 35px 0;
}

#topicswrap02 div.prof em{
	font-size:13px;
	border-bottom:solid 1px;
	padding-bottom:2px;
    font-weight: 500;
}

#topicswrap02 div.prof p{
	color:#555555;
	margin-top:4px;
	font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

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

TOPICS 特集 | メディア学科　2018.06.05追加

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

.spread02{ background-color: #cccccc;}

#spread .spread02 p.text {margin:8% 0;}

#topicswrap02 div.topic em,
#topicswrap02 dl dd.title strong{
	font-size:14px;
	font-weight:bold;
}

#topicswrap02 div.topic dl dd.title{padding:5% 0; margin-bottom: 0;}
#topicswrap02 div.topic01 dl dd.title{	border-bottom:solid 1px #000;}
#spread #topicswrap02 .topic01 {padding-top:8%; margin: 0 0 0;}

#spread .spread02 .topic01 dl,
#spread #topicswrap02 .topic03,
#spread #topicswrap02 .topic04{margin:0;}

#spread .spread02 .topic02 {
	padding:5% 0 0;
	margin: 0 0 5%;
}

.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;
}

.topic03 dl dd.pict span {	
	display: block;
	padding-top:5px;
}

.topic04 h2 img {
	width: 80%;
	margin: 0 auto;
	display: block;
	padding: 7% 0 10%;
}

#spread #topicswrap02 .topic01 dd.text {padding:5% 0;}

#topicswrap02 div.topic04 ul li { 
	padding:0 0 4%;
    letter-spacing: -0.02em;
}

#spread #topicswrap02 .topic03 dl {
	overflow: hidden;
    position: relative;
}

#spread #topicswrap02 .topic03 dd.text {
	width: 50%;
    float: left;
    line-height: 150%;
}

#spread #topicswrap02 .topic03 dd.pict {
    float: right;
    width: 45%;
    position: absolute;
    right: 0;
    bottom: 0;
}

#spread #topicswrap02 .topic03 dd.pict img { max-width: 45%;}
#topicswrap02 div.topic04 ul li:last-child { padding:0;}
#topicswrap02 div.topic04 > img { padding-top:8%;}

@media screen and (max-width:580px) {

#spread #topicswrap02 .topic03 dd.pict img { max-width: 65%;}

}

@media screen and (max-width:420px) {

#spread #topicswrap02 .topic03 dd.pict img { max-width: 100%;}

}

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

TOPICS 特集 | メディア学科 A to Z　2018.06

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

#spread .spread03 { background: #fffeee;}
#spread .spread03 h2 { padding: 10% 0 3%;}

.spread03 .topic ul,
.spread03 dl

{ 
	width: 93%;
    margin: 0 auto;
}

.spread03 .topic ul li{ padding-bottom:5%;}
.spread03 .topic ul li:last-child{ padding-bottom:0;}

.spread03 dl dd.text{ padding:3% 0; }
.spread03 dl dd.text span { display:block;} 
.spread03 dl dd.text span strong{ 
	font-size:14px;
	font-weight:bold;
}
.spread03 dl dd.text b {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: -0.02em;
}
#spread .spread03 div.topic01 ul li { padding-bottom:5%;}

#spread .spread03 div.topic02 ul,
#spread .spread03 div.topic03 ul { 	padding-top:5%;}
#spread .spread03 div.topic em { display:block;}

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

TOPICS 特集 | メディア学科 A to Z　2018.06 その②

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

#spread .spread04 { background: #ffffff;}

#spread .spread04 .main dl{
	padding: 5%;
	margin-top:10%;
    background: #89b929;
	color:#fff;
	font-weight:500;
}

#spread .spread04 .main dl dt{
    width: 100%;
	overflow:hidden;
	padding-bottom:5%;
}
#spread .spread04{ margin:0 auto;}

#spread .spread04 .main dl dd:first-child{ padding-bottom:3%;}

#spread #maininner02 .spread04 h2{
	width: 90%;
	margin:0 auto;
}

#spread #maininner02 .spread04 .topic01 > img.sp {
	width: 50%;
    padding: 5% 0;
	margin:0 auto;
}

.spread04 .topic dl dt,
.spread04 .topic02 dl dt{
    color: #89b929;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 23px;
    position: relative;
}

.spread04 .topic02 dl dt:first-child:before,
.spread04 .topic dl dt:first-child:before {
    content: '';
    position: absolute;
    left: 9px;
    top: 1px;
    display: inline-block;
    width: 17px;
    height: 17px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #89b929;
	border-radius: 2px;
}

.spread04 .topic01 dl,
.spread04 .topic01 ul,
.spread04 .topic02 dl{
	width:86%;
	margin:0 auto;
}
.spread04 .topic01 ul li,
.spread04 .topic02 dl dd{
	width:74%;
	margin:0 auto;
}
.spread04 .topic01 ul li.note{
	width:100%;
	padding:3% 0 5%;
}

.spread04 .topic01 ul li span{
	display:block;
    padding: 4% 0;
	text-align:center;
}
.spread04 .topic01 ul.tree { 
    overflow: hidden;
    padding: 5% 0;
}

.spread04 .topic01 ul.tree li {
    width: 46%;
    float: left;
    padding: 0 2%;
}

.spread04 .topic01 ul.tree li:last-child {
    float: none;
    margin: 0 auto;
}

.spread04 .topic01 ul:last-child { padding:3% 0 5%;}

#spread .spread04 .topic02 { 
	background: #efefef;
	padding: 8% 0 15%;
}

.spread04 .topic02 h3 {
	display:table;
	font-size: 16px;
    font-weight: 500;
    padding: 0 15px;
    margin: 8% auto 7%;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}

.spread04 .topic02 dl dd { padding-bottom: 5%;}

.spread04 .topic02 dl dt {
	color:#000;
	padding-bottom:5px;
}

.spread04 .topic02 dl dt:first-child:before { background-color: #000;}

.spread04 .topic02 dl dt:nth-child(2){
	color: #555555;
    font-size: 12px;
    padding: 0 0 2%;
}

.spread04 .topic02 dl dd { padding:0 0 3%;}

@media screen and (max-width:420px) {

.spread04 .topic02 h4 {
    font-size: 12px;
    padding: 0px 7px;
}

.spread04 .topic02 dl dt {
    letter-spacing: -0.08em;
}

.spread04 .topic dl dt, .spread04 .topic02 dl dt {
    font-size: 13px;
    padding-left: 20px;
}

.spread04 .topic02 dl dt:first-child:before,
.spread04 .topic dl dt:first-child:before {
    top: 3px;
    width: 14px;
    height: 14px;
}

.spread04 .topic02 dl dt:nth-child(2) {font-size: 11px;}

}

/*==============================================================================
		
		201806　その丘から見渡す世界
		
*==============================================================================*/

#maininner03 {
    margin: 0;
    font-family: ゴシックMB101;
}

#spread #maininner03 #topicswrap02 {
    width: 100%;
	padding:0;
	margin: 0;
}

.spread05 q{ display:none;}

/*==============================================================================
		
		201806　留学・国際交流
		
*==============================================================================*/