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

/*-----ベース-----*/
#jadeprimo{
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%;
}

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

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

#jadeprimo h3{
font-size:175%;
line-height:40px;
font-weight:normal;
margin-bottom:27px;
}

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

#jadeprimo p{
margin:0;
}
#jadeprimo .fwb{
font-weight: bold;
}
@media screen and (min-width: 640px){
	#jadeprimo a:hover{
	opacity: 0.7
	}
}
@media screen and (max-width: 640px){
	#jadeprimo{
	font-size:12px;
	line-height:18px;
	}
	#jadeprimo_inner{
	min-width:initial;
	min-width:auto;
	}
	#jadeprimo h2{
	font-size:200%;
	line-height:1.29em;
	}
	#jadeprimo h3{
	font-size:150%;
	line-height:1.33em;
	}
	#jadeprimo .h2_sub{
	font-size:1.17em;
	line-height:1.5em;
	}
}
/*-----anchor_nav-----*/
#jadeprimo .anchor_nav{
position:fixed;
top:61px;
width:100%;
background:#fff;
z-index:2;
border-bottom:1px solid #ccc;
}

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


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

#jadeprimo .anchor_nav .p_name img{
width:157px;
}

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

#jadeprimo .anchor_nav li span{
font-size: 12px;
display: inline-block;
}

#jadeprimo .anchor_nav li:first-child{
width:20.4684318%;
text-align: left;
}

#jadeprimo .anchor_nav li:nth-last-of-type(2){
width:9.57230143%;
}

#jadeprimo .anchor_nav li:last-child{
text-align:right;
width:14.7657841%;
}

#jadeprimo .anchor_nav li a{
color:#666;
text-decoration:none;
line-height: 18px;
}

#jadeprimo .anchor_nav li a:hover{
color:#999;
}

@media screen and (max-width: 640px){
	#jadeprimo .anchor_nav{
	display:none;
	}
}

/*-----KV-----*/
#jadeprimo .kv{
padding-top: 121px;
position: relative;
}
#jadeprimo .kv{
background: #4c4c4c;
}
#jadeprimo .kv .bg{
background: url(../images/bg_kv_01.png) no-repeat left top;
background-size: cover;
height: 582px;
width: 100%;
position: absolute;
right: 50%;
margin-right: -252px;
z-index: 0;
}
#jadeprimo .kv .kv_inner{
width:982px;
height: 582px;
padding-top:68px;
margin:0 auto;
box-sizing: border-box;
position:relative;
}
#jadeprimo .kv .kv_inner:before{
content: "";
position: absolute;
top: 0;
left: 100px;
height: 38px;
border-left: 2px solid #6db20d;
}
#jadeprimo .kv .kv_inner:after{
content: "";
position: absolute;
bottom: 0;
left: 100px;
height: 39px;
border-left: 2px solid #6db20d;
}
#jadeprimo .kv .h1_catch{
margin-bottom:50px;
line-height:1em;
}

#jadeprimo .kv h1{
line-height:1em;
margin-bottom: 42px;
}

#jadeprimo .kv .logo01{
line-height:1em;
margin-bottom: 122px;
}

#jadeprimo .kv .logo01 img{
}

#jadeprimo .kv .logo02{
clear:both;
margin-bottom:264px;
}

#jadeprimo .kv .kv_img{
position:absolute;
top:160px;
left:50%;
margin-left:5px;
z-index: 1;
}

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

#jadeprimo .anchor_btn{
text-align:center;
line-height:38px;
vertical-align:middle;
position:relative;
width:218px;
border:1px solid #666;
margin:0 auto;
}

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

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

@media screen and (max-width: 640px){
	#jadeprimo .kv{
	padding-top: 0;
	position: relative;
	}
	#jadeprimo .kv .bg{
	background-size: cover ;
	height: auto;
	top: 61px;
	padding-bottom: 192%;
	margin-right: 0;
	right: 0; 
	}
	#jadeprimo .kv .kv_inner{
	width:100%;
	height: auto;
	margin:0 auto;
	padding: 0 20px;
	padding-top: 120.3125%;
	padding-bottom: 50px;
	box-sizing: border-box;
	position:relative;
	}
	#jadeprimo .kv .kv_inner:before{
	content: none;
	}
	#jadeprimo .kv .h1_catch:before{
	content: "";
	position: absolute;
	top: -55px;
	left: 51px;
	height: 30px;
	border-left: 1px solid #6db20d;
	}
	#jadeprimo .kv .kv_inner:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 71px;
	height: 30px;
	border-left: 1px solid #6db20d;
	}
	#jadeprimo .kv .h1_catch{
	margin-bottom:15px;
	text-align: left;
	position: relative;
	}
	#jadeprimo .kv .h1_catch img{
	width: 87.64%;	
	}
	#jadeprimo .kv h1{
	margin-bottom: 10px;
	}
	#jadeprimo .kv h1 img{
	width: 75%;
	}
	#jadeprimo .kv .logo01{
	margin-bottom: 0px;
	}
	#jadeprimo .kv .logo01 img{
	width: 70%
	}
	#jadeprimo .kv .kv_img{
	position:absolute;
	top:86px;
	left:0;
	z-index: 2;
	margin-left: 0;
	}
	#jadeprimo .kv .kv_img img{
	width: 73.4375%;
	margin: 0 auto;
	display: block;
	}
}
/*-----box-----*/

