@charset "UTF-8";

.environment  h1 > span{
	font-size:40px;
}

.environment h2{
	font-size:20px;
}

.environment h3{
	font-size:16px;
}

.environment p,
.environment li,
.environment dd{
	font-size:14px;
}

.environment > main > div > h1{
	margin-bottom: 2rem;
    border-bottom: 2px solid #000;
}
.environment > main > div > div > section > p{
	margin-bottom: 2rem;
}
.environment > main > div > div > section > h2{
	margin-bottom: 1rem;
	padding: 0 10px;
	color:#FF0000;
}

.environment > main > div > div > section > ul{
	justify-content: space-around;
	margin-bottom: 2rem;
}


.environment > main > div > div > section > h3{
	margin: 0 10px 20px;
    background: #D1DCE0;
    padding: 5px 10px;
    font-weight: normal;
}

.environment > main > div > div > section > ul > li {
	width: 45%;
	border: 2px solid #FF0000;
    padding: 1rem;
    color:#FF0000;
}

.environment > main > div > div > section > ul > li > ul > li{
	margin-right: 3rem;
}
.environment > main > div > div > section > ul > li > ul > li:first-child{
	margin-left: 3rem;
}

#bt_check{
	width:100%;
}

#bt_check > a{
	display: block;
    width: 350px;
    text-align: center;
    font-size: 2rem;
    margin: 0 auto 2rem;
    font-weight: bold;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}

#bt_check > a:hover{

}

#bt_check > a:active{

}

.environment > main > div > div > section >.environment-checked ul{
	justify-content: space-around;
	margin-bottom: 2rem;
}

.environment > main > div > div > section >.environment-checked ul li{
	width: 32%;
    height: 100px;
    background-color: #2987e8;
    color: #fff;
    padding: 1rem 2rem;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 2rem;
}

.environment-checked > div{
	background: #FAFECF;
    padding: 1rem 2rem;
}

.environment-checked > h2{
	margin-bottom: 2rem;
    padding: 0 10px;
}

.environment-checked > ul > li > dl{
	display: flex;
	flex-wrap: wrap-reverse;
}

.environment-checked > ul  > li > dl > dt{width: 30%;}

.environment-checked > ul  > li > dl > dd{width: 70%;}

#os.large, #browser.large, #client_time.large{
	padding: 0;
    margin: 0;
    text-align: center;
    font-size: 200%;
}