@charset "utf-8";
/* CSS Document */

/*-----ベース-----*/
#aeroblade {
font-size: 16px;
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
line-height: 30px;
color: #fff;
background: #000;
text-align: left;
width: 100%;
}
#aeroblade h2 {
font-size: 250%;
line-height: 1em;
font-weight: normal;
text-align: center;
margin-bottom: 26px;
padding-top: 33px;
}

#aeroblade h3{
font-size: 137.5%;
line-height: 36px;
font-weight: normal;
margin-bottom: 14px;
}

#aeroblade p {
margin: 0;
}

@media screen and (max-width: 640px) {
	#aeroblade {
	font-size: 12px;
	line-height: 18px;
	}
	#aeroblade_inner {
	min-width: 0;
	}
	#aeroblade h3 {
	font-size: 5.156vw !important;
	line-height: 1.455 !important;
	margin-bottom: 2%;
	}
	#aeroblade p {
	font-size: 3.75vw !important;
	line-height: 1.667 !important;
	}
}

/*-----KV-----*/
#aeroblade .kv {
position: relative;
width: auto;
height: 700px;
min-width: 982px;
margin-top: 60px;
background: url(../images/aeroblade_kv.jpg) no-repeat 50% 0 / 2000px;
}
#aeroblade .kv_inner {
width: 982px;
margin: 0 auto;
padding: 120px 0 0;
}
#aeroblade .kv h1 {
margin-bottom: 35px;
}
#aeroblade .kv p {
font-size: 18px;
line-height: 2.334;
}

@media screen and (max-width: 640px) {
	#aeroblade .kv {
	position: relative;
	width: auto;
	height: auto;
	min-width: 0;
	margin: 60px 0 0;
	padding-top: 173.281%;
	background: url(../images/aeroblade_kv_sp.jpg) no-repeat 50% 0 / contain;
	}
	#aeroblade .kv_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15.469% 3.125% 0;
	box-sizing: border-box;
	}
	#aeroblade .kv h1 {
	margin-bottom: 5%;
	}
	#aeroblade .kv h1 img {
	width: 100%;
	}
	#aeroblade .kv p {
	padding: 0 .334%;
	}
}

/*-----box-----*/

#aeroblade .box01 {
height: 1098px;
min-width: 982px;
background: url(../images/aeroblade_bk01.jpg) no-repeat 50% 0 / 2000px;
}
#aeroblade .box01 h2 {
margin: 0 0 79px;
padding: 109px 0 0;
}
#aeroblade .box01 h2 img {
vertical-align: bottom;
}
#aeroblade .box01_inner1 {
position: relative;
width: 982px;
margin: 0 auto;
}
#aeroblade .text_box01 p {
line-height: 2.125;
}
#aeroblade .box01_inner1 .text_box01 {
width: 600px;
height: 350px;
margin-left: -40px;
padding: 32px 140px 30px 40px;
box-sizing: border-box;
background: url(../images/bar01.png) no-repeat 40px 0 rgba(19, 19, 19, .8);
}
#aeroblade .box01_inner1 .image_box01 {
position: absolute;
top: -6px;
right: 0;
}
#aeroblade .box01_inner2 {
position: relative;
width: 982px;
margin: 73px auto 0;
}
#aeroblade .box01_inner2 .text_box01 {
width: 600px;
height: 316px;
margin: 0 -40px 0 auto;
padding: 32px 40px 30px 140px;
box-sizing: border-box;
background: url(../images/bar01.png) no-repeat 140px 0 rgb(19, 19, 19);
}
#aeroblade .box01_inner2 .image_box01 {
position: absolute;
top: 18px;
left: 0;
}

@media screen and (max-width: 640px) {
	#aeroblade .box01 {
	position: relative;
	width: auto;
	height: auto;
	min-width: 0;
	background: url(../images/aeroblade_bk_sp01.jpg) no-repeat 50% 0 / contain #000;
	}
	#aeroblade .box01 h2 {
	margin: 0 0 9.375%;
	padding: 32.031% 0 0;
	}
	#aeroblade .box01 h2 img {
	width: 93.75%;
	margin: 0 auto;
	}
	#aeroblade .box01_inner1 {
	width: auto;
	margin: 0;
	}
	#aeroblade .box01_inner1 .text_box01 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 6.25% 3.125%;
	background: url(../images/bar01.png) no-repeat 3.9% 0 / 17.188% auto rgba(19, 19, 19, .8);
	}
	#aeroblade .box01_inner1 .image_box01 {
	position: static;
	margin: 6.25% 0 0;
	padding: 0 3.125%;
	}
	#aeroblade .box01_inner1 .image_box01 img {
	width: 91.667%;
	}
	#aeroblade .box01_inner2 {
	width: auto;
	margin: 0;
	}
	#aeroblade .box01_inner2 .text_box01 {
	width: auto;
	height: auto;
	margin: 12.5% 0 0;
	padding: 6.25% 3.125%;
	background: url(../images/bar01.png) no-repeat 3.9% 0 / 17.188% auto rgba(19, 19, 19, .8);
	}
	#aeroblade .box01_inner2 .image_box01 {
	position: static;
	margin: 6.25% 0 0;
	padding: 0 3.125% 15.625%;
	}
	#aeroblade .box01_inner2 .image_box01 img {
	width: 91.667%;
	}
}

