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

/*-----ベース-----*/
#aspire{
font-size:16px;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
line-height:30px;
color:#000;
text-align:left;
width:100%;
}

#aspire_inner{
width:100%;
min-width:982px;
overflow:hidden;
}

#aspire h2{
font-size:250%;
line-height:1em;
font-weight:normal;
margin-bottom:26px;
}

#aspire h3{
font-size:187.5%;
line-height:40px;
font-weight:normal;
margin-bottom:28px;
}

#aspire .h2_sub{
font-size:125%;
line-height:40px;
text-align:center;
}

#aspire p{
margin:0;
}
#aspire .lsp{letter-spacing: -0.4em;}
#aspire .ksp{letter-spacing: -0.11em;}

@media screen and (max-width: 640px){
	#aspire{
	font-size:12px;
	line-height:20px;
	}
	#aspire_inner{
	min-width:initial;
	min-width:auto;
	}
	#aspire h2{
	font-size:200%;
	line-height:1.29em;
	margin-bottom: 15px;
	}
	#aspire h3{
	font-size:150%;
	line-height:1.33em;
	margin-bottom:4.335%;
	}
	#aspire .h2_sub{
	font-size:1.17em;
	line-height:1.5em;
	}
}

/*-----anchor_nav-----*/
#aspire .anchor_nav{
position:fixed;
top:61px;
width:100%;
background:#fff;
z-index:2;
border-bottom:1px solid #ccc;
}

#aspire .anchor_nav_inner{
width:100%;
max-width:982px;
margin:0 auto;
display:table;
}


#aspire .anchor_nav ul{
display:table;
width:100%;
}

#aspire .anchor_nav .p_name img{
width:128px;
}

#aspire .anchor_nav li{
display:table-cell;
height:59px;
vertical-align:middle;
width:17.1%;
text-align:center;
font-size:14px;
line-height:1em;
font-weight:bold;
}

#aspire .anchor_nav li:first-child{
text-align:left;
width:19.5%
}
#aspire .anchor_nav li:nth-child(3){
text-align:left;
}
#aspire .anchor_nav li:last-child{
text-align:right;
width:13.6%;
}

#aspire .anchor_nav li a{
color:#666;
text-decoration:none;
}

#aspire .anchor_nav li a:hover{
color:#999;
}
@media screen and (max-width: 640px){
	#aspire .anchor_nav{
	display:none;
	}
}


/*-----KV-----*/
#aspire .kv{
background:url(../images/kv_bk.jpg) no-repeat top center;
width: 100%;
margin-top: 120px;
margin-bottom:115px;
}

#aspire .kv_inner{
padding-top:170px;
/*padding-bottom:106px;*/
width:982px;
margin:0 auto;
position:relative;
}

#aspire .kv .h1_catch{
margin-bottom:40px;
line-height:0;
}

#aspire .kv h1{
padding:0 0 25px 0;
line-height:1em;
/*float:left;*/
}

#aspire .kv .logo01{
line-height:1em;
/*float:left;*/
margin-bottom:38px;
}

#aspire .kv .logo01 img{
/*width:61px;*/
}

#aspire .kv .logo02{
/*clear:both;*/
margin-bottom:40px;
line-height:0;
}

#aspire .kv .kv_img{
position:absolute;
top:130px;
left:50%;
margin-left:-458px;
}

#aspire .kv h2{
clear:both;
font-size:162.5%;
line-height:1em;
text-align:center;
margin-bottom:38px;
}

#aspire .kv_anchor{
text-align:center;
position:relative;
width:220px;
margin:0 0 250px;
background-color: #1d7bd2;
}
#aspire .kv_anchor:after{
content: '';
display: block;
position: absolute;
top: 50%;
right: 20px;
margin-top: -5px;
border-top: 9px #fff solid;
border-right: 5px transparent solid;
border-left: 5px transparent solid;

}
#aspire .kv_anchor a{
color:#fff;
line-height:40px;
vertical-align:middle;
text-decoration: none;
display: block;
}
#aspire .anchor_btn{
text-align:center;
line-height:38px;
vertical-align:middle;
position:relative;
width:218px;
border:1px solid #666;
margin:0 auto;
}

#aspire .anchor_btn:hover{
opacity:0.7;
}

#aspire .anchor_btn a{
display:block;
color:#000;
text-decoration:none;
}

#aspire .anchor_btn a:after{
content:url(../images/ico_arrow01.png);
position:absolute;
right:13px;
top:0;
}

#aspire .anchor_btn02{
text-align:center;
line-height:24px;
vertical-align:middle;
position:relative;
width:218px;
margin:0 auto 34px;
}

#aspire .anchor_btn02:hover{
opacity:0.7;
}

#aspire .anchor_btn02 a{
display:block;
color:#000;
font-size: 16px;
}
#aspire .anchor_btn02 a:hover{
text-decoration: none;
}

#aspire .anchor_btn02 a:before{
content:url(../images/ico_arrow02.png);
position:absolute;
left:8px;
top:0;
}


#aspire .anchor_btn03{
text-align:center;
line-height:24px;
vertical-align:middle;
position:relative;
width:218px;
margin:29px auto 0;
}

#aspire .anchor_btn03:hover{
opacity:0.7;
}

#aspire .anchor_btn03 a{
display:block;
color:#fff;
font-size: 16px;
}
#aspire .anchor_btn03 a:hover{
text-decoration: none;
}

#aspire .anchor_btn03 a:before{
content:url(../images/ico_arrow03.png);
position:absolute;
left:8px;
top:0;
}

