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

h2{
	text-align: center;
	font-size:20px;
	font-weight: 300;
	letter-spacing: 0.5em;
	color: #ffd800;
}

.outlinebox{
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
}
.outlinecontainer{
	width: 40vw;
	min-width: 320px;
	margin-left:auto;
	margin-right: auto;
	margin-top:2vw;
	margin-bottom: 2vw;
	padding:3%;
	border: solid 3px #ffd800;
	border-radius: 10px;
}

.outline_pic_container{
	display: flex;
	margin-left: auto;
    margin-right: auto;
	width: 95vw;
	min-width: 320px;
	flex-direction: row;
	justify-content: space-around;
	align-content: space-around;
	flex-wrap: wrap;
	color: #ffd800;
	text-shadow    : 
       1px  1px 1px #009a44,
      -1px  1px 1px #009a44,
       1px -1px 1px #009a44,
      -1px -1px 1px #009a44,
       1px  0px 1px #009a44,
       0px  1px 1px #009a44,
      -1px  0px 1px #009a44,
       0px -1px 1px #009a44;    
}

.outlinpic{
	width: 100vw;
	height: 32vw;
	background-size:cover; 
	background-image: url("../img/outlinpic.jpg");
	margin-left: auto;
	margin-right: auto;
	
}

.outlinepic_01{
	width: 24vw;
	min-width: 280px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
	background-image:url("../img/outline_01.jpg");
	background-size:cover;
	border-radius: 10px 10px 10px 10px;
}
.outlinepic_02{
	width: 24vw;
	min-width: 280px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
	background-image:url("../img/outline_02.jpg");
	background-size:cover;
	border-radius: 10px 10px 10px 10px;
}
.outlinepic_03{
	width: 24vw;
	min-width: 280px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
	background-image:url("../img/outline_03.jpg");
	background-size:cover;
	border-radius: 10px 10px 10px 10px;
}
.outlinepic_04{
	width: 24vw;
	min-width: 280px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
	background-image:url("../img/outline_04.jpg");
	background-size:cover;
	border-radius: 10px 10px 10px 10px;
}
.outlinepic_05{
	width: 24vw;
	min-width: 280px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
	background-image:url("../img/outline_05.jpg");
	background-size:cover;
	border-radius: 10px 10px 10px 10px;
}
.outlinepic_06{
	width: 24vw;
	min-width: 280px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
	background-image:url("../img/outline_06.jpg");
	background-size:cover;
	border-radius: 10px 10px 10px 10px;
}
.outlinepic_07{
	width: 24vw;
	min-width: 280px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
	background-image:url("../img/outline_07.jpg");
	background-size:cover;
	border-radius: 10px 10px 10px 10px;
}

@media screen and (min-width:480px){
}