@charset "utf-8";
:root {
	--keyColor: #3aafdb;
	--keyColor2: #014290;
}

.tblList01.type01 > li {
	padding-block: .75em;
}

.tblList01.type01 .th {
	font-size: 1.175em;
}

.ttl {
	font-size: clamp(1.8rem, 1.582rem + 1.09vw, 2.4rem) !important;
}

.ttl .num {
	display: inline-block;
	margin-right: .5em;
	color: var(--keyColor);
	font-size: 1.2em;
}

.list_arrow > li {
    /* font-size: 1.75rem !important; */
	font-size: clamp(1.4rem, 1.273rem + 0.64vw, 1.75rem) !important;
}

.list_agenda > li {
	counter-increment: index;
	position: relative;
	padding-left: 1.65em;
	font-weight: bold;
	/* font-size: 1.4em !important; */
	font-size: clamp(1.52rem, 1.52vw, 1.4em) !important;
}

.list_agenda a {
	text-decoration: none !important;
	color: inherit !important;
	transition: all .3s ease-out;
}

.list_agenda a:hover {
	color: var(--keyColor) !important;
	text-decoration: underline !important;
}

.list_agenda > li:before {
	content: counter(index)".";
	position: absolute;
	left: 0.25em;
	font-weight: bold;
	color: var(--keyColor);
}

.list_agenda dl {
	font-size: .9em !important;
}

.list_agenda dl {
	color: #000;
	font-weight: 500;
}

.ol > li {
	position: relative;
	padding-left: 1.65em !important;
	text-indent: 0 !important;
	font-weight: 500;
	font-size: 1em !important;
}

.ol > li::before {
	position: absolute;
	left: 0;
	top: .325em;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.35em;
	font-size: .8em;
	opacity: .8;
}

.ol > li + li {
	margin-top: .25em;
}

.border {
	border: 1px solid #ccc;
}

.imgWrap {
	margin: 2.5em auto 0;
}

.imgWrap .cap {
	margin: 1em 0 0;
	line-height: 1.6;
}

.imgWrap .box {
	margin: 0 0 1.5em;
}

@media print, screen and (min-width: 768px) {
	.imgWrap {
		gap: 3em;
	}

	.imgWrap .box {
		margin: 0;
		flex: 1;
	}

	.imgWrap:has(.box:only-child):after {
		content: "";
		flex: 1;
	}

	.imgWrap .cap {
		font-size: 1.15em;
	}
}

.messageBox {
	border: 0;
	background: rgb(58,175,219, .07);
	padding: min(5%, 2.5em);
}

.discussionFrame {
	margin-block: min(8%, 4em);
}

.innerSec {
	padding-block: min(6%, 3em);
}

.discussionFrame .ttl_m {
	margin: 0 0 1.25em;
	font-size: clamp(1.8rem, 2.26vw, 1.7em);
	color: #000;
}

.discussionFrame .ttl_m .sub {
	display: block;
	width: fit-content;
	margin: 0 0 .95em;
	padding: .45em .8em;
	line-height: 1;
	font-size: max(.6em, 1.1rem);
	color: #fff;
	background: var(--keyColor);
}

.discussionFrame .ttl_m .sub .name {
	display: inline-block;
	position: relative;
	top: .05em;
	font-size: 1.3em;
}

.ttl_m .ttl_txt .name {
    display: inline-block;
    margin-right: 1em;
}

.ttl_m .ttl_txt .title {
    display: inline-block;
    color: var(--keyColor2);
    font-size: .875em;
}

#agenda03 .ttl_m {
	position: relative;
	padding-left: 1.7em;
	font-size: clamp(1.65rem, 2.15vw, 1.65em);
}

#agenda03 .ttl_m .num {
	display: block;
	position: absolute;
	left: 0;
	top: .325em;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.35em;
	font-size: .8em;
	opacity: .8;
	background: var(--keyColor);
	border-radius: 50%;
	color: #fff;
	text-align: center;
}

/* #agenda02 .ttl_m .sub {
    margin: 0 0 .5em;
    padding: 0;
    background: none;
    line-height: 1.4;
    font-size: .65em;
	font-weight: bold;
    color: var(--keyColor2);
} */

.statementFrame:not(.colWrap) > .img {
    margin: 0 auto 2.5em;
    max-width: 400px;
}

.remark .speaker {
	font-weight: 600;
	color: var(--keyColor2);
}

@media print, screen and (min-width: 768px) {
	.statementFrame {
		gap: 3em;
	}

	.statementFrame > * {
		flex: 1;
	}

	.innerSec:nth-child(odd) .statementFrame {
		flex-direction: row-reverse;
	}

	p + .innerSec:last-child .statementFrame {
		flex-direction: row;
	}
}

body:not(#index) #main .btm-menu a {
	text-decoration: none;
}
.btm-menu a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 auto;
	width: min(100%, 420px);
	font-size: clamp(14px, 3vw, 1.35em);
	font-weight: 500;
	background-color: #def8ff;
	padding: 1em;
	min-height: 5em;
  }
   .btm-menu a p {
	padding-left: 1.5em;
	color: #000;
  }

  .btm-menu a:before {
	content: "";
	display: block;
	position: absolute;
	right: 1.5em;
	top: 50%;
	width: .4em;
	height: .4em;
	border-top: 2px solid #0d7faa;
	border-right: 2px solid #0d7faa;
	opacity: .6;
	transform: translateY(-50%) rotate(45deg);
  }

  .btm-menu a img {
	display: block;
	width: 4.75em;
	padding: .25em;
	aspect-ratio: 1 / 1;
	background: #fff;
	object-fit: contain;
	border-radius: 50%;
  }