@media screen and (max-width: 640px){
	#aspire .kv{
	background:url(../images/kv_bk_sp.jpg) no-repeat top center;
	background-size: 100%;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 0;
	}
	#aspire .kv_inner {
    padding-top: 37px;
    width:90.625%;
    margin: 0 4.6875%;
    position: relative;
	}
	#aspire .kv .h1_catch{
	box-sizing:border-box;
	padding:0;
	width:100%;
	margin-bottom:23px;
	line-height:1em;
	}
	#aspire .kv .h1_catch img{
	width:55.172414%;
	}

	#aspire .kv h1{
	padding:0;
	float:none;
	margin-bottom:25px;
	}

	#aspire .kv h1 img{
	width:51.724138%;
	}

	#aspire .kv .logo01{
	float:none;
	margin-bottom:0;
	padding:0 0 23px 0;
	}

	#aspire .kv .logo01 img{
	width:33.1%;
	}

	#aspire .kv .logo02{
	padding:0 ;
	margin-bottom:25px;
	}

	#aspire .kv .logo02 img{
	width:14.5%;
	}

	#aspire .kv .kv_img{
	position: static;
    top: 0;
    left: 0;
    margin-left: -10%;
    margin-bottom: 20px;
    margin-top: -211.5px;
    width: 133%;
	}

	#aspire .kv .kv_img img{
	width:100%;
	}

	#aspire .kv h2{
	font-size:133.33%;
	line-height:1.5em;
	margin-bottom:28px;
	}
	#aspire .kv_anchor{
	text-align:center;
	position:relative;
	width:212px;
	margin:0 auto 60px;
	background-color: #1d7bd2;
	}
	#aspire .kv_anchor:after{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -5px;
	border-top: 9px #fff solid;
	border-right: 5px transparent solid;
	border-left: 5px transparent solid;

	}
	#aspire .kv_anchor a{
	color:#fff;
	line-height:38px;
	vertical-align:middle;
	text-decoration: none;
	}
	#aspire .anchor_btn{
	box-sizing:border-box;
	line-height:42px;
	width:93.75%;
	margin:0 3.125%;
	font-weight:bold;
	}

	#aspire .anchor_btn a:after{
	right:5%;
	top:0;
	}

	#aspire .anchor_btn02{
	line-height:24px;
	width:210.5px;
	margin:0 auto 20px;
	font-weight:bold;
	}
	#aspire .anchor_btn02 a{
	font-size: 12px;
	}
	#aspire .anchor_btn02 a:before{
	left:11%;
	top:1px;
	}
	#aspire .anchor_btn03{
	line-height:42px;
	width:210.5px;
	margin:15px auto 0;
	font-weight:bold;
	}

	#aspire .anchor_btn03 a{
	font-size: 12px;
	}
	#aspire .anchor_btn03 a:before{
	left:11%;
	top:1px;
	}
}

/*-----box-----*/
#aspire .box{
width:982px;
margin:0 auto;
display:table;
position:relative;
}

@media screen and (max-width: 640px){
	#aspire .box{
	width:100%;
	}
}

#aspire .layout_dbl01{
display:table-cell;
vertical-align:middle;
width:460px;
padding:40px 0;
}

#aspire .layout_dbl02{
width:522px;
display:table-cell;
vertical-align:top;
padding:50px 0;
}

#aspire .layout_dbl03{
width:552px;
display:table-cell;
vertical-align:top;
padding:80px 40px 80px 0;
}

#aspire .layout_dbl04{
width:390px;
display:table-cell;
vertical-align:top;
padding:80px 0;
}

@media screen and (max-width: 640px){
	#aspire .layout_dbl01{
	display:block;
	width:93.75%;
	margin:0;
	padding:40px 3.125% 35px;
	text-align:center;
	}

	#aspire .layout_dbl01 img{
	max-width:100%;
	}

	#aspire .layout_dbl02{
	width:93.75%;
	margin:0;
	display:block;
	padding:0 3.125% 35px;
	}

	#aspire .layout_dbl03{
	width:93.75%;
	margin:0;
	display:block;
	padding:35px 3.125% 20px;
	}

	#aspire .layout_dbl04{
	width:93.75%;
	margin:0;
	display:block;
	padding:0 3.125% 40px;
	text-align:center;
	}
}

#aspire .product_img{
position:absolute;
}
@media screen and (max-width: 640px){
	#aspire .product_img{
	position:static;
	}
	#aspire .product_img img{
	width: 100%;
	}
}

#aspire .box01{
background:url(../images/bk01.jpg) no-repeat center top;
background-size:auto 100%;
height: 880px;
width:100%;
min-width:982px;
margin-bottom: 100px;
}
#aspire .box01_inner{
padding:100px 0 50px 0;
width: 982px;
margin:0 auto;
letter-spacing: -0.07em;
}
#aspire .box01_inner p{margin-bottom: 23px;}
#aspire .box01 .box01_01,
#aspire .box01 .box01_02{float:left;}
#aspire .box01 .box01_03{float:right;}
#aspire .box01 .box01_01{margin-top: 137px; width: 491px;}
#aspire .box01 .box01_02{margin-left: 140px; width: 351px;}
#aspire .box01 .box01_03{margin-top:135px; width: 491px;}


#aspire .box01 .box01_01 h3,
#aspire .box01 .box01_02 h3,
#aspire .box01 .box01_01 p,
#aspire .box01 .box01_02 p{color:#fff;}

