@charset "UTF-8";

#tomatouniv {
	-webkit-text-size-adjust: 100%;
	width: 100%;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 500;
	color: #000;
	border-top: 4px solid #ff0000;
	}

#tomatouniv img {
	vertical-align: bottom;
	}

#tomatouniv .center {
	text-align :center;
	}

#tomatouniv strong {
	font-weight: 900;
	}

/*------------ Home ------------*/
#tomatouniv .mainttl01 {
	background: url(../img/main_bg01.png) center top no-repeat,
	url(../img/main_bg02.gif) center top repeat-x;
	}

#tomatouniv .title {
	width: 960px;
	margin: 0 auto;
	}

#tomatouniv .content {
	width: 960px;
	margin: 0 auto;
	}

#tomatouniv .cont-list {
	padding-top: 8px;
	}

#tomatouniv .cont-list li {
	float: left;
	margin-top: 45px;
	margin-left: 28px;
	}

#tomatouniv .cont-list li:first-child {
	margin-left: 0;
	}

#tomatouniv .cont-list li:nth-child(4) {
	margin-left: 168px;
	}

#tomatouniv .cont-list li:nth-child(5) {
	margin-left: 32px;
	}

#tomatouniv .list-btn {
	height: 168px;
	position: relative;
	overflow: hidden;
	}

#tomatouniv .medical {
	width: 296px;
	border: 2px solid #ff0000;
	box-sizing: border-box;
	box-shadow: 7px 7px 12px 3px rgba(243,25,25,0.5);
	}

#tomatouniv .medical:after {
	position: absolute;
	content: "";
	display: block;
	width: 296px;
	height: 83px;
	top: 36px;
	background: #ff0000;
	transition: all .3s ease-out;
	}

#tomatouniv .itnl {
	width: 312px;
	border: 2px solid #0059ff;
	box-sizing: border-box;
	box-shadow: 7px 7px 12px 3px rgba(41,72,182,0.5);
	}

#tomatouniv .itnl:after {
	position: absolute;
	content: "";
	display: block;
	width: 312px;
	height: 83px;
	top: 36px;
	background: #0059ff;
	transition: all .3s ease-out;
	}

#tomatouniv .diet {
	width: 296px;
	border: 2px solid #e97800;
	box-sizing: border-box;
	box-shadow: 7px 7px 12px 3px rgba(215,110,51,0.5);
	}

#tomatouniv .diet:after {
	position: absolute;
	content: "";
	display: block;
	width: 296px;
	height: 83px;
	top: 36px;
	background: #e97800;
	transition: all .3s ease-out;
	}

#tomatouniv .agri {
	width: 296px;
	border: 2px solid #009740;
	box-sizing: border-box;
	box-shadow: 7px 7px 12px 3px rgba(24,127,59,0.5);
	}

#tomatouniv .agri:after {
	position: absolute;
	content: "";
	display: block;
	width: 296px;
	height: 83px;
	top: 36px;
	background: #009740;
	transition: all .3s ease-out;
	}

#tomatouniv .literal {
	width: 296px;
	border: 2px solid #f078aa;
	box-sizing: border-box;
	box-shadow: 7px 7px 12px 3px rgba(222,86,120,0.5);
	}

#tomatouniv .literal:after {
	position: absolute;
	content: "";
	display: block;
	width: 296px;
	height: 83px;
	top: 36px;
	background: #f078aa;
	transition: all .3s ease-out;
	}

#tomatouniv .list-btn:hover:after {
	transform: scaleY(2);
	top: 40px;
	}

#tomatouniv .list-btn:hover img.white {
	filter: grayscale(100%) brightness(0%) invert(100%);
	}

#tomatouniv .department {
	position: relative;
	z-index: 1;
	}

#tomatouniv .department a {
	display: block;
	width: 100%;
	height: 164px;
	}

#tomatouniv .bnr {
	width: 584px;
	margin: 85px auto 0;
	box-shadow: 7px 7px 12px 3px rgba(0,0,0,0.2);
	transition: 0.3s;
	}

#tomatouniv .bnr:hover {
	-webkit-transform: scale(1.03,1.03);
	transform: scale(1.03,1.03);
	}