#jadeprimo .bg_gray{
background: #dfdfdf;
}

#jadeprimo .boxinner{
background: rgba(0,0,0,0.5);
width: 50%;
}
#jadeprimo .boxinner.right{
float: right;
}
#jadeprimo .boxinner.left{
float: left;
}
#jadeprimo .layout_box01{

}
#jadeprimo .boxinner.right .layout_box01{
float: left;
}
#jadeprimo .boxinner.left .layout_box01{
float: right;
}
#jadeprimo .catch{
color: #fff;
font-size: 225%;
}
/*-----box1-----*/
#jadeprimo .box01{
position: relative;
overflow: hidden;
}
#jadeprimo .box01 .boxinner{
width: 61.7857143%;
height: 750px;
position: relative;
/*z-index: 1;*/
padding-top: 270px;
box-sizing: border-box;
}
#jadeprimo .box01 .layout_box01{
width: 655px;
position: relative;
}
#jadeprimo .box01 h2{
position: absolute;
top: -116px;
right: 0;
}
#jadeprimo .box01 .catch{
margin-bottom: 28px;
padding-left: 40px;
position: relative;
}
#jadeprimo .box01 .catch:before{
content: "";
position: absolute;
top: -62px;
left: 0;
width: 60px;
border-bottom: 2px solid #6db20d;
}
#jadeprimo .box01 .img{
position: absolute;
top: 74px;
margin-left: -617px;
z-index: 0;
}
@media screen and (min-width: 640px){
	#jadeprimo .box01 .img{
	left: 50%;
}
}
#jadeprimo .box01 .img{
line-height: 0 !important;
}
#jadeprimo .box01 ul li{
background: url(../images/box1_list_bg.png);
width: 655px;
height: 115px;
color: #fff;
box-sizing: border-box;
margin-bottom: 10px;
position: relative;
}
#jadeprimo .box01 ul li a{
padding: 23px 40px;
text-decoration: none;
display: inline-block;
width: 100%;
height: auto;
color: #fff;
}
#jadeprimo .box01 ul li:after{
content: url(../images/arw_01.png);
display: block;
position: absolute;
top: 50%;
right: 30px;
margin-top: -8.5px;
}
#jadeprimo .box01 ul li p{
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
#jadeprimo .box01 ul li span{
font-size: 16px;
}
#jadeprimo .box01 ul li span br{
display: none;
}
@media screen and (max-width: 640px){
	#jadeprimo .box01 {
	padding-top: 117.1875%;
	}
	#jadeprimo .box01 .boxinner{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	padding-top: 79px;
	}
	#jadeprimo .box01 .layout_box01{
	width: 100%;
	}
	#jadeprimo .box01 h2{
	position: absolute;
	top: 0;
	right: -8px;
	margin-top: -18%;
	width: 42.1875%
	}
	#jadeprimo .box01 h2 img{
	width: 100%
	}
	#jadeprimo .box01 .catch{
	margin-bottom: 14px;
	padding-left: 20px;
	}
	#jadeprimo .box01 .catch{
	font-size: 175%;
	}
	#jadeprimo .box01 .catch:before{
	content: "";
	position: absolute;
	top: -30px;
	left: 0;
	width: 30px;
	border-bottom: 1px solid #6db20d;
	}
	#jadeprimo .box01 .img{
	top: 0;
	right: -12.5%;
/*	padding-left: 19.53125%;*/
	padding-top: 11.71875%;
	margin-left: 0;
	box-sizing: border-box;
	width: 96.875%;
	overflow: hidden;
	}
	#jadeprimo .box01 .img img{
	width: 100%;
	}
	#jadeprimo .box01 ul{
	padding-right: 10px;
	}
	#jadeprimo .box01 ul li{
	background: url(../images/box1_list_bg.png) no-repeat;
	background-size: cover;
	border-right: 6px #000 solid;
	width: 100%;
	height: 92px;
	}
	#jadeprimo .box01 ul li a{
	padding: 15px 13px;
	box-sizing: border-box;
	}
	#jadeprimo .box01 ul li:after{
	content:"";
	background: url(../images/arw_01.png) no-repeat 0 0;
	background-size: cover;
	width: 15px;
	height: 8.5px;
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4.25px;
	}
	#jadeprimo .box01 ul li p{
	font-size: 116%;
	margin-bottom: 5px;
	line-height: 1.25em;
	}
	#jadeprimo .box01 ul li span{
	font-size: 100%;
	line-height: 1.5em;
	}
	#jadeprimo .box01 ul li span br{
	display: block;
	}
	}