@media screen and (max-width: 640px){
	#aspire .box01{
	position:relative;
	padding:0;
	margin:20px 0 30px;
	background:none;
	background-size:100%;
	min-width:initial;
	min-width:auto;
	height: auto;
	}
	#aspire .box01_inner{
	padding:0 ;
	width: 100%;
	margin:0;
	letter-spacing: -0.07em;
	}
	#aspire .box01_inner p{margin-bottom: 23px;}
	#aspire .box01 .box01_01,
	#aspire .box01 .box01_02,
	#aspire .box01 .box01_03{float:none;}
	#aspire .box01 .box01_01{margin-top: 0; width: 93.75%; padding:40px 3.125%; background:url(../images/bk01_sp01.jpg) no-repeat 100%;}
	#aspire .box01 .box01_02{margin-left:0; width: 93.75%; padding:40px 3.125%; background:url(../images/bk01_sp02.jpg) no-repeat 100%;}
	#aspire .box01 .box01_03{margin-top:0; width: 93.75%; padding:40px 3.125%; background:url(../images/bk01_sp03.jpg) no-repeat 100%;}
}

#aspire .box02{
position:relative;
background-image:url(../images/bk02_01.png),url(../images/bk02_02.jpg);
background-repeat: no-repeat,no-repeat;
background-position: center top 215px,center top;
background-size: 1347px 2844px,cover;
width:100%;
min-width:982px;
margin-bottom: 100px;
}
#aspire .box02_inner{
width: 982px;
margin: 0 auto;
padding:100px 0 255px;
}
#aspire .box02 h2{
margin-bottom: 135px;	
}
#aspire .box02 h3{
color:#1d7bd2;
}
#aspire .box02 h3:before{
content: url(../images/line_blue.png);
display: block;
margin-left: 108px;
margin-bottom: 10px;
}
#aspire .box02_01,
#aspire .box02_02,
#aspire .box02_03{position:relative;}
#aspire .box02_01{margin-bottom: 413px;}
#aspire .box02_02{margin-bottom: 202px;}
#aspire .box02_03{margin-bottom: 0px;}
#aspire .txt_left{
width: 451px;
margin-bottom: 53px;
}
#aspire .box02_01 .txt_left{margin-bottom: 0;}
#aspire .txt_right{
width: 432px;
margin-left: 550px;
margin-bottom: 53px;
}
#aspire .box02_01_img{
top: 60px;
left: 50%;
margin-left: -175px;
}
#aspire .box02_02_img{
bottom: -50px;
right: 50%;
margin-right: -50px;
}
#aspire .box02_03_img{
bottom: -185px;
left: 50%;
margin-left: -390px;
}
#aspire .content_img{
text-align: center;
margin-top: 33px;
}


@media screen and (max-width: 640px){
	#aspire .box02{
	background:url(../images/bk02_sp.jpg) no-repeat center top;
	background-size:cover;
	min-width:initial;
	min-width:auto;
/*	padding:80px 3.125% 0;
	width:93.75%;*/
	padding: 50px 0 0;
	width: 100%;
	margin-bottom: 60px;
	}
	#aspire .box02_inner{
	width: 100%;
	margin: 0 auto;
	padding:0;
	}
	#aspire .box02 h2{
	/*margin-bottom: 13.34%;*/
	width: 55.172414%;
	margin: 0 41.702586% 40px 3.125%;
	}
	#aspire .box02 h2 img{
	width: 100%;
	}
	#aspire .box02 h3{
	color:#1d7bd2;
	}
	#aspire .box02 h3:before{
    content: '';
    display: block;
    margin-left: 18.275862%;
    margin-bottom: 13px;
    width: 44px;
    height: 25px;
    background-image: url(../images/line_blue.png);
    background-size: 100%;
	}
	#aspire .box02 p{
	letter-spacing: -0.079em;
	}
	#aspire .box02_02 .txt_right{
		width: 93.75%;
		margin: 0 3.125% 36px;
	}
	#aspire .box02_01,
	#aspire .box02_02,
	#aspire .box02_03{position:relative;}
	/*#aspire .box02_01{margin-bottom: 70px;}*/
	#aspire .box02_01{margin-bottom: 0px;}
	/*#aspire .box02_02{margin-bottom: 60px;}*/
	#aspire .box02_02{margin-bottom: 0px;}
	#aspire .box02_03{margin-bottom: 0px; padding-bottom: 40px;}
	#aspire .txt_left{
	width: 100%;
	margin-bottom: 53px;
	}
	#aspire .box02_01 .txt_left,
	#aspire .box02_03 .txt_left{
	margin-bottom: 40px;
	width: 93.75%;
	margin: 0 3.125% 40px;
	}
	#aspire .box02_01 .txt_left{margin-bottom: 40px;}
	#aspire .txt_right{
	width: 100%;
	margin-left: 0;
	margin-bottom: 11.67%;
	}
	#aspire .txt_right.txt_second{
	margin-bottom: 0;
	}
	#aspire .box02_01_img{
	top: 0;
	left: 0;
    margin-left: 0;
    width: 100%;
    /*margin-bottom: 25%;*/
    margin-bottom: 40px;
	}
	#aspire .box02_02_img{
	bottom: 0;
	right: 0;
	margin-right: 0;
    margin-left: 0;
    width: 100%;
    /*margin-top: 120%;*/
    margin-top: 40px;
    margin-bottom: 40px;
	}
	#aspire .box02_03_img{
    bottom: 0;
    left: 0;
    margin-left: 0;
    /*margin-top: 325px;*/
    margin-top: 36px;
    width: 100%;
	}
	#aspire .content_img{
	text-align: center;
	margin-top: 33px;
	}
	#aspire .content_img img{width: 100%;}
	#aspire .box02_inner .content_img{width: 68.83333%;margin: 5.335% auto 0;}
	#aspire .box02_03 .content_img{width: 60.3333%;margin: 16px auto 0;}
}

