/*top*/
@media print, screen and (max-width: 1000px){
	#bar-top{
		height: 5px;
	}
	#contents{
		width: 94%;
		padding: 3%;
		padding-top: 20px;
	}
	.title{
		font-size: 1.3em;
	}
	.title .caret{
		margin-top: 8px;
	}
}

/*recruit*/
@media print, screen and (max-width: 1000px){
	.recruit__wrap{
		width: 94%;
	}
}
/*recruit*/

/*news*/
@media print, screen and (max-width: 1000px){
	#carousel-news .explain .date{
		font-size: 1.1em;
	}
	#carousel-news .explain .text{
		font-size: 0.9em;
	}
}
@media print, screen and (max-width: 620px){
	#carousel-news .explain .date{
		font-size: 1.2em;
	}
	#carousel-news .explain .text{
		font-size: 1em;
	}
}
@media print, screen and (max-width: 480px){
	#carousel-news .explain .date{
		font-size: 1em;
	}
	#carousel-news .explain .text{
		font-size: .6em;
	}
}
/*news*/


/*quick-links*/
@media print, screen and (max-width: 1000px){
	#quick-links{
		width: 100%;
	}
	#small-link{
		float: right;
		width: 29%;
	}
	.icon-big-link{
		width: 5%;
		height: 100%;
	}
	.icon-small-link{
		width: 5%;
		height: 100%;
	}
	.icon-big-link .caret, .icon-small-link .caret{
		display: none;
	}

	#gmail, #bus, #drive, #office{
		margin-top: 10px;
	}
	#media-rental, #rule, #guide{
		margin-top: 6px;
	}

	#portal, #gmail, #bus, #drive, #office{
		height: 72px;
		line-height: 72px;
	}
	#portal .title, #gmail .title, #bus .title, #drive .title, #office .title{
		font-size: 1.3em;
		line-height: 75px;
	}
	#bus .title, #drive .title, #office .title{
		margin-top:12px;
		line-height: 26px;
		font-size: 1.3em;
	}
	#portal img{
		width: 40%;
	}
	#gmail .box, #bus .box, #drive .box , #office .box{
		font-size: 1.1em;
	}

	.quick-sub{
		width: 100%;
		height: 56px;
		margin-top: 4px;
	}
	.quick-sub:first-of-type {
		margin-top: 0;
	}
	.quick-sub:nth-of-type(odd) {
		margin-right: 0;
	}
	.quick-sub__title {
		font-size: 1.1em;
	}
	.quick-sub__box{
		margin-left: 10%;
		font-size: 0.8em;
	}
	.quick-sub__box .indent {
		text-indent: 1.5em;
	}
}
@media print, screen and (max-width: 620px){
	#big-link{
		width: 100%;
	}
	#small-link{
		width: 100%;
	}

	#gmail, #bus, #drive, #office /*#media-rental, #rule, #guide*/{
		margin-top: 4px;
	}

	#portal .title, #gmail .title, #bus .title, #drive .title, #office .title{
		font-size: 1.5em;
	}
	#bus .title, #drive .title, #office .title{

		line-height: 25px;
	}

	#gmail .box, #bus .box, #drive .box , #office .box{
		font-size: 1.2em; 
	}

	.quick-sub{
		width: 49.5%;
		margin-top: 3px;
	}
	.quick-sub:first-of-type {
		margin-top: 3px;
	}
	.quick-sub:nth-of-type(odd) {
		margin-right: 1%;
	}
	.quick-sub__title {
		font-size: 1.2em;
	}
	.quick-sub__box {
		font-size: 0.9em;
	}
	.quick-sub__box .indent {
		text-indent: 1.5em;
	}
}
@media print, screen and (max-width: 480px){
	#portal, #gmail, #bus, #drive , #office{
		height: 60px;
		line-height: 60px;
	}
	#portal .title, #gmail .title{
		font-size: 1.3em;
		line-height: 65px;
		margin-left: 3%;
	}
	#bus .title, #drive .title, #office .title{
		line-height: 20px;
		font-size: 1.1em;
		margin-left: 3%;
	}
	#portal img{
		width: 53%;
		margin-left: 2%;
	}
	#gmail .box, #bus .box, #drive .box , #office .box{
		font-size: 0.9em;
		width: 67%;
	}

	.quick-sub__title {
		font-size: 0.9em;
	}
	.quick-sub__box {
		font-size: 0.6em;
		width: 90%;
		margin-left: 5%;
	}
}
@media print, screen and (max-width: 360px){

	#office .title{
		font-size: 1em;
	}

}


@media print, screen and (max-width: 320px){
	#portal, #gmail, #bus{
		height: 60px;
		line-height: 60px;
	}
	#portal .title, #gmail .title{
		font-size: 1.3em;
		line-height: 65px;
		margin-left: 3%;
	}
	#bus .title, #drive .title{
		line-height: 20px;
		margin-left: 3%;
		font-size: 1.3em;
	}
	#office .title{
		line-height: 20px;
		margin-left: 3%;
		font-size: 1em;
	}
	#portal img{
		width: 53%;
		margin-left: 2%;
	}
	#gmail .box, #bus .box, #drive .box , #office .box{
		font-size: 0.9em;
		width: 67%;
	}

	.quick-sub__title {
		font-size: 0.9em;
	}
	.quick-sub__box {
		font-size: 0.6em;
		width: 90%;
		margin-left: 5%;
	}
	.quick-sub__box .indent {
		text-indent: 1em;
	}
}
/*quick-links*/

/*calender*/
@media print, screen and (max-width: 1000px){
	#calender{
		width: 100%;
	}
	.calender__wrap {
		height: auto;
	}
	.calender__btn-wrap {
		width: 30%;
	}
	.calender__table {
		width: 50%;
		margin-right: 10%;
	}
	.calender__table__cell {
		height: auto;
	}
	/*ボタン配置修正(20221207)*/
	.calender__info-trigger {
		margin-left: 18px;
	}
}
@media print, screen and (max-width: 620px){
	.calender__btn-wrap {
		width: 37%;
	}
	.calender__table {
		width: 63%;
		margin-right: 0;
	}

	/*ボタン配置修正(20221207)*/
	.calender__info-trigger {
		margin-left: 5px;
	}

	/*デザイン崩れ調整(20240312)*/
	.calender__fbtn,
	.calender__sbtn {
  		padding: 7px 15%;
	}

	.calender__fbtn:after,
	.calender__sbtn:after {
		content: unset;
	}
}
/*calender*/

/*timetable*/
@media print, screen and (max-width: 1000px){
	#box-teisan{
		width: 100%;
	}
	#box-school, #box-keihan{
		width: 100%;
	}
	#box-teisan .teisan, #box-school .school, #box-keihan .keihan{
		border: 5px solid #e1e6eb;
	}
	#box-school .school, #box-keihan .keihan{
		float: left;
		width: 50%;
	}
}
@media print, screen and (max-width: 620px){
	#timetable .destination{
		width: 100%;
		height: auto;
		padding: 2% 0;
		font-size: 1.1em;
	}
	#timetable .from{
		width: 45%;
		text-align: right;
	}
	#timetable .to{
		width: 55%;
		margin-left: 0;
	}
	#timetable .box-time{
		width: 100%;
	}
	#timetable .time{
		width: 70%;
	}
}
@media print, screen and (max-width: 480px){
	#timetable .time{
		width: 80%;
	}
}
/*timetable*/

/*external-link*/
@media print, screen and (max-width: 950px){
	#external-link{
		padding: 0px;
		border-top: solid #567daa 2px;
	}

	#external-link a{
		width: calc(100%/2 - 2%);
		margin: 1%;
	}
}
@media print, screen and (max-width: 620px){
	#external-link a{
		width: calc(100%/2 - 2%);
		margin: 1%;
	}
}
/*external-link*/