body	{text-align:center}

.main {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 5px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:left}

.box1{
	border: solid 0.1rem #000000;    	/* 内側の線になる一本線の枠線をひく*/
	outline: outset 0.5rem #777777;    /* 外側の線になる5pxの一本線の枠線をひく*/
	outline-offset: 0.1rem;        /* 内側の線になる一本線の枠線をひく*/
	margin: 0.6rem;            	/* outlineの値＋outline-offsetの値*/
	}

.main h1{font-size:1.8rem;
	 font-family: "ＭＳ ゴシック",sans-serif;
	 text-align:left;
	 line-height:100%;
	 max-height:100%}

.main h2{font-size:1.6rem;
	 font-family: "ＭＳ ゴシック",sans-serif;
	 text-align:center;
	 line-height:120%;
	 max-height:100%}

.main p{font-size:1.6rem;
	 font-family: "ＭＳ ゴシック",sans-serif;
	 text-align:left;
	 line-height:120%;
	 max-height:100%}

.main OL{font-size:1.6rem;
	 font-family: "ＭＳ ゴシック",sans-serif;
	 text-align:left;
	 line-height:120%;
	 max-height:100%}

img.t1 { float: left; }
img.t2 { float: right; }