#aspire .box03{
position:relative;
padding: 0;
/*background:url(../images/bk03.jpg) no-repeat center top 110px;*/
/*background-size:100%;*/
width:100%;
min-width:982px;
}
#aspire .box03_inner01_wrap{
background:url(../images/bk03.jpg) no-repeat center top;
background-color: #f2f2f2;
}
#aspire .box03_inner01{
/*background:url(../images/bk03.jpg) no-repeat center top;
background-color: #f2f2f2;*/
width:982px;
margin: 0 auto;
position: relative;
z-index: 0;
}

#aspire .box03 h2{ width:982px; margin : 0 auto 60px;}
#aspire .box03 h3,
#aspire .box03 p{color:#fff;}
#aspire .box03_01{
position: relative;
height: 442px;
padding-top: 100px;
}
#aspire .box03_01_img{
top: -150px;
left: 50%;
margin-left: 35px;
}
#aspire .box03_02{
padding-top: 30px;
padding-bottom: 98px;
}
#aspire .box03_inner02{
position: relative;
background-color: #f2f2f2;
z-index: -1;
}
#aspire .box03_03{
position: relative;
height: 621px;
}
#aspire .box03_03_img{
bottom: -140px;
right: 50%;
margin-right: -70px;	
}
#aspire .box03_03_txt{
position: absolute;
top: 0;
right: 0;
width: 46.9%;
background:url(../images/bk04.png) no-repeat left top;	
padding: 110px 0 130px 120px;
}

@media screen and (max-width: 640px){
	#aspire .box03{
	padding:0;
	margin-top:0;
/*	background:url(../images/bk03_sp.jpg) no-repeat center top 53px;
	background-size:100%;*/
	width:100%;
	min-width:initial;
	min-width:auto;
	}
	#aspire .box03_inner01_wrap{
	background:url(../images/bk03_sp.jpg) no-repeat center top;
	background-size: 100%;
	background-color: #f2f2f2;
	}
	#aspire .box03_inner01{
	width:100%;
	margin: 0 ;
	position: relative;
	z-index: 0;
	}
	#aspire .box03 h2{margin: 0 auto 30px; width:92%;}
	#aspire .box03 h2 img{width:100%;}
	#aspire .box03 h3,
	#aspire .box03 p{color:#fff;}
	#aspire .box03_01{
	position: relative;
	height: auto;
	padding-top: 0px;
	}
	#aspire .box03_01 .txt_left{
	background:rgba(46,112,168,.8);
	width: 93.75%;
	padding: 30px 3.125% 30px;
}




	#aspire .box03_01_img{
	top: 0;
    left: 0;
    margin-left: -1%;
    width: 135%;
    margin-top: -60px;
	}
	#aspire .box03_02{
	padding-top: 20px;
	padding-bottom: 32px;
	padding:20px 3.125% 32px;
	}
	#aspire .box03_inner02{
	position: relative;
	background-color: #f2f2f2;
	z-index: -1;
	}
	#aspire .box03_03{
	position: relative;
	height: 100%;
	}
	#aspire .box03_03_img{
    bottom: 0;
    right: 0;
    margin-right: 0;
    margin-left: -43%;
    width: 190%;
    margin-top: -200px;	
	}
	#aspire .box03_03_txt{
    position: static;
    top: 0;
    right: 0;
    width: 93.75%;
    background: rgba(46,112,168,.8);
    padding: 40px 3.125%;
	}
}

/*spec tabs start*/
#aspire .box_lineup{
padding-top: 100px;
background-color: #fff;
}
#aspire .spec_tab_wrap{
width: 100%;
border-bottom: 2px solid #1d7bd2;
z-index: 1;
position: relative;
}
#aspire .spec_tab{
display: flex;
width: 982px;
margin:0 auto;
}

#aspire .spec_tab li{
position: relative;
width:491px;
height: 80px;
background:url(../images/tab_off.png) no-repeat;
color: #1d7bd2;
font-weight: 500;
text-align: center;
font-size: 28px;
line-height: 80px;
cursor: pointer;
}
#aspire .spec_tab li.current{
background:url(../images/tab_on.png) no-repeat;
color: #fff;
}
#aspire .spec_tab li:hover{
background:url(../images/tab_on.png) no-repeat;
color: #fff;	
}
#aspire .spec_tab li img{
position: absolute;
bottom: 10px;
left: 15px;
}
#aspire .tab_inner{
display: none;
z-index: 0;
}
#aspire .tab_inner.active{
display: block;
}
#aspire .spec_detail{
background-color: #1d7bd2;
}
#aspire .detail01,
#aspire .detail02{position: relative;}

#aspire .detail_inner{
width: 982px;
margin:0 auto;	
}
#aspire .detail_inner h3{
color:#1d7bd2;
}

#aspire #aspire5 .detail02 .detail_inner h3,
#aspire #aspire7 .detail02 .detail_inner h3,
#aspire #aspire5 .detail02 .detail_inner ul,
#aspire #aspire7 .detail02 .detail_inner ul{
margin-left: 491px;
}
#aspire .detail02 .detail_inner li:before{
content: '';
width: 3px;
height: 3px;
display: inline-block;
border-radius: 100%;
background: #4d5357;
position: relative;
left: 0px;
top: -4px;
margin-right: 5px;
}
#aspire #aspire7 .detail01 .detail01_img{
top:-30px;
left: 50%;
margin-left: -155px;
}
#aspire #aspire7 .detail02 .detail02_img{
bottom:64px;
right: 50%;
margin-right: 0;
}
#aspire #aspire5 .detail01 .detail01_img{
top: -50px;
left: 50%;
margin-left: -190px;
}
#aspire #aspire5 .detail02 .detail02_img{
bottom:64px;
right: 50%;
margin-right: 0;	
}


