@charset "utf-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// oshiete
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#MiddleSection {
	background: url(../images/bg_middle_top_sp.png) center top no-repeat;
	background-size:100%;
}
.MiddleContents h3 {
  margin: 5% auto;
}
.MiddleContentsInside {
  padding: 4.7% 2% 5%
}
.MiddleExArea{
  margin-bottom: 7%;
  padding-bottom:4%;
}
.MiddleExArea dt{
	width: 32.3%;
	float:none;
	display:inline-block;
	vertical-align:middle;
}
.MiddleExArea dt img{
	width:100%;
  margin: 0 0 0 2.6%;
  padding:0;
}

.MiddleExArea dd{
	width: 58%;
	margin:0 0 0 3.5%;
  font-size: 4.3vw;
	float:none;
	text-align:left;
	display:inline-block;
	vertical-align:middle;
}
.MiddleExArea dd img{
  max-width: 381px;
	margin: 0 0 7%;
}

.OshieteArea h4{
	margin-bottom:10px;
}
.OshieteArea hp{
	font-size: 110%;
}

.OshieteArea .OshieteBox01,
.OshieteArea .OshieteBox02{
	margin:0 10px 30px;
}

.OshieteArea .OshieteBox01 p{
	padding-left:21%;
}
.OshieteArea .OshieteBox02 p{
	padding-right:19%;
}

.OshieteBtn{
	text-align:center;
	padding-bottom:30px;
}

.OshieteBtn img{
	width:64%;
}