@charset "utf-8";
/* ========== common ========== */
#jbk-frame-main.jra .frame-content a{
	display:block;
}
#jbk-frame-main.jra .frame-content a:hover{
	opacity:0.7;
}
li{
	list-style:none;
}
#jbk-frame-main.jra .frame-content .campaign .contents > [class*="col-"],
#jbk-frame-main.jra .frame-content .campaign .attention > [class*="col-"],
#jbk-frame-main.jra .frame-content .flow .contents .step > [class*="col-"],
#jbk-frame-main.jra .frame-content .flow .attention > [class*="col-"],
#jbk-frame-main.jra .frame-content #Download .contents > [class*="col-"],
#jbk-frame-main.jra .frame-content #Contact .contents .attention > [class*="col-"]{
	padding:0;
	margin:0;
}
/*#jbk-frame-main.jra .frame-content .flow,
#jbk-frame-main.jra .frame-content #Howtobuy{
	background:#F1F1F1;
	background: -webkit-radial-gradient(ellipse farthest-corner, 51.6% top, #FDFDFD, #F1F1F1);
	background: -moz-radial-gradient(ellipse farthest-corner, 51.6% top, #FDFDFD, #F1F1F1);
	background:radial-gradient(ellipse farthest-corner at 51.6% top, #FDFDFD, #F1F1F1);
}*/
header #jbk-header-area .frame-content h2 img,
#jbk-frame-main.jra .frame-content .img-responsive
{
	width:100%;
}
#jbk-frame-main.jra .frame-content .flow .attention ul li,
#jbk-frame-main.jra .frame-content #Howtobuy .attention li{
	font-size:0.64em;
	line-height:1.5;
	padding-left:0.9em;
	text-indent:-0.9em;
}
#jbk-frame-main.jra .frame-content .flow .attention ul li span.bullet,
#jbk-frame-main.jra .frame-content #Howtobuy .attention li span.bullet{
	font-size:90%;
	top:0em;
}
#jbk-frame-main.jra .frame-content .flow .attention ul li sup,
#jbk-frame-main.jra .frame-content #Howtobuy .attention li sup{
	font-size:0.8em;
	top:-0.2em;
}
/* ========== /common ========== */
/* ========== slider ========== */
#jbk-frame-main.jra .frame-content .bx-wrapper {
	position:relative;
	padding:0 3.75% 0 6.25%;;
}
#jbk-frame-main.jra .frame-content .bx-wrapper .bx-controls-direction a {
	position:absolute;
	top:40%;
	outline:0;
	width:4.53%;
	height:9.21%;
	text-indent:-9999px;
	z-index:9999;
}
#jbk-frame-main.jra .frame-content .bx-viewport img{
	width:100%;
}
#jbk-frame-main.jra .frame-content .bx-wrapper .bx-controls-direction a.disabled {
	display:none;
}
#jbk-frame-main.jra .frame-content .bx-wrapper .bx-prev {
	background: url(../img/btn_arrow_l.png) no-repeat left top;
	background-size:100% auto;
	left:3.125%;
}
#jbk-frame-main.jra .frame-content .bx-wrapper .bx-next {
	background: url(../img/btn_arrow_r.png) no-repeat right top;
	background-size:100% auto;
	right:3.125%;
}
#jbk-frame-main.jra .frame-content .bx-wrapper .bx-prev:hover {
	background-position:left top;
}
#jbk-frame-main.jra .frame-content .bx-wrapper .bx-next:hover {
	background-position:right top;
}
/* ========== /slider ========== */


header #jbk-header-area .frame-content{
	padding:2.8125% 3.125% 3.125%;
}
header #jbk-header-area .frame-content h1{
	float:left;
	width:30.25%;
	height:auto;
}
header #jbk-header-area .frame-content h2{
	float:right;
	width:61%;
	font-size:0;
	padding-top:3.16%;
}
#jbk-frame-main.jra{
	/*background:#FFFFFF;*/
	margin-top:0;
}
#jbk-frame-main.jra .frame-content{
	min-width:100%;
	margin:0;
	padding:0;
	background-image:url(../img/bg_sp.png);
	background-position:left top;
	background-repeat:repeat-y;
	background-size:100% auto;
}