#aspire #aspire7 .detail01{
background:url(../images/bk05.png) no-repeat center top;
background-color: transparent;
padding-top: 122px;
height: 570px;
}
#aspire #aspire7 .detail02{
background:url(../images/bk06.png) no-repeat center top;
background-color: transparent;
padding-top: 215px;
margin-top: -148px;
height: 440px;
}
#aspire #aspire5 .detail01{
background:url(../images/bk07.png) no-repeat center top;
background-color: transparent;
padding-top: 122px;
height: 570px;
}
#aspire #aspire5 .detail02{
background:url(../images/bk08.png) no-repeat center top;
background-color: transparent;
padding-top: 215px;
margin-top: -148px;
height: 440px;
}


/*spec tabs end*/

#aspire .box_spec{
width:982px;
margin:0 auto;
padding:60px 0;
}

#aspire .box_spec h3{
float:left;
color: #1d7bd2;
font-weight: 500;
}

#aspire .spec_btn_box{
float:right;
}

#aspire .spec_btn_box .spec_btn{
position: relative;
width:218px;
margin-left:10px;
float:right;
text-align:center;
font-size:14px;
line-height:38px;
font-weight:bold;
position:relative;
border:1px solid #999;
}
#aspire .spec_btn_box .spec_btn:after{
content: '';
display: block;
position: absolute;
top:50%;
right: 14px;
margin-top: -4px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 9px solid #1d7bd2;
}
#aspire .spec_btn_box .spec_btn:hover{
opacity:0.7;
}

#aspire .spec_btn_box .spec_btn a{
color:#000;
text-decoration:none;
display:block;
}

/*#aspire .spec_btn_box .spec_btn a:after{
content:url(../images/ico_arrow02.png);
position:absolute;
right:14px;
top:0;
}*/

#aspire .spec_list{
display:table;
font-size:87.5%;
clear:both;
}

#aspire .spec_list dt{
clear:both;
float:left;
padding:10px 0;
width:371px;
margin:0 2px 0 0;
border-top:1px solid #1d7bd2;
font-weight:bold;
}

#aspire .spec_list dt.specdt_dbl02{
width:209px;
margin-left:162px;
}

#aspire .spec_list dt .spec_dbl01_1{
width:162px;
display:inline-block;
}
#aspire .spec_list dt .spec_dbl01_2{
width:209px;
display:inline-block;
}

#aspire .spec_list dt:last-of-type{
border-bottom:1px solid #1d7bd2;
}

#aspire .spec_list dd{
width:606px;
margin:0;
float:left;
border-top:1px solid #ccc;
padding:4px 0;
}

#aspire .spec_list dd:last-child{
border-bottom:1px solid #ccc;
}

#aspire .spec_list dd .spec_single{
padding:6px 0 6px 15px;
}

#aspire .spec_list dd .spec_dbl{
padding:6px 0 6px 15px;
width:291px;
float:left;
}

#aspire .spec_list dd .spec_dbl:last-child{
border-left:1px solid #ccc;
width:284px;
}

/*  small table start  */
#aspire .spec_list.spec_small{margin:0;}
#aspire .spec_list.spec_small dt{
clear:both;
float:left;
padding:15px 15px 15px 0;
width:170px;
margin:0 6px 0 0;
border-top:none;
border-bottom:1px solid #1d7bd2;
font-weight:bold;
text-align: right;
}

#aspire .spec_list.spec_small dd{
width:791px;
margin:0;
float:left;
border-top:none;
padding:0;
}
#aspire .spec_list.spec_small dd:first-of-type{color: #1d7bd2; font-weight: bold; font-size:20px;}
#aspire .spec_list.spec_small dd:last-child{border-bottom:none;}

#aspire .spec_list.spec_small dd .spec_dbl{
padding:15px 0 15px 15px;
margin-right: 7px;
width:377px;
float:left;
border-bottom: 1px solid #ccc;
}
#aspire .spec_list.spec_small dd:first-of-type .spec_dbl{border-bottom: 2px solid #1d7bd2;}
#aspire .spec_list.spec_small dd .spec_dbl:last-child{
border-left:none;
margin-right: 0;
}
/*  small table end  */


#aspire .spec_list dd.p_code{
font-weight:bold;
}

#aspire .spec_caution{
font-size:62.5%;
line-height:1.2em;
}

#aspire .spec_caution .caution01{
padding-left:2em;
text-indent:-2em;
margin-bottom:5px;
}

#aspire .spec_caution .caution02{
padding-left:1em;
text-indent:-1em;
margin-bottom:5px;
}

