@charset "UTF-8";

body{
	font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height: 1.6;
	font-size:16px;
	text-align: justify;
	}

.wrap{
	width: 95%;
	margin: 0 auto;
	}


h2:first-letter {
  font-size: 1.3em;
  color: #E81A0E;
}
h2{color: #02519C;
 margin-left: 0em;
 margin-bottom:0.5em;
 border-bottom: 2px double #E81A0E;
 text-align: left;
}

h3{
  background-color : #e0f500;
  padding: .3em 0.75em;
  color:#000;
  border-radius: 6px;
  text-align: left;
  font-size:1.6em;
}


h4 {
  margin-top: 3em;
  border-bottom: double 5px #E81A0E;
  font-size:1.3em;
}


h5{
  font-size: 1.2em;
  font-weight: bold;
  padding: 0em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 1em #E81A0E;
  border-bottom: solid 1px #bb8334;
  border-top: solid 1px #bb8334;
  border-right: solid 1px #bb8334;
  margin-top:2em;
  margin-bottom: 0em;
  text-align: left;
}






li{
  list-style-position : outside;
  line-height : 1.6;
  margin: 2em 0em
}


img {
	border-style:none;
	}

.imgwrap{
	width: 85%;
	margin: 2em auto;
	text-align: center;
	border: 0;
	}


.intro{
	width: 90%;
	border: 1px solid #333;
	padding: 1em;
	margin: 2em auto;
	font-size: 1.2em;
	}

.explain{
	text-align: justify;
	font-family: "times new roman";
	font-size: 1.1em;
	}


.box{display: grid;}

.box1{grid-row:1 / 2;
	grid-column:1 / 2;
	padding:0.5em;
	}
.box2{	grid-row:1 / 2;
	grid-column:2 / 3;
	padding:0.5em;

	}
.box3{	grid-row: 2 / 3;
	grid-column: 2 / 3;
	text-align: center;
	font-size: 0.9em;
	line-height: 1em;
	}
	
.title
	{ 
	width: 80%;
	margin: 0 auto;
	padding: 0.5em;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	background-color: #268BEB;
	color: white;
	}

.red{
	color:#E81A0E;
	font-size: 1.2em;
	}

.head_test {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  24px;           /* 文字サイズ指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    display:  inline-block;     /* インラインブロックにする */
    padding-top: 40px;          /* 余白指定 */
    padding-left: 40px;         /* 余白指定 */
    padding-bottom: 20px;       /* 余白指定 */
}

.head_test:before {
    content:  '';               /* 空白の要素を作る */
    background-color: #ffeaac;  /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    height: 90px;               /* 高さ指定 */
    width: 90px;                /* 幅指定 */
    border-radius:  50%;        /* 丸くする */
    top: 0;                     /* 位置調整 */
    z-index:  -1;               /* 重なり調整 */
}