@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:10px 6%;
}

h1{
font-size:30px;
margin:30px 0px 0px 0px;
clear:left;
}

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

}
p{
margin:0 20px;
}


.footer{
margin:10px 30px;

}

.footer ul{

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

.img1{
width:500px;
}

.img2{
width:50px;
float:left;

}

.img3{
width:300px;
}

.img4{
width:160px;
}

dt {
font-weight: bold;
clear:left;
}

dd {
margin-left: 1em ;

}
.red{
color:#993333;
}


.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:5px 3%;
}

h1{
font-size:28px;
margin::7px 0 0px 0;/*値が４つ　[上][右][下][左]*/
}

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

}

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

.img1{
width:100%;

}


}

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

}