@media screen and (max-width: 640px){

	/*spec tabs start*/
	#aspire .box_lineup{
	padding-top: 100px;
	background-color: #fff;
	}
	#aspire .spec_tab_wrap{
	width: 100%;
	border-bottom: 1.5px solid #1d7bd2;
	z-index: 1;
	position: relative;
	}
	#aspire .spec_tab{
	display: flex;
	width: 100%;
	margin:0 auto;
	}

	#aspire .spec_tab li{
	position: relative;
	width:50%;
	height: 60px;
	background:#f2f2f2;
	color: #1d7bd2;
	font-weight: 500;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
	cursor: pointer;
	}
	#aspire .spec_tab li:before{
	content: '';
	position: absolute;
	top: 0;
	left: -20px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-bottom: 60px solid #f2f2f2;
	}
	#aspire .spec_tab li:after{
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 10%;
    height: 0;
    border-right: 20px solid transparent;
    border-top: 60px solid #f2f2f2;
    border-bottom: 60px solid transparent;
    /* border-left: 20px solid transparent; */
    z-index: 1;
	}
	#aspire .spec_tab li.current{
	background: #1d7bd2;
	color: #fff;
	}
	#aspire .spec_tab li.current:before{
	content: '';
	position: absolute;
	top: 0;
	left: -20px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-bottom: 60px solid #1d7bd2;
	}
	#aspire .spec_tab li.current:after{
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 10%;
    height: 0;
    border-right: 20px solid transparent;
    border-top: 60px solid #1d7bd2;
    border-bottom: 60px solid transparent;
    /* border-left: 20px solid transparent; */
    z-index: 1;
	}
	#aspire .spec_tab li:hover{
	background:#1d7bd2;
	color: #fff;	
	}
	#aspire .spec_tab li img{
	position: absolute;
    bottom: auto;
    left: 50%;
    width: 89px;
    top: -37px;
    margin-left: -24%;
	}
	#aspire .tab_inner{
	display: none;
	z-index: 0;
	}
	#aspire .tab_inner.active{
	display: block;
	}
	#aspire .spec_detail{
	background-color: #1d7bd2;
	}
	#aspire .detail01,
	#aspire .detail02{position: relative;}

	#aspire .detail_inner{
	width: 100%;
	margin:0 auto;	
	}
	#aspire .detail_inner h3{
	color:#1d7bd2;
	}
	#aspire .detail01 h2 img{width: 44.8333%}
	#aspire #aspire5 .detail02 .detail_inner h3,
	#aspire #aspire7 .detail02 .detail_inner h3,
	#aspire #aspire5 .detail02 .detail_inner ul,
	#aspire #aspire7 .detail02 .detail_inner ul{
	margin-left: 0;
	}
	#aspire .detail02 .detail_inner li:before{
	content: '';
	width: 3px;
	height: 3px;
	display: inline-block;
	border-radius: 100%;
	background: #4d5357;
	position: relative;
	left: 0px;
	top: -4px;
	margin-right: 5px;
	}
	#aspire #aspire7 .detail01 .detail01_img{
	top: 0;
    left: 0;
    margin-left: -20%;
    width: 135%;
    margin-top: 15px;
	}
	#aspire #aspire7 .detail02 .detail02_img{
	bottom:0;
	right: 0;
	margin-right: 0;
	margin-left: -6%;
	margin-bottom: 20px;
    width: 112%;
	}
	#aspire #aspire5 .detail01 .detail01_img{
	top: 0;
    left: 0;
    margin-left: -22%;
    width: 138%;
    margin-top: 20px;
	}
	#aspire #aspire5 .detail02 .detail02_img{
	bottom:0;
	right: 0;
	margin-right: 0;
	margin-left: -6%;
	margin-bottom: 20px;
    width: 112%;	
	}


	#aspire #aspire7 .detail01{
	background:url(../images/bk05_sp.png) no-repeat center top;
    background-color: transparent;
    background-size: 100%;
    padding: 37px 3.125% 20%;
    height: auto;
	}
	#aspire #aspire7 .detail02{
	background:url(../images/bk06_sp.png) no-repeat center top;
	background-color: transparent;
    background-size: 100%;
	padding: 84px 3.125% 40px;
    margin-top: -116px;
    height: auto;
	}
	#aspire #aspire5 .detail01{
	background:url(../images/bk07_sp.png) no-repeat center top;
	background-color: transparent;
    background-size: 100%;
    padding: 37px 3.125% 15%;
    height: auto;
	}
	#aspire #aspire5 .detail02{
	background:url(../images/bk08_sp.png) no-repeat center top;
	background-color: transparent;
    background-size: 100%;
	padding: 110px 3.125% 75px;
    margin-top: -90px;
    height: auto;
	}
	/*spec tabs end*/


	#aspire .box_spec{
	width:93.75%;
	margin:0 auto;
	padding:35px 3.125% 55px;
	}

	#aspire .box_spec h3{
	float:none
	}

	#aspire .spec_btn_box{
	display:none;
	}
/*	#aspire .spec_btn_box {
	position: relative;
	float: none;
	}
	#aspire .spec_btn_box::after {
	display: block;
	clear: both;
	content: "";
	}

	#aspire .spec_btn_box .spec_btn {
	width: 48.334%;
	margin: 0;
	font-size: 10px;
	font-size: 3.125vw;
	line-height: 2.9;
	border: 1px solid #999;
	transition: none;
	}
	#aspire .spec_btn_box .spec_btn + .spec_btn {
	position: absolute;
	top: 0;
	left: 0;
	float: none;
	}

	#aspire .spec_btn_box .spec_btn:hover {
	opacity: 1;
	}
	#aspire .spec_btn_box .spec_btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #1d7bd2;
	}
*/
	#aspire .spec_list{
	font-size:10px;
	line-height:20px;
	clear:both;
	}

	#aspire .spec_list dt{
	clear:both;
	float:left;
	padding:10px 0;
	width:45.17%;
	margin:0;
	border-right:2px solid #fff;
	box-sizing:border-box;
	}

	#aspire .spec_list dt.specdt_dbl02{
	width:34.8%;
	margin-left:10.37%;
	}

	#aspire .spec_list dt .spec_dbl01_1{
	width:100%;
	padding-bottom:10px;
	display:block;
	}
	#aspire .spec_list dt .spec_dbl01_2{
	width:75.65%;
	margin-left:24.35%;
	display:inline-block;
	border-top:1px solid #1d7bd2;
	padding-top:10px;
	}

	#aspire .spec_list dt:last-of-type{
	border-bottom:1px solid #1d7bd2;
	}

	#aspire .spec_list dd{
	width:54.83%;
	margin:0;
	float:left;
	padding:10px 0;
	box-sizing:border-box;
	}

	#aspire .spec_list dd:last-child{
	border-bottom:1px solid #ccc;
	}

	#aspire .spec_list dd .spec_single{
	padding:0 0 0 8px;
	}

