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

*{
margin:0px;
padding:0px;
}

body{
background-color:#EEEEEE;
font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif;/*フォントファミリー*/

}

.logo{
font-size:40px;
font-weight: bold;
margin:10px 50px;
}

.logo a:link {color:#000000; text-decoration:none; } /*未訪問のリンクの色*/
.logo a:visited {color:#000000;} /*訪問済みのリンクの色*/
.logo a:hover {color:#000000; background:#DDDDDD;} /*カーソルが乗っているリンクの色*/
.logo a:active {color:#000000;} /*クリック中のリンクの色*/

.bg{
width:100%; 
background-color:#fff; 
}
.contents{
padding:30px 6%;
}

h1{
font-size:30px;
margin:7px 0;
text-align:center;
}
h2{
font-size:20px;
color:#333333;
margin:15px 0 5px 0;/*値が４つ　[上][右][下][左]*/

}
p{
margin:0 20px;
}


.footer{
margin:10px 30px;

}

.footer ul{

text-align: right;
list-style: none;
}
.footer p{
float:left;
}

.footer a:link {color:#333333; } /*未訪問のリンクの色*/
.footer a:visited {color:#AAAAAA;} /*訪問済みのリンクの色*/
.footer a:hover {color:#ffffff; background:#0000cc;} /*カーソルが乗っているリンクの色*/
.footer a:active {color:#ffff00;} /*クリック中のリンクの色*/

@media screen and (max-width: 768px) {
.logo{
font-size:40px;
font-weight: bold;
margin:10px 20px;
}

.contents{
padding:20px 3%;
}

h1{
font-size:22px;
margin:7px 0;
text-align:center;
}

h2{
font-size:18px;
color:#333333;
margin:15px 0 5px 0;/*値が４つ　[上][右][下][左]*/

}

p{
font-size:16px;
margin:0 20px;
}

}

@media screen and(max-width:768px),
screen and (orientation: portrait){/*スマホで縦向きの場合*/

}