@media screen and (max-width: 320px){
	#jadeprimo .box01 ul li span{
	letter-spacing: -1.5px;
	}
}
/*-----box2-----*/
#jadeprimo .box02{
position: relative;
overflow: hidden;
}
#jadeprimo .box02 .boxinner{
width: 50%;
height: 660px;
position: relative;
z-index: 1;
padding-top: 142px;
box-sizing: border-box;
}
#jadeprimo .box02 .layout_box01{
width: 491px;
position: relative;
}
#jadeprimo .box02 h2{
position: absolute;
top: -70px;
}
@media screen and (min-width: 640px){
#jadeprimo .box02 h2{
left: -40px;
}
}
#jadeprimo .box02 .catch{
margin-bottom: 28px;
position: relative;
letter-spacing: -4px;
}
#jadeprimo .box02 .catch a{
text-decoration: none;
color: #fff;
}
#jadeprimo .box02 .catch:before{
content: "";
position: absolute;
top: -40px;
right: 0px;
width: 60px;
border-bottom: 2px solid #6db20d;
}
#jadeprimo .box02 .catch a:after{
content: url(../images/arw_01.png);
display: block;
position: absolute;
top: 0px;
right: 98px;
}
#jadeprimo .box02 .img{
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -437px;
z-index: 0;
}
#jadeprimo .box02 .img{
line-height: 0 !important;
}
#jadeprimo .box02 ul{
padding-right: 10px;
}
#jadeprimo .box02 ul li{
background: url(../images/box2_list_bg.png);
width: 491px;
height: 77px;
color: #fff;
padding: 27px 30px;
box-sizing: border-box;
margin-bottom: 10px;
position: relative;
font-size: 18px;
font-weight: bold;
}

#jadeprimo .box02 ul li p{
font-size: 20px;
font-weight: bold;
}
#jadeprimo .box02 ul li span{
font-size: 16px;
}
#jadeprimo .box02 ul.jsAcd li:nth-child(2),
#jadeprimo .box02 ul.jsAcd li:last-child{
padding:11px 30px;
}

@media screen and (max-width: 640px){
	#jadeprimo .box02{
	padding-top: 117.1875%;
	}
	#jadeprimo .box02 .boxinner{
	width: 100%;
	height: auto;
	padding-top: 79px;
	}
	#jadeprimo .box02 .layout_box01{
	width: 100%;
	position: relative;
	}
	#jadeprimo .box02 h2{
	top: 0;
	right: 0;
	margin-top: -11%;
	margin-right: 5.9375%;
	width: 54.6875%;
	}
	#jadeprimo .box02 h2 img{
	width: 100%
	}
	#jadeprimo .box02 .catch{
	margin-bottom: 14px;
	letter-spacing: -4px;
	font-size: 175%;
	}
	#jadeprimo .box02 .catch a{
	padding-left: 22px;
	}
	#jadeprimo .box02 .catch:before{
	content: "";
	position: absolute;
	top: -30px;
	left: 0px;
	width: 28px;
	border-bottom: 2px solid #6db20d;
	}
	#jadeprimo .box02 .catch a:after{
	content:"";
	background: url(../images/arw_01.png) no-repeat 0 0;
	background-size: cover;
	width: 15px;
	height: 8.5px;
	display: inline-block;
	position: relative;
	top: -2.5px;
	right: 0;
	margin: 0 0 0 5px;
	}
	#jadeprimo .box02 .img{
	width: 271.25%;
	top: 42.5px;
	left: 50%;
	margin-left: -145%;
	}
	#jadeprimo .box02 .img img{
	width: 100%;
	}
	#jadeprimo .box02 ul li{
	background: url(../images/box2_list_bg.png);
	background-size: cover;
	width: 100%;
	height: 53.5px;
	padding: 17px 0 17px 17px;
	font-size: 116.666%;
	}
	
	#jadeprimo .box02 ul.jsAcd li:nth-child(2),
	#jadeprimo .box02 ul.jsAcd li:last-child{
		padding:7px 0 7px 17px;
	}
}
@media screen and (max-width: 320px){
	#jadeprimo .box02 ul li{
	letter-spacing: -1.5px;	
}
}
/*-----box3-----*/
#jadeprimo .box03{
position: relative;
overflow: hidden;
}
#jadeprimo .box03 .boxinner{
width: 50%;
height: 660px;
position: relative;
z-index: 1;
padding-top: 209px;
box-sizing: border-box;
}
#jadeprimo .box03 .layout_box01{
width: 491px;
position: relative;
}
#jadeprimo .box03 h2{
position: absolute;
top: -75px;
right: -44px;
}
#jadeprimo .box03 .catch{
margin-bottom: 25px;
padding-left: 48px;
position: relative;
letter-spacing: -4px;
}
#jadeprimo .box03 .catch:before{
content: "";
position: absolute;
top: -35px;
left: 0;
width: 60px;
border-bottom: 2px solid #6db20d;
}
#jadeprimo .box03 .catch a{
text-decoration: none;
color: #fff;
}
#jadeprimo .box03 .catch a:after {
content: url(../images/arw_01.png);
display: block;
position: absolute;
top: 0px;
right: 35px;
}
#jadeprimo .box03 .img{
position: absolute;
top: -62px;
left: 50%;
margin-left: -650px;
z-index: 0;
}
#jadeprimo .box03 .img{
line-height: 0 !important;
}
#jadeprimo .box03 ul li{
background: url(../images/box3_list_bg.png);
width: 491px;
height: 115px;
color: #fff;
padding: 25px 0 0 30px;
box-sizing: border-box;
margin-bottom: 10px;
position: relative;
}

