@charset "UTF-8";

@media screen and (max-width: 1024px) , print {
	#contents {
		width: 98%;
	}
	#linkArea .linkAreaBox02 ul li dl dd a {
		font-size: 3.5vw;
	}
	#topic #main #side {
		width: 32%;
	}
	#topic #main #section {
		width: 64%;
	}
	#topic #main #topicksList li {
		width: 100%!important;
	}
	#topic #main #topicksList dt {
		width: 21%;
	}
	#topic #main #topicksList dd {
		width: 79%;
	}
	#topic #main .single #singleTitle {
		font-size: 180%;
	}
}

@media screen and (max-width: 599px) {
	#contents {
		padding: 9vw 0 0;
	}
	#linkArea {
		margin-bottom: 20px;
	}
	#linkArea .linkAreaBox02 {
		padding: 0!important;
	}
	#linkArea .linkAreaBox02 ul {
		display: block;
	}
	#linkArea .linkAreaBox02 ul li dl dt {
		margin-bottom: 0.5em!important;
		font-size: 87.5%!important;
	}
	#linkArea .linkAreaBox02 ul li dl dd a {
		font-size: 140%!important;
		box-shadow: 2px 2px 0 #7f7f7f!important;
		padding: 3px!important;
	}
	#linkArea .linkAreaBox02 ul li dl dd a div {
		border: 1px solid #fff!important;
		padding: 0.85rem 0em 0.85rem 0!important;
	}
	#departmentArea a {
		width: 50%!important;
	}
	#topic #main {
		display: block;
	}
	#topic #main #side {
		width: 100%!important;
    margin-top: 30px;
	}
	#topic #main #side .sideBox01 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#topic #main #side .sideBox01 li {
		width: 50%;
		box-sizing: border-box;
	}
	#topic #main #side .sideBox01 li:nth-child(even) {
		border-left: 1px solid #ddd;
	}
	#topic #main #side .sideBox01 ul li a {
		background: url(/common/images/arrow_02.svg) 2.5% center #f5f3f2 no-repeat;
		background-size: 1em auto;
		padding: 0.75em 0 0.75em 1.5em;
	}
	#topic #main {
		flex-wrap: wrap;
	}
	#topic #main #section {
		width: 93%!important;
		margin: 0 auto;
	}
	#topic #main #topicksList dt {
		width: 30%;
	}
	#topic #main #topicksList dd {
		width: 70%;
	}
	#topic #main .single #singleTitle {
		font-size: 135%;
	}
	#topic #main .single #pagingArea {
		margin: 1.5em 0 2em;
	}
	#topic #main .single #pagingArea li {
		width: 50%;
		text-align: center;
	}
	#departmentArea h2 {
		font-size: 16px;
    padding: 10px 0 10px 10px;
	}
	#departmentArea a:not(:nth-of-type(2n)) {
    margin-right: 0;
	}
	#departmentArea a {
		width: 100%!important;
	}
	#departmentArea .departmentImg {
		height: 200px;
	}
	#departmentArea .departmentImg .name {
		font-size: 13px;
	}
	.single_new h3 {
    font-size: 112.5%;
	}
	.single_new #archive li a {
    display: block;
	}
	.single_new #archive li a .photo {
    width: 100%;
	}
	.single_new #archive li a .photo img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.single_new #archive li a .other {
    width: auto;
    margin-top: 0.75em;
	}
	.single_new #archive li a .box01 .cat {
    display: inline-block;
    max-width: 20.25em;
	}
	.single_new #archive li a dl dd {
    font-size: 87.5%;
    line-height: 1.5;
	}
	.single_new #archive li a dl dd .txtCut02 {
		height: 45px;
	}
}