@charset "UTF-8";
body {
	font-family:"Roboto Condensed", sans-serif;
	background-color: #FFFFFF;
	top:0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-style: normal;
	font-weight: 200;
	width: 100%;
    height: 100%;

}
.banner {
	position:relative;
	width:100%;
}
.banner img {
	width:98%;
	border-radius:10px;
	margin-left:1%;
	margin-top:1%;
	
}
.article {
	width:94%;
	margin-left:1%;
	margin-top:4vw;
	border-radius:10px;
	-webkit-box-shadow: 2px 2px 20px rgba(80,80,80,.3);
	box-shadow: 2px 2px 20px rgba(80,80,80,.3);
	padding:2vw;
}
.article h1, h3, p, li {
	color:rgba(99,97,98,1.00)
}
.article h1 {
	font-size:3.5vw;
}
.article li {
	font-weight:400;
	font-size:1.8vw;
}
.article p {
	font-size:16px;
	font-size: 1.8vw;
}
.article h3 {
	font-size:2vw;
}
.rows {
	position:relative;
	flex:100%;
}
.rows .columns {
	float:left;
	width:48%;
	margin-right:1.5vw;
}
.rows .columns img {
	width:45vw;
	margin-top:2.5vw;
	margin-left:2vw;
	border-radius:4px;
	-webkit-box-shadow:2px 2px 20px rgba(80,80,80,.5);
	box-shadow:2px 2px 20px rgba(80,80,80,.5);
}
.rows::after {
	content:"";
	clear:both;
	display:block;
	
}
.row-a {
	position:relative;
	width:100%;
}
.row-a .column-a:nth-child(1) {
	width:34%;
	float:left;
}
.row-a .column-a:nth-child(2) {
	width:64%;
	float:left;
}
.row-a .column-a img {
	width:31vw;
	margin-top:2vw;
}
.row-a::after {
	contents:"";
	clear:both;
	display:block;
}
.rows-b {
	position:relative;
	flex:100%;
	box-sizing: border-box;
	margin-bottom: 2vw;
}
.rows-b .columns-b {
	width:45vw;
	float:left;
	margin-right: 2vw;
}
.rows-b .columns-b li {
	line-height: auto;
}
.rows-b .columns-b img {
	margin-top:2vw;
	width:100%;
}
.rows-b::after {
	content:"";
	clear:both;
	display:block;
}
.ad {
	position:relative;
	margin-top:4vw;
	flex:98%;
	margin-left:1%;
	border-radius: 4px;
	padding:2vw;
	box-sizing: border-box;
	-webkit-box-shadow: 2px 2px 15px rgba(80,80,80,.3);
	box-shadow: 2px 2px 15px rgba(80,80,80,.3);
	transition: .5s;
}

.ad img {
	width:30vw;
	float:left;
}
a {
	text-decoration: none;
	color:rgba(80,80,80,1);
}
.ad p {
	font-size: 1.8vw;
}
.ad h3 {
	font-size: 2.5vw;
	margin-top:1vw;
}
@media (max-width:800px) {
	.article h1 {
	font-size:3.8vw;
}
.article li {
	font-weight:400;
	font-size:2.2vw;
}
.article p {
	font-size:16px;
	font-size: 2.2vw;
}
.article h3 {
	font-size:2vw;
}

.rows-b .columns-b li {
	line-height: auto;
	font-size:1.8vw;
}
	.rows-b .columns-b img {
		margin-top:15vw;
	}
}
@media (max-width:650px) {
	.rows .columns {
		width:100%;
	}
	.article h1 {
	font-size:4.5vw;

}
.article p {
	font-size: 2.8vw;
}
.article h3 {
	font-size:2.5vw;
}

.article li {
	line-height: auto;
	font-size:2.7vw;
}
	.rows-b .columns-b img {
		margin-top:15vw;
	}
.rows-b .columns-b li {
	line-height: auto;
	font-size:2.7vw;
}
}@media (max-width:550px) {
	.rows-b .columns-b {
		width:100%;
	}
	.rows-b .columns-b img{
		width:20vw;
		transform: rotate(90deg);
		margin-left:5vw;
		margin-top: -2vw;
	}
	.banner {
		margin-top:10vw;
	}
}
@media (max-width:450px) {

	.article h1 {
	font-size:4.5vw;
}
.article li {
	font-weight:400;
	font-size:2.8vw;
}
.article p {
	font-size: 2.9vw;
}
.article h3 {
	font-size:3vw;
}

.article li {
	line-height: auto;
	font-size:3vw;
}

.rows-b .columns-b li {
	line-height: auto;
	font-size:3vw;
}

.row-a .column-a:nth-child(1) {
	width:48%;
	float:left;
}
.row-a .column-a:nth-child(2) {
	width:52%;
	float:left;
}
.row-a .column-a img {
	width:41vw;
	margin-top:4vw;
}
	.ad p {
		font-size: 2.7vw;
	}
}
@media (max-width:350px) {
		.article h1 {
	font-size:5vw;
}
.article li {
	font-weight:400;
	font-size:3.5vw;
}
.article p {
	font-size: 3.5vw;
}
.article h3 {
	font-size:3.3vw;
}

.article li {
	line-height: auto;
	font-size:3.5vw;
}

.rows-b .columns-b li {
	line-height: auto;
	font-size:3.5vw;
}

.row-a .column-a:nth-child(1) {
	width:100%;
	float:left;
}
.row-a .column-a:nth-child(2) {
	width:100%;
	float:left;
}
.row-a .column-a img {
	width:41vw;
	margin-top:4vw;
}
	.banner {
		margin-top:12vw;
	}
}