#aeroblade .box02 {
height: 1946px;
min-width: 982px;
background: url(../images/aeroblade_bk02.jpg) no-repeat 50% 0 / 2000px;
}
#aeroblade .box02 h2 {
margin: 0 0 79px;
padding: 111px 0 0;
}
#aeroblade .box02_inner {
position: relative;
width: 982px;
margin: 0 auto;
}
#aeroblade .box02_inner p {
line-height: 2.125;
}
#aeroblade .box02_inner .text_box01 {
width: 730px;
height: 350px;
margin-left: -40px;
padding: 32px 40px;
box-sizing: border-box;
background: url(../images/bar01.png) no-repeat 40px 0 rgba(19, 19, 19, .8);
}
#aeroblade .box02_inner .image_box02 {
position: absolute;
top: 271px;
right: 0;
}
#aeroblade .box02_inner .text_box02 {
position: relative;
width: 704px;
height: 247px;
margin: 327px 0 0 -40px;
padding: 32px 40px;
box-sizing: border-box;
background: url(../images/bar01.png) no-repeat 40px 0 rgba(19, 19, 19, .8);
}
#aeroblade .box02_inner .text_box02 img {
position: absolute;
top: -67px;
right: -318px;
}
#aeroblade .box02_inner .text_box03 {
position: relative;
width: 540px;
height: 180px;
margin: 222px -40px 0 auto;
padding: 32px 20px 0 40px;
box-sizing: border-box;
background: url(../images/bar01.png) no-repeat 40px 0 rgba(19, 19, 19, .8);
}
#aeroblade .box02_inner .text_box03 img {
position: absolute;
top: 146px;
left: -296px;
}
#aeroblade .annotation {
margin-top: 170px;
text-align: center;
}

@media screen and (max-width: 640px) {
	#aeroblade .box02 {
	height: auto;
	min-width: 0;
	background: url(../images/aeroblade_bk_sp02a.jpg) no-repeat 50% 0 / contain, url(../images/aeroblade_bk_sp02b.jpg) no-repeat 50% 100% / contain, #222;
	}
	#aeroblade .box02 h2 {
	margin: 0 0 9.219%;
	padding: 31.25% 0 0;
	}
	#aeroblade .box02 h2 img {
	width: 93.75%;
	margin: 0 auto;
	}
	#aeroblade .box02_inner {
	width: auto;
	margin: 0;
	}
	#aeroblade .box02_inner .text_box01 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 6.25% 3.125% 14.063%;
	background: url(../images/bar01.png) no-repeat 3.9% 0 / 17.188% auto rgba(19, 19, 19, .8);
	}
	#aeroblade .box02_inner .image_box02 {
	position: static;
	width: 93.75%;
	margin: -9.375% auto 0;
	}
	#aeroblade .box02_inner .image_box02 img {
	width: 100%;
	}
	#aeroblade .box02_inner .text_box02 {
	width: auto;
	height: auto;
	margin: 25% 0 0;
	padding: 6.25% 3.125%;
	background: url(../images/bar01.png) no-repeat 3.9% 0 / 17.188% auto rgba(19, 19, 19, .8);
	}
	#aeroblade .box02_inner .text_box02 img {
	top: 0;
	right: 3.125%;
	width: 58.281%;
	margin-top: -15.625%;
	}
	#aeroblade .box02_inner .text_box03 {
	width: auto;
	height: auto;
	margin: 54.219% 0 0;
	padding: 6.25% 3.125%;
	background: url(../images/bar01.png) no-repeat 3.9% 0 / 17.188% auto rgba(19, 19, 19, .8);
	}
	#aeroblade .box02_inner .text_box03 img {
	top: 0;
	left: auto;
	right: 3.125%;
	width: 53.906%;
	margin-top: -18.75%;
	}
	#aeroblade .annotation {
	margin: 4.688% 0 0;
	padding: 0 3.125% 13.281%;
	text-align: left;
	}
}

#aeroblade .box03 {
height: 584px;
min-width: 982px;
background: url(../images/aeroblade_bk03.jpg) no-repeat 50% 0 / 2000px;
}
#aeroblade .box03 h2 {
margin: 0 0 75px;
padding: 111px 0 0;
}
#aeroblade .box03 ul {
width: 982px;
margin: 0 auto;
}
#aeroblade .box03 ul::after {
display: block;
clear: both;
content: "";
}
#aeroblade .box03 li {
float: left;
width: 33.333%;
}
#aeroblade .box03 li:nth-child(2) {
text-align: center;
}
#aeroblade .box03 li:last-child {
text-align: right;
}

@media screen and (max-width: 640px) {
	#aeroblade .box03 {
	height: auto;
	min-width: 0;
	background: url(../images/aeroblade_bk_sp03.jpg) no-repeat 50% 0 / contain #000;
	}
	#aeroblade .box03_inner {
	padding: 0 0 15.625%;
	}
	#aeroblade .box03 h2 {
	margin: 0 0 9.375%;
	padding: 31.563% 0 0;
	}
	#aeroblade .box03 h2 img {
	width: 93.75%;
	margin: 0 auto;
	}
	#aeroblade .box03 ul {
	width: auto;
	}
	#aeroblade .box03 li {
	float: none;
	width: 62.5%;
	margin: 0 auto 6.25%;
	text-align: center !important;
	}
	#aeroblade .box03 li:last-child {
	margin-bottom: 0;
	}
	#aeroblade .box03 li img {
	width: 100%;
	}
}

/*-----モジュール-----*/
#aeroblade .alignCenter {
text-align: center;
}

#aeroblade .bold {
font-weight: bold;
}

#aeroblade .sp {
display: none;
}

#aeroblade .gray {
background: #f3f3f3;
}

#aeroblade .super {
font-size: 62.5%;
vertical-align: super;
line-height: 1em;
}

@media screen and (max-width: 640px) {
	#aeroblade .sp {
	display: block;
	}
	#aeroblade .pc {
	display: none !important;
	}
}