@charset "utf-8";

/*
@media screen and (min-width: 1400px) {
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
}
@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;
	--tomekon: #1c305c;
	--ltsalm2522: #FEEFE6;

	--tomekon:	#1c305c;
	--beige01:	#F0EFEA;
	--chcoal02:	#262423;
	--chcoal01:	#0B0F12
	--dimorng1:	#B28969;
	--paleteal: #CAE4F0;
	--litgrn01: #8ABF2E;
	--litble01: #F0F9FD;
	--bluegrn01: #0AA29C;
	--kierorng: #E96301;
	--teal01: #6FBAD9;
	--bluegrn01: #0AA29C;
	--trustblue: #0D6FB7; /* Trust Blue */
	--manganese: #0AA399; /* Manganese Blue */

}

/* fonts */
body { font-family: /*'Open Sans',*/ Helvetica, Arial, sans-serif; }
body { font-family: arial, helvetica, clean, sans-serif; }

h3, h4, h5, h6 { color: var(--tomekon); margin-bottom: 1.0rem; }

h1 { font-size: 48px; font-size: 3.0rem; font-weight: 600; letter-spacing: 0.1rem;  margin-bottom: 1.25rem; }
h2 { font-size: 20px; font-size: 1.25rem; font-weight: 600; letter-spacing: 0.1rem; margin-bottom: 1.5rem; }
h3 { font-size: 18px; font-size: 1.125rem; font-weight: 600; letter-spacing: 0.1rem; }
h4 { font-size: 17px; font-size: 1.0625rem; font-weight: 600; }
h5 { font-weight: 600; }
h6 { font-weight: 600; }
@media screen and (max-width: 576px) {
	h1 { font-size: 40px; font-size: 2.5rem; letter-spacing: 0.0rem;  margin-bottom: 1.0rem; }
	h2 { font-size: 18px; font-size: 1.125rem; }
	h3 { font-size: 17px; font-size: 1.0625rem; }
	h4 { font-size: 17px; font-size: 1.0625rem; }
	h5 {  }
	h6 {  }
	
	.lead { font-size: 18px; font-size: 1.25rem; }
}

.strong { font-weight: bold; }

/* colors, backgrounds */
body { background-color: var(--teal01); color: var(--chcoal01); }
footer { color: #ffffff; background-color: var(--litgrn01); /*background-image: url(images/footerbg.png); background-position: top center;*/ }

.bluegreen { color: var(--bluegrn01); }
.trustblue { color: var(--trustblue); }
.manganese { color: var(--manganese); }
.manganese-bg { background-color: var(--manganese); }

/* background, wrapping */
div.bgmaindiv { /*background: transparent url(images/KIER_Illust.png) no-repeat border-box left bottom/cover;*/ }
div.wrappingdiv { background-color: rgba(255,255,255,0.9); }

/* hidden */
.hidd { visibility: hidden; height: 1px; overflow: hidden; margin: 0; padding: 0; }


/* lists */
dl {  }
dt {  }
dd { padding-left: 1.0rem; margin-bottom: 1.0rem; }


/* misc */
.indent_1 { text-indent: 1.0em; }


/* sections */
.container { max-width: 992px; }

.subsection { margin-bottom: 3.0rem; }
@media screen and (max-width: 576px) {
	.subsection { margin-bottom: 1.5rem; }
}



/* header */
div.headerimgdiv { background-color: var(--paleteal); }
div.headerimgdiv { margin-bottom: 2.0rem; }


header h1 { font-size: 56px; font-size: 3.5rem; }
header .h1lead { font-size: 28px; font-size: 1.75rem; /*font-weight: 600;*/ }
header .h1sub { font-size: 32px; font-size: 2.0rem; font-weight: 600; }
.headerimg { width: 100%; }
@media screen and (max-width: 576px) {
	header .h1sub { font-size: 18px; font-size: 1.125rem; }
}

header .headerimgdiv_inner {  }
header .headerimgdiv_inner .h1lead { font-size: 32px; font-size: 2.0rem; }
header .headerimgdiv_inner h1 { font-family: serif; }
header .headerimgdiv_inner .h1sub { font-family: serif; font-size: 36px; font-size: 2.25rem; }
@media screen and (max-width: 576px) {
	header .headerimgdiv_inner .h1lead { font-size: 18px; font-size: 1.125rem; }
	header .headerimgdiv_inner h1 { font-size: 36px; font-size: 2.25rem; }
	header .headerimgdiv_inner .h1sub { font-size: 17px; font-size: 1.0625rem; }
}


.foreword { font-size:  20px; font-size: 1.25rem; margin-bottom: 0.5rem; }


#foreword { font-size:  20px; font-size: 1.25rem; }
#date { background-color: var(--bluegrn01); color: #ffffff; border-radius: 20px; }
#date p { font-size:  32px; font-size: 2.0rem; font-weight: 600; }
#date p span { font-size:  24px; font-size: 1.5rem; font-weight: 400; }
#venue p.venue-p { font-size:  32px; font-size: 2.0rem; font-weight: 600; }
#appl { background-color: var(--kierorng); color: #ffffff; border-radius: 20px; height: 180px; display: flex; margin: 0 auto; }
#appl p { font-size:  24px; font-size: 1.5rem; font-weight: 600; margin: auto; }
.applp { font-size:  18px; font-size: 1.125rem; line-height: 1.6; }
.formqrp { margin-top: /*-5px*/ 0px; }
@media screen and (max-width: 576px) {
	#foreword { font-size:  18px; font-size: 1.125rem; }
	#date p { font-size:  18px; font-size: 1.125rem; font-weight: 600; }
	#date p span { font-size:  17px; font-size: 1.0625rem; font-weight: 400; }
	#venue p { font-size:  18px; font-size: 1.125rem; font-weight: 600; }
	#appl { max-width: 180px; }
	#appl p { font-size:  18px; font-size: 1.125rem; font-weight: 600; }
	.applp { font-size:  16px; font-size: 1.0rem; line-height: 1.5; }
}



.qrimg { width: 100%; max-width: 180px; }


/* table */
.tblh { font-size: 18px; font-size: 1.125rem; font-weight: 600; }
.table, .table th, .table td { background-color: transparent; }
.table td.tbltime { color: var(--trustblue); }
.programtbl img { max-width: 7.5rem; margin-bottom: 0.25rem; }
.tblname { /*max-width: 6.0rem;*/ }
.table th, .table td { border-bottom: 1px solid var(--trustblue); }
tr.noborder th,
tr.noborder td,
th.noborder,
td.noborder { border: none; }
@media screen and (max-width: 576px) {
	.programtbl { margin-left: -4px; /*width: 360px;*/ }
	.programtbl td { padding-left: 2px; padding-right: 2px; }
	.programtbl td:first-child { padding-left: 0; padding-right: 2px; }
	.programtbl td:last-child { padding-left: 2px; padding-right: 0; }
	.programtbl img { max-width: 5.5rem; }
}

tr.titlerow td { padding-bottom: 0; }


/* speakers */
.spkrdiv { border-right: 1px solid var(--karekusairo); border-bottom: 1px solid var(--karekusairo); }
.speakernmp { text-align: center; }
.speakerimg { max-width: 12.0rem; margin-bottom: 0.5rem; }




footer {  }
footer .container-md { max-width: 992px; }
.footerbanp { letter-spacing: 0.5rem; }
.footerbanp img { height: 3.5rem; }
.footerdetp { font-size: 0.75rem; }
@media screen and (max-width: 576px) {
	.footerbanp img { max-height: 2.6rem; }
}