#jbk-frame-main.jra .frame-content .pc{
	display:none;
}
#jbk-frame-main.jra .frame-content .sp{
}

/* Alert Block */
#jbk-frame-main.jra .c-alertBlock-01{
	padding:24px;
	margin:2em 10px;
}
#jbk-frame-main.jra .c-alertBlock-01 li{
	font-size:14px;
}


#jbk-frame-main.jra .frame-content .key-visual header h1{
	margin:0;
}
#jbk-frame-main.jra .frame-content section.campaign{
	background-color:#006725;
	padding-bottom:10.93%;
}
#jbk-frame-main.jra .frame-content section.campaign h2{
	width:93.75%;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.campaign h2 +p{
	width:93.43%;
	margin:4.68% auto 0;
}
#jbk-frame-main.jra .frame-content section.campaign .more{
	text-align:center;
	margin:9.37% 0 0;
}
#jbk-frame-main.jra .frame-content section.campaign .more dt{
	width:93.43%;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.campaign .more dd{
	width:84.53%;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.campaign .more dt +dd{
	margin-top:3.125%;
}
#jbk-frame-main.jra .frame-content section.whats{
	background-color:#5c9e22;
	padding:12.18% 0 13.59%;
}
#jbk-frame-main.jra .frame-content section.whats h2{
	width:89%;
	margin:0 auto 4%;
}
#jbk-frame-main.jra .frame-content section.whats dl{
	overflow:hidden;
	width:89.37%;
	margin:0 auto 5.15%;
}
#jbk-frame-main.jra .frame-content section.whats dl dt{
	width:74.21%;
	margin:0 auto 2.8%;
}
#jbk-frame-main.jra .frame-content section.whats dl dd{
	float:left;
	width:62.8%;
	color:#FFF;
	text-align:justify;
}
#jbk-frame-main.jra .frame-content section.whats dl dd:last-child{
	width:32.45%;
	margin-left:3.5%;
}
#jbk-frame-main.jra .frame-content section.whats dl +p{
	width:38.43%;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.account{
	padding:12.5% 0 11.4%;
}
#jbk-frame-main.jra .frame-content section.account dl{
	margin:0;
}
#jbk-frame-main.jra .frame-content section.account dt{
	width:73.75%;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.account dd{
	width:79.06%;
	margin:2.26% auto 0;
}
#jbk-frame-main.jra .frame-content section.account dt:first-child{
	width:73.75%;
}
#jbk-frame-main.jra .frame-content section.account dl:first-child{
	margin-bottom:7.18%;
}
#jbk-frame-main.jra .frame-content section.about{
	background-color:#006725;
	padding:11.87% 0 14%;
}
#jbk-frame-main.jra .frame-content section.about h2{
	width:87.5%;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.about >dl{
	margin:5.93% auto 0;
	width:87.18%;
}
#jbk-frame-main.jra .frame-content section.about >dl >dt{
	display:table-cell;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	vertical-align:top;
	width:9.6%;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd{
	display:table-cell;
	vertical-align:middle;
	color:#FFF;
	padding-left:3%;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl{
	margin:0 0 3.76%;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl:last-child{
	margin-bottom:0;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl dt{
	font-size:0.85em;
	font-weight:bold;
	color:#ffe600;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl dd{
	font-size:0.85em;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl dd.ind{
	text-indent:-1em;
	padding-left:1em;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl dd.att{
	font-size:0.8em;
	text-indent:-1em;
	padding-left:1em;
}

#jbk-frame-main.jra .frame-content section.method{
	background-color:#5c9e22;
	padding:12.5% 0 14%;
}
#jbk-frame-main.jra .frame-content section.method h2{
	width:87.5%;
	margin:0 auto 3.43%;
}
#jbk-frame-main.jra .frame-content section.method ul{
	background:url(../img/entry_arr_sp.png) center center no-repeat;
	background-size:87% auto;
	padding:0;
}
#jbk-frame-main.jra .frame-content section.method ul li{
	width:64.37%;
	margin:0 auto 20.93%;
}
#jbk-frame-main.jra .frame-content section.method ul li:last-child{
	width:66.4%;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.method ul li img:first-child{
	margin-bottom:5.46%;
}
#jbk-frame-main.jra .frame-content section.method ul li .pos{
	width:55.33%;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.method ul li:last-child .pos{
	width:59.52%;
}
#jbk-frame-main.jra .frame-content section.method ul +p{
	width:73.9%;
	margin:0 auto;
	font-size:0.78em;
	text-indent:-1em;
	padding-left:1em;
	color:#FFF;
}
#jbk-frame-main.jra .frame-content #Entry{
	background-color:#006725;
	padding:12.65% 0;
}
#jbk-frame-main.jra .frame-content #Entry h3{
	width:87.5%;
	margin:0 auto 5.46%;
}
#jbk-frame-main.jra .frame-content #Regist{
	padding:9.68% 0 11.875%;
}
#jbk-frame-main.jra .frame-content #Regist .entryArea{
	margin:0 0 8.43%;
	position:relative;
}
#jbk-frame-main.jra .frame-content #Regist .entryArea h4{
	margin:0 auto;
	width:91.87%;
}
#jbk-frame-main.jra .frame-content #Regist .entryArea p{
	position:absolute;
	left:10.93%;
	top:39.25%;
	width:79%;
	margin:0;
}
#jbk-frame-main.jra .frame-content #Regist .nonregist{
}
#jbk-frame-main.jra .frame-content #Regist .nonregist h4{
	width:78.75%;
	margin:0 auto 2.81%;
}
#jbk-frame-main.jra .frame-content #Regist .nonregist h4 +p{
	margin:0 auto;
	font-size:0.9em;
	font-weight:bold;
	color:#000;
	text-align:center;
}
#jbk-frame-main.jra .frame-content #Regist .nonregist .openbtn{
	width:79%;
	margin:1.56% auto 0;
}
#jbk-frame-main.jra .frame-content #Contact{
	background-color:#FFF;
	padding:6.62% 0 2%;
}
#jbk-frame-main.jra .frame-content #Contact .ctbtn{
	padding:0% 9.06% 5.937%;
	margin:0;
}
#jbk-frame-main.jra .frame-content #Contact .contents{
	background:#FFFFFF;
	margin:0 3.125%;
	padding:0 3.125% 3.125%;
}
#jbk-frame-main.jra .frame-content #Contact .contents .attention dl{
	padding:0;
	margin-top:0;
}
#jbk-frame-main.jra .frame-content #Contact .contents .attention dl dd{
	background:url(../img/ico_circle_sp.png) no-repeat left 2px;
	background-size:10px 10px;
	font-size:0.78em;
	line-height:1.4;
	padding-left:12px;
	margin:0;
}
#jbk-frame-main.jra .frame-content #Contact .contents .attention dl dd.red{
	color:#e61810;
}
#jbk-frame-main.jra .frame-content #Contact .contents .attention ul{
	padding:0;
	margin:0;
}
#jbk-frame-main.jra .frame-content #Contact .contents .attention ul li{
	padding-left:1em;
	text-indent:-1em;
}
/*#jbk-frame-main.jra .frame-content #Contact footer p{
	font-size:0.78em;
	text-align:center;
	margin:0;
	padding:0;
}
#jbk-footer-area{
	display:block;
}*/





