@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;500;700;800&display=swap");

/*~~*/

body {
	font-size: 14px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 400;/*300・400・500・700・800*/
	line-height: 160%;
	color: #000000;
}

/*~~*/

.h1, .h1 > * {
	font-size: 26px; font-weight: 500; line-height: 140%; text-align: center;
}

.h2, .h2 > * {
	font-size: 20px; font-weight: 500; line-height: 140%; text-align: center;
}

.h3, .h3 > * {
	font-size: 18px; font-weight: 500; line-height: 140%;
}

.h4, .h4 > * {
	font-size: 16px; font-weight: 500; line-height: 140%;
}

.h5, .h5 > * {
	font-size: 14px; font-weight: 500; line-height: 140%;
}

.h6, .h6 > * {
	font-size: 12px; font-weight: 500; line-height: 140%;
}

section .ex p {
	font-size: 14px; line-height: 150%;
}

section .nt p {
	font-size: 12px; line-height: 150%;
}

/*~~*/

.tx-head, .tx--head {
	font-size: 18px; line-height: 160%; color: #000000; text-align: justify; text-justify: inter-ideograph;
}

.tx-head.indent-1, .tx--head.indent-1 {
	padding-left: 18px; text-indent: -18px;
}

.tx-head.indent-2, .tx--head.indent-2 {
	padding-left: 18px;
}

/*~~*/

.tx-lead, .tx--lead {
	font-size: 16px; line-height: 160%; color: #000000; text-align: justify; text-justify: inter-ideograph;
}

.tx-lead.indent-1, .tx--lead.indent-1 {
	padding-left: 16px; text-indent: -16px;
}

.tx-lead.indent-2, .tx--lead.indent-2 {
	padding-left: 16px;
}

/**/

.tx-body, .tx--body {
	font-size: 14px; line-height: 160%; color: #000000; text-align: justify; text-justify: inter-ideograph;
}

.tx-body.indent-1, .tx--body.indent-1 {
	padding-left: 14px; text-indent: -14px;
}

.tx-body.indent-2, .tx--body.indent-2 {
	padding-left: 14px;
}

/**/

.tx-note, .tx--note {
	font-size: 12px; line-height: 140%; color: #000000; text-align: justify; text-justify: inter-ideograph;
}

.tx-note.indent-1, .tx--note.indent-1 {
	padding-left: 12px; text-indent: -12px;
}

.tx-note.indent-2, .tx--note.indent-2 {
	padding-left: 12px;
}

/**/

.tx-capt, .tx--capt {
	font-size: 12px; line-height: 140%; color: #000000; text-align: justify; text-justify: inter-ideograph;
}

.tx-capt.indent-1, .tx--capt.indent-1 {
	padding-left: 12px; text-indent: -12px;
}

.tx-capt.indent-2, .tx--capt.indent-2 {
	padding-left: 12px;
}

/*~~*/

.ft-bold {
	font-weight: bold;
}

.ft-line {
	line-height: 105%;
}

.ft-lpos {
	text-align: left;
}

.ft-cpos {
	text-align: center;
}

.ft-rpos {
	text-align: right;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media all and (max-width: 768px) {
/****************************************************************************************************************************************************************/

.pc-br {
	display: none;
}

/****************************************************************************************************************************************************************/
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media all and (min-width: 769px) {
/****************************************************************************************************************************************************************/

.sp-br {
	display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.h1, .h1 > * {
	font-size: 52px;
}

.h2, .h2 > * {
	font-size: 32px;
}

.h3, .h3 > * {
	font-size: 22px;
}

.h4, .h4 > * {
	font-size: 18px;
}

.h5, .h5 > * {
	font-size: 16px;
}

.h6, .h6 > * {
	font-size: 14px;
}

section .ex p {
	font-size: 12px; line-height: 150%;
}

section .nt p {
	font-size: 12px; line-height: 150%;
}

/*~~*/

.tx--head {
	font-size: 20px;
}

.tx--head.indent-1 {
	padding-left: 20px; text-indent: -20px;
}

.tx--head.indent-2 {
	padding-left: 20px;
}

/**/

.tx--lead {
	font-size: 18px;
}

.tx--lead.indent-1 {
	padding-left: 18px; text-indent: -18px;
}

.tx--lead.indent-2 {
	padding-left: 18px;
}

/**/

.tx--body {
	font-size: 16px;
}

.tx--body.indent-1 {
	padding-left: 16px;
}

.tx--body.indent-2 {
	padding-left: 16px; text-indent: -16px;
}

/**/

.tx--note {
	font-size: 14px;
}

.tx--note.indent-1 {
	padding-left: 14px;
}

.tx--note.indent-2 {
	padding-left: 14px; text-indent: -14px;
}

/**/

/*.tx-capt はスマホと同じ*/

/****************************************************************************************************************************************************************/
}