body { 
   margin: 60px;
   -webkit-text-size-adjust: 100%;
}



/* 見出し ここから */

.midashi1{
font-size: 1.5em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: 0.5em;
padding-bottom: .5em;
margin-bottom: 0.3em;
position: relative;
border-bottom: solid 3px #e3e3e2;/* 線 */
color: #191970;/* フォント色 */
width: 100%;
}

.midashi1:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #191970;
width: 15%;
bottom: -3px;
}


.midashi2{
font-size: 1.1em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .0em;
margin-bottom: 0em;
position: relative;
padding: 0.6em;
margin-bottom: 2em;
background-color: #6196e0;/* 背景色 */
color:#ffffff;/* フォント色 */
width: 98%;
}

.midashi2:after {
position: absolute;
content: '';
top: 99%;
left: 25px;
border: 15px solid transparent;
border-top: 15px solid #6196e0;
}


header {
	position: relative;
	height: 20vh;
	background: url(../imges/background2.jpg) center / cover;
	color: #ffffff;
	text-align: center;
	font-size: 130%;
	line-height: 2;
	font-weight: bold;
}


.pic_frame {
display: inline-block;
text-align: center;
}



h1 {
  color: #ffffff;/*文字色*/
  padding: 0.5em 1.8em 0.5em 1.8em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/

  background: #217ca3;/*背景色*/
  vertical-align: middle;
  border-radius: 0.5em;/*角丸*/
  width: 65%;
  text-align: center;
	margin-left: 60px;
font-size: 120%;
}

h2 {
  color: #505050;/*文字色*/
  padding: 0em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 0;/*行高*/
  vertical-align: middle;
  padding: 0em 0em 0em 2.5em;/*文字周りの余白*/
margin-left: 60px;
}

h3 {font-size: 100%;
margin-left: 60px;
}

.smaller {
font-size: 92%;
font-weight:normal;
width: 98%;
padding-top: 0em;
padding-bottom: 0.5em;
padding: 0px 10px;
}

.smaller2 {
font-size: 83%;
font-weight:normal;
width: 100%;
padding: 20px 30px;
 border-radius: 0.5em;/*角丸*/
padding-top: 1em;
padding-bottom: 1em;
}

.smaller3 {
font-size: 70%;
font-weight:normal;
width: 98%;
text-align: center;
}


.imgmarg{
margin-left:30px; /*画像周りの余白上右下左*/
}

/* テーブルのスタイルここから */

table{
  width: 90%;
    margin-left: 15px;
    margin-right: auto;
  border-top: 1px solid #f5f5f5;
  border-collapse: collapse;

}

.nonbor{
  border-top: 0px;
  border-bottom: 0px;
}


th{
 background:#000080;
 color:#FFFFFF;
 font-size: 100%;
 padding: 10px 10px;
 text-align:left;
}



tr{
  border-bottom: 1px solid #3c6690;
}


.firsttd{
width: 95%;
  padding: 8px;
  text-align: left;
  font-size: 98%;
  font-weight: bold;

}



.secondtd{
width: 95%;
  padding: 11px;
  text-align: left;
  font-size: 95%;
  font-weight: normal;
}



.imgtd{
  width: 25%;
  margin: 5px;
  text-align: right;
padding: 10px 30px;
}

.koumoku{
font-weight: bold;
font-size: 100%;
color: #003366;
text-indent: 5px;
padding-top: 1em;
background-repeat: no-repeat;
background-position: 0em 19px;
}

.name{
width: 100%;
padding: 30px 5px;
}

img{
float: center;
}

.zatyou{
 background:#217ca3;
font-weight: bold;
 color:#ffffff;
 font-size: 100%;
 padding: 10px 30px;
}

.zatyou2{
font-weight:normal;
 font-size: 90%;
text-align: right;

}