/*	#aspire .spec_list dt.specdt_dbl01 + dd{
	padding-top:40px;
	}*/
	#aspire .spec_list dt.specdt_dbl01 + dd{
	padding-top:0;
	border-top:none;
	}

	#aspire .spec_list dt.specdt_dbl01 + dd .spec_single,
	#aspire .spec_list dt.specdt_dbl01 + dd .spec_dbl:first-child{
	padding-top:10px;
	border-top:1px solid #ccc;
	}

	#aspire .spec_list dd .spec_dbl{
	padding:0 0 0 8px;
	box-sizing:border-box;
	width:100%;
	float:none;
	}

	#aspire .spec_list dd .spec_dbl:last-child{
	border-left:none;
	width:100%;
	}
	/*  small table start  */
	#aspire .spec_list.spec_small{margin:0;}
	#aspire .spec_list.spec_small dt{
	clear:both;
	float:left;
	padding:8px 1% 8px 0;
	width:32%;
	margin:0 1% 0 0;
	border-right:none;
	border-top:1px solid #1d7bd2;
	border-bottom:none;
	font-weight:bold;
	text-align: left;
	}

	#aspire .spec_list.spec_small dd{
	width:67%;
	margin:0;
	float:left;
	border-top:none;
	padding:28px 0 8px;
	border-top: 1px solid #ccc;
	/*border-bottom: 1px solid #ccc;*/
	}
	#aspire .spec_list.spec_small dt:first-of-type,
	#aspire .spec_list.spec_small dd:first-of-type{display: none;}
	#aspire .spec_list.spec_small dt:last-of-type{border-bottom:1px solid #1d7bd2;}
	#aspire .spec_list.spec_small dd:last-child{border-bottom: 1px solid #ccc;}

	#aspire .spec_list.spec_small dd .spec_dbl{
	padding:0 0 0 1%;
	margin-right: 7px;
	width:99%;
	float:left;
	border-bottom:none;
	}
	#aspire .spec_list.spec_small dd:first-of-type .spec_dbl{border-bottom: 2px solid #1d7bd2;}
	#aspire .spec_list.spec_small dd .spec_dbl:last-child{
	border-left:none;
	margin-right: 0;
	}
	#aspire .spec_list.spec_small .spec_dbl_1,
	#aspire .spec_list.spec_small .spec_dbl_2{
	text-align: right;
	color:#1d7bd2;
	font-weight:bold;
	}


	/*  small table end  */
}

#aspire .shoplist_box {
  position: relative;
  z-index: 1;
  width: 982px;
  margin: 0 auto;
  padding: 75px 0 60px;
}

#aspire .shoplist_box h3 {
  margin-bottom: 32px;
  color: #1d7bd2;
  font-weight: 500;
  float: none;
}

#aspire .shoplist::after {
  display: block;
  clear: both;
  content: "";
}

#aspire .shoplist + .shoplist {
  margin-top: 20px;
}

#aspire .shoplist li {
  float: left;
  width: 218px;
  height: 128px;
}

#aspire .shoplist li:first-of-type,
#aspire .shoplist li:nth-of-type(3) {
  margin-right: 37px;
}

#aspire .shoplist li:nth-of-type(2) {
  margin-right: 36px;
}

#aspire .shoplist li img {
  display: block;
}

@media screen and (max-width: 640px) {
  #aspire .shoplist_box {
    width: 93.75%;
    padding: 60px 0 0;
  }

  #aspire .shoplist_box h3 {
    margin-bottom: 5.334%;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 600;
  }

  #aspire .shoplist {
    width: 76.667%;
    margin: 0 auto;
  }

  #aspire .shoplist + .shoplist {
    margin-top: 0;
  }

  #aspire .shoplist li {
    width: 50%;
    height: auto;
    margin: 0 0 4.348% !important;
    box-sizing: border-box;
  }
  #aspire .shoplist li:nth-of-type(2n+1) {
    padding-right: 2.609%;
  }
  #aspire .shoplist li:nth-of-type(2n) {
    padding-left: 2.608%;
  }

  #aspire .shoplist li img {
    display: block;
    width: 100%;
  }
}


#aspire #table.box_spec {
  position: relative;
  z-index: 1;
  width: 982px;
  margin: 0 auto;
  padding: 60px 0 120px;
}

#aspire #table.box_spec h3 {
  float: left;
  margin-bottom: 30px;
  color: #1d7bd2;
}

#aspire #table.spec_btn_box {
  float: right;
}

#aspire #table.spec_btn_box .spec_btn {
  width: 218px;
  margin-left: 10px;
  float: right;
  text-align: center;
  font-size: 14px;
  line-height: 38px;
  font-weight: bold;
  position: relative;
  border: 1px solid #999;
  transition: opacity 0.4s ease;
}

#aspire #table.spec_btn_box .spec_btn:hover {
  opacity: 0.7;
}

#aspire #table.spec_btn_box .spec_btn a {
  display: block;
  color: #000;
  text-decoration: none;
}

#aspire #table.spec_btn_box .spec_btn a::after {
  display: block;
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto 0;
  border-left: 9px #1d7bd2 solid;
  border-top: 5px rgba(0, 0, 0, 0) dashed;
  border-bottom: 5px rgba(0, 0, 0, 0) dashed;
  content: "";
}

