@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@media screen and (min-width: 992px) {
}
@media screen and (min-width: 768px) and (max-width: 992px) {
}
@media screen and (min-width: 576px) and (max-width: 768px) {
}
@media screen and (max-width: 576px) {
}


/* common */
/* variable *************************/

:root {
	/* color */
	
	--tislrgray: #3c3f3f;
	--linkcolor: #0070ba;
	--blue2023: #00d8ff;
  	--blue2022: #12428a;
	--blue2024: #87ceeb
}

html[lang="ja"] {
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
/*body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; }*/

body { background-color: #eeeeef; color: var(--tislrgray); line-height: 1.6; }

.container { background-color: #ffffff; }
.container-fluid { max-width: 1200px; background-color: #ffffff; }

.antcont { position: relative; }

h2 { margin-bottom: 16px; margin-bottom: 1rem; font-size: 20px; font-size: 1.25rem; font-weight: 600; line-height: 1.0; }
@media screen and (max-width: 768px) {
	h2 { font-size: 18px; font-size: 1.125rem; }
}
h3 { font-size: 18px; font-size: 1.125rem; font-weight: 600; /*line-height: 0.9; padding: 0.1em 0 0.2em;*/ }
/*span.lh16 { line-height: 0.6; }*/

.hidd { visibility: hidden; }

.lnktarget { padding-top: 1em; }


.textindent { text-indent: 1em; }
.plain_p { margin-bottom: 0; }
.narrow_p { max-width: 50em; }

.keypers { width: 88%; margin: 0 6%; }
@media screen and (max-width: 768px) {
	.keypers { width: 92%; margin: 0 6% 2em; }
}

.subsection { margin-right: 8em; margin-bottom: 2em; margin-left: 8em; padding-top: 1.2em; border-top: 1px solid #9f9f9f;}

footer { margin-right: 6.0rem; margin-bottom: 2.0rem; margin-left: 6.0rem; padding: 0.2em 0 8em; border-top: 1px solid #9f9f9f; }
address { text-align: center; font-size: 14px; font-size: 0.875rem; }

@media screen and (min-width: 992px) {
	.subsection, 
	footer { margin-right: 6em; margin-left: 6em; }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
	.subsection, 
	footer { margin-right: 2em; margin-left: 2em; }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
	.subsection, 
	footer { margin-right: 2em; margin-left: 2em; }
}
@media screen and (max-width: 576px) {
	.subsection,
	footer { margin-right: 0em; margin-left: 0em; }
}


h2.lgbl { border-left: 10px solid var(--blue2023); padding-left: 8px; }
h2.lgble { border-left: 10px solid var(--blue2024); padding-left: 8px; }
h3.orbl { border-left: 10px solid #3f66e6; padding-left: 8px; line-height: 0.9; padding: 0.1em 0 0.2em 8px; }

#headerdiv { padding: 0; max-width: 1200px; }
#topbnnr { width: 100%; line-height: 0; }
#topbnnr img { width: 100%; }

/* nav */
.navbar { padding: 0; background-color: var(--blue2023); }
.navbare { padding: 0; background-color: var(--blue2024); }
#navbarul { /*width: 600px;*/ margin: 0 auto; height: 100%; }
#navbarul .nav-item { width: 33%; padding-top: 5px; text-align: center; min-width: 12em; }
@media screen and (max-width: 768px) {
	#navbarul .nav-item { padding-top: 0; min-width: 10em; }
}
#navbarul .nav-item a { color: #191970; }


.h1div,
.infodiv { text-align: center; }
.h1div,
.infodiv,
#purposediv { padding: 0; max-width: 656px; margin: 0 auto; }
#purposediv p { /*font-size: 15px; font-size: 0.925rem;*/ }
@media screen and (max-width: 768px) {
	#purposediv p { padding: 0 15px; }
}
#h1div_image { margin-top: 10px; text-align center; }
#h1div_image img { width: 100%; max-width: 613px; }
#antartictreatyh1div,
#infodevtext { height: 1px; overflow: hidden; }

.keypers .keypers_i { width: 80%; margin: 0 auto 1em; }
.keypers .keypers_i img { width: 100%; margin-bottom: 1em; }

table.programtbl { border: none; font-size: 18px; font-size: 1.125rem; margin-bottom: 1.6em; width: 100%; max-width: 940px; }
table.programtbl th { width: 3.4em; border: none; vertical-align: top; }
table.programtbl td { border: none; vertical-align: top; }
table.programtbl td.progtitle { padding-right: 1em; }
table.programtbl td.progtitledotted { background: url(images/tddot.png) 10px 14px repeat-x; }
table.programtbl td.progtitledotted { margin: 0; padding: 0 4px 0 0; }
span.bgwhite { background-color: #ffffff; padding-right: 4px; }
table.programtbl td.progtitle,
table.programtbl td.progperson { /*border-bottom: 2px dotted var(--tislrgray);*/ }
table.programtbl td.progperson { padding-left: 4px; letter-spacing: 4px; width: 9.5em; }
@media screen and (max-width: 768px) {
	table.programtbl td.progtitle { border-bottom: 2px dotted var(--tislrgray); }
	table.programtbl td.progtitledotted { background: none; }
	table.programtbl td.progperson { letter-spacing: 0; width: 30%; min-width: 4em; border-bottom: 2px dotted var(--tislrgray); }
}

.contentdiv,
.speakerdiv { margin-left: 18px; }
.speakerdiv img { float: right; margin: 0 0 1em 4em; width: 175px; }
@media screen and (max-width: 768px) {
	.speakerdiv { margin-left: 0; }
	.speakerdiv img { margin: 0 0 0.5em 0.5em; width: 136px; }
}
.contentdiv img.formimg { width: 98%; max-width: 582px; }

.bannerdiv { margin: 0 4em; text-align: center; letter-spacing: 3em; line-height: 128px; }
.bannerdiv img { /*width: 320px;*/ }
@media screen and (max-width: 768px) {
	.bannerdiv { margin: 0 0.5em; /*letter-spacing: 8px;*/ }
	.bannerdiv img#nipr_ban { width: 320px; }
}


.rgstbtn { width: 16em; height: 3.2em; margin: 2.0em 0 2.5em; background-color: var(--blue2022); display: flex; border-radius: 10px; }
.rgstbtn p { margin: auto; color: #ffffff; font-size: 18px; font-size: 1.125rem; }
a.rgstbtn_a { text-decoration: none!important; }
a.rgstbtn p { color: #ffffff; }
a.rgstbtn_a:hover .rgstbtn p { text-decoration: underline; }


.overview_div { margin: 0.0rem 3.0rem 2.0rem; padding: 1.0rem 1.5rem; border: 2px solid var(--blue2023); border-radius: 20px; }
.overview_div p { margin-bottom: 0.0rem; font-size: 18px; font-size: 1.125rem; /*text-indent: 1em;*/ }
.overview_div p:first-letter { /*color: var(--blue2022);*/ /*font-size: 1.25em;*/ }
.overview_dl {  }
.overview_dl dt { /*font-size: 20px; font-size: 1.25rem;*/ /*color: var(--blue2022);*/ /*font-family: 'Secular One', sans-serif; */}
.overview_dl dd { margin-bottom: 1.0rem; margin-left: 2em; }
@media screen and (max-width: 768px) {
	.overview_div { margin: 0.0rem 0.125rem 1.0rem; padding: 1.0rem 0.5rem; }
	.overview_div p { font-size: 16px; font-size: 1.0rem; }
	.overview_dl dd { margin-bottom: 0.75rem; margin-left: 1.0em; }

.justify {
  text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
}

.box{
  font-size: 36px;
  color: blue;
  text-shadow: 3px 3px 5px #aaa;
}