@charset "UTF-8";

.demo {
	width:100%;
	background: url(../content_sp.png) no-repeat top center;
	margin-bottom: 50px;
	background-size: 100%;
	padding-bottom: 170%;
}

.collabo_wrapper {
	width: 100%;
	background: url(../images/bg_collabo.png) repeat-y top center;
}
.hero {
	background: url(../images/sp/hero.png) repeat-y top center;
	padding-top: 81.2%;
	height: 0;
	overflow: hidden;
	background-size: cover;
}
.hero .pnav {
	background-color: #fff;
	padding-bottom: 5px;
}
.hero h1,
.hero p {
	text-indent: -9999px;
}
.omotenashi {
	padding: 0 30px;
	background: url(../images/bg_omotenashi.png) repeat top center;
}
.omotenashi h3 {
	width: 100%;
	height: 0;
	padding-top: 16.4%;
	background: url(../images/sp/title_omotenashi.png) no-repeat top center;
	overflow: hidden;
	background-size: cover;
}
.omotenashi .notes {
	width: 100%;
	text-align: center;
}
.omotenashi ul {
}
.omotenashi ul li {
	text-indent: -9999px;
	text-algin: center;
}
.omotenashi ul li.point01,
.omotenashi ul li.point02 {
	width: 100%;
	height: 0;
	padding-top: 125.8%;
	overflow: hidden;
}
.omotenashi ul li.point03 {
	width: 100%;
	height: 0;
	padding-top: 145.8%;
	overflow: hidden;
}
.omotenashi ul li.point01 {
	background: url(../images/sp/img_omotenashi01.png) no-repeat top center;
	background-size: cover;
}
.omotenashi ul li.point02 {
	background: url(../images/sp/img_omotenashi02.png) no-repeat top center;
	background-size: cover;
}
.omotenashi ul li.point03 {
	width: 100%;
	height: 0;
	padding-top: 180.3%;
	overflow: hidden;
	background: url(../images/sp/img_omotenashi03.png) no-repeat top center;
	background-size: cover;
}
.omotenashi ul li.point03-02 {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 180.3%;
	overflow: hidden;
	background: url(../images/sp/img_omotenashi03_02.png?01) no-repeat top center;
	background-size: cover;
}
.omotenashi ul li.point03-03 {
	/*display: block;
	width: 100%;
	height: 0;
	padding-top: 68.3%;
	overflow: hidden;
	background: url(../images/sp/img_omotenashi03_03.png?01) no-repeat top center;
	background-size: cover;*/
	display: none;
}
.omotenashi ul li.point04 {
	width: 100%;
	height: 0;
	padding-top: 160.3%;
	overflow: hidden;
	background: url(../images/sp/img_omotenashi04.png) no-repeat top center;
	background-size: cover;
	margin-top: 30px;
}
.omotenashi ul li.point04_02 {
	width: 100%;
	height: 0;
	padding-top: 80.3%;
	overflow: hidden;
	background: url(../images/sp/img_omotenashi04_02.png) no-repeat top center;
	background-size: cover;
	margin-top: 30px;
}
.omotenashi ul li.point04_03 {
	width: 100%;
	height: 0;
	padding-top: 80.3%;
	overflow: hidden;
	background: url(../images/sp/img_omotenashi04_03.png) no-repeat top center;
	background-size: cover;
	margin-top: 30px;
}
.omotenashi ul li.point04_04 {
	width: 100%;
	height: 0;
	padding-top: 80.3%;
	overflow: hidden;
	background: url(../images/sp/img_omotenashi04_04.png) no-repeat top center;
	background-size: cover;
	margin-top: 30px;
}
.omotenashi ul li.point04_05 {
	width: 100%;
	height: 0;
	padding-top: 80.3%;
	overflow: hidden;
	background: url(../images/sp/img_omotenashi04_05.png) no-repeat top center;
	background-size: cover;
	margin-top: 30px;
}
.omotenashi p.approval {	
	width: 100%;
	height: 0;
	padding-top: 2.8%;
	overflow: hidden;
	background: url(../images/sp/txt_approval.png) no-repeat top center;
	background-size: cover;
	margin: 80px auto 40px auto;
}
.omotenashi p.approval_pre {	
	width: 100%;
	height: 0;
	padding-top: 3.0%;
	overflow: hidden;
	background: url(../images/txt_approval_pre.png) no-repeat top center;
	background-size: cover;
	margin: 80px auto 40px auto;
}
.btnarea {
	width: 100%;
	margin-bottom: 30px;
}
.btnarea p {
}
.btnarea p a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 40.6%;
	overflow: hidden;
	background: url(../images/sp/btn_plan.png) no-repeat top left;
	background-size: cover;
	
}

/* present */

.hero.pre {
	background: url(../images/sp/hero_pre.png) repeat-y top center;
	padding-top: 81.2%;
	height: 0;
	overflow: hidden;
	background-size: cover;
}