#aspire #table.spec_list {
  border-collapse: collapse;
  width: 100%;
  margin: 15px 0;
  font-size: 87.5%;
  line-height: 24px;
  box-sizing: border-box;
}

#aspire #table.spec_list tbody {
  vertical-align: top;
  text-align: left;
}

#aspire #table.spec_list tr {
  border-top: 1px #ccc solid;
}

#aspire #table.spec_list th {
  padding: 12px 1px;
  border-top: 1px #1d7bd2 solid;
  box-sizing: border-box;
}

#aspire #table.spec_list th[colspan] {
  padding-right: 5px;
}

#aspire #table.spec_list td {
  width: 610px;
  padding: 12px 1px 12px 15px;
  border-left: 5px #fff solid;
  box-sizing: border-box;
}

#aspire #table.spec_list tr:last-of-type {
  border-bottom: 1px #ccc solid;
}
#aspire #table.spec_list tr:last-of-type th {
  border-bottom: 1px #1d7bd2 solid;
}

#aspire #table.spec_list .p_code {
  font-weight: bold;
}

#aspire #table.spec_list th sup {
  font-size: 62.5%;
  line-height: 1;
}

#aspire #table.spec_notes {
  font-size: 64%;
  line-height: 1.2em;
}

#aspire #table.spec_notes.notes01 li {
  padding-left: 2em;
  text-indent: -2em;
  margin-bottom: 5px;
}

#aspire #table.spec_notes.notes02 li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}

@media screen and (max-width: 640px) {
  #aspire #table.box_spec {
    width: 93.75%;
    padding: 15.667% 0 18.334%;
  }

  #aspire #table.box_spec h3 {
    float: none;
    margin-bottom: 5.334%;
    font-size: 13.5px;
    font-size: 4.219vw;
    line-height: 1.481;
    font-weight: bold;
  }

  #aspire #table.spec_btn_box {
    position: relative;
    float: none;
  }

  #aspire #table.spec_btn_box::after {
    display: block;
    clear: both;
    content: "";
  }

  #aspire #table.spec_btn_box .spec_btn {
    width: 48.334%;
    margin: 0;
    font-size: 10px;
    font-size: 3.125vw;
    line-height: 2.9;
    border: 1px solid #999;
    transition: none;
  }

  #aspire #table.spec_btn_box .spec_btn + .spec_btn {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
  }

  #aspire #table.spec_btn_box .spec_btn:hover {
    opacity: 1;
  }

  #aspire #table.spec_btn_box .spec_btn a::after {
    right: 5.517%;
    border-left: 12px #1d7bd2 solid;
    border-top: 6px rgba(0, 0, 0, 0) dashed;
    border-bottom: 6px rgba(0, 0, 0, 0) dashed;
  }

  #aspire #table.spec_list {
    margin: 6.667% 0;
    font-size: 10px;
    font-size: 3.125vw;
    line-height: 2;
  }

  #aspire #table.spec_list tr {
    border-top: 2px #ccc solid;
  }

  #aspire #table.spec_list th {
    padding: 3.167% 0.167%;
    border-top: 2px #1d7bd2 solid;
  }

  #aspire #table.spec_list tr:last-of-type {
    border-bottom: 2px #ccc solid;
  }
  #aspire #table.spec_list tr:last-of-type th {
    border-bottom: 2px #1d7bd2 solid;
  }

  #aspire #table.spec_list th span {
    position: absolute;
    width: 50%;
  }

  #aspire #table.spec_list td {
    width: 55%;
    padding: 3.167% 0.167% 3.167% 2.5%;
  }

  #aspire #table.spec_notes {
    font-size: 8px;
    line-height: 1.35;
  }
  #aspire #tableios .spec_notes {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  }

  #aspire #table.spec_notes.notes01 li {
    padding-left: 2em;
    text-indent: -1.5em;
    margin-bottom: 1.5%;
  }

  #aspire #table.spec_notes.notes02 li {
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 1.5%;
  }
}

@media screen and (max-width: 414px) {
  #aspire #table.spec_btn_box .spec_btn {
    border: 0.5px solid #999;
  }

  #aspire #table.spec_btn_box .spec_btn a::after {
    border-left: 6px #1d7bd2 solid;
    border-top: 3px rgba(0, 0, 0, 0) dashed;
    border-bottom: 3px rgba(0, 0, 0, 0) dashed;
  }

  #aspire #table.spec_list tr {
    border-top: 1px #ccc solid;
  }

  #aspire #table.spec_list th {
    border-top: 1px #1d7bd2 solid;
  }

  #aspire #table.spec_list td {
    border-left: 2.5px #fff solid;
  }

  #aspire #table.spec_list tr:last-of-type {
    border-bottom: 1px #ccc solid;
  }
  #aspire #table.spec_list tr:last-of-type th {
    border-bottom: 1px #1d7bd2 solid;
  }
}


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

#aspire .bold{
font-weight:bold;
}
#aspire .pc{
display:block !important;
}
#aspire .sp{
display:none !important;
}

#aspire .gray{
background:#f3f3f3;
}

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

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

/*-----仕様書印刷用-----*/
@media print {

	#aspire .box_lineup{
	padding: 0;
	}

  .footer-second,
  .footer-first,
  .chkDisp,
  .headerFix{
  	display: none !important;
  }

  .anchor_nav,
  .kv,
  .box01,
  .box02,
  .box03,
  .spec_detail,
  .shoplist_box,
  .spec_tab_wrap,
  .spec_btn_box
  {
  	display: none !important;
  }
  .tab_inner.active .box_spec {
    display: block !important;
    width: 50%;
    padding: 0;
    clear: none;
  }
  #aspire .spec_list{
  	display: block !important;
  }
}