@charset "utf-8";
/* CSS Document */

*{	word-break: break-all;	/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */}
body, p{	margin: 0;	padding: 0;}
img{	vertical-align: bottom;}

/* ----------------------------------------
*	幅を制御する
-------------------------------------------------- */
.width-keeper{
	margin-left:auto;	margin-right:auto;	/* 中央寄せ */
	max-width: 640px;	/* 最大幅をつけて PC でも見やすくする（無くても良い） */
}

/* ----------------------------------------
*	ページスタイル
---------------------------------------- */
/*	Header	---------------------------------------- */
#header{	background-color:#ffc600;}
#header h1{
	background-color:#ffc600;
	text-align: center;
	margin:0;
	font-size:22px;
	line-height:2;
}
#header h2{	margin: 0 0 22px;}

/*	Footer	---------------------------------------- */
#footer{
	background-color:#686868;
	overflow: hidden;
	color:#FFF;
	font-size:18px;
	padding:0.5em 1em;
}
#footer p{	margin:0;}
#footer p:first-child{	float:left;}
#footer p:nth-child(2){	float:right;}

/*	中央、メインコンテンツ	---------------------------------------- */
#contents{
	font-size:24px;
	line-height: 1.5;
}
#flow{
	margin:0;
	padding:3em 0;
	text-align:center;
}
.link2{
	text-align:center;
	margin-bottom:2em;
}

/*	download	---------------------------------------- */
.download{
	background-color: #fffbd0;
	border-radius: 10px;
	margin: 0 0.5em 1em;
	padding: 0.5em;
}
.download h1{
	text-align: center;
	margin: 0 0 0.5em;
}
.download ul{
	text-align: center;
	margin: 0 0 0.5em;
	padding: 0;
	overflow: hidden;
}
.download li{
	list-style: none;
	display: inline;
}
.download p{
	background-color: #FFF;
	text-align: center;
	padding: 0.5em 0;
}

/*	convenient	---------------------------------------- */
#convenient h1{
	text-align:center;
	margin:0 0 4px;
}
#convenient .tab,
#convenient .tabB{
	overflow: hidden;
	margin:0;
	padding:0;
}
#convenient .tab li,
#convenient .tabB li{
	list-style: none;
	float:left;
}
#convenient .tab li:nth-child(2),
#convenient .tabB li:nth-child(2){	float:right;}
#convenient .wrap{
	background-color: #c91e24;
	padding:0.7em 0.3em 0.5em;
}
#convenient #convenient02{	display:none;}
#convenient .unit{
	background-color:#FFF;
	border-radius: 0.5em;
	overflow:hidden;
	padding:0.3em 0 1em;
	margin-bottom: 1em;
}
#convenient .unit .pic,
#convenient .unit h2{
	text-align:center;
	margin-bottom:20px;
}
#convenient .unit .txt{
	padding:0 1.5em;
	margin-bottom: 1em;
	background-color: #FFF;
}
#convenient .unit ul{
	margin:0 0 1em;
	padding:0 1em;
	overflow:hidden;
}
#convenient .unit li{
	list-style:none;
	float:left;
	width:273px;
	font-size:20px;
}
#convenient .unit li:nth-child(2){	float:right;}
#convenient #convenient01 li:first-child span img{
	display:block;
	float:left;
	margin:0 0.5em 1em 0;
}
#convenient #convenient02 li:first-child span img{	display:block;}
#convenient #convenient01 p:last-child{
	font-size: 80%;
}


/*	faculty	---------------------------------------- */
#faculty h1{
	text-align:center;
	margin:0 0 40px;
}
#faculty .inner{
	margin:0 0.5em 1em;
	padding-bottom:0.5em;
	background-color: #e0e0e0;
	border-radius: 0.5em;
}
#faculty .unit h2{
	margin:0 0.5em;
	text-align: center;
	padding:0.5em 0;
	border-bottom: solid 1px #c1c1c1;
}
#faculty .unit .toggleCont{
	background-color: #FFF;
	border-radius: 0.5em;
	padding:1em;
	margin:0.5em 0.5em 1em;
	display:none;
}
#faculty #faculty04 .toggleCont{	margin-bottom:0;}
#faculty .unit .toggleCont .txt{	margin:0 0 1em;}
#faculty .unit .toggleCont .pic{
	text-align:center;
	margin:0 0 1em;
}
#faculty .unit .toggleCont .pic img{	margin:0 0.3em;}
#faculty .unit .toggleCont ul{
	margin:0 0 1.5em;
	padding:0;
}
#faculty .unit .toggleCont li{
	background-color: #f8f8f8;
	border-radius: 0.5em;
	margin-bottom: 0.5em;
	display:table;
	width: 100%;
}
#faculty .unit .toggleCont li span{
	display:table-cell;
	vertical-align: middle;
	padding:0.3em 0;
	font-size:20px;
}
#faculty .unit .toggleCont li span:first-child{
	width:30%;
	text-align:center;
}
#faculty .unit .toggleCont li span:last-child{
	padding-right: 1em;
}
#faculty #faculty04 .toggleCont li span:first-child{
	width: 20%;
}
#faculty .unit .toggleCont .link{
	text-align:center;
	margin:0 0 1em;
}
#faculty .unit .toggleCont .close{	text-align:center;}
#faculty .regist{
	text-align:center;
	margin: 0 0 1.5em;
}

/*	sns	---------------------------------------- */
#sns{
	margin: 0 1em 1em 60px;
}
#sns ul{
	margin: 0;
	padding:0;
	width: 100%;
	overflow: hidden;
}
#sns li{
	list-style: none;
	/*text-align: center;*/
	width: 50%;
	float: left;
	height:35px;
	padding-top: 6px;
	margin: 0 0 1em;

}
#sns li *{
-moz-transform: rotate(0deg) scale(2, 2) skewX(0deg) skewY(0deg) translate(35px, 0px);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(2, 2) skew(0deg, 0deg) translate(35px, 0px);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(2, 2) skew(0deg, 0deg) translate(35px, 0px);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(2, 2) skew(0deg, 0deg) translate(35px, 0px);/* IE 9 */
transform: rotate(0deg) scale(2, 2) skew(0deg, 0deg) translate(35px, 0px);

}
#sns li:nth-child(3) *{
-moz-transform: rotate(0deg) scale(1.4, 1.4) skewX(0deg) skewY(0deg) translate(35px, 0px);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(1.4, 1.4) skew(0deg, 0deg) translate(35px, 0px);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(1.4, 1.4) skew(0deg, 0deg) translate(35px, 0px);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(1.4, 1.4) skew(0deg, 0deg) translate(35px, 0px);/* IE 9 */
transform: rotate(0deg) scale(1.4, 1.4) skew(0deg, 0deg) translate(35px, 0px);

}