#jadeprimo .box03 ul li p{
font-size: 20px;
font-weight: bold;
margin-bottom: 9px;
}
#jadeprimo .box03 ul li span{
font-size: 16px;
letter-spacing: -0.5px;
}
#jadeprimo .box03 ul li span br{
display: none;
}
@media screen and (max-width: 640px){

	#jadeprimo .box03{
	padding-top: 114.84375%;
	}
	#jadeprimo .box03 .boxinner{
	width: 100%;
	height: auto;
	padding-top: 77.5px;
	}
	#jadeprimo .box03 .layout_box01{
	width: 100%;
	}
	#jadeprimo .box03 h2{
	width: 52.34375%;
	top: 0;
	right: 0;
	margin-top: -12%;
	padding-right: 10px;
	}
	#jadeprimo .box03 h2 img{
	width: 100%;
	}
	#jadeprimo .box03 .catch{
	margin-bottom: 12px;
	padding-left: 19px;
	position: relative;
	letter-spacing: -4px;
	font-size: 175%;
	}
	#jadeprimo .box03 .catch:before{
	content: "";
	position: absolute;
	top: -27px;
	left: 0;
	width: 28px;
	border-bottom: 1px solid #6db20d;
	}
	#jadeprimo .box03 .catch a:after{
	content:"";
	background: url(../images/arw_01.png) no-repeat 0 0;
	background-size: cover;
	width: 15px;
	height: 8.5px;
	display: inline-block;
	position: relative;
	top: -2.5px;
	right: 0;
	margin: 0 0 0 5px;
	}
	#jadeprimo .box03 .img{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -59%;
	z-index: 0;
	width: 128.90625%;
	}
	#jadeprimo .box03 .img img{
	width: 100%;
	}
	#jadeprimo .box03 ul{
	padding-right: 10px;
	}
	#jadeprimo .box03 ul li{
	background: url(../images/box3_list_bg.png);
	background-size: cover;
	border-right: 6px solid #000;
	width: 100%;
	height: 92px;
	padding: 15px 0 0 17px;
	}

	#jadeprimo .box03 ul li p{
	font-size: 116%;
	margin-bottom: 5px;
	line-height: 1.25em;
	}
	#jadeprimo .box03 ul li span{
	font-size: 100%;
	line-height: 1.5em;
	}
	#jadeprimo .box03 ul li span br{
	display: block;
	}
}

/*.box04*/
#jadeprimo .box04 {
padding-top:55px; 
}
#jadeprimo .btnTypeA{
background: url(../images/bg_btn_01.png);
width: 360px;
height: 70px;
display: block;
margin: 0 auto 55px;
color: #fff;
text-align: center;
padding-top: 22px;
box-sizing: border-box;
position: relative;
text-decoration: none;
font-size: 18px;
font-weight: bold;
}

#jadeprimo .btnTypeA:after{
content: url(../images/arw_01.png);
display: block;
position: absolute;
top: 50%;
right: 30px;
margin-top: -8.5px;
}


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

	#jadeprimo .box04 {
	padding:40px 20px 0; 
	}
	#jadeprimo .btnTypeA{
	background: url(../images/bg_btn_01.png);
	background-size: cover;
	width: 100%;
	height: 50px;
	margin: 0 auto 40px;
	color: #fff;
	padding-top: 17px;
	font-size: 133%;
	}
	#jadeprimo .btnTypeA:after{
	content:"";
	background: url(../images/arw_01.png) no-repeat 0 0;
	background-size: cover;
	width: 15px;
	height: 8.5px;
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4.25px;
	}
}



/*-----ttlbox-----*/
#jadeprimo .ttlbox{
width: 982px;
margin: 0 auto;
}
#jadeprimo .ttlbox h2{
position: relative;
margin-bottom: 7px;
}
#jadeprimo .ttlbox h2:before{
content: "";
position: absolute;
top: -30px;
left: 0;
width: 60px;
border-bottom: 2px solid #6db20d;
}
#jadeprimo .ttlbox h2 .label01{
width: 116px;
height: 32px;
line-height: 32px;
background: #0084ff;
font-size: 14px;
text-align: center;
display: inline-block;
margin-left: 20px;
color: #fff;
position: relative;
top: -10px;
}
#jadeprimo .ttlbox p{
font-size: 20px;
}
#jadeprimo .ttlbox p span{
font-size: 16px;
}

