@charset "utf-8";

html,body{margin:0;}
article{
	margin-bottom:0;
  padding-bottom:35px;
	min-width:1012px;
	font-family: helvetica, arial, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:2;
	text-align:center;
	color:#333;
  background:url(../images/bg.png);
}
a{
	text-decoration:none;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
a:hover{
	opacity: 0.8;
}
.only_smart,
.only_smart_i{
	display:none !important;
}

article img{
	max-width:100%;
}
article ul,
article ol,
article dl,
article dl dt,
article dl dd{
	margin:0;
	padding:0;
}
article ul li,
article ol li{
	list-style:none;
}
article figure,
article figure figcaption{
	margin:0;
	padding:0;
}
article h1{
	margin:0 0 20px;
	padding:20px 0 0;
}
article h1 img{
	vertical-align:bottom;
}
article h1 + p{
  width:800px;
  margin:auto;
  padding-bottom:10px;
  font-size:18px;
  color:#6d5555;
  background:
    url(../images/mv_1.png)no-repeat left center,
    url(../images/mv_2.png)no-repeat right center;
}


/* article nav */
article nav{
  padding-top:10px;
  background:url(../images/nav_bg.png)repeat-x center center;
}
article nav ul{
  width:680px;
  margin:auto;
}
article nav ul li{
  width:240px;
  display:inline-block;
}
article nav ul li:first-child{
  margin-right:50px;
}
article nav ul li:nth-child(2){
  margin-right:100px;
}
article nav ul li:nth-child(3){
  margin-top:-10px;
  margin-left:140px;
}
article nav ul li:last-child{
  margin-top:-10px;
  margin-left:50px;
}


/* .cont */
.cont *{
  box-sizing:border-box;
}
.cont * img{
  vertical-align:bottom;
}
.cont{
  width:953px;
  margin:auto;
  padding:10px 0 40px;
}
.cont h2{
  background:url(../images/h2_line.png)no-repeat center bottom 12px;
  background-size:100% auto;
}
.cont h2 img{
  width:240px;
}
.cont h2 + div{
  width:930px;
  margin:30px auto 0;
  background:url(../images/cont_bg.png)repeat-y center top;
  border:3px solid #feb972;
  border-radius:5px;
}
.cont h2 + div ul li{
  display:inline-block;
  vertical-align:bottom;
  width:260px;
  margin:20px 5px 25px 15px;
}
.cont h2 + div ul li a{
  display:block;
}


/* #cont1 */
#cont1{
}
#cont1 section{
  padding:5px 0 40px;
  background:url(../images/cont_line.png)no-repeat center bottom;
  background-size:816px auto;
}
#cont1 section:last-child{
  padding-bottom:25px;
  background-image:none;
}
#cont1 section h3{
  margin-bottom:0;
}
#cont1 section > a{
  display:inline-block;
  margin-top:30px;
}
#cont1 section:first-child > a figure img{
  width:606px;
}
#cont1 section:nth-child(2) > a{
  margin-top:10px;
}
#cont1 section:nth-child(2) > a figure img{
  width:518px;
}
#cont1 section > a > img{
  width:328px;
}


/* #cont2 */
#cont2{
}
#cont2 h2 + div{
  padding:20px 0;
}


/* #cont3 */
#cont3{
}
#cont3 h2 + div{
  padding:20px 0;
}


/* #cont4 */
#cont4{
}
#cont4 h2 + div{
  padding:20px 0;
}


/* article > ul */
article > ul{
  width:930px;
  margin:30px auto;
  padding:30px 40px 20px;
  box-sizing:border-box;
  border:3px solid #e03837;
  border-radius:5px;
  background-color:#fff;
  position:relative;
}
article > ul:before{
  content:'';
  display:block;
  width:75px;
  padding-top:66px;
  background:url(../images/caution.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%,-70%);
}
article > ul li{
  padding-left:1em;
  text-indent:-1em;
  text-align:left;
}
article > ul li span{
  margin-right:0.3em;
  color:#e03837;
  line-height:1;
}

