@charset "UTF-8";
@font-face {
	font-family: fullmarks;
	src: url(/fonts/fullmarks.eot?unyffo);
	src: url(/fonts/fullmarks.eot?unyffo#iefix) format('embedded-opentype'), url(/fonts/fullmarks.ttf?unyffo) format('truetype'), url(/fonts/fullmarks.woff?unyffo) format('woff'), url(/fonts/fullmarks.svg?unyffo#fullmarks) format('svg');
	font-weight: 400;
	font-style: normal
}
[class*=" icon-"], [class^=icon-] {
	font-family: fullmarks!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-blog:before {
	content: "\e900"
}
.icon-career:before {
	content: "\e901"
}
.icon-facebook:before {
	content: "\e902"
}
.icon-graduate:before {
	content: "\e903"
}
.icon-left:before {
	content: "\e904"
}
.icon-mark:before {
	content: "\e905"
}
.icon-photo:before {
	content: "\e906"
}
.icon-right:before {
	content: "\e907"
}
html {
	height: 100%
}
body {
	height: 100%;
	position: relative;
	text-align: center;
	font-size: 15px;
	line-height: 1em;
	letter-spacing: .05em;
	font-family: sans-serif;
	font-feature-settings: "palt";
	background: #f0f2f4
}
@media all and (-ms-high-contrast:none) {
	body {
		letter-spacing: .05em;
		font-feature-settings: normal
	}
}
body.pcView {
	font-family: 'Noto Sans Japanese', YuGothic, "游ゴシック", 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: 350
}
body.pcView #newsIndex ul li .infoSet small, body.pcView #newsIndex ul li .infoSet span.postCategory, body.pcView #newsIndex ul li .infoSet span.postDate, body.pcView #newsIndex ul li .newLabel, body.pcView .btn, body.pcView dt, body.pcView footer small, body.pcView h1, body.pcView h2, body.pcView h3, body.pcView h4, body.pcView h5, body.pcView h6, body.pcView header #Global a {
	font-family: Poppins, 'Noto Sans Japanese', YuGothic, "游ゴシック", 'ＭＳ Ｐゴシック', sans-serif
}
body.pcView h1, body.pcView h2, body.pcView h3, body.pcView h4, body.pcView h5, body.pcView h6 {
	line-height: 1.2em
}
body.tbView #newsIndex ul li .infoSet small, body.tbView #newsIndex ul li .infoSet span.postCategory, body.tbView #newsIndex ul li .infoSet span.postDate, body.tbView #newsIndex ul li .newLabel, body.tbView .btn, body.tbView dt, body.tbView footer small, body.tbView h1, body.tbView h2, body.tbView h3, body.tbView h4, body.tbView h5, body.tbView h6, body.tbView header #Global a {
	font-weight: 700
}
@media only screen and (max-width:768px) {
	#newsIndex ul li .infoSet small, #newsIndex ul li .infoSet span.postCategory, #newsIndex ul li .infoSet span.postDate, #newsIndex ul li .newLabel, .btn, dt, footer small, h1, h2, h3, h4, h5, h6, header #Global a {
		font-weight: 700;
		line-height: 1.2em
	}
}
header {
	width: 100%;
	height: 160px;
	position: fixed;
	background: #fff;
	z-index: 9999;
	transition: all .2s ease-out
}
header .headerLogo {
	margin: 52px 0 0 60px;
	width: 207px;
	display: block;
	float: left;
	transition: all .2s ease-out
}
header .headerLogo img {
	width: 100%;
	transition: all .2s ease-out
}
header nav#Global {
	bottom: 0;
	right: 0;
	position: absolute;
	transition: all .2s ease-out
}
header nav#Global ul {
	height: 60px;
	margin: 100px 0 0 0;
	overflow: hidden;
	border-top: 1px #bfc4c7 solid;
	background: transparent url(/img/black.png) center center repeat-x
}
header nav#Global ul li {
	padding: 0 45px 0 0;
	display: inline-block;
	overflow: hidden;
	font-size: 16px
}
header nav#Global ul li a {
	display: block;
	line-height: 62px
}
header nav#Global ul li a span {
	display: none
}
header nav#Global ul li.subNav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0
}
header nav#Global ul li.subNav a {
	width: 100px;
	height: 100px;
	padding: 76px 0 0 0;
	display: inline-block;
	overflow-x: hidden;
	text-align: center;
	font-size: 11px;
	line-height: 1em;
	font-family: 'Noto Sans Japanese', YuGothic, "游ゴシック", 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: 350;
	background: #eaebed url(/img/header_subnav.png) no-repeat
}
header nav#Global ul li.position01 {
	right: 0
}
header nav#Global ul li.position02 {
	right: 101px
}
header nav#Global ul li.position03 {
	right: 202px
}
header nav#Global ul li.position04 {
	right: 303px
}
header nav#Global ul li.subNav.navAccess a {
	background-position: 0 0
}
header nav#Global ul li.subNav.navPhoto a {
	background-position: -101px 0
}
header nav#Global ul li.subNav.navContact a {
	background-position: -202px 0
}
header nav#Global ul li.subNav.navfacebook a {
	background-position: -303px 0
}
header nav#Global ul li.subNav.navAccess a:hover {
	background-position: 0 -100px
}
header nav#Global ul li.subNav.navPhoto a:hover {
	background-position: -101px -100px
}
header nav#Global ul li.subNav.navContact a:hover {
	background-position: -202px -100px
}
header nav#Global ul li.subNav.navfacebook a:hover {
	background-position: -303px -100px
}
header.hdShort {
	height: 60px
}
header.hdShort .headerLogo {
	margin: 10px 0 0 30px;
	width: 160px
}
header.hdShort .headerLogo img {
	width: 100%
}
header.hdShort nav#Global {
	bottom: 0;
	right: 0;
	position: absolute
}
header.hdShort nav#Global ul {
	border-top: none
}
.pcView header nav#Global ul li a:hover {
	color: #3772d0;
	text-decoration: none
}
.pcView header nav#Global ul li.subNav.navAccess a:hover {
	color: #de0039
}
.pcView header nav#Global ul li.subNav.navPhoto a:hover {
	color: #c7813d
}
.pcView header nav#Global ul li.subNav.navContact a:hover {
	color: #769f60
}
.pcView header nav#Global ul li.subNav.navfacebook a:hover {
	color: #3b5998
}
@media only screen and (max-width:1180px) {
	header nav#Global ul li {
		padding: 0 25px 0 0;
		letter-spacing: 0
	}
}
@media only screen and (max-width:980px) {
	header {
		width: 980px
	}
}
@media only screen and (max-width:768px) {
	header {
		width: 100%;
		height: auto;
		margin: 0;
		display: table;
		position: relative;
		z-index: auto
	}
	header .headerLogo {
		width: 50%;
		height: auto;
		margin: 0 0 0 20px;
		padding: 15px 0;
		float: none;
		text-align: left
	}
	header .headerLogo img {
		width: 100%;
		vertical-align: middle
	}
	header nav#Global {
		display: none
	}
	#rwdMenuWrap {
		width: 100%
	}
	#rwdMenuWrap #switchBtnArea {
		width: 42px;
		height: 0;
		overflow: visible;
		position: absolute;
		top: 0;
		right: 6%
	}
	#rwdMenuWrap #switchBtnArea #switchBtn {
		width: 42px;
		height: 42px;
		margin-top: calc(7.2vw - 10px);
		position: relative;
		z-index: 1
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span {
		width: 100%;
		height: 3px;
		background: #231815;
		border-radius: 10px;
		position: absolute;
		left: 0;
		transition: all .2s linear
	}
	#rwdMenuWrap #switchBtnArea #switchBtn, #rwdMenuWrap #switchBtnArea #switchBtn span {
		display: inline-block;
		box-sizing: border-box;
		transition: all .4s
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {
		top: 5px;
		transform: rotate(0)
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {
		top: 19px;
		transform: scale(1)
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {
		bottom: 5px;
		transform: rotate(0)
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
		top: 0!important;
		left: 5%;
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg)
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
		top: 20px;
		left: 5%;
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg)
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
		opacity: 0
	}
	#rwdMenuWrap ul {
		width: 100%;
		display: none;
		background: #231815
	}
	#rwdMenuWrap ul li {
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, .4)
	}
	#rwdMenuWrap ul li a {
		padding: 15px 20px;
		display: block;
		position: relative;
		color: #fff;
		text-align: left
	}
	#rwdMenuWrap ul li a span {
		padding: 0 0 0 1em;
		font-size: .6em
	}
	#rwdMenuWrap ul li a:after {
		content: '';
		width: 8px;
		height: 8px;
		display: block;
		margin-top: -4px;
		color: #888;
		font-size: 1em;
		font-weight: 700;
		line-height: 1.2em;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		position: absolute;
		top: 50%;
		right: 15px;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	#rwdMenuWrap ul li a:hover {
		text-decoration: none
	}
}
a {
	text-decoration: none;
	color: #000;
	cursor: pointer
}
a:visited {
	text-decoration: none;
	color: #000
}
a:active {
	text-decoration: none;
	color: #000
}
a:hover {
	text-decoration: underline;
	color: #000
}
#Container {
	padding: 160px 0 0 0
}
p {
	line-height: 1.6em;
	text-align: justify;
	text-justify: inter-ideograph
}
@media only screen and (max-width:768px) {
	#Container {
		padding: 0
	}
	br.pc {
		display: none
	}
}
.contBaseWrap {
	width: 1180px;
	margin: 0 auto
}
.contBaseWrap.baseShort {
	width: 980px
}
.contBaseWrap.baseMini {
	width: 720px
}
@media only screen and (max-width:1180px) {
	.contBaseWrap {
		width: 100%;
		padding: 0 5%
	}
	.contBaseWrap.baseMini, .contBaseWrap.baseShort {
		padding: 0
	}
}
@media only screen and (min-width:769px) and (max-width:980px) {
	#container {
		width: 980px;
		overflow-x: scroll
	}
	.contBaseWrap {
		width: 980px;
		margin: 0 auto
	}
	.contBaseWrap.baseMini {
		width: 720px;
		margin: 0 auto
	}
}
@media only screen and (max-width:768px) {
	.contBaseWrap {
		width: 88%;
		margin: 0 6%;
		padding: 0 0
	}
	.contBaseWrap.baseMini, .contBaseWrap.baseShort {
		width: 88%
	}
}
.btn {
	width: 400px;
	height: 70px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-align: center;
	line-height: 70px;
	font-size: 1.067em;
	letter-spacing: .2em;
	background: transparent url(/img/white.png) center center repeat-x
}
.btn:after {
	content: "\e907";
	width: 1em;
	margin: 0 15px 0 0;
	display: block;
	float: right;
	font-size: .9em;
	font-family: fullmarks!important;
	opacity: .2;
	transition: all .3s ease-out
}
.btn span {
	width: 100%;
	display: block;
	position: absolute;
	text-align: center;
	transition: all .3s ease-out;
	pointer-events: none;
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px
}
.btn span:nth-child(1) {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	transform: rotateX(0)
}
.btn span:nth-child(2) {
	font-size: .867em;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg)
}
.btn.mini {
	width: 210px;
	height: 50px;
	line-height: 50px;
	font-size: .867em
}
.btn.dark {
	color: #fff;
	background-color: #000
}
.btn.brightGhost {
	color: #fff;
	border: 1px #fff solid
}
.btn.darkGhost {
	color: #000;
	border: 1px #000 solid;
	background: transparent url(/img/black.png) center center repeat-x
}
.btn.back:after {
	content: "\e904";
	width: 1em;
	margin: 0 0 0 15px;
	display: block;
	float: left;
	font-size: .9em;
	font-family: fullmarks!important;
	opacity: .2;
	transition: all .3s ease-out
}
.pcView .btn:hover {
	text-decoration: none
}
.pcView .btn:hover span:nth-child(1) {
	background: rgba(255, 255, 255, .8);
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg)
}
.pcView .btn:hover span:nth-child(2) {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	transform: rotateX(0)
}
.pcView .btn:hover:after {
	margin: 0 10px 0 0;
	opacity: 1
}
.pcView .btn.darkGhost:hover span:nth-child(1) {
	background: rgba(0, 0, 0, .2)
}
.pcView .btn.back:hover:after {
	margin: 0 0 0 10px;
	opacity: 1
}
@media only screen and (max-width:768px) {
	.btn {
		max-width: 100%
	}
}
footer #walkTogether {
	max-height: 416px;
	background: #3f4c6b url(/img/footer-walktogether.jpg) no-repeat center top;
	background-attachment: fixed;
	background-size: cover;
	position: relative
}
footer #walkTogether::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(4, 29, 78, .48);
	position: absolute;
	top: 0;
	left: 0;
}
.tbView footer #walkTogether {
	background-attachment: scroll;
	background-size: 100% auto
}
footer #walkTogether .catch {
	width: 360px;
	margin: 45px 0 -16px 0;
	position: relative;
	fill: none;
	stroke: #fff;
	stroke-width: 1;
	z-index: 2
}
footer #walkTogether > ul {
	display: flex;
	justify-content: center;
	padding: 0 0 132px;
	gap: 0 20px;
	position: relative;
}
footer #walkTogether > ul img {
	width: 100%;
	height: auto;
}
.pcView footer #walkTogether > ul a {
	transition: all .3s ease-out;
}
.pcView footer #walkTogether > ul a:hover {
	opacity: .7;
}
footer .logo {
	width: 350px;
	margin: -30px auto 50px auto;
	display: block;
	position: relative;
	z-index: 3
}
footer .logo img {
	width: 100%
}
footer nav ul {
	display: inline-block
}
footer nav ul li {
	display: block;
	float: left
}
footer nav ul li a {
	display: block
}
footer nav#innerNav {
	margin: 0 0 60px 0;
	padding: 40px 0;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid
}
footer nav#innerNav ul {
	border-left: 1px solid #000
}
footer nav#innerNav ul li {
	border-right: 1px solid #000
}
footer nav#innerNav ul li a {
	padding: 0 2em
}
footer nav#innerNav ul li a span {
	display: none
}
footer nav#innerNav ul.subNav {
	margin: 30px 0 0 0;
	font-size: .8em
}
footer nav#iconNav {
	padding: 0 0 60px
}
footer nav#iconNav ul li {
	margin: 0 10px
}
footer nav#iconNav ul li a {
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	background: rgba(0, 0, 0, .2);
	border-radius: 20px
}
footer nav#iconNav ul li a span span {
	width: 0;
	height: 0;
	display: block;
	overflow: hidden
}
footer small {
	padding: 0 0 60px;
	display: block;
	color: #b8bec1;
	letter-spacing: .3em;
	font-size: .733em
}
footer nav#iconNav ul li a:hover {
	text-decoration: none
}
.pcView footer nav#iconNav ul li a:hover {
	text-decoration: none;
	background: rgba(0, 0, 0, .4)
}
@media only screen and (max-width:1180px) {
	footer nav#innerNav ul li a {
		padding: 0 1.5em
	}
}
@media only screen and (max-width:768px) {
	footer #walkTogether {
		max-height: initial;
		max-height: auto;
		background-attachment: scroll;
	}
	footer #walkTogether .catch {
		width: 80%;
		margin: 20px 0 0 0
	}
	footer #walkTogether > ul {
		display: block;
		padding-left: 6%;
		padding-right: 6%;
	}
	footer #walkTogether > ul li:not(:last-child) {
		margin: 0 0 20px;
	}
	footer .logo {
		width: 70vw;
		margin: -6vw auto 50px auto
	}
	footer nav#innerNav {
		margin: 0;
		padding: 0 0;
		border-top: 1px #fff solid;
		border-bottom: none
	}
	footer nav#innerNav ul {
		border-left: none
	}
	footer nav#innerNav ul li {
		width: 100%;
		display: block;
		text-align: left;
		border-right: none
	}
	footer nav#innerNav ul li a {
		padding: 1.4em 0;
		position: relative;
		font-size: 1.4em;
		border-bottom: 1px solid #fff
	}
	footer nav#innerNav ul li a:after {
		font-family: fullmarks;
		content: "\e907";
		margin: -6px 0 0 0;
		font-size: 12px;
		position: absolute;
		top: 50%;
		right: 0
	}
	footer nav#innerNav ul li a span {
		padding: 0 0 0 1em;
		display: inline;
		font-size: .6em
	}
	footer nav#innerNav ul.subNav {
		margin: 30px 0 30px 0;
		font-size: .8em;
		border-bottom: none
	}
	footer nav#innerNav ul.subNav li {
		width: 49%;
		margin: 0 2% 2vw 0;
		float: left;
		text-align: center;
		font-size: .7em;
		background: #fff
	}
	footer nav#innerNav ul.subNav li:nth-of-type(2n) {
		margin: 0 0 2vw 0
	}
	footer nav#innerNav ul.subNav li a:after {
		display: none
	}
	footer nav#innerNav ul li a:hover {
		text-decoration: none
	}
	footer nav#iconNav {
		padding: 0 0 30px
	}
	footer small {
		padding: 0 0 30px;
		letter-spacing: .05em;
		font-size: .6em
	}
}
#newsIndex ul {
	width: calc(100% - 340px);
}
#newsIndex ul li {
	border-bottom: 1px solid #f0f2f4;
	position: relative;
}
#newsIndex ul li::before {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #7190b2;
	position: absolute;
	left: 0;
	bottom: -1px;
	transition: all .4s ease-out;
}
#newsIndex ul li a {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 14px;
	padding: 27px 20px 27px 0;
	transition: all .3s ease-out;
	position: relative;
}
#newsIndex ul li a::after {
	content: "\e907" !important;
	width: 1em;
	margin: 0;
	display: block;
	font-size: .9em;
	font-family: fullmarks!important;
	color: #b8bec1;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all .3s ease-out;
}
.pcView #newsIndex ul li a:hover::after {
	right: -4px;
}
#newsIndex ul li:first-child a {
	padding: 0 20px 27px 0;
}
#newsIndex ul li:first-child a::after {
	transform: translateY(-50%) translateY(-13px);
	-webkit-transform: translateY(-50%) translateY(-13px);
}
#newsIndex ul li span:not(:last-child) {
	margin-right: 40px;
}
#newsIndex ul li span.postDate {
	font-weight: 600;
	color: #b8bec1;
	margin-top: 2px;
}
#newsIndex ul li span.postCategory {
	color: #7190b2;
	font-weight: 600;
	margin-top: 2px;
}
#newsIndex ul li span.postTitle {
	font-size: 16px;
	line-height: 1.6em;
	text-align: left;
}
#newsIndex ul li span.newLabel {
	font-size: 12px;
	padding: 3px 10px;
	margin: 0 0 0 1em;
	line-height: 1.0em;
	background: #ffe100;
	z-index: 3;
	position: relative;
	top: -1px;
}
#newsIndex ul li a:hover {
	opacity: .7;
	text-decoration: none;
}
#newsIndex ul li:hover::before {
	width: 100%;
}
@media only screen and (max-width:1180px) {
	#newsIndex ul li .infoSet span.postTitle {
		font-size: .8em;
		line-height: 1.1em
	}
}
@media only screen and (max-width:768px) {
	#newsIndex ul {
		margin: 0 0 20px;
	}
	#newsIndex ul li a,
	#newsIndex ul li:first-child a {
		display: block;
		text-align: left;
		padding: 20px 20px 20px 0;
	}
	#newsIndex ul li a::after,
	#newsIndex ul li:first-child a::after {
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	#newsIndex ul li span:not(:last-child) {
		margin-right: 10px;
	}
	#newsIndex ul li span {
		font-size: 2.5vw!important
	}
	#newsIndex ul li span.postTitle {
		display: block;
		line-height: 2.4em;
		margin-top: 10px;
	}
	#newsIndex ul li span.newLabel {
		padding: 2px 10px;
		font-size: 1.5vw !important;
	}
}

