@charset "utf-8";

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
	font-size: 0;
	vertical-align: top;
	width: 100%;
}

html {
	width: 100%;
	height: 100%
}

li,
ul {
	list-style: none
}

dd,
p,
td,
th {
	font-style: normal;
	font-weight: 0;
	word-break: break-all
}

p {
	word-break: break-word
}

dd {
	word-break: break-all
}

a {
	margin: 0;
	padding: 0;
	border: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@media screen and (min-width:769px) {
	.pc {
		display: block
	}

	.sp {
		display: none
	}

	.dt_hs_inner {
		width: 860px;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		position: relative;
		color: #231815
	}

	.dt_hs_nav {
		border-bottom: 2px solid #F3EEE6
	}

	.dt_hs_nav ul.dt_hs_nav_main {
		width: 940px;
		display: flex;
		justify-content: center;
		margin: 0 auto;
		font-size: 0
	}

	.dt_hs_nav ul.dt_hs_nav_main li {
		vertical-align: top;
		padding: 10px 0
	}

	.dt_hs_nav ul.dt_hs_nav_main li:nth-of-type(n+2) {
		position: relative
	}

	.dt_hs_nav ul.dt_hs_nav_main li:nth-of-type(n+2):before {
		content: '';
		width: 2px;
		height: 34px;
		background-color: #CCC;
		position: absolute;
		top: 10px;
		left: 0
	}


	.dt_hs_nav ul.dt_hs_nav_main li.n3 {
		position: relative
	}

	.dt_hs_nav ul.dt_hs_nav_main li a {
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		padding: 0 60px;
		height: 34px;
		padding: 0 20px;
	}

	.dt_hs_nav.addPdf ul.dt_hs_nav_main>li:last-of-type>a {
		padding: 0 15px;
	}

	.dt_hs_nav.addPdf ul.dt_hs_nav_main>li a:hover {
		opacity: .7;
		-webkit-transition: all .3s;
		transition: all .3s;
		text-decoration: none;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n1 a {
		width: 140px;
		background-image: url(../images/hakusyo2023/nav_01_pc.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n1 a:hover {
		background-image: url(../images/hakusyo2023/nav_01_on_pc.jpg);
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n2 a {
		width: 140px;
		background-image: url(../images/hakusyo2023/nav_02_pc.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n2 a:hover {
		background-image: url(../images/hakusyo2023/nav_02_on_pc.jpg);
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n3 a {
		width: 175px;
		background-image: url(../images/hakusyo2023/nav_03_pc.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		margin-left: 2px;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n3 a:hover {
		background-image: url(../images/hakusyo2023/nav_03_on_pc.jpg);
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n4 a {
		width: 252px;
		background-image: url(/~/Media/com/dotest/committee/images/hakusyo2019/data/common/nav_05_pc.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto auto;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub {
		position: relative;
		background-color: #FFDBB9;
		position: absolute;
		top: 55px;
		z-index: 10;
		width: 100%;
		display: none;
		font-size: 0;
		padding: 20px
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n4 ul.dt_hs_nav_sub {
		width: 284px;
		left: -70px
	}

	.dt_hs_nav.addPdf ul.dt_hs_nav_main li.n4 ul.dt_hs_nav_sub {
		width: 284px;
		left: -104px
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub:before {
		content: "";
		position: absolute;
		top: -30px;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-bottom: 15px solid #FFDBB9
	}

	.dt_hs_nav ul.dt_hs_nav_main li:hover ul.dt_hs_nav_sub {
		display: block
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li {
		display: inline-block;
		vertical-align: top;
		width: 132px;
		padding: 0;
		border: none
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li:nth-of-type(n+2) {
		margin-left: 20px
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li:before {
		content: none
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li a {
		display: inline-block;
		vertical-align: top;
		width: 132px;
		height: 28px;
		padding: 0
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li a:hover {
		opacity: .7;
		-webkit-transition: all .3s;
		transition: all .3s;
		text-decoration: none
	}

	.dt_hs_container ul.dt_hs_data_pager {
		margin: 120px 0 0 0;
		font-size: 0;
		text-align: center
	}

	.dt_hs_container ul.dt_hs_data_pager li {
		display: inline-block;
		vertical-align: top
	}

	.dt_hs_container ul.dt_hs_data_pager li:nth-of-type(n+2) {
		margin: 0 0 0 40px
	}

	.dt_hs_container ul.dt_hs_data_pager li a {
		display: inline-block;
		vertical-align: top;
		font-size: 0
	}

	.dt_hs_container p#toTop {
		margin: 30px 0 0 0;
		text-align: right
	}

	.dt_hs_container p#toTop a {
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		width: 40px;
		height: 40px;
		background-image: url(../images/hakusyo2019/index/toTop.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100% auto
	}

	.dt_hs_container p#toTop a:hover {
		cursor: pointer
	}
}

@media screen and (max-width:768px) {
	.pc {
		display: none
	}

	.sp {
		display: block
	}

	#dt_buy {
		display: none !important
	}

	.dt_hs_inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		color: #231815
	}

	.dt_hs_nav {
		border-bottom: 2px solid #F3EEE6
	}

	.dt_hs_nav ul {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
		padding: 2vw 0 4vw 0;
		font-size: 0;
	}

	.dt_hs_nav ul li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}

	.dt_hs_nav ul li {
		border-right: 1px solid #CCC;
	}

	.dt_hs_nav ul li:nth-child(3) {
		border-right: none;
	}

	.dt_hs_nav ul li a {
		display: block;
		vertical-align: top;
		font-size: 0;
		height: 18vw;
		width: 100%;
	}

	.dt_hs_nav ul li a:hover {
		-webkit-transition-delay: .2s;
		transition-delay: .2s;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
	}

	.dt_hs_nav ul li.n1 a {
		background-image: url(../images/hakusyo2023/nav_01_sp.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}

	.dt_hs_nav ul li.n2 a {
		background-image: url(../images/hakusyo2023/nav_02_sp.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}

	.dt_hs_nav ul li.n3 a {
		background-image: url(../images/hakusyo2023/nav_03_sp.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}

	.dt_hs_nav ul li.n4 {
		display: none;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub {
		position: relative;
		background-color: #FFDBB9;
		position: absolute;
		top: 33vw;
		z-index: 10;
		width: 100%;
		display: none;
		font-size: 0;
		width: 65vw;
		padding: 4vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n3 ul.dt_hs_nav_sub {
		left: 15vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n4 ul.dt_hs_nav_sub {
		right: 5vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub:before {
		content: "";
		position: absolute;
		top: -6vw;
		margin-left: -15px;
		border: 15px solid transparent;
		border-bottom: 15px solid #FFDBB9
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n3 ul.dt_hs_nav_sub:before {
		left: 50vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n4 ul.dt_hs_nav_sub:before {
		left: 66vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li:hover ul.dt_hs_nav_sub {
		display: block;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li {
		display: inline-block;
		vertical-align: top;
		width: 30vw;
		padding: 0;
		border: none;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li:nth-of-type(2n) {
		margin-left: 4vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li:nth-of-type(n+3) {
		margin-top: 2vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li:before {
		content: none;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li a {
		display: inline-block;
		vertical-align: top;
		width: 30vw;
		height: 7vw;
		padding: 0;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li a:hover {
		opacity: .7;
		-webkit-transition: all .3s;
		transition: all .3s;
		text-decoration: none
	}

	.dt_hs_container ul.dt_hs_data_pager {
		margin: 20vw 0 0 0;
		font-size: 0;
		text-align: center
	}

	.dt_hs_container ul.dt_hs_data_pager li {
		display: inline-block;
		vertical-align: top
	}

	.dt_hs_container ul.dt_hs_data_pager li:nth-of-type(2) {
		margin: 5vw 0 0 0
	}

	.dt_hs_container ul.dt_hs_data_pager li a {
		display: inline-block;
		vertical-align: top;
		font-size: 0
	}

	.dt_hs_container p#toTop {
		margin: 5vw 5vw 0 0;
		text-align: right
	}

	.dt_hs_container p#toTop a {
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		width: 12vw;
		height: 12vw;
		background-image: url(../images/hakusyo2019/index/toTop.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100% auto
	}
}