@charset "UTF-8";
/*===========================================

terms

===========================================*/
.terms{}

article{
    width: 80%;
    margin: 5% auto;
    
}

.dog{    
}
article h1{
    font-size: 1.6rem;
    letter-spacing: .1em;
    margin-bottom: 1.5em;
}
article h2{
    font-size: 1.4rem;
    letter-spacing: .1em;
    margin-bottom: 1em;
}

article p{
    font-size: 1.2rem;
    line-height: 1.8em;
    letter-spacing: .1em;
    margin-bottom: 2em;
}

article.dog h1{
    font-size: 2.6rem;
    letter-spacing: .1em;
    margin-bottom: 1.5em;
}
article.dog h2{
    font-size: 1.8rem;
    letter-spacing: .1em;
    margin-bottom: 1em;
}

article.dog p{
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .1em;
    margin-bottom: 2em;
}

.dog_area{
    width: 70%;
    margin: 40px auto;
}
.dog_area img{
    width: 100%;
    height: auto;
}



table{
    width: 600px;
    margin-bottom: 30px;
    font-size: 1.2rem;
}
table , td, th {
	border: 1px solid #004977;
	border-collapse: collapse;
    vertical-align :middle;
}
td, th {
	padding: .5em;
	width: auto;
	height: auto;
}
th {
	background: #f0e6cc;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}






@media (max-width: 959px) {
article{
    width: 86%;
    margin: 5% auto;
    
}
table{
    width: 300px;
    margin-bottom: 30px;
    font-size: 1.2rem;
}    
}

@media (max-width: 559px) {
.dog_area{
    width: 100%;
    margin: 40px auto;
}
}