#title {
	background: #f9f8f6 url(images/title_bg.gif) repeat-x;
}

div.info {
	background-color: #abe6f1;
}

div.info h2 {
	background-color: #c9f3fa;
	padding: 50px 0 40px 0;
}

div.info div.detail {
	margin: 0 auto;
	width: 450px;
}

div.info div.detail ul.point {
	border-bottom: 3px dotted #c9f3fa;
	border-top: none;
}

div.info div.detail ul.point li {
	border-bottom: none;
	border-top: 3px dotted #c9f3fa;
	clear: both;
	color: #595757;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 15px 10px 15px;
}


div.application table td strong {
	color: #fd0c48;
}

div.instructions {
	background-color: #ffeef2;
	border: 3px solid white;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	margin: 0 auto;
	padding: 30px 0;
	width: 900px;
}

div.instructions h3 {
	background-color: #ff8aa7;
	color: white;
	font-size: 130%;
	font-weight: 500;
	padding: 10px;
}

div.instructions p {
	padding: 10px 50px;
}

div.instructions ul.pdf {
	margin: 0 auto;
	width: 500px;
}

div.instructions ul.pdf li {
	padding-bottom: 5px;
}

div.instructions ul.pdf li a {
	background-color: white;
	border: 3px solid gray;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	color: black;
	display: block;
	padding: 10px 40px;
	text-decoration: none;
}

.image-container {
  display: flex;          /* 横並びにする */
  justify-content: center; /* 画像の間隔を均等にする [10] */
  gap: 10px;              /* 画像同士の隙間 [12] */
  width: 100%;            /* 親要素の幅 */
}

.image-container img {
  width: calc((100% - 40px) / 5); /* 5枚の幅を計算（隙間の合計を引く） [4] */
  height: auto;           /* 比率を維持 */
  object-fit: cover;      /* 画像が歪まないようにする */
}


/***********************************************************************/
#subtitle {
	background: url(images/dot.png) repeat;
	border-bottom: 2px solid gray;
	padding: 40px 0;
}

h3 div.ug-subheading{
        background-color: gray;
        padding: 20px;
}

div.announce {
    background-color: #ff8aa7;
    width: 100%;
    justify-content: space-around;
}

div.announce h1, h3 {
    font-size: 20px;
    text-align: center;
    padding: 20px;
    color: white;
    font-weight: bold;
}

div.announce h1 {
    font-size: 24px;
    font-weight: bolder;
    padding: 20px 20px 0 20px;
}

span.markers {
    background: linear-gradient(transparent 50%, #f5d029 50%);
    padding: 0.3em;
}

div.npimg{
    justify-content: center;
}

.reach h4 {
    color: inherit;
    font-weight: 600;
}