@media screen and (max-width: 640px){
	#jadeprimo .ttlbox{
	width: 100%;
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
	}
	#jadeprimo .ttlbox h2{
	position: relative;
	margin-bottom: 0;
	letter-spacing: -2.5px;
	}
	#jadeprimo .ttlbox h2:before{
	content: "";
	position: absolute;
	top: -15px;
	left: 0;
	width: 30px;
	border-bottom: 1px solid #6db20d;
	}
	#jadeprimo .ttlbox h2 .label01{
	width: 58px;
	height: 16px;
	line-height: 16px;
	background: #0084ff;
	font-size: 7px;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
	color: #fff;
	position: relative;
	top: -5px;
	letter-spacing: -2px;
	}
	#jadeprimo .ttlbox p{
	font-size: 116.666%;
	}
	#jadeprimo .ttlbox p span{
	font-size: 100%;
	}
	
	
}
/*-----detailArea-----*/
#jadeprimo .detailArea > [class^="box0"]{
width: 100%;
}
#jadeprimo .detailArea .innerbox{
width: 50%;
height: 530px;	
}
#jadeprimo .detailArea .innerbox .txtbox{
padding-top: 54px;
width: 545px;
height: 530px;
box-sizing: border-box;
}
#jadeprimo .detailArea .innerbox .txtbox h3{
font-size: 28px;
font-weight: bold;
color: #fff;
margin-bottom: 20px;
}
#jadeprimo .detailArea .innerbox .txtbox p{
font-size: 16px;
color: #fff;
line-height: 1.625em;
letter-spacing: -0.5px;
}
#jadeprimo .detailArea .innerbox .imgbox{
width: 700px;
height: 530px;
overflow: hidden;
}
#jadeprimo .detailArea .innerbox .imgbox div{
width: 700px;
height: 530px;
text-align: center;
vertical-align: middle;
display: table-cell;
line-height: 0;
}
#jadeprimo .detailArea .innerbox.left.bg{
background: url(../images/bg_detailArea.png) repeat-x right 0;
}
#jadeprimo .detailArea .innerbox.right.bg{
background: url(../images/bg_detailArea.png) repeat-x left 0;
}

#jadeprimo .detailArea .innerbox.left{
float: left;
}
#jadeprimo .detailArea .innerbox.left >*{
float: right;
}
#jadeprimo .detailArea .innerbox.left .txtbox{
padding-right: 40px;
padding-left: 55px;
}
#jadeprimo .detailArea .innerbox.right{
float: right;
}
#jadeprimo .detailArea .innerbox.right >*{
float: left;
}
#jadeprimo .detailArea .innerbox.right .txtbox{
padding-left: 40px;
padding-right: 55px;
}

#jadeprimo .detailArea .box19 .innerbox.right .txtbox{
padding-right:50px;
}

@media screen and (max-width: 640px){
	#jadeprimo .detailArea > [class^="box0"]{
	width: 100%;
	}
	#jadeprimo .detailArea .innerbox{
	width: 100%;
	height: auto;
	}
	#jadeprimo .detailArea .innerbox .txtbox{
	padding-top: 30px;
	width: 100%;
	height: auto;
	padding-bottom: 25px
	}
	#jadeprimo .detailArea .innerbox .txtbox h3{
	font-size: 125%;
	margin-bottom: 15px;
	}
	#jadeprimo .detailArea .innerbox .txtbox p{
	font-size: 100%;
	}
	#jadeprimo .detailArea .innerbox .imgbox{
	width: 100%;
	height: auto;
	display: table;
	}
	#jadeprimo .detailArea .innerbox .imgbox div{
	width: 100%;
	height: 242px;
	}
	#jadeprimo .detailArea .innerbox .imgbox div img{
	width: 100%;
	}
	#jadeprimo .detailArea .innerbox.left{
	float: none;
	}
	#jadeprimo .detailArea .innerbox.left >*{
	float: none;
	}
	#jadeprimo .detailArea .innerbox.left .txtbox,
	#jadeprimo .detailArea .innerbox.right .txtbox{
	padding-right: 10px;
	padding-left: 10px;
	}
	#jadeprimo .detailArea .box19 .innerbox.right .txtbox{
	padding-right:10px;
	}
	#jadeprimo .detailArea .innerbox.right{
	float: none;
	}
	#jadeprimo .detailArea .innerbox.right >*{
	float: none;
	}

}

/*-----背景数字-----*/
#jadeprimo .detailArea .box06 .innerbox .txtbox{
background: url(../images/bg_box_num_01.png) no-repeat;
}
#jadeprimo .detailArea .box07 .innerbox .txtbox{
background: url(../images/bg_box_num_02.png) no-repeat;
}
#jadeprimo .detailArea .box08 .innerbox .txtbox{
background: url(../images/bg_box_num_03.png) no-repeat;
}
#jadeprimo .detailArea .box09 .innerbox .txtbox{
background: url(../images/bg_box_num_04.png) no-repeat;
}
#jadeprimo .detailArea .box11 .innerbox .txtbox{
background: url(../images/bg_box_num_05.png) no-repeat;
}
#jadeprimo .detailArea .box12 .innerbox .txtbox{
background: url(../images/bg_box_num_06.png) no-repeat;
}
#jadeprimo .detailArea .box14 .innerbox .txtbox{
background: url(../images/bg_box_num_07.png) no-repeat;padding-right:35px;
}
#jadeprimo .detailArea .box15 .innerbox .txtbox{
background: url(../images/bg_box_num_08.png) no-repeat;
}
#jadeprimo .detailArea .box16 .innerbox .txtbox{
background: url(../images/bg_box_num_09.png) no-repeat;
}
#jadeprimo .detailArea .box18 .innerbox.left .txtbox{
background: url(../images/bg_box_num_01.png) no-repeat left 25px;
}
#jadeprimo .detailArea .box18 .innerbox.right .txtbox{
background: url(../images/bg_box_num_02.png) no-repeat right 25px;
}
#jadeprimo .detailArea .box19 .innerbox.left .txtbox{
background: url(../images/bg_box_num_03.png) no-repeat left 25px;
}
#jadeprimo .detailArea .box19 .innerbox.right .txtbox{
background: url(../images/bg_box_num_04.png) no-repeat right 25px;
}
#jadeprimo .detailArea .box21 .innerbox .txtbox{
background: url(../images/bg_box_num_01.png) no-repeat;
}
#jadeprimo .detailArea .box22 .innerbox .txtbox{
background: url(../images/bg_box_num_02.png) no-repeat;
}
#jadeprimo .detailArea .innerbox.left .txtbox{
background-position: left 25px;
}
#jadeprimo .detailArea .innerbox.right .txtbox{
background-position: right 25px;
}