@media only screen and (min-width:768px){
html,body{
	min-width:980px;
}
header #jbk-header-area .frame-content{
	width:980px;
	padding:20px 50px 22px 50px;
}
header #jbk-header-area .frame-content h1{
	width:190px;
	height:auto;
}
header #jbk-header-area .frame-content h2{
	width:456px;
	height:auto;
	padding-top:22px;
}

#jbk-frame-main.jra .frame-content .pc{
	display:block;
}
#jbk-frame-main.jra .frame-content .sp{
	display:none;
}

#jbk-frame-main.jra .frame-content{
	width:980px;
	min-width:inherit;
	margin:0 auto;
	background:url(../img/bg_pc.png) left top repeat-y;
}

/* Alert Block */
#jbk-frame-main.jra .c-alertBlock-01{
	width:980px;
	margin:2em auto;
	padding:24px;
}
#jbk-frame-main.jra .c-alertBlock-01 li{
	font-size:16px;
}


#jbk-frame-main.jra .frame-content .key-visual header h1{
}
#jbk-frame-main.jra .frame-content section.campaign{
	background-color:#006725;
	padding-bottom:77px;
}
#jbk-frame-main.jra .frame-content section.campaign h2{
	width:738px;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.campaign h2 +p{
	width:626px;
	margin:48px auto 0;
}
#jbk-frame-main.jra .frame-content section.campaign .more{
	width:830px;
	margin:37px auto 0;
	overflow:hidden;
}
#jbk-frame-main.jra .frame-content section.campaign .more dt{
	width:820px;
	margin:0 0 35px;
}
#jbk-frame-main.jra .frame-content section.campaign .more dd{
	float:left;
}
#jbk-frame-main.jra .frame-content section.campaign .more dt +dd{
	width:359px;
	margin:0;
}
#jbk-frame-main.jra .frame-content section.campaign .more dt +dd +dd{
	width:34px;
}
#jbk-frame-main.jra .frame-content section.campaign .more dd:last-child{
	width:436px;
}
#jbk-frame-main.jra .frame-content section.whats{
	background-color:#5c9e22;
	padding:77px 0;
}
#jbk-frame-main.jra .frame-content section.whats h2{
	width:680px;
	margin:0 auto 30px;
}
#jbk-frame-main.jra .frame-content section.whats dl{
	overflow:hidden;
	width:685px;
	margin:0 auto 22px;
}
#jbk-frame-main.jra .frame-content section.whats dl dt{
	width:358px;
	margin:0 auto 16px;
}
#jbk-frame-main.jra .frame-content section.whats dl dd{
	float:left;
	width:528px;
	font-size:18px;
	line-height:1.6;
	color:#FFF;
	text-align:justify;
}
#jbk-frame-main.jra .frame-content section.whats dl dd:last-child{
	float:right;
	margin:0;
	width:137px;
}
#jbk-frame-main.jra .frame-content section.whats dl +p{
	width:188px;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.account{
	padding:77px 123px;
	overflow:hidden;
}
#jbk-frame-main.jra .frame-content section.account dl:first-child{
	float:right;
	margin:0;
}
#jbk-frame-main.jra .frame-content section.account dl:last-child{
	float:left;
	margin:0;
}
#jbk-frame-main.jra .frame-content section.account dt:first-child{
	width:345px;
	margin-bottom:10px;
}
#jbk-frame-main.jra .frame-content section.account dd{
	width:323px;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.about{
	background-color:#006725;
	padding:80px 0;
}
#jbk-frame-main.jra .frame-content section.about h2{
	width:736px;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content section.about >dl{
	margin:38px auto 0;
	width:736px;
}
#jbk-frame-main.jra .frame-content section.about >dl >dt{
	display:table-cell;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	vertical-align:middle;
	text-align:center;
	width:132px;
}
#jbk-frame-main.jra .frame-content section.about >dl >dt .img-responsive{
	width:auto;
	display:inline;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd{
	display:table-cell;
	vertical-align:middle;
	font-size:18px;
	color:#FFF;
	padding:7px 0 7px 18px;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl{
	margin:0 0 10px;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl:last-child{
	margin-bottom:0;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl dt{
	font-size:20px;
	font-weight:bold;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl dd{
	font-size:18px;
	line-height:1.2;
	margin-bottom:10px;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl dd:last-child{
	margin-bottom:0;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl dd.ind{
	text-indent:-1em;
	padding-left:1em;
}
#jbk-frame-main.jra .frame-content section.about >dl >dd dl dd.att{
	font-size:15px;
	text-indent:-1em;
	padding-left:1em;
}
#jbk-frame-main.jra .frame-content section.method{
	background-color:#5c9e22;
	padding:80px 0 75px;
}
#jbk-frame-main.jra .frame-content section.method h2{
	width:736px;
	margin:0 auto 28px;
}
#jbk-frame-main.jra .frame-content section.method ul{
	background:url(../img/entry_arr_pc.png) center bottom no-repeat;
	width:700px;
	padding:0;
	margin:0 auto 38px;
	overflow:hidden;
}
#jbk-frame-main.jra .frame-content section.method ul li{
	width:340px;
	margin:0;
	float:left;
	position:relative;
}
#jbk-frame-main.jra .frame-content section.method ul li:last-child{
	float:right;
	width:340px;
}
#jbk-frame-main.jra .frame-content section.method ul li img:first-child{
	margin-bottom:0;
}
#jbk-frame-main.jra .frame-content section.method ul li .pos{
	width:auto;
	margin:0;
	position:absolute;
	left:121px;
	top:160px;
}
#jbk-frame-main.jra .frame-content section.method ul li:last-child .pos{
	left:140px;
}
#jbk-frame-main.jra .frame-content section.method ul li .pos .img-responsive{
	width:auto;
}
#jbk-frame-main.jra .frame-content section.method ul +p{
	width:auto;
	margin:0 auto;
	font-size:12px;
	color:#FFF;
	text-align:center;
}
#jbk-frame-main.jra .frame-content #Entry{
	background-color:#006725;
	padding:80px 0 85px;
}
#jbk-frame-main.jra .frame-content #Entry h3{
	width:882px;
	margin:0 auto 26px;
}
#jbk-frame-main.jra .frame-content #Entry ul.pc{
	overflow:hidden;
	width:882px;
	margin:0 auto;
	padding:0;
}
#jbk-frame-main.jra .frame-content #Entry ul.pc li{
	float:left;
}
#jbk-frame-main.jra .frame-content #Regist{
	padding:65px 0 70px;
}
#jbk-frame-main.jra .frame-content #Regist .entryArea{
	position:relative;
	width:718px;
	margin:0 auto 22px;
}
#jbk-frame-main.jra .frame-content #Regist .entryArea h4{
	margin:0 auto;
	width:718px;
}
#jbk-frame-main.jra .frame-content #Regist .entryArea h4 +p{
	position:absolute;
	left:196px;
	top:98px;
	width:324px;
}
#jbk-frame-main.jra .frame-content #Regist .nonregist{
}
#jbk-frame-main.jra .frame-content #Regist .nonregist h4{
	margin:0 auto;
	width:628px;
}
#jbk-frame-main.jra .frame-content #Regist .nonregist h4 +p{
	margin:13px auto 0;
	font-size:18px;
}
#jbk-frame-main.jra .frame-content #Regist .nonregist .openbtn{
	width:323px;
	margin:9px auto 0;
}

