@charset "utf-8";
@media only screen and (max-width:640px){
article{
  padding-bottom:5%;
	min-width:auto;
	min-width:initial;
	font-size:3.4vw;
	padding-top:0;
  background-size:70px auto;
}
.only_smart{
	display:block !important;
}
.only_smart_i{
	display:inline-block !important;
}
.only_pc{
	display:none !important;
}


article img{
	max-width:100%;
}

article h1{
	margin:0 0 20px;
	padding:0;
}
article h1 img{
	vertical-align:bottom;
}
article h1 + p{
  width:94%;
  margin:auto;
  padding-bottom:12%;
  font-size:3vw;
  letter-spacing:-0.03em;
  white-space:nowrap;
  background:
    url(../images/mv_1.png)no-repeat left bottom,
    url(../images/mv_2.png)no-repeat right bottom 10%;
  background-size:20% auto;
}


/* article nav */
article nav{
  padding-top:1.5%;
  background:url(../images/nav_bg.png)repeat-x center center;
  background-size:auto 52%;
}
article nav ul{
  width:auto;
}
article nav ul li{
  width:43%;
  display:inline-block;
}
article nav ul li:first-child{
  margin-right:0;
}
article nav ul li:nth-child(2){
  margin-right:10%;
}
article nav ul li:nth-child(3){
  margin-top:-3%;
  margin-left:10%;
}
article nav ul li:last-child{
  margin-top:-3%;
  margin-left:0;
}


/* .cont */
.cont *{
  box-sizing:border-box;
}
.cont * img{
  vertical-align:bottom;
}
.cont{
  width:auto;
  padding:0 0 8%;
}
.cont h2{
  margin-bottom:3%;
  background:url(../images/h2_line.png)no-repeat center bottom 30%;
  background-size:150% auto;
  
}
.cont h2 img{
  width:55%;
}
.cont h2 + div{
  width:94%;
  margin:0 auto 0;
  padding:0 3%;
  background-size:100% auto;
  border:3px solid #feb972;
  border-radius:5px;
}
.cont h2 + div ul li{
  display:inline-block;
  vertical-align:bottom;
  width:74%;
  margin:5% 0 5% 5%;
}
.cont h2 + div ul li a{
  display:inline-block;
}


/* #cont1 */
#cont1{
  margin-top:-3%;
}
#cont1 section{
  padding:0 0 10%;
  background:url(../images/cont_line_s.png)no-repeat center bottom;
  background-size: 100% auto;
}100%
#cont1 section:last-child{
  padding-bottom:4%;
  background-image:none;
}
#cont1 section h3{
  margin-bottom:0;
}
#cont1 section > a{
  display:inline-block;
  margin-top:4%;
}
#cont1 section:first-child > a figure img{
  width:auto;
}
#cont1 section:nth-child(2) > a{
  margin-top:3%;
}
#cont1 section:nth-child(2) > a figure img{
  width:auto;
}
#cont1 section > a > img{
  width:74%;
  max-width:420px;
}


/* #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:94%;
  margin:5% auto 3%;
  padding:6% 3% 3%;
  box-sizing:border-box;
}
article > ul:before{
  content:'';
  display:block;
  width:15%;
  padding-top:15%;
  background:url(../images/caution.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%,-60%);
}
article > ul li{
  padding-left:1em;
  text-indent:-1em;
  text-align:left;
}
article > ul li span{
  color:#e03837;
  line-height:1;
}


}