@media screen and (max-width: 640px){
	#jadeprimo .detailArea .box06 .innerbox.left .txtbox{
	background-size: 26.5625% auto;
	}
	#jadeprimo .detailArea .box07 .innerbox .txtbox{
	background-size: 33.4375% auto;
	}
	#jadeprimo .detailArea .box08 .innerbox .txtbox{
	background-size: 32.03125% auto;
	}
	#jadeprimo .detailArea .box09 .innerbox .txtbox{
	background-size: 36.875% auto;
	}
	#jadeprimo .detailArea .box11 .innerbox .txtbox{
	background-size: 33.75% auto;
	}
	#jadeprimo .detailArea .box12 .innerbox .txtbox{
	background-size: 34.84375% auto;
	}
	#jadeprimo .detailArea .box14 .innerbox .txtbox{
	background-size: 33.59375% auto;padding-right:10px;
	}
	#jadeprimo .detailArea .box15 .innerbox .txtbox{
	background-size: 34.84375% auto;
	}
	#jadeprimo .detailArea .box16 .innerbox .txtbox{
	background-size: 34.6875% auto;
	}
	#jadeprimo .detailArea .box18 .innerbox.left .txtbox{
	background: url(../images/bg_box_num_01.png) no-repeat 10px 15px;
	background-size: 26.5625% auto;
	}
	#jadeprimo .detailArea .box18 .innerbox.right .txtbox{
	background: url(../images/bg_box_num_02.png) no-repeat 10px 15px;
	background-size: 33.4375% auto;
	}
	#jadeprimo .detailArea .box19 .innerbox.left .txtbox{
	background: url(../images/bg_box_num_03.png) no-repeat 10px 15px;
	background-size: 32.03125% auto;
	}
	#jadeprimo .detailArea .box19 .innerbox.right .txtbox{
	background: url(../images/bg_box_num_04.png) no-repeat 10px 15px;
	background-size: 36.875% auto;
	}
	#jadeprimo .detailArea .box21 .innerbox .txtbox{
	background-size: 26.5625% auto;
	}
	#jadeprimo .detailArea .box22 .innerbox .txtbox{
	background-size: 33.4375% auto;
	}
	#jadeprimo .detailArea .innerbox.left .txtbox{
	background-position: left 10px top 15px;
	}
	#jadeprimo .detailArea .innerbox.right .txtbox{
	background-position: left 10px top 15px;
	}
	
	
}

/*-----背景文字-----*/
#jadeprimo .box05{
background: url(../images/txt06.png) no-repeat center 60px ;
padding-top: 190px;
padding-bottom: 60px;
}
#jadeprimo .box17{
background: url(../images/txt07.png) no-repeat center 87px ;
padding-top: 170px;
padding-bottom: 150px;
}

#jadeprimo .box20{
background: url(../images/txt08.png) no-repeat center 70px ;
padding-top: 140px;
padding-bottom: 150px;
}

@media screen and (max-width: 640px){
	#jadeprimo .box05{
	background: url(../images/txt06.png) no-repeat;
	background-size: 50% auto;
	background-position: right 10px top 30px;
	padding-top: 95px;
	padding-bottom: 30px;
	}
	#jadeprimo .box17{
	background: url(../images/txt07.png) no-repeat ;
	background-size: 74.193% auto;
	background-position: right 0px top 68.5px;
	padding-top: 107px;
	padding-bottom: 97px;
	}
	
	#jadeprimo .box20{
	background: url(../images/txt08.png) no-repeat;
	background-size: 67.65625% auto;
	background-position: right 6px top 32px;
	padding-top: 70px;
	padding-bottom: 90px;
	}

	
	
}
/*-----box05-----*/
#jadeprimo .box05.ttlbox h2{
margin-bottom: 28px;
}
#jadeprimo .box06 .innerbox .imgbox{
background: #012951;
width: 100%;
}
/*-----box07-----*/
#jadeprimo .box07 .innerbox.left{
background: #0b4ab3 ;
}
/*-----box09-----*/
#jadeprimo .box09 .innerbox.left,
#jadeprimo .box11 .innerbox.right,
#jadeprimo .box12 .innerbox.left{
background: #f4f4f4 ;
}