#jbk-frame-main.jra .frame-content #Contact{
	background:#FFF;
	margin-top:0;
	padding:45px 0 50px;
}
#jbk-frame-main.jra .frame-content #Contact .ctbtn{
	width:480px;
	margin:0 auto 45px;
	padding:0;
}
#jbk-frame-main.jra .frame-content #Contact .contents{
	width:723px;
	margin:0 auto;
	padding:0;
}
#jbk-frame-main.jra .frame-content #Contact .contents p:first-child{
	margin-bottom:20px;
}
#jbk-frame-main.jra .frame-content #Contact .contents .attention dl{
	/*margin-top:20px;*/
}
#jbk-frame-main.jra .frame-content #Contact .contents .attention dl dd{
	background:url(../img/ico_circle_pc.png) no-repeat left 1px;
	font-size:15px;
	line-height:1.4;
	padding-left:18px;
	margin-bottom:4px;
}
#jbk-frame-main.jra .frame-content #Contact .contents .attention ul{
	font-size:14px;
}
#jbk-frame-main.jra .frame-content #Contact .contents .attention ul li{
	padding-left:1em;
	text-indent:-1em;
}
#jbk-frame-main.jra .frame-content #Contact .contents .attention ul li:last-child{
	margin-right:0;
}


/*#jbk-frame-main.jra .frame-content #Contact footer{
	width:600px;
	margin:0 auto;
}
#jbk-frame-main.jra .frame-content #Contact footer p{
	font-size:16px;
	text-align:left;
}
#jbk-frame-main.jra .frame-content #Contact footer p.sale{
	float:left;
}
#jbk-frame-main.jra .frame-content #Contact footer p.trustee{
	float:right;
}*/

}