body{
    margin: 0px;
}


.hed{
	width: 100vw;
	max-height: 200px;
	}

.fot{
	width: 100vw;
	max-height: 200px;
	min-height: 100px;
	margin-top: 100px;
}


.ocpage{
    display: flex;
    margin-top:40px;
}
.ocpage>p{
    width: 43%;
}

p.image{
	text-align:center;
}

	
/* スマホ用記述 */	
@media only screen and (max-width: 480px) {


	.daw{
	display: block;
	font-size: 3.5em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	font-family: serif;
	text-align: center;
	}

	/* aboutとカウンター */
.abcn{
	position: relative;
	margin-top: -2.5em;
	margin-left: 0em;
	text-align: center;
	}

	a#about{
		font-size: 15px;
		margin-left:1.2em;
		margin-top: 1.8em;
	}

	.cnt{
		margin-left: 0em;
	}


	/* 480px以下に適用されるCSS（スマホ用） */
	.daw_grid-child {
    padding:  10px;         /* 余白指定 */
    margin: 5px;            /* 周りの余白指定 */
    }
    
    .daw_grid {
    display: block;
    max-width: 480px;
    min-width: 280px;
    }
    
    .daw_grid-child:nth-child(1) {
    text-align: center;
    max-width: 400px;
    min-width: 280px;
    margin-left: 1.2em;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px; /* box-shadwで枠線 */
	}
    
    
    .daw_grid-child:nth-child(2) {
    margin-left: 1em;
    padding-left: 0px;
    max-width: 900px;
	}
    
    /* 画像切り替えスマホ */
    .pc{ display: none !important; }
	.sp{ display: inline !important; }
    
    
    
    
    
}




}