@charset "utf-8";
/* CSS Document */
.pageHero_img {
	background-image: url('../images/pageHero-annai.jpg');
}

.sitepolicy .pageHero_img {
	background-image: url('../images/pageHero-sitepolicy.jpg') !important;
}


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

学院・大学総合案内

*********************************************/
#annnai .linkArea ul.flexBox {
	margin-top: -10px;
}
#annnai .linkArea ul.flexBox li {
	padding: 0 10px;
}
#annnai .linkArea ul.flexBox li a {
	display: block;
	padding: 10px;
	margin-top: 20px;
	border: 1px solid #872434;
	color: #872434;
}
#annnai .linkArea ul.flexBox li a:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 10px;
}

@media (max-width: 768px) {
#annnai .linkArea ul.flexBox li {
	width: 100%;
}
}

@media screen and (min-width:768px) and (max-width:992px) {
#annnai .linkArea ul.flexBox li {
	width: 50%;
}
}

@media (min-width: 992px) {
#annnai .linkArea ul.flexBox li a:hover {
	color: #FF0C54;
	border: 1px solid #FF0C54;
}
#annnai .linkArea ul.flexBox li {
	width: 33.333333333333%;
}
}
/*********************************************

プライバシーポリシー

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

#privacy .security > dl > dd {
	margin-bottom: 15px;
}
#privacy .tableBox table {
	border-collapse: collapse;
	width: 100%;
}
#privacy .tableBox table tbody th {
	background-color: #f9f9f9;
	vertical-align: middle;
}
#privacy .tableBox table tbody th, #privacy .tableBox table tbody td {
	padding: 10px 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

@media (max-width: 768px) {
#privacy .security dl > dd > dl > dt {
	width: 100%;
}
#privacy .security dl > dd > dl > dd {
	width: 100%;
}
#privacy .tableBox table {
	border-bottom: 1px solid #ddd;
}
#privacy .tableBox table tbody th, #privacy .tableBox table tbody td {
	display: block;
	padding: 5px 10px;
	text-align: left;
	border-bottom: none;
}
}

@media screen and (min-width:768px) and (max-width:992px) {
#privacy .security dl > dd > dl > dt {
	width: 10%;
}
#privacy .security dl > dd > dl > dd {
	width: 90%;
}
#privacy .tableBox table tbody th {
	width: 6em;
}
}

@media (min-width: 992px) {
#privacy .security dl > dd > dl > dt {
	width: 6%;
}
#privacy .security dl > dd > dl > dd {
	width: 94%;
}
#privacy .tableBox table tbody th {
	width: 6em;
}
}

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

お問い合わせ

*********************************************/
#inquiry small {
	font-size: 80%;
}
#inquiry table {
	width: 100%;
	border-collapse: collapse;
}
#inquiry table thead tr th, #inquiry table tbody tr td, #inquiry table tbody tr th {
	vertical-align: middle;
	padding: 10px;
}
#inquiry table.table01, #inquiry table.table02, #inquiry table.table03 {
	border: 1px solid #ddd;
}
#inquiry table.table01 tbody tr th {
	background-color: #e0f2f1;
}
#inquiry table.table02 thead tr th, #inquiry table.table03 thead tr th, #inquiry table.table04 thead tr th {
	background-color: #FFF0C8;
	border: 1px solid #ddd;
}
#inquiry table.table02 tbody tr th,
#inquiry table.table02 tbody tr td,
#inquiry table.table03 tbody tr th,
#inquiry table.table03 tbody tr td,
#inquiry table.table04 tbody tr th,
#inquiry table.table04 tbody tr td{
	border: 1px solid #ddd;
	text-align: left;
}



@media (max-width: 768px) {
#inquiry table.table01 tbody tr th {
	border-bottom: 1px solid #ddd;
}
#inquiry table.table01 tbody tr th, #inquiry table.table01 tbody tr td {
	display: block;
	text-align: center
}
	#inquiry table.table04 thead tr th:nth-child(3) {
	width: 20%;
}
	#inquiry table.table04 thead tr th:nth-child(5) {
	width: 15%;
}
}

@media screen and (min-width:768px) and (max-width:992px) {
#inquiry table.table01 tbody tr th {
	border-bottom: 1px solid #ddd;
}
#inquiry table.table01 tbody tr th, #inquiry table.table01 tbody tr td {
	display: block;
	text-align: center
}
}

@media (min-width: 992px) {
#inquiry table.table01 tbody tr th {
	width: 300px;
}
#inquiry table.table02 tbody tr th {
	width: 15%;
}
#inquiry table.table02 tbody tr td {
	width: 25%;
}
#inquiry table.table03 tbody tr th {
	width: 20%;
}
#inquiry table.table03 tbody tr td {
	width: 30%;
}
#inquiry table.table02 tbody tr th {
	width: 15%;
}
	#inquiry table.table04 thead tr th:nth-child(1) {
	width: 15%;
}
}

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

武庫川女子大学のキャラクター　Lavy

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

#lavy .profile table, #lavy .illustrator table {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
#lavy .profile table tbody tr th {
	padding: 10px;
	vertical-align: middle;
	background: #ffe9e9;
}
#lavy .illustrator table tbody tr th {
	padding: 10px;
	vertical-align: middle;
	background: #FFF0C8;
}
#lavy .profile table tbody tr td, #lavy .illustrator table tbody tr td {
	padding: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}
#lavy dl.flexBox {
	margin-bottom: 15px;
}

@media (max-width: 768px) {
#lavy .imgArea {
	width: 100%;
	text-align: center;
}
#lavy .textArea {
	width: 100%;
}
#lavy dl.flexBox dt, #lavy dl.flexBox dd {
	width: 100%;
}
#lavy table tbody tr:last-child td {
	border-bottom: none;
}
#lavy table tbody tr th, #lavy table tbody tr td {
	display: block;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
}

@media screen and (min-width:768px) and (max-width:992px) {
#lavy .imgArea {
	width: 38%;
	text-align: center;
}
#lavy .textArea {
	width: 60%;
}
#lavy .embed-container {
	width: 640px;
	margin: 10px auto 0
}
#lavy table tbody tr:last-child td {
	border-bottom: none;
}
#lavy table tbody tr th, #lavy table tbody tr td {
	display: block;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
#lavy dl.flexBox dt, #lavy dl.flexBox dd {
	width: 100%;
}
}

@media (min-width: 992px) {
#lavy .imgArea {
	width: 38%;
	text-align: center;
}
#lavy .textArea {
	width: 60%;
}
#lavy .embed-container {
	width: 640px;
	margin: 10px auto 0
}
#lavy .profile table tbody tr th {
	width: 10%;
	border: 1px solid #ddd;
}
#lavy .illustrator table tbody tr th {
	width: 15%;
	border: 1px solid #ddd;
}
}

.warranty .war-imgArea p span{
 display: block;
 
 margin: 5px auto;
 border: 1px solid #872434;
 color: #872434;
 padding: 10px;
}
.warranty .war-imgArea p span i{
  color:#FF0C54 ;
}
.warranty .war-imgArea a::after{
 content: none !important;
}
@media (min-width: 992px) {
 .warranty .war-imgArea p span{
  width: 80%;
 }
 .warranty .war-imgArea a:hover p span{
 color:#FF0C54 ;
 border-color:#FF0C54 ;
}

}