/* #topBlogIndex */
#topBlogIndex ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: -40px;
}
#topBlogIndex ul li {
	width: 265px;
	margin: 0 40px 40px 0;
	display: block;
/*	float: left;*/
	position: relative
}
#topBlogIndex ul li:nth-of-type(4n) {
	margin: 0 0 40px 0
}
#topBlogIndex ul li a {
	width: 100%;
	display: block;
	background: #fff
}
#topBlogIndex ul li .newLabel {
	width: 43px;
	height: 43px;
	line-height: 43px;
	font-size: .8em;
	background: #ffe100;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 3
}
#topBlogIndex ul li figure {
	overflow: hidden;
	background: #989999
}
#topBlogIndex ul li figure img {
	width: 100%;
	height: auto
}
#topBlogIndex ul li .infoSet {
	padding: 30px 30px 1em 30px;
	text-align: justify
}
#topBlogIndex ul li .infoSet small, #topBlogIndex ul li .infoSet span {
	display: block
}
#topBlogIndex ul li .infoSet span.postCategory {
	width: 50%;
	display: inline-block;
	float: left;
	font-weight: 600;
	color: #7190b2;
	padding: 0 0 .5em 0;
	font-size: .8em
}
/*#topBlogIndex ul li .infoSet span.postCategory.news {
	color: #4f8c01
}
#topBlogIndex ul li .infoSet span.postCategory.post {
	color: #8c0125
}
#topBlogIndex ul li .infoSet span.postCategory.photo {
	color: #8c7001
}*/
#topBlogIndex ul li .infoSet span.postDate {
	width: 50%;
	display: inline-block;
	float: right;
	text-align: right;
	padding: 0 0 .8em 0;
	color: #b8bec1;
	font-size: .8em
}
#topBlogIndex ul li .infoSet span.postTitle {
	height: 4em;
	line-height: 1.2em;
	clear: both;
}
#topBlogIndex a.btn {
	margin: 0 0 40px 0
}
#topBlogIndex ul li a {
	transition: all .3s ease-out
}
#topBlogIndex ul li figure img {
	transition: all 5s ease-out
}
#topBlogIndex ul li a:hover {
	text-decoration: none
}
.pcView #topBlogIndex ul li a:hover {
	opacity: .7
}
.pcView #topBlogIndex ul li a:hover figure img {
	opacity: .4;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1)
}
@media only screen and (max-width:1180px) {
	#topBlogIndex ul li {
		width: 23.5%;
		margin: 0 2% 40px 0
	}
	#topBlogIndex ul li:nth-of-type(4n) {
		margin: 0 0 40px 0
	}
	#topBlogIndex ul li .infoSet span.postTitle {
		font-size: .8em;
		line-height: 1.1em
	}
}
@media only screen and (max-width:768px) {
	#topBlogIndex ul {
		display: block;
		margin-bottom: -1em;
	}
	#topBlogIndex ul li {
		width: 100%;
		margin: 0 0 1em 0
	}
	#topBlogIndex ul li:nth-of-type(4n) {
		margin: 0 0 1em 0
	}
	#topBlogIndex ul li .newLabel {
		top: -10px;
		left: -10px
	}
	#topBlogIndex ul li a {
		display: table
	}
	#topBlogIndex ul li figure {
		width: 100%
	}
	#topBlogIndex ul li .infoSet {
		width: 50%;
		padding: 0 4vw;
		display: table-cell;
		vertical-align: middle
	}
	#topBlogIndex ul li .infoSet span {
		width: 100%;
		display: inline-block;
		font-size: 2.5vw!important
	}
	#topBlogIndex ul li .infoSet span.postCategory {
		padding: 0
	}
	#topBlogIndex ul li .infoSet span.postDate {
		padding: 0
	}
	#topBlogIndex ul li .infoSet span.postTitle {
		height: auto;
		padding: .5em 0 1em 0;
		line-height: 1.2em
	}
}

#fixedTop {
	right: 20px;
	bottom: 20px;
	width: 90px;
	height: 60px;
	display: block;
	background: url(/img/pagetop-fx.png) no-repeat center center;
	position: fixed;
	z-index: 998;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, .7);
	transition: all .3s ease-out;
	transform: scale(0)
}
#fixedTop:hover {
	background-color: #000
}
#fixedTop.show {
	transform: scale(1);
	-webkit-transform: translateZ(0)
}
#fixedTop.pageBottom {
	bottom: 40px
}
@media only screen and (max-width:720px) {
	#fixedTop {
		display: none
	}
}
#entryField ul li a {
	opacity: 1;
	transition: all .3s ease-out
}
body:not(.spView) #entryField ul li a:hover, body:not(.tbView) #entryField ul li a:hover {
	opacity: .6
}
#contentsIndex:after, #contentsIndex:before, #newsIndex ul li a:after, #newsIndex ul li a:before, #newsIndex ul:after, #newsIndex ul:before, .clear:after, .clear:before, footer nav ul:after, footer nav ul:before {
	content: " ";
	display: table
}
#contentsIndex:after, #newsIndex ul li a:after, #newsIndex ul:after, .clear:after, footer nav ul:after {
	clear: both
}