@charset "utf-8";
* {
	box-sizing : border-box;
	margin     : 0;
	padding    : 0
}

html {
	font-size : 3.720930232558139vw
}

@media only screen and (min-width : 689px) {
	html {
		font-size : 100%
	}
}

body {
	text-align  : center;
	font-family : "HammersmithOne", "Meiryo UI", "MS UI Gothic", sans-serif;
	color       : #555;
	font-size   : 1rem;
	padding     : 0
}

a {
	color : #333
}

a:visited {
	color : #999
}

strong, em {
	font-weight : bold
}

.term-container {
	width       : auto;
	text-align  : left;
	margin      : 0 auto;
	padding     : .9375rem .9375rem 1.875rem;
	line-height : 1.733333333333333
}

@media only screen and (min-width : 689px) {
	.term-container {
		width       : 688px;
		padding     : 20px 20px 50px;
		line-height : 1.5
	}
}

.term-container h1 {
	padding       : 1.25rem 0;
	margin        : 0 0 1.25rem;
	width         : auto;
	border-bottom : 2px solid #ccc
}

@media only screen and (min-width : 689px) {
	.term-container h1 {
		width               : 648px;
		padding             : 40px 0;
		border-bottom-width : 4px;
		margin              : 0 0 20px
	}
}

.term-container h1 img {
	display      : block;
	aspect-ratio : 16.115384615384617;
	max-width    : 100%;
	width        : 12.5rem
}

@media only screen and (min-width : 689px) {
	.term-container h1 img {
		width : 419px
	}
}

.term-container h2 {
	font-weight : bold;
	padding     : 1.125rem 0 0;
	margin      : 1rem 0;
	font-size   : 1.125rem
}

@media only screen and (min-width : 689px) {
	.term-container h2 {
		font-size : 123%;
		padding   : 18px 0 15px;
		margin    : 16px 0
	}
}

.term-container h3 {
	font-weight : bold;
	font-size   : 1.0625rem
}

@media only screen and (min-width : 689px) {
	.term-container h3 {
		margin    : 0 0 5px;
		font-size : 115%
	}
}

.term-container dl {
	margin : 0 0 3.75rem
}

@media only screen and (min-width : 689px) {
	.term-container dl {
		margin : 0 0 25px
	}
}

.term-container dl dt {
	font-weight : bold
}

@media only screen and (min-width : 689px) {
	.term-container dl dt {
		font-size : 95%
	}
}

.term-container dl dd {
	margin    : .75rem 0 0 1.375rem;
	font-size : .9375rem
}

@media only screen and (min-width : 689px) {
	.term-container dl dd {
		margin    : 5px 0 0 30px;
		font-size : 80%
	}
}

.term-container dl dd p {
	font-size : .875rem
}

@media only screen and (min-width : 689px) {
	.term-container dl dd p {
		font-size : 85%
	}
}

.term-container dl dt + dd {
	margin-top : .25rem
}

@media only screen and (min-width : 689px) {
	.term-container dl dt + dd {
		margin-top : 5px
	}
}

.term-container p {
	margin    : 0 0 .25rem;
	font-size : 85%
}

@media only screen and (min-width : 689px) {
	.term-container p {
		margin : 0 0 8px
	}
}

.term-container ol {
	margin  : 1rem 0;
	padding : 0 0 0 1.25rem
}

@media only screen and (min-width : 689px) {
	.term-container ol {
		margin  : 1em 0;
		padding : 0 0 0 40px
	}
}

.term-container ol li {
	margin : 0 0 .3125rem
}

@media only screen and (min-width : 689px) {
	.term-container ol li {
		margin : 0
	}
}

.term-end {
	text-align : right;
	font-size  : 85%
}

.c-box {
	padding : 1.875rem .625rem 0
}

@media only screen and (min-width : 689px) {
	.c-box {
		padding : 40px 0
	}
}

.c-box__heading {
	text-align  : center;
	font-weight : 700;
	font-size   : .9375rem;
	margin      : 0 0 .5rem
}

.c-box__content {
	font-size : .875rem
}

.c-box__content ol {
	list-style    : none;
	counter-reset : box-ol;
	padding       : 0
}

.c-box__content li {
	counter-increment : box-ol;
	position          : relative;
	padding           : 0 0 0 1.5625rem
}

@media only screen and (min-width : 689px) {
	.c-box__content li {
		padding : 0 0 0 40px
	}
}

.c-box__content li + li {
	margin-top : .25rem
}

@media only screen and (min-width : 689px) {
	.c-box__content li + li {
		margin-top : 8px
	}
}

.c-box__content li:before {
	position : absolute;
	top      : 0;
	left     : 0;
	content  : '(' counter(box-ol, lower-roman) ')'
}

@media only screen and (min-width : 689px) {
	.u-mobile {
		display : none
	}
}

.u-desktop {
	display : none
}

@media only screen and (min-width : 689px) {
	.u-desktop {
		display : revert
	}
}