@charset "utf-8";
/* CSS Document */

	html { 
		scroll-behavior: smooth;
		}

	a:hover{
		opacity: 70%;
		}

	body{
		background: #fcfcfc7d;
		margin: 0;
		}
	
	header,footer{
		background: #2c6b53;
    	text-align: center;
		color: #fff;
	}
	header{
		height: 64px;
    	align-content: center;
		font-weight: bold;
	}
	footer{
		height: 80px;
    	padding: 40px;
	}
	footer a{
		color: #fff;
		text-decoration: none;
	}
	
	.main-wrapper{
		width: 80%;
		margin: 0 auto;
		padding: 50px 0;
		box-shadow: 0 0 4px #949494;
		background: #fff;

	}
	
	h1 img{
		width: 600px;
		margin: 0 auto;
    	display: block;
	}
	
	.index{
		margin: 50px auto 100px;
    	width: 450px;
    	padding: 20px 40px;
    	background: #ecfbfc;
    	border: 2px solid #969696;
    	box-shadow: 4px 4px 0px #969696;
	}
	
	.index p{
		text-align: center;
	}
	
	.index ul{
		list-style: none;
    	padding: 0 0 0 24px;
    	line-height: 2;
	}
	
	.index a{
		color: #000;
	}
	
	.content{
		margin: 0 auto 100px;
 	    width: 72%;
    	padding: 50px;
    	background: #fafafa;
    	line-height: 2;
		border: 1px solid #969696;
	}
	
	.title-wrapper{
		display: flex;
		align-items: center;
	    margin: 0 auto 40px;
   		padding: 0 30px 30px 30px;
    	border-bottom: 2px solid #2c6b53;
    	width: 90%;
	}
	.title-wrapper img{
		width: 120px;
	}
	
	.title-wrapper a{
		margin: 0 0 0 40px;
		color: #2c6b53;
	}
	
	h2{
		font-size: 18px;
	}