/*-----box10-----*/
#jadeprimo .box10,
#jadeprimo .box13{
padding: 71px 0 40px;
}
/*-----box14-----*/
#jadeprimo .box14 .innerbox .imgbox div{
vertical-align: top;
}
#jadeprimo .box15 .innerbox .imgbox div{
position: absolute;
right: 0;
width: auto;
height: auto;
}
#jadeprimo .box15 .innerbox .imgbox{
width: 100%;
background: #9ca0ad;
position: relative
}
/*-----box16-----*/
#jadeprimo .box16 .innerbox .imgbox div{
text-align: left;
}
#jadeprimo .box16 .innerbox .imgbox{
position: relative;
}
#jadeprimo .box16 .innerbox .imgbox .ast{
font-size: 12px;
padding-left: 20px;
color: #000;
position: absolute;
bottom: 15px;
}
/*-----box18,box19-----*/
#jadeprimo .box18 .innerbox.left .txtbox *,
#jadeprimo .box19 .innerbox.right .txtbox *{
color: #000;
}
#jadeprimo .box18 .innerbox .txtbox,
#jadeprimo .box19 .innerbox .txtbox{
position: relative;
overflow: hidden;
}
#jadeprimo .box18 .innerbox .txtbox img,
#jadeprimo .box19 .innerbox .txtbox img{
position: absolute;
bottom: 0;
/*z-index: -1;*/
}
#jadeprimo .box18 .innerbox .txtbox p,
#jadeprimo .box19 .innerbox .txtbox p{
position: relative;
z-index: 1;
}
#jadeprimo .box18 .innerbox.left .txtbox img{

}
#jadeprimo .box18 .innerbox.right .txtbox img{
left: 50%;
bottom: 70px;
margin-left: -58px;
}
#jadeprimo .box19 .innerbox.left .txtbox img{
right: -137px;
}
#jadeprimo .box19 .innerbox.right .txtbox img{
left: 50%;
bottom: 13px;
margin-left: -249px;
}
/*-----box21,box22-----*/
#jadeprimo .box21 .innerbox .txtbox *,
#jadeprimo .box22 .innerbox .txtbox *{
color: #000 !important;
}

#jadeprimo .box21 .innerbox .imgbox div,
#jadeprimo .box22 .innerbox .imgbox div{
vertical-align: bottom
}


@media screen and (max-width: 640px){
	#jadeprimo .box05.ttlbox h2{
	margin-bottom: 25px;
	}
	#jadeprimo .box07 .innerbox .imgbox div img{
	width: 47.1875%;
	}
	#jadeprimo .box08 .innerbox .imgbox div img{
	width: 64.53125%;
	}
	#jadeprimo .box09 .innerbox .imgbox div img{
	width: 61.5625%;
	}
	#jadeprimo .box10,
	#jadeprimo .box13{
	padding: 45px 10px 30px;
	}
	#jadeprimo .box11 .innerbox .imgbox div img{
	width: 58.75%;
	}
	#jadeprimo .box12 .innerbox .imgbox div img{
	width: 62.5%;
	}
	#jadeprimo .box14 .innerbox .imgbox div img{
	width: 68.28125%;
	}
	#jadeprimo .box15 .innerbox .imgbox div{
	position: relative;
	right: 0;
	width: auto;
	height: 242px;
	}
	#jadeprimo .box15 .innerbox .imgbox div img{
	width: 200%;
	margin-left: -100%
	}
	#jadeprimo .box16 .innerbox .imgbox .ast{
	font-size: 50%;
	padding-left: 10px;
	bottom: 0px;
	}
	#jadeprimo .box18 .innerbox .txtbox,
	#jadeprimo .box19 .innerbox .txtbox{
/*	padding-bottom: 50%;*/
	height: 320px;
	}
	#jadeprimo .box18 .innerbox.left .txtbox img{
	width: 59.375%;
	left: 50%;
	margin-left: -36.5625%;
	}
	#jadeprimo .box18 .innerbox.right .txtbox img{
	left: 50%;
	bottom: 40px;
	margin-left: -11.71875%;
	width: 23.4375%;
	}
	#jadeprimo .box18 .innerbox.right .txtbox br{
	display: none;
	}
	#jadeprimo .box19 .innerbox.right .txtbox img{
	width: 78.125%;
	left: 50%;
	margin-left: -39.0625%;
	bottom: 13px;
	}
	#jadeprimo .box19 .innerbox.left .txtbox img{
	width: 78.125%;
	left: 50%;
	margin-left: -39.0625%;
	bottom: 0;
	}
	#jadeprimo .box19 .innerbox.left .txtbox img{
	right: 0;
	}
	#jadeprimo .box21 .innerbox.right .imgbox div img{
	width: 90.3125%;
	}
	#jadeprimo .box22 .innerbox.left .imgbox div img{
	position: absolute;
	width: 64.84375%;
	bottom: 0;
	margin-bottom: -15%;
	left: 50%;
	margin-left: -32.421875%;
	}
	#jadeprimo .box21 .innerbox .imgbox,
	#jadeprimo .box22 .innerbox .imgbox{
	position: relative;
	}
	#jadeprimo .box21 .innerbox .imgbox div,
	#jadeprimo .box22 .innerbox .imgbox div{
	height: 320px;
	}
	
}
@media screen and (max-width: 320px){
	#jadeprimo .box05.ttlbox h2{
	letter-spacing: -2px;
	}
}

