@charset "UTF-8";

*{
	width: 414px;
	margin: 0;
	padding: 0;
}

body{
	background-color: #EAEDEF;
	width: 414px;
	margin: 0px;
}

img.top{
	width: 414px;
	margin: 0px;
}

img.topb{
	display: flex;
	width: 414px;
	margin: 0px;
}

.apimage{
	background-image: url("images/ap1.png");
	background-repeat: no-repeat;
	position: absolute;
	top: 270px;
	
	display: flex;
	width: 414px;
	margin: 0px;
}

/*AirPodsタイトル*/
p#airpods{
	color: #FCC803;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70px;
	font-weight: bold;
	position: absolute;
	top: 550px;
	left: 10px;
	bottom: 50%;
	padding-bottom: 150px;
	
	width: 414px;
}

p.airpods{
	color: #FD8A03;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70px;
	font-weight: bold;
	position: absolute;
	top: 550px;
	bottom: 50%;
	padding-bottom: 150px;
	
	width: 414px;
}

img.midori{
	position: absolute;
	top:615px;
	
	display: flex;
	width: 414px;
}

img.mainb{
	position: absolute;
	top: 635px;
	
	display: flex;
	width: 414px;
}


/*メイン本文*/

img.mainline{
	position: absolute;
	top:940px;
	
	display: flex;
	width: 414px;
	margin: 0px;
}

img.mainlineb{
	position: absolute;
	top:952px;
	
	display: flex;
	width: 414px;
	margin: 0px;
}

img.main{
	position: absolute;
	top:1095px;
	
	display: flex;
	width: 414px;
	margin: 0px;
}

h2#main{
	color: #FD8A03;
	font-style: normal;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 39px;
	position: absolute;
	top: 910px;
	
	width: 414px;
}

p#mainp{
	color: #17254B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	padding-bottom: 230px;
	position: absolute;
	top: 1050px;
	width: 400px;
	left: 11px;
}


/*機能紹介*/

img.kinouob{
	position: absolute;
	top: 1400px;
	
	display: flex;
	width: 414px;
	margin: 0px;
}

h3#noicanh{
	color: #17244B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	top: 1445px;
	left: 140px;
	
	width: 414px;
}
p#noicanp{
	color: #17244B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	width: 350px;
	font-weight: normal;
	position: absolute;
	top: 1495px;
	padding-bottom: 80px;
	left: 90px;
}
img.noican{
	width: 310px;
	position: absolute;
	top: 1635px;
	padding-bottom: 20px;
}

h3#handsh{
	color: #17244B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	width: 414px;
	font-weight: bold;
	position: absolute;
	top: 1980px;
	left:20px;
}
p#handsp{
	color: #17244B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	width: 360px;
	font-weight: normal;
	position: absolute;
	top: 2030px;
	padding-bottom: 80px;
	left:20px;
}
img.hands{
	width: 310px;
	position: absolute;
	top: 2135px;
	padding-bottom: 20px;
	left:104px;
}

h3#designh{
	color: #17244B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	width: 414px;
	font-weight: bold;
	position: absolute;
	top: 2510px;
	left: 115px;
}
p#designp{
	color: #17244B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	width: 350px;
	font-weight: normal;
	position: absolute;
	top: 2560px;
	padding-bottom: 80px;
	left: 55px;
}
img.design{
	width: 310px;
	position: absolute;
	top: 2690px;
}


/*Not Only Music…*/

img.notline{
	position: absolute;
	top:3123px;
	width: 414px;
}

h2#not{
	color: #FD8A03;
	font-style: normal;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 42px;
	width: 414px;
	position: absolute;
	top: 3095px;
	left: 17px;
}

img.not{
	position: absolute;
	top: 3170px;
	width: 414px;
	margin: 0px;
}
p#on{
	color: #FFFFFF;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	width: 350px;
	font-weight: bold;
	position: absolute;
	top: 3413px;
	left: 72px;
}
p#ka{
	color: #FFFFFF;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	width: 350px;
	font-weight: bold;
	position: absolute;
	top: 3725px;
	left: 236px;
}
p#sa{
	color: #FFFFFF;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	width: 350px;
	font-weight: bold;
	position: absolute;
	top: 4019px;
	left: 147px;
}
p#mi{
	color: #FFFFFF;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	width: 350px;
	font-weight: bold;
	position: absolute;
	top: 4325px;
	left: 211px;
}


/*How did you~?*/

img.howline{
	position: absolute;
	top: 4580px;
	width: 414px;
}

h2#how{
	color: #FD8A03;
	font-style: normal;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 42px;
	width: 414px;
	position: absolute;
	top: 4530px;
	left: 17px;
}

img.me{
	position: absolute;
	top: 4665px;
	width: 414px;
}

p#nani{
	color: #16254B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	width: 350px;
	font-weight: bold;
	position: absolute;
	top: 4733px;
	left: 42px;
}
p#kowai{
	color: #16254B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
	width: 350px;
	font-weight: bold;
	position: absolute;
	top: 4857px;
	left: 235px;
}
p#wara{
	color: #16254B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	width: 350px;
	font-weight: bold;
	position: absolute;
	top: 4997px;
	left: 31px;
}

img.meline{
	margin: 0px;
	position: absolute;
	top: 5167px;
	width: 414px;
}

p#me{
	color: #16254B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	width: 380px;
	font-weight: bold;
	position: absolute;
	top: 5150px;
	left: 25px;
}


/*フッター*/

img.foot{
	position: absolute;
	top: 5250px;
	
	width: 414px;
	margin: 0px;
}

p#logo{
	color: #16254B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 43px;
	width: 380px;
	font-weight: bold;
	position: absolute;
	top: 5265px;
	left: 31px;
}