/* 2020 */
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:itwght@400;500;600&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');*/

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

html {
/*  font-family: 'Montserrat', sans-serif;*/
  letter-spacing: -.02em;
}

body {
	padding: 0;
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
/*	font-family: 'Questrial', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    color: #404040;*/
	line-height: 1.4;
}
	
dt {
	font-weight: 500;
}
	

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 600
/*  line-height: 1.1;*/
}

.red {
	color: #F00;
}

.blue {
	color: #00F;
}

.commhead {
  font-size: 1.2rem;
	font-weight: bold;
	color: #06F;	
}

.commtit {
	color: #09C;
}

.headimage{
	display: flex;
	justify-content: space-between;
	background-image: url("top3-h.gif");
	background-size: contain;
}

@media (min-width: 0px) {
	.body{
	    font-size: 14px;
    }
	.headline {
        font-size: 24px;
        line-height: 1.167;
        font-weight: 600;
        letter-spacing: .009em;
	}
	.subhead {
        font-size: 19px;
        line-height: 1.4211;
        letter-spacing: .012em;
	}
}
@media (min-width: 768px) {
	.headline {
        font-size: 36px;
        line-height: 1.11;
        font-weight: 500;
        letter-spacing: .002em;
	}
	.subhead {
        font-size: 22px;
        line-height: 1.2;
        letter-spacing: .009em;
	}
}
@media (min-width:992px) {
	.headline {
		font-size: 40px;
		line-height: 1.09;
		font-weight: 500;
	    letter-spacing: -.002em;
	}
	.subhead {
	    font-size: 24px;
	    line-height: 1.167;
	    font-weight: 400;
	    letter-spacing: .009em;
	}
}


.table {
  color: #404040;
}

/* dropdown */
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    pointer-events: none;
}

.dropdown-menu{
/*    background-color: rgba(255, 255, 255, .9) !important;*/
	background-color: #1E3191;
    margin-top: 0;
}

.dropdown-item{
	color: #FFF;
	font-size: small;
}

/* navbar */
.navbar-toggler-icon {
  width: 1.2em;
  height: 1.2em;
 }

.navbar-dark .navbar-toggler {
    border-color: rgba(0,0,0,0);
}
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}

[class*="col-"]:not(:last-child){
  margin-bottom: 15px;
}


hr {
  border-top: 1px solid rgba(54, 112, 183, 0.5);
}

.sepLine {
width: 18.0rem;
height: 5px;
background: #336EB9;
transform-origin: left top;
}

.menuLine {
width: 10.0rem;
height: 4px;
background: #336EB9;
transform-origin: left top;
margin-bottom: 0.5rem;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(255, 255, 255, 0.9);
	background: #73A3F5;
}

.ulsm {
	list-style-type: none;
	padding: 0px;
	margin-left: 1em
}
.ulsm li::before {
content: ">";
color: #668ad8;
position: absolute;
margin-left: -1em
}


footer {
  padding: 15px 0 5px;
  color: rgba(255, 255, 255, 0.7);
  background: #2b2b2b;
}
footer a {
  color: rgba(255, 255, 255, 0.7);
}
footer a:hover {
  color: rgba(255, 255, 255, 0.7);
}


ul.timeline {
	list-style-type: none;
	position: relative;
}
ul.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 29px;
	width: 2px;
	height: 100%;
	z-index: 400;
}
ul.timeline > li {
	margin: 20px 0;
	padding-left: 20px;
}
ul.timeline > li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 3px solid #22c0e8;
	left: 20px;
	width: 20px;
	height: 20px;
	z-index: 400;
}