/*-----box23-----*/
#jadeprimo .box_btn{
background-color:#83b900;
color:#fff;
text-align:center;
padding:100px 0;
border-bottom:1px solid #ccc;
}
#jadeprimo .shop_btn{
width:340px;
background-color:#fff;
line-height:60px;
vertical-align:middle;
font-size:20px;
font-weight:bold;
margin:0 auto;
position:relative;
}
#jadeprimo .shop_btn a{
color:#83b900;
display:block;
text-decoration:none;
}
#jadeprimo .shop_btn a:after{
content:url(../images/ico_arrow02.png);
position:absolute;
right:14px;
top:0;
}
#jadeprimo .shop_btn:hover{
opacity:0.7;
}

@media screen and (max-width: 640px){
	#jadeprimo .box_btn{
	padding:50px 3.125%;
	width:93.75%;
	}
	
	#jadeprimo .shop_btn{
	width:100%;
	line-height:50px;
	font-size:14px;
	}
	#jadeprimo .shop_btn a:after{
	right:17.5px;
	}
}

/*-----box_spec-----*/
#jadeprimo .box_spec{
width:982px;
margin:0 auto;
padding:60px 0;
}

#jadeprimo .box_spec h3{
float:left;
}

#jadeprimo .spec_btn_box{
float:right;
}

#jadeprimo .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;
}

#jadeprimo .spec_btn_box .spec_btn:hover{
opacity:0.7;
}

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

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

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

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

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

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

#jadeprimo .spec_list dt:last-of-type{
border-bottom:1px solid #83b900;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 640px){
	#jadeprimo .box_spec{
	width:93.75%;
	margin:0 auto;
	padding:35px 3.125% 55px;
	}
	
	#jadeprimo .box_spec h3{
	float:none
	}
	
	#jadeprimo .spec_btn_box{
	display:none;
	}
	
	#jadeprimo .spec_list{
	font-size:10px;
	line-height:20px;
	clear:both;
	}
	
	#jadeprimo .spec_list dt{
	clear:both;
	float:left;
	padding:10px 0;
	width:45.17%;
	margin:0;
	border-right:2px solid #fff;
	box-sizing:border-box;
	}
	
	#jadeprimo .spec_list dt.specdt_dbl02{
	width:34.8%;
	margin-left:10.37%;
	}
	
	#jadeprimo .spec_list dt .spec_dbl01_1{
	width:100%;
	padding-bottom:10px;
	display:block;
	}
	#jadeprimo .spec_list dt .spec_dbl01_2{
	width:75.65%;
	margin-left:24.35%;
	display:inline-block;
	border-top:1px solid #83b900;
	padding-top:10px;
	}
	
	#jadeprimo .spec_list dt:last-of-type{
	border-bottom:1px solid #83b900;
	}
	
	#jadeprimo .spec_list dd{
	width:54.83%;
	margin:0;
	float:left;
	padding:10px 0;
	box-sizing:border-box;
	}
	
	#jadeprimo .spec_list dd:last-child{
	border-bottom:1px solid #ccc;
	}
	
	#jadeprimo .spec_list dd .spec_single{
	padding:0 0 0 8px;
	}
	
	#jadeprimo .spec_list dt.specdt_dbl01 + dd{
	padding-top:40px;
	}
	
	#jadeprimo .spec_list dt.specdt_dbl01 + dd .spec_single,
	#jadeprimo .spec_list dt.specdt_dbl01 + dd .spec_dbl:first-child{
	padding-top:10px;
	border-top:1px solid #ccc;
	}
	
	#jadeprimo .spec_list dd .spec_dbl{
	padding:0 0 0 8px;
	box-sizing:border-box;
	width:100%;
	float:none;
	}
	
	#jadeprimo .spec_list dd .spec_dbl:last-child{
	border-left:none;
	width:100%;
	}
}

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

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

#jadeprimo .sp{
display:none;
}

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

#jadeprimo .caution{
font-size:75%!important;
line-height:1.2em!important;
}

@media screen and (max-width:640px){
	#jadeprimo .sp{
	display:block;
	}
	#jadeprimo .pc{
	display:none;
	}
	#jadeprimo .sp_gray{
	background:#f3f3f3;
	}
}

/*-----仕様書印刷用-----*/
@media print{
	.headerFix,
	.anchor_nav,
	#jadeprimo.printNow .kv,
	#jadeprimo.printNow .outlineArea,
	#jadeprimo.printNow .box04,
	#jadeprimo.printNow .ttlbox,
	#jadeprimo.printNow .detailArea,
	#jadeprimo.printNow .box_btn,
	.footer-first,
	.footer-second{
		display:none;
	}
}