@charset "utf-8";

*{
margin:0;
padding:0;
}
body{
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:13px;
line-height:1.6;
color:#333;
-webkit-text-size-adjust:100%;
background-color:#c09c6c;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
font-weight:normal;
font-size:100%;
}
p,pre,blockquote,ul,ol,dl,dt,dd,hr,form,input{
margin:0;
padding:0;
}
img,table,fieldset{
margin:0;
padding:0;
border:0;
}
li{
list-style:none;
}
address{
font-style:normal;
}
b,strong,em{
margin:0;
padding:0;
font-weight:normal;
}

#container {
background-color:#222;
padding:10px 0 0 0;
}

/*SP*/
@media screen and (max-width: 768px) {
  #container {
    width: 100%;
    background-color:#c09c6c;
    padding:0;
  }
  p.mainimg img {
      max-width:100%;
  }
  .cont {
      background:none;
  }
}
/*PC*/
@media screen and (min-width: 769px) {
  .cont {
  max-width:1732px;
  margin:0 auto;
  background: url(../img/cw_topimg.png) 0 0 no-repeat;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 42.50%;
    background-size: cover;
  }
  p.mainimg {
      display:none;
      text-align:center;
  }
}

.box{
background-color:#c09c6c;
text-align:center;
color:#FFF;
padding-top:30px;
width:90%;
margin:0 auto;
}
.box h2{
font-size:24px;
font-weight:bold;
display:block;
margin:0 0 20px 0;
}
.box p{
font-size:15px;
margin-bottom:30px;
}
.box a{
color:#FFF;
}
.box #btn{
border-radius:6px;
background-color:#e0742d;
width:320px;
border-bottom:3px solid #b65516;
margin:0 auto 30px auto;
}

@media screen and (max-width: 768px) {
.box #btn{
width:90%;
}
.box p{
font-size:13px;
}
}

.box #btn a{
font-size:18px;
font-weight:bold;
display:block;
text-align:center;
color:#FFF;
text-decoration:none;
padding:20px 0;
}
.box #btn a:hover{
text-decoration:underline;
}

#footer{
background-color:#222;
}
#footer address{
color:#FFF;
text-align:center;
padding:5px 0;
font-size:83%;
}