/*------------ footer ------------*/
#tomatouniv footer {
	width: 960px;
	margin: 78px auto 0;
	padding-bottom: 30px;
	}

#tomatouniv footer .ft-left {
	float: left;
	}

#tomatouniv footer .ft-right {
	float: right;
	padding: 15px 10px 0 0;
	}

#tomatouniv footer .univ-logo img {
	width: 176px;
	height: 41px;
	}

#tomatouniv footer ul {
	margin: 20px 0 0 11px;
	}

#tomatouniv footer li {
	display: inline-block;
	font-size: 12px;
	font-weight: 900;
	margin-right: 17px;
	}

#tomatouniv footer .copy {
	font-size: 10px;
	font-weight: 900;
	margin: 3px 0 0 11px;
	}

#tomatouniv footer .totop {
	text-align: right;
	margin-bottom: 30px;
	}

#tomatouniv footer .corp-logo img {
	width: 89px;
	}

#tomatouniv footer a:hover img {
	opacity: 0.5;
	}

#tomatouniv footer a img {
	transition: opacity 0.3s ease-in-out;
	}


/*------------ SP ------------*/
#tomatouniv .sp {
	display: none;
	}

@media screen and (max-width: 640px) {
	#tomatouniv {
		border-top: 2px solid #ff0000;
		}

	#tomatouniv .sp {
		display: block;
		}

	#tomatouniv .pc {
		display: none;
		}

	#tomatouniv img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		}

	/*------------ Home ------------*/
	#tomatouniv .mainttl01 {
		background: none;
		}

	#tomatouniv .title {
		width: auto;
		}

	#tomatouniv .content {
		width: 100%;
		}

	#tomatouniv .spcont-list {
		margin-top: -1vw;
		padding: 0 8%;
		}

	#tomatouniv .spcont-list li {
		margin-top: 9.7vw;
		}

	#tomatouniv .spcont-list li:nth-child(1) {
		box-shadow: 2.5vw 2.5vw 2.8vw 0vw rgba(243,25,25,0.5);
		}

	#tomatouniv .spcont-list li:nth-child(2) {
		box-shadow: 2.5vw 2.5vw 2.8vw 0vw rgba(41,72,182,0.5);
		}

	#tomatouniv .spcont-list li:nth-child(3) {
		box-shadow: 2.5vw 2.5vw 2.8vw 0vw rgba(215,110,51,0.5);
		}

	#tomatouniv .spcont-list li:nth-child(4) {
		box-shadow: 2.5vw 2.5vw 2.8vw 0vw rgba(24,127,59,0.5);
		}

	#tomatouniv .spcont-list li:nth-child(5) {
		box-shadow: 2.5vw 2.5vw 2.8vw 0vw rgba(222,86,120,0.5);
		}

	#tomatouniv .bnr {
		width: auto;
		margin: 14.8vw 8% 0;
		box-shadow: 2.5vw 2.5vw 2.8vw 0vw rgba(0,0,0,0.2);
		}

	/*------------ footer ------------*/
	#tomatouniv footer {
		width: 94%;
		margin: 10.5vw auto 0;
		padding-bottom: 2vw;
		}

	#tomatouniv footer .ft-left {
		width: 70vw;
		}

	#tomatouniv footer .ft-right {
		padding: 1vw 0 0 0;
		}

	#tomatouniv footer .univ-logo img {
		width: 36vw;
		height: auto;
		}

	#tomatouniv footer ul {
		margin: 3vw 0 0 2vw;
		}

	#tomatouniv footer li {
		font-size: 1rem;
		line-height: 1.8rem;
		margin-right: 4.5vw;
		}

	#tomatouniv footer .copy {
		font-size: 0.8rem;
		margin: 1.5vw 0 0 2vw;
		}

	#tomatouniv footer .totop {
		display: none;
		}

	#tomatouniv footer .corp-logo img {
		width: 18vw;
		}

	#tomatouniv footer a:hover img {
		opacity: 1;
		}

	#tomatouniv footer a img {
		transition: none;
		}

	}