@charset "UTF-8";


/* スマホ 共通パーツ
---------------------------------------- */
.float-left{
	float:none;
}
.float-right{
	float:none;
}
a:hover .arrow{
	color:#17284c;
}
.accordion-area {
	padding: 4%;
}
.clear{
	clear:both;
}
.plus{
	position:relative;
	margin-top: 3%;
	display: block;
	text-align:left;
	width: 8em;
}
.plus span {
	position: absolute;
	width: 15px;
	height: 2px;
	background-color: #17284c;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.plus span:nth-of-type(1) {
	top: 8px;
	right:15px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	display: inline-block;
}
.plus span:nth-of-type(2) {
	top: 8px;
	right:15px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.plus.active span:nth-of-type(1) {
    display: none;
}
.plus.active span:nth-of-type(2) {
	top: 8px;
	right:15px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
#contents #main-contents dl{
	margin:0;
}
.AreaInner {
    padding-top:10%;
}
#contents #main-contents .mb20{
	margin-bottom:3%;
}
#contents #main-contents .mb40{
	margin-bottom:6%;
}
.accordion-area{
	margin-bottom:10%;
}
.accordion-area.BtnBgColor:hover{
	background:#FFFFFF;
}
#contents #main-contents .accordion-area.BtnBgColor:not(.active) .title,
#contents #main-contents .accordion-area.BtnBgColor:not(.active) .plus{
	color:#FFFFFF!important;
}
#contents #main-contents .accordion-area.BtnBgColor:not(.active) .plus span{
	background:#FFFFFF!important;
}

.accordion-area.BtnBgColor.active{
	background:#FFFFFF!important;
}
#contents #main-contents .accordion-area.BtnBgColor.active .title,
#contents #main-contents .accordion-area.BtnBgColor.active .plus{
	color:#17284c;
}
#contents #main-contents .accordion-area.BtnBgColor.active .plus span{
	background:#17284c;
}



/* スマホ タイトル
---------------------------------------- */
#contents #main-contents .TitleTag .tag{
	display:block;
	width:6em;
	margin-bottom:3%;
}
#contents #main-contents .TitleBgColor b{
	font-size:1.500em;
	display:block;
	line-height:1.2;
}
#contents #main-contents .Title2Line .title {
	margin-bottom:0;
}
#contents #main-contents .Title2Line .title b{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:1% 0;
}
#contents #main-contents .event-area .TitleRightBorder {
    margin-bottom: 5%;
}
#contents #main-contents .TitleBottomBorder {
    margin-bottom: 5%;
    padding-bottom: 3%;
}


/* スマホ
---------------------------------------- */
#contents #main-contents > div.main-area {
    margin-bottom: 20%;
}
#contents #main-contents .main-area p:not(.image){
	width:90%;
	margin:3% auto 0;
}
#contents #main-contents .feature-area dl{
	display:block;
	margin-bottom:6%;
}
#contents #main-contents .feature-area dl:last-child{
	margin-bottom:20%;
}
.feature-area dl dt,
.feature-area dl dd{
	display:block;
}
.feature-area dl dt{
	padding:3%;
	margin-bottom:3%;
}
.curriculum-btn li{
	width:100%;
	margin:0 auto 3%;
}
.curriculum-btn li:last-child{
	margin-bottom:20%;
}
.curriculum-btn li a{
	padding:4% 0;
	height:auto!important;
}
.curriculum-btn li a:hover{
	color:#000000;
	background:none;
	border:1px solid #17284c;
	text-decoration:none;
}
.curriculum-btn li a span.title,
.curriculum-btn li a span.text{
	margin-bottom:2%;
	height:auto!important;
}
#contents #main-contents .column2{
	margin-bottom:10%;
}
.curriculum-area .column2 li,
.curriculum-area.curriculum-special-area .column2 li {
	width: 100%;
	margin:0 auto 3%;
}
.curriculum-area .column2 li:first-child{
	width: 100%;
	margin-right:0%;
}
.curriculum-area .column2 li:last-child{
	text-align:center;
	margin-bottom:0;
}

#contents #main-contents .experience-area .column2{
	margin-bottom:10%;
}
.curriculum-area.curriculum-special-area .column2 li:first-child{
	width:100%;
}

/* -- */
.curriculum-special-area .plus-area{
	width: 100%;
	text-align:center;
	margin: -100px auto 20%;
}
.curriculum-special-area .plus-area .plus{
	position:relative;
	cursor:pointer;
	width:14em;
	margin:0 auto;
}
.curriculum-special-area .plus-area .plus-bg{
	display:block;
	width:100%;
	height:220px;
	position:absolute;
	bottom: 0;
}

#contents #main-contents .btn-area.btn-area-small{
	margin:5px 0 0;
}
#contents #main-contents .btn-area.btn-area-small a{
	font-size:1em;
	padding:10px 30px;
}
#contents #main-contents .btn-area a:hover{
	text-decoration:none;
	background:#DEB800;
	color:#FFFFFF;
}
#contents #main-contents .btn-area.arrow::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #DEB800;
  border-right: solid 2px #DEB800;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
	bottom:auto;
	top:42%;
  left:auto;
	margin-left:auto;
	right:30px;
}
#contents #main-contents .btn-area.arrow:hover::after{
	border-color:#FFFFFF;
}
.divColum3{
	clear:both;
	overflow:hidden;
}
#contents #main-contents .divColum3 .btn-area{
	width:32%;
	margin-left:2%;
	float:left;
}
#contents #main-contents .divColum3 .btn-area:first-child{
	margin-left:0;
}
#contents #main-contents .divColum3 .btn-area::after {
	right: 20px;
}

#contents #main-contents h2{
	position:relative;
}
#contents #main-contents h2 .attention-area{
	position:static;
	line-height:120%;
	margin-top:3%;
}
#contents #main-contents h2.rubric{
	height:40px;
}
#contents #main-contents h2.rubric p{
	position:absolute;
	font-size:14px;
	bottom:5px;
	right:0px;
}
#contents #main-contents .curriculum-special-area .inner-area{
	width:100%;
	margin:0 auto;
}
#contents #main-contents .curriculum-special-area .column2{
	text-align:center;
}
#contents #main-contents .curriculum-special-area .column2 li{
	margin:0 auto 5%;
}
.curriculum-btn li a span.arrow{
	position:static;
}
.curriculum-btn li a span.arrow::after{
	bottom:4%;
}
/* -- */

.report-area {
	margin-bottom: 20%;
}
.report-area:hover:not(.active){
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	zoom:1;
}
#contents #main-contents .report-area .column2{
	margin-bottom:0;
}
.report-area .column2 li:first-child{
	text-align:center;
	width: 100%;
	margin: 0 auto 3%;
}
#contents #main-contents .report-area .column2 li:first-child p{
	margin-bottom:2%;
}
.report-area .column2 li:last-child{
	width:100%;
}
.report-area:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
	-khtml-opacity: 1;
	zoom:1;
}
#contents #main-contents .event-area ul{
	margin:5% auto 20%;
}
#contents #main-contents .event-area ul:last-child{
	margin:5% auto 0;
}
.event-area ul li {
	margin-left:0;
	margin:3% auto;
}
#contents #main-contents .interview-area .column2{
	margin-bottom:0;
}
.interview-area .column2 li.float-left,
.interview-area .column2 li.float-right{
	display:block;
	margin:0 auto 3%;
	/* text-align:center; */
}
#contents #main-contents .profile-area .title br{
	display:none;
}
#contents #main-contents .profile-area .title{
	display:block;
	margin-bottom:3%;
}
.interview-area .profile-area .name-area {
	width: 100%;
	margin-bottom:3%;
}
.interview-area .HrBorder{
	margin:20% auto;
}
#contents #main-contents .teacher-area .column2{
	margin-bottom:0;
}
.teacher-area.accordion-area{
	margin-bottom:20%;
}
.teacher-area .column2 li:first-child{
	width:100%;
	text-align:center;
	margin-bottom:3%;
}
.teacher-area .column2 li:last-child{
	width:100%;
}
.teacher-area .HrBorder{
	margin:20% auto;
}
#contents #main-contents .other-area .TitleRightBorder{
	margin-bottom:3%;
}
.other-area{
	margin-bottom:10%;
}
#contents #main-contents .other-area ul.text{
	letter-spacing:-.40em;
	margin-bottom:5%;
}
#contents #main-contents .other-area ul.text:last-child{
	margin-bottom:20%;
}
.other-area ul.list li{
	margin-bottom:3%;
}
#contents #main-contents .footer-area{
	margin: 20% 0;
}
#contents #main-contents .footer-area .column2{
	margin-bottom:0;
}
#contents #main-contents .footer-area .column2 li{
	width:100%;
	margin-left:auto;
}
.footer-area.btnCol3 {
	display: block;
	margin: 10% 0 !important;
}
.footer-area.btnCol3 .arrow:nth-child(n+2) {
	margin-top: 2% !important;
}

/* 文学部
---------------------------------------- */
.literature a:hover .arrow,
#contents.literature #main-contents .accordion-area.BtnBgColor.active .title,
#contents.literature #main-contents .accordion-area.BtnBgColor.active .plus {
	color:#DEB800;
}
.literature .plus span,
.literature .accordion-area.BtnBgColor:hover,
#contents.literature #main-contents .accordion-area.BtnBgColor.active .plus span {
	background:#DEB800;
}
.literature .curriculum-btn li a:hover {
	border-color:#DEB800;
	background:none;
}

/* 教育学部
---------------------------------------- */
.education a:hover .arrow,
#contents.education #main-contents .accordion-area.BtnBgColor.active .title,
#contents.education #main-contents .accordion-area.BtnBgColor.active .plus {
	color:#f4c500;
}
.education .plus span,
.education .accordion-area.BtnBgColor:hover,
#contents.education #main-contents .accordion-area.BtnBgColor.active .plus span {
	background:#f4c500;
}
.education .curriculum-btn li a:hover {
	border-color:#f4c500;
	background:none;
}

/* 人間情報学部
---------------------------------------- */
.human a:hover .arrow,
#contents.human #main-contents .accordion-area.BtnBgColor.active .title,
#contents.human #main-contents .accordion-area.BtnBgColor.active .plus {
	color:#a691af;
}
.human .plus span,
.human .accordion-area.BtnBgColor:hover,
#contents.human #main-contents .accordion-area.BtnBgColor.active .plus span {
	background:#a691af;
}
.human .curriculum-btn li a:hover {
	border-color:#a691af;
	background:none;
}

/* 心理学部
---------------------------------------- */
.psychology a:hover .arrow,
#contents.psychology #main-contents .accordion-area.BtnBgColor.active .title,
#contents.psychology #main-contents .accordion-area.BtnBgColor.active .plus {
	color:#a2ca0e;
}
.psychology .plus span,
.psychology .accordion-area.BtnBgColor:hover,
#contents.psychology #main-contents .accordion-area.BtnBgColor.active .plus span {
	background:#a2ca0e;
}
.psychology .curriculum-btn li a:hover {
	border-color:#a2ca0e;
	background:none;
}

/* 創造表現学部
---------------------------------------- */
.creation_expression a:hover .arrow,
#contents.creation_expression #main-contents .accordion-area.BtnBgColor.active .title,
#contents.creation_expression #main-contents .accordion-area.BtnBgColor.active .plus {
	color:#5ab6d3;
}
.creation_expression .plus span,
.creation_expression .accordion-area.BtnBgColor:hover,
#contents.creation_expression #main-contents .accordion-area.BtnBgColor.active .plus span {
	background:#5ab6d3;
}
.creation_expression .curriculum-btn li a:hover {
	border-color:#5ab6d3;
	background:none;
}

/* 健康医療科学部
---------------------------------------- */
.health a:hover .arrow,
#contents.health #main-contents .accordion-area.BtnBgColor.active .title,
#contents.health #main-contents .accordion-area.BtnBgColor.active .plus {
	color:#ed7859;
}
.health .plus span,
.health .accordion-area.BtnBgColor:hover,
#contents.health #main-contents .accordion-area.BtnBgColor.active .plus span {
	background:#ed7859;
}
.health .curriculum-btn li a:hover {
	border-color:#ed7859;
	background:none;
}

/* 福祉貢献学部
---------------------------------------- */
.welfare a:hover .arrow,
#contents.welfare #main-contents .accordion-area.BtnBgColor.active .title,
#contents.welfare #main-contents .accordion-area.BtnBgColor.active .plus {
	color:#e9999e;
}
.welfare .plus span,
.welfare .accordion-area.BtnBgColor:hover,
#contents.welfare #main-contents .accordion-area.BtnBgColor.active .plus span {
	background:#e9999e;
}
.welfare .curriculum-btn li a:hover {
	border-color:#e9999e;
	background:none;
}

/* 交流文化学部
---------------------------------------- */
.communication a:hover .arrow,
#contents.communication #main-contents .accordion-area.BtnBgColor.active .title,
#contents.communication #main-contents .accordion-area.BtnBgColor.active .plus {
	color:#f5a933;
}
.communication .plus span,
.communication .accordion-area.BtnBgColor:hover,
#contents.communication #main-contents .accordion-area.BtnBgColor.active .plus span {
	background:#f5a933;
}
.communication .curriculum-btn li a:hover {
	border-color:#f5a933;
	background:none;
}
#contents.communication .curriculum-btn li {
	width: 100%;
}
#contents.communication .curriculum-area dl.kamoku dt {
    float: none;
    width: 100%;
	padding-bottom: 0;
}
#contents.communication .curriculum-area dl.kamoku dd {
    padding: 0 0 10px 0;
}

/* ビジネス学部
---------------------------------------- */
.business a:hover .arrow,
#contents.business #main-contents .accordion-area.BtnBgColor.active .title,
#contents.business #main-contents .accordion-area.BtnBgColor.active .plus {
	color:#87b2d8;
}
.business .plus span,
.business .accordion-area.BtnBgColor:hover,
#contents.business #main-contents .accordion-area.BtnBgColor.active .plus span {
	background:#87b2d8;
}
.business .curriculum-btn li a:hover {
	border-color:#87b2d8;
	background:none;
}
#contents.business .curriculum-btn li {
	width: 100%;
}
#contents.business .report-area .column2 li.pic_area {
	text-align: center;
	width: 100%;
	margin: 0 auto 3%;
}
#contents.business .report-area .column2 li.txt_area {
	width: 100%;
	text-align: left;
}


/* グローバル・コミュニケーション学部
---------------------------------------- */
.global_communication a:hover .arrow,
#contents.global_communication #main-contents .accordion-area.BtnBgColor.active .title,
#contents.global_communication #main-contents .accordion-area.BtnBgColor.active .plus {
	color:#71bfc4;
}
.global_communication .plus span,
.global_communication .accordion-area.BtnBgColor:hover,
#contents.global_communication #main-contents .accordion-area.BtnBgColor.active .plus span {
	background:#71bfc4;
}
.global_communication .curriculum-btn li a:hover {
	border-color:#71bfc4;
	background:none;
}