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



/* 見出し ここから */

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

.midashi{
font-weight: bold; /*フォント太さ */
font-size: 1.2em;/* フォントサイズ */
padding-top: 0.5em;
padding-bottom: .1em;
margin-bottom: 0.3em;
position: relative;
color: #000000;/* フォント色 */
width: 98%;
}


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

.midashi3{
font-weight: bold;/* フォント太さ */
padding: 0.4em
width: 98%;
}


.midashi4{
font-weight: bold;/* フォント太さ */
font-size: 1.2em;/* フォントサイズ */
width: 98%;
padding: 0em;
position: relative;
left:30px;
}


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;
}

.ulwaku{
  color: #1e366a;
  border: dotted #1e366a 1px;/*ドット 色 太さ*/
  padding: 0.5em 2em 0.5em 0.5em;

}

.ulwaku2{
  color: #000000a;
  border: dotted #1e366a 1px;/*ドット 色 太さ*/
  padding: 0.5em 2em 0.5em 0.5em;
  margin-left: 30px;
  margin-right: 10px;
  font-size: 95%;
  font-color: #000000;
}


.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;
}

h5 {
  position: relative;
  color: #006699;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}

h5:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid #6196e0;;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


/*テーブル*/
.t_design{
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
font-size: 90%;
}

.t_design2{
 table-layout:fixed;
 width: 95%;
 border-collapse: collapse;
 border-spacing: 0;
font-size: 90%;
margin-left:30px;

}

.t_design3{
 table-layout:fixed;
 width: 50%;
 border-collapse: collapse;
 border-spacing: 0;
font-size: 90%;
margin-left:30px;

}

.t_design4{
 align:center;
 border-collapse: collapse;
 border-spacing: 0;
font-size: 90%;
margin-left:30px;
}

th{
 padding: 10px;
 color: #000080
 text-align:center;
 border-top: solid 0.5px #778ca3;
 border-bottom: solid 0.5px #778ca3;
 background: #CCCCCC;/*背景色*/

}


.th2{
 padding: 10px;
 border-bottom: solid 4px #778ca3;
 color: #505050
 text-align:center;

}


.th3{
 padding: 10px;
 border-bottom: solid 4px #778ca3;
 color: #505050
 text-align:center;
  width: 3em;	
 	
}

.td1{
 padding: 10px;
 border-bottom: solid 0.5px #778ca3;
}

.td2{
 padding: 10px;
 border-top: solid 0.5px #778ca3;
 border-bottom: solid 0.5px #778ca3;
  text-align:left;

}

.td3{
 padding: 10px;
 border-top: solid 0.5px #778ca3;
 border-bottom: solid 0.5px #778ca3;
  text-align:center;
}


.graph{
 width:60%;
}


.graph2{
 width:40%;
 padding: 20px;
}

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

.smaller2 {
font-size: 90%;
font-weight:normal;
width: 90%;
background:#f0f8ff;
padding: 10px 30px;
border-radius: 0.5em;/*角丸*/
padding-top: 1em;
padding-bottom: 0.5em;
margin-bottom:30px;
margin-left:30px;
}

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



.smaller4 {
display:inline-block
font-size:50%;
font-weight:normal;
color: #000000;
}


.smaller5 {
font-size: 95%;
font-weight:normal;
width: 90%;
padding: 5px 30px;
padding-top: 1em;
padding-bottom: 0.5em;
margin-bottom:30px;
margin-left:20px;
}


.smaller6 {
 margin-bottom: 10px;
}

.smaller7 {
font-size: 100%;
font-weight:normal;
width: 90%;
background:#f0f8ff;
padding: 5px 30px;
border-radius: 0.5em;/*角丸*/
padding-top: 1em;
padding-bottom: 0.5em;
margin-bottom:30px;
margin-left:20px;
}


.smaller8{
font-size: 80%;
font-weight:normal;
}


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

.jisage{
  margin-left: 35px;
  font-size: 100%;
  font-weight:normal;
  color: #000000;
}


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

}


iframe[src$=".pdf"]{
    width:100%;
    height:80vh;
}

.flexbox{
  display: flex;
  flex-direction: column;
}