@charset "utf-8";
@media only screen and (max-width:640px){
article{
	margin-bottom:3px;
	padding:0 0 10%;
	min-width:auto;
	min-width:initial;
	font-size:15px;
  background-image:none;
  background-color:transparent;
}
article:before{
	content:'';
	display:block;
	width:100%;
	padding-top:177%;
	position:fixed;
	top:0;
	z-index:-1;
	background:#ffebed url(../images/fix_bg_s.png)no-repeat center 50px;
	background-size:100% auto;
}
.only_smart{
	display:block !important;
}
.only_smart_i{
	display:inline-block !important;
}
.only_pc{
	display:none !important;
}
img{
	max-width:100%;
}


/* #mv */
#mv{
  padding-bottom:4%;
}
#mv h1{
	margin:0;
}
#mv h1 + p{
	margin:0;
	padding:18% 0 20%;
	font-size:4.5vw;
  background:url(../images/mv_bg_s.png)no-repeat center top;
  background-size:100% auto;
  line-height:1.8;
}

#mv nav{
  width:auto;
  margin:-5% auto 0;
}
#mv nav ul li{
  width:45%;
  display:inline-block;
  vertical-align:middle;
  margin:1%;
}
#mv nav ul li a{
  display:block;
  line-height:3.5;
  padding-left:8%;
  font-size:3.4vw;
}
#mv nav ul li a img{
  width:15%;
  margin-right:5%;
}
#mv > div{
  width:90%;
  margin:8% auto 0;
  padding:4%;
  box-sizing:border-box;
}
#mv > div p{
  margin:2% 0 3%;
  font-size:3.8vw;
}
#mv > div p + a{
  display:block;
  width:50%;
  line-height:3.2;
  border-radius:40px;
  font-size:3.4vw;
  padding:0 8%;
  white-space:nowrap;
}



/* .cont */
.cont{
  padding:2% 0 6%;
}
.cont h2{
  padding-bottom:2%;
  font-size:6.8vw;
  background:url(../images/h2_bg_s.png)no-repeat center bottom;
  background-size:100% auto;
}
.cont h2 img{
  width:8%;
}
.cont ul{
  width:auto;
}
.cont ul li{
  width:45%;
  margin:1% 1% 2%;
  box-shadow:0 0 2px rgba(138,9,67,0.4);
}
.cont ul.three li{
  margin:1% 1% 2%;
}
.cont ul.three li:nth-child(-n+3){
  margin-bottom:2%;
}
.cont ul li a{
  padding:1%;
}
.cont ul li a figure figcaption{
  padding:3% 3% 0;
}
.cont ul li a figure figcaption span:first-of-type{
  line-height:2;
  font-size:3.2vw;
}
.cont ul li a figure figcaption span:first-of-type.orange{
  background:url(../images/tag_orange.png)no-repeat left top;
  background-size:cover;
}
.cont ul li a figure figcaption span:first-of-type.sky{
  background:url(../images/tag_sky.png)no-repeat left top;
  background-size:cover;
}
.cont ul li a figure figcaption span:first-of-type.blue{
  background:url(../images/tag_blue.png)no-repeat left top;
  background-size:cover;
}
.cont ul li a figure figcaption span:last-of-type{
  font-size:3.5vw;
}



/* #cont6 */
#cont6{
  padding-bottom:15%;
}
#cont6 + a img{
  width:90%;
}
}