html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

ul, ol {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/*========================================

MULTI BASIC

=======================================*/
html{-webkit-text-size-adjust:100%}
body{font-size:10px;background:#fff; font-family: "メイリオ", "新ゴ Pro", "MS Pゴシック", sans-serif; color: #848484}
a{color:#0581d5}
a:hover{color:#195067}


/*clearfix*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden
}
.clearfix{display: inline-block;} 
* html .clearfix{height: 1%;}
.clearfix{display:block;}


/*========================================

PC Display

=======================================*/

/*==========
BASIC
==========*/
/*
.applyBtn{font-size:11px;line-height:30px;}
.applyBtn a{padding:0 1.4em;color:#fff;text-align:center;text-decoration:none;background:#628fb9;display:block;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.applyBtn a:hover{opacity:0.7;filter: alpha(opacity=70);}
*/
* html *{zoom:1}
.applyBtn{font-size:11px;text-align:center;}
.applyBtn a{text-align:center;}
.opacity:hover{opacity:0.7;filter: alpha(opacity=70);}

.btn {
	border: 1px solid #ffbe7b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	padding: 8px 13px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	letter-spacing: 3px;
/* 	text-shadow:1px 1px 3px rgba(0,0,0,0.5); */
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	background-color: #ffb96f;
	background: -moz-linear-gradient(top,#ffb96f 0%,#e29e07);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb96f), to(#e29e07));
	line-height: 1.6;
}
.btn:hover{opacity:0.8;filter: alpha(opacity=80); color:#fff;}


.btn_tv {
	border: 1px solid #ffbe7b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	padding: 8px 13px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-size: 30px;
	letter-spacing: 3px;
/* 	text-shadow:1px 1px 3px rgba(0,0,0,0.5); */
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	background-color: #ffb96f;
	background: -moz-linear-gradient(top,#ffb96f 0%,#e29e07);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb96f), to(#e29e07));
	line-height: 2.6;
}
.btn_tv:hover{opacity:0.8;filter: alpha(opacity=80); color:#fff;}


.index{
	background-color:#fff;
	margin:1% 18%;
}

/* もくじ */
.page-contents{
list-style:none; /* 冒頭の数字が不要なので消す */
padding-left:5%; /* 左側の余白を5pxで調整する */
font-size: 150%;
line-height:1.6;
}
.page-contents a{
text-decoration:none; /* 装飾(下線)を消す */
}
.page-contents2{
list-style:inside; /* 冒頭の数字が不要なので消す */
padding-left:10%; /* 左側の余白を5pxで調整する */
font-size: 100%;
line-height:1.6;
}


.pad_l4{
	padding-left:4%;
}


.spKyachi {width:100%; background-color: #F3F3F3;}
.spKyachi2 {width:90%;padding:1% 5%; background-color: #F3F3F3;}


/*==========
COMMON
==========*/
/* #wrapper*/
#wrapper{overflow:hidden}
* html #wrapper{overflow:hidden}


/* #header*/
#headBar{width:100%;height:70px;padding:0;background:#fff;background:rgba(255,255,255,0.8);border-bottom:1px solid #e7e8e8}
#headBar .inBox{max-width:1000px;padding:17px 3% 0;margin:0 auto;overflow:hidden}
#headBar .siteLogo{float:left}
#headBar .applyBtn{float:right}
.my-sticky-element.stuck {position:fixed;top:0;z-index:999;}
* html #headBar{padding:0;}
 

#hBox {
    width: 100%;
    margin: auto;
}
#hBox, #seminarWrapper {
    position: fixed;
    z-index: 100;
}

#hBox0, #seminarBox {
    position: relative;
    max-width: 1200px;
    margin: auto;
}

#hBox #hBox0 #h1Box h1 {
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0,0,0,.5);
    font-size: 400%;
    line-height: 1.3em;
}
#hBox #hBox0 #h1Box, #next {
    text-align: center;
}

/* #video*/
#mainVideo {
    width: 100%;
}

.video{
  position:relative;
  width:100%;

}
.video iframe{
    position: relative;
    top: 1%;
    left: 20%;
    width: 60%;
    height: 500px;
}
.video p{
	text-align: left;
    position: relative;
    left: 20%;
    font-size: 150%;
    padding-top: 1%;
}




/* #spMenu*/
#menuTgl{display:none}
#spMenu{display:none;}
 
/* #main */
#main{max-width:1500px;margin:0 auto;position:relative}

/* #mainKyachi*/
#mainKyachi{max-width:1500px;width:auto;max-height:804px;height:1%;padding:0;margin:0 auto;overflow:hidden;position:static;
					zoom:1;}
#mainKyachi img{width: inherit;width: 100%;height:auto;-ms-interpolation-mode:bicubic;bertical-align:top}

.slider1 .inBox{margin:0;padding:0;zoom:1}
.slider1 .slide{margin:0;padding:0;zoom:1}

.slider1 .inBox{}
.slider1 .inBox .bg{position:relative;z-index:1;}
.slider1 .item01 .note,
.slider1 .item02 .note{width:100%;height:100%;position:absolute;z-index:2;top:0;left:0}
.slider1 .item01 .noteBox,
.slider1 .item02 .noteBox{max-width:785px;padding:13% 6% 0;margin:0 auto}

.slider1 .item01 .rubi,
.slider1 .item02 .rubi{margin:0 0 1.8% 0;color:#4c4c4c;font-size:140%;line-height:1.6}
.slider1 .item01 .pageTitle,
.slider1 .item02 .pageTitle{margin:0 0 1.8% 0;color:#00407d;font-size:310%;font-weight:normal;line-height:1.2;letter-spacing:4px}
.slider1 .item01 .pageTitle span,
.slider1 .item02 .pageTitle span{color:#0071ac}
.slider1 .item01 .applyBtn,
.slider1 .item02 .applyBtn{width:237px;margin:0 0 1% 3%;font-size:150%;line-height:48px;letter-spacing:1px;}
.slider1 .applayNote,
.slider1 .item01 .applayNote,
.slider1 .item02 .applayNote{width:237px;margin:0 0 0 0;color:#628fb9;font-size:110%;line-height:1.6;text-align:center;}

.slider1 .item03{}
.slider1 .item03 .note{width:100%;padding:10% 0 0;margin:0 auto;position:absolute;z-index:2;top:0;left:0}
.slider1 .item03 .pageTitle{width:100%;padding:0 0 5%;font-size:310%;color:#00407d;font-weight:normal;text-align:center}
.slider1 .item03 .list{max-width:930px;padding:0 10px 0;margin:0 auto;overflow:hidden}
.slider1 .item03 .list li{max-width:26%;margin:0 11% 0 0;text-align:center;float:left;}
.slider1 .item03 .list .mReset{margin-right:0;}
.slider1 .item03 .list span{margin:0 0 10%;display:block;}
.slider1 .item03 .list p{color:#0071ac;font-size:200%;font-weight:bold;}

.slider1 .item04{}
.slider1 .item04 .note{width:100%;height:100%;position:absolute;z-index:2;top:0;left:0}
.slider1 .item04 .noteBox{width:80%;padding:5% 0 0;margin:0 auto;}
.slider1 .item04 .lf{width:38%;padding:2% 0 0 10%;float:left}
.slider1 .item04 .rf{width:51%;padding:6% 0 0;float:right}
.slider1 .item04 .rf .tit{margin:0 0 0.2em;color:#0051a4;font-size:310%;line-height:1.6;font-weight:normal;}
.slider1 .item04 .rf .desc{margin:0 0 1em;color:#707070;font-size:140%;line-height:1.6;}
.slider1 .item04 .rf .tx{margin:0 0 1em;color:#707070;font-size:140%;line-height:1.6}
.slider1 .item04 .rf .tx span{color:#0051a4}

#mainKyachi .bx-viewport{left:0!important;zoom:1}

* html .slider1 .item03 .note{width:100%;padding:10% 0 0;margin:0 auto;}
* html .slider1 .item03 .pageTitle{padding:1% 0 5%;font-size:320%;color:#00407d;}
* html .slider1 .item03 .list{padding:0 10px 0;margin:0 auto;}
* html .slider1 .item03 .list li{margin:0 5% 0 0;}
* html .slider1 .item03 .list span{padding:0 0 0;margin:0;}
* html .slider1 .item03 .list p{padding:5% 0 0;}


/* .prSec common style*/
.prSec{padding:3% 0 0;background:#f3f3f3}
.prSec2{padding:3% 0 0;background:#f3e9e9}
.prSec3{padding:3% 0 0;background:#5dceaf42}
.prSec4{padding:3% 3% 0;background:#cdfff2}

.secTitle{margin:0 0 0.4em;color:#00407d;font-size:310%;font-weight:normal;text-align:center;line-height:1.6}
.secTitle span{color:#0071ac}



.btn_cm {
	border: 2px solid #fdc1cc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	margin: 0 8%;
	padding: 8px 13px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-size: 250%;
	letter-spacing: 0px;
/* 	text-shadow:1px 1px 3px rgba(0,0,0,0.5); */
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	background-color: #f1a2b8;
	background: -moz-linear-gradient(top,#f1a2b8 0%,#f1a2b8);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1a2b8), to(#f1a2b8));

	line-height: 2.6;
}

@media screen and (min-width: 640px) {
#applyWrap #i3-1{
	text-align: left;
    margin: 1% 18%;
}
#applyWrap .secDesc{margin:1% 20%;}

.secDesc{color:#0071ac;font-size:200%;text-align:center;line-height:1.6;width:800px;}

}



/* #pointWrap*/
#pointWrap{max-width:1500px;margin:auto}
#pointWrap .inBox{}
#pointWrap .list{overflow:hidden;position:relative}
#pointWrap .list .thumb{width:50%;*width:49.8%;min-height:300px;height:100%;zoom:1;position:absolute;}
#pointWrap .item01 .thumb{background:url(../images/character/img_point01.jpg) no-repeat center top;left:0;}
#pointWrap .item02 .thumb{background:url(../images/character/img_point02.jpg) no-repeat right top;right:0;}
#pointWrap .item03 .thumb{background:url(../images/character/img_point03.jpg) no-repeat 30% top;left:0;}
#pointWrap .list .note{width:50%;min-height:300px;padding:0;zoom:1;}
#pointWrap .item01 .note,
#pointWrap .item03 .note{float:right}
#pointWrap .item02 .note{text-align:right;float:left}
#pointWrap .item01 .note h3{padding:8% 5% 0 8%;}
#pointWrap .item02 .note h3{padding:8% 8% 0 0;}
#pointWrap .item03 .note h3{padding:6% 0 0 8%;}
#pointWrap .item01 .note p,
#pointWrap .item03 .note p{max-width:370px;padding:0 5% 5% 8%;}
#pointWrap .item02 .note p{padding:0 8% 5% 0;}
#pointWrap .list .note h3{margin:0 0 0.2em;color:#0071ac;font-size:310%;font-weight:normal;line-height:1.6}
#pointWrap .list .note p{color:#999999;font-size:140%;line-height:1.6}

* html #pointWrap .inBox{overflow:hidden;position:relative;width:100%;}
* html #pointWrap .list{overflow:hidden;position:relative}



/* #stepWrap*/
#stepWrap{width:90%;padding:8% 5% 5%;overflow:hidden;}
#stepWrap .stepBox{width:33%;float:left}
#stepWrap .stepBox .inBox{max-width:260px;padding:6% 3% 0;margin:0 auto}
#stepWrap .stepBox .thumb img{width: inherit;width:100%;height:auto;-ms-interpolation-mode:bicubic;}
#stepWrap .stepBox .note h3{padding:8% 0 0;margin:0 0 0.2em;color:#0071ac;font-size:140%;line-height:1.6;}
#stepWrap .stepBox .note p{color:#777777;font-size:120%;line-height:1.6}


/* #ankeTypeWrap*/
#ankeTypeWrap{padding:5% 0 5%}
#ankeTypeWrap .typeBox{text-align:center;max-width:1040px;padding:4% 0 0;margin:0 auto;overflow:hidden;}
#ankeTypeWrap .typeBox .group1{float:left}
#ankeTypeWrap .typeBox .group2{float:left;margin:0 -10px 0 0;}
#ankeTypeWrap .typeBox .item{max-width:240px;margin:0 20px 0 0;display:inline-block;vertical-align:top;*float:left;}
#ankeTypeWrap .typeBox .mReset{}
#ankeTypeWrap .typeBox .inBox{height:333px;}
#ankeTypeWrap .typeBox .thumb{margin:0 0 8%}
#ankeTypeWrap .typeBox .note{text-align:left}
#ankeTypeWrap .typeBox .note h3{margin:0 0 0.2em;color:#0071ac;font-size:140%;line-height:1.6}
#ankeTypeWrap .typeBox .note p{font-size:120%;line-height:1.6}

* html #ankeTypeWrap .typeBox .item{margin:0 20px 0 0;float:left;display:block}
* html #ankeTypeWrap .group1{float:left;overflow:hidden;display:block}
* html #ankeTypeWrap .group2{float:right;overflow:hidden;display:block}
* html #ankeTypeWrap .typeBox .maNone{margin:0}





/* #bankWrap*/
#bankWrap{padding:5% 0 3%;}
#bankWrap .inBox{max-width:1180px;padding:0 2%;margin:0 auto;overflow:hidden}
#bankWrap .group1{margin:0 0 20px;overflow:hidden;position:relative}
#bankWrap .group2{margin:0 0 20px;overflow:hidden;position:relative}
#bankWrap .squareBox{width:39%;min-height:100%;background:#f3f3f3;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

#bankWrap .group1 .squareBox{position:absolute;top:0;left:0}
#bankWrap .group1 .bnrList{padding:0 10px 0 40.5%;margin:0 -3% -20px 0;overflow:hidden}
*+html #bankWrap .group1 .bnrList{margin:0 -3% 0 0;}
#bankWrap .group1 .bnrList .left{float:left}
#bankWrap .group1 .bnrList .right{float:left}
#bankWrap .group1 .bnrList .item{width:30%;margin:0 3% 20px 0;}
#bankWrap .group1 .bnrList .item img{width:100%;height:auto;vertical-align:top;}

#bankWrap .group2 .squareBox{position:absolute;top:0;right:0}
#bankWrap .group2 .bnrList{padding:0 40.5% 0 0;margin:0 -2% -20px 0;overflow:hidden}
*+html #bankWrap .group2 .bnrList{width:59.5%;padding:0;margin:0 -2% 0 0;overflow:hidden;zoom:1}
#bankWrap .group2 .bnrList .left{float:left}
#bankWrap .group2 .bnrList .right{float:left}
#bankWrap .group2 .bnrList .item{width:30%;margin:0 3% 20px 0;float:left;}
#bankWrap .group2 .bnrList .item img{width:100%;height:auto;vertical-align:top;}


#bankWrap .squareBox .secTitle{padding:25% 0 0 15%;margin:0 0 0.2em;font-size:310%;text-align:left;line-height:1.6}
#bankWrap .squareBox #amazonInner{font-size: 8px; line-height: 1.9; padding:3% 10% 0 15%;}
#bankWrap .squareBox p{padding:0 0 0 15%;color:#777777;font-size:140%;line-height:1.6;}
#bankWrap .squareBox p a{text-decoration: none;}
#bankWrap .squareBox p a:hover{ text-decoration: underline;}
#bankWrap .bnrList .item{}
#bankWrap .bnrList{}
#amazonInner{font-size: 8px; line-height: 1.9; padding: 20px 10px;}

* html #bankWrap{padding:5% 0 3%;}
* html #bankWrap .inBox{max-width:1280px;padding:0;margin:0 auto;overflow:hidden}
* html #bankWrap .group1{width:100%;margin:0 0 1.5%;overflow:hidden;position:relative}
* html #bankWrap .group2{overflow:hidden;position:relative}
* html #bankWrap .squareBox{width:39%;min-height:100%;height:100%;padding:0 0 30%}

* html #bankWrap .group1 .squareBox{position:absolute;top:0;left:0}
* html #bankWrap .group1 .bnrList{padding:0 10px 0 40.5%;margin:0 -4% -20px 0;overflow:hidden}
* html #bankWrap .group1 .bnrList .left{float:left}
* html #bankWrap .group1 .bnrList .right{float:left;margin-right:0}
* html #bankWrap .group1 .bnrList .item{width:29%;padding:0 3% 20px 0;margin:0;}
* html #bankWrap .group1 .bnrList .item img{width: inherit;width:100%;height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}

* html #bankWrap .group2 .squareBox{position:absolute;top:0;right:0}
* html #bankWrap .group2 .bnrList{width:60%;padding:0;margin:0 -3% 0 0;overflow:hidden}
* html #bankWrap .group2 .bnrList .left{float:left}
* html #bankWrap .group2 .bnrList .right{float:left}
* html #bankWrap .group2 .bnrList .item{width:29%;margin:0 2% 20px 0;float:left;}
* html #bankWrap .group2 .bnrList .item img{width: inherit;width:100%;height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}

* html #bankWrap .squareBox .secTitle{padding:15% 0 2% 15%;text-align:left;line-height:1.4}
* html #bankWrap .squareBox p{padding:0 0 0 15%;color:#777777;font-size:110%;line-height:1.6;}
* html #bankWrap .bnrList .item{}
* html #bankWrap .bnrList{}


/* #applyWrap */
#applyWrap{padding:3% 0 3%;}
#applyWrap .secTitle{font-size:320%}

#applyWrap .applyBtn{width:500px;margin:0 auto 1%;font-size:150%;line-height:48px}
#applyWrap .applayNote{color:#628fb9;font-size:110%;text-align:center;line-height:1.6}



/* #monitorWrap */
#monitorWrap{padding:12% 0 5%;overflow:hidden;position:relative}
#monitorWrap .detail{width:50%;padding:5% 0 0;float:right}
#monitorWrap .detail .tit{padding:0;margin:0 0 0.2em;color:#0051a4;font-size:300%;font-weight:normal;line-height:1.6}
#monitorWrap .detail .desc{margin:0;margin:0 0 1em;color:#707070;font-size:160%;line-height:1.6}
#monitorWrap .detail .note,
#monitorWrap .detail .time{color:#707070;font-size:140%}
#monitorWrap .detail .note{margin:0 0 3%;line-height:1.6}
#monitorWrap .detail .time{color:#0051a4}
#monitorWrap .thumb{width:35%;padding:0 0 0 10%;float:left}
#monitorWrap .thumb img{width: inherit;width:100%;height:auto;-ms-interpolation-mode:bicubic;}
#monitorWrap .balloon{position:absolute;top:-5px;right:0}


/* #anywayWrap */
#anywayWrap{padding:10% 0 0; background: #f3f3f3;}
#anywayWrap .secTitle{}
#anywayWrap .desc{margin:0 0 1em;color:#777777;font-size:140%;line-height:1.6;text-align:center}
#anywayWrap .thumb{margin:10% 0 0;}
#anywayWrap .thumb img{width: inherit;width:100%;height:auto;-ms-interpolation-mode:bicubic;}
#qaWrap .secDesc{text-decoration: underline;}


/* #flickscroll */
#flickscroll{display:none}


/* #aboutWrap */
#aboutWrap{padding:6% 3% 8%;background:#fff}
#aboutWrap .inBox{max-width:1200px;margin:0 auto}
#aboutWrap .tit{margin:0 0 0.2em;color:#00407d;font-size:310%;font-weight:normal;line-height:1.6;text-align:left;}
#aboutWrap .desc{margin:0 0 9%;color:#777777;font-size:140%;line-height:1.6;text-align:left;}
#aboutWrap .list{color:#777777;font-size:140%;line-height:1.6;text-align:left;}
#aboutWrap .list dd{margin:0 0 1.6em;text-align:left;}
#aboutWrap .note{color:#777777;font-size:140%;line-height:1.6;text-align:left;margin-bottom: 22px;}



/* #footer */
#ftWrap{position: relative; z-index:100000;}
#ftWrap #footer{position: static; bottom: 0; height: 80px; background-color: #fff; z-index: 200; width: 100%; border-top: 1px solid #f3f3f3; overflow:hidden;}

#ftWrap #footer #footerTop{position: relative; height: 56px;}
#ftWrap #footer #footerTop .left{padding-top: 10px; padding-left: 10px; float: left; position: absolute; z-index: 10;}
#ftWrap #footer #footerTop .right{padding-right: 7px; float: right; position: absolute; z-index: 10; right: 0;}
#ftWrap #footer #footerTop .right .register,
#ftWrap #footer #footerTop .right .under{padding-top: 10px; float: right;}
#ftWrap #footer #footerTop .right .register{margin-right: 13px;}
#ftWrap #footer #footerTop .right .under{padding-left: 7px;border-left: 1px solid #f3f3f3; height: 46px;}
#ftWrap #footer #footerTop .left h2,
#ftWrap #footer #footerTop .left h3{display: inline; margin-right: 10px; font-size: 11px; vertical-align: top; line-height: 43px;font-weight: normal;}
html*#ftWrap #footer #footerTop .left h2{display: inline-block; float: left;}
html*#ftWrap #footer #footerTop .left h3{display: inline-block; vertical-align: middle; padding-bottom:30px; float: left;}

#ftWrap #footer #footerMiddle{ border-bottom: 1px solid #f3f3f3;  border-top: 1px solid #f3f3f3; padding: 0 10px;overflow:hidden}
#ftWrap #footer #footerMiddle .left{float: left; margin-top: 8px;margin-bottom: 7px;}
#ftWrap #footer #footerMiddle .right{float: right; }
#ftWrap #footer #footerMiddle .right ul{margin-top: 5px;margin-bottom: 7px;}
#ftWrap #footer #footerMiddle .right ul li{display: inline;}

#ftWrap #footer #footerBottom{padding: 10px 10px;}
#ftWrap #footer #footerBottom .left{float: left; padding-top: 8px; font-size: 11px; color:#707070; line-height: 1.9;}
#ftWrap #footer #footerBottom .right{float: right;}
#ftWrap #footer #footerBottom .right ul li{display: inline;}


/* OTHER */
#topReturnBtn{position:absolute;bottom:20px;right:20px;z-index:99999;overflow:hidden;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
#topReturnBtn a{padding:30px 20px;color:#fff;font-size:11px;text-decoration:none;text-align:center;background:rgba(0,0,0,0.6);background:#616161\9;display:block}
.pcNone{display:none}

* html #topReturnBtn{padding:0 20px 20px 0;position:fixed;bottom:100px;right:20px;z-index:99999;overflow:hidden;text-align:right;background:#f3f3f3}
* html #topReturnBtn a{width:100px;padding:30px 20px;color:#fff;font-size:11px;text-decoration:none;text-align:center;background:rgba(0,0,0,0.6);background:#616161\9;display:block}

.bx-wrapper .bx-controls-direction a {top: 10%;}

/*IE HACK*/
#monitorWrap .thumb{zoom:1;position: relative;}
/*=== PC Display ==*/


/*========================================

tablet break Display
width:1263px under

========================================*/
@media screen and (min-device-width : 768px) and (max-width: 1263px){


/* #ankeTypeWrap */
#ankeTypeWrap .typeBox .group1{float:none}
#ankeTypeWrap .typeBox .group2{float:none}
}


/*========================================

tablet Display
width:970px under

========================================*/
@media screen and (max-width: 970px){
.slider1 .item04 .rf{font-size:80%}

/* ##bankWrap */
#bankWrap .squareBox .secTitle{padding:5% 5% 0 5%;margin:0 0 0.2em;font-size:310%;text-align:left;line-height:1.6}
#bankWrap .squareBox p{padding:0 5% 0 5%;color:#777777;font-size:140%;line-height:1.6;}
#bankWrap .squareBox .secTitle br{display:none}
}


/*========================================

tablet Display
width:768px under

========================================*/
@media screen and (max-width: 768px){
/* #spMenu*/
#menuTgl{display:none}
#spMenu{display:none;}


/* #mainKyachi*/
#mainKyachi{padding:0;}

.slider1 .inBox{font-size:80%}
.slider1 .item01 .note,
.slider1 .item02 .note{width:80%;height:100%;padding:0 10% 0;}
.slider1 .item01 .noteBox,
.slider1 .item02 .noteBox{padding:14% 0 0;}
.slider1 .item01 .applayNote,
.slider1 .item02 .applayNote{display:none}
.slider1 .item03{}
.slider1 .item03 .note{width:84%;padding:10% 8% 0;}
.slider1 .item03 .list p{font-size:180%;}



/* #ankeTypeWrap*/
#ankeTypeWrap .typeBox{margin:0 -10px 0 0;}


/* #bankWrap */
#bankWrap .squareBox .secTitle{padding:5% 5% 0 5%;margin:0 0 0.2em;font-size:310%;text-align:left;line-height:1.2}
#bankWrap .squareBox p{padding:0 5% 0 5%;color:#777777;font-size:140%;line-height:1.6;}


/* #monitorWrap */
#monitorWrap .balloon{display:none}


/* #anywayWrap */
#anywayWrap .thumb{}

.tabNone{display:none}

/*=== TABLET Display ==*/}



/*========================================

SmartPhone Display
width:640px under

========================================*/
@media screen and (max-width: 640px) {
/*==========
BASIC
==========*/
/* #wrapper */
#wrapper{overflow:hidden}


/* #header*/
#headBar{width:100%;height:auto;padding:0;background:#fff;background:rgba(255,255,255,0.8);border-bottom:1px solid #e7e8e8;}
#headBar .inBox{padding:0 0 0;overflow:hidden;position:static;}
#headBar .siteLogo{width:55%;padding:3% 0 0 4%;position:relative;z-index:9999}
#headBar .siteLogo img{width:100%;height:auto}
#headBar .applyBtn{display:none}
.my-sticky-element.stuck {position:fixed;top:0;z-index:999;}
 
 
/* #spMenu*/
#menuTgl{width:20%;float:right;position:relative;z-index:9999;display:block}
#menuTgl img{width:100%;height:auto}
#spMenu{height:99999px;min-height:99999px;position: absolute; top: -100%; left: 0; width: 100%;height: 100%; z-index: 9998;background: rgba(255,255,255,0.95);background:#fff\9; }
* html #spMenu{background:#fff;}
#spMenu .inbox{height:99999px;min-height:99999px;overflow:auto; overflow-y: hidden;}
#spMenu .menuInner{height:100%;min-height:100%;padding:0;}
#spMenu .menuInner ul{margin:31% 0 0;border-top: 1px solid #e6e7e7;}
#spMenu .menuInner ul li{border-bottom: 1px solid #e6e7e7;}
#spMenu .menuInner ul li img{width:100%;height:auto;vertical-align:bottom;}
#spMenu .menuInner .register{border-bottom: 1px solid #e6e7e7; margin-top: 3%;padding-bottom: 3%;}
#spMenu .menuInner .register input{width:100%;}
#spMenu .menuInner .underText{padding-left: 7%; padding-right: 7%; margin-top: 2em; margin-bottom: 2em; color: #707070; font-size:8.96px;line-height:1.6;width: 86%;}

 
/* spKyachi */
.spKyachi{position:relative;display:block}
.spKyachi .note{width:90%;padding:5% 5%; background-color: #F3F3F3;}
.spKyachi .noteBox{padding:0;}
.spKyachi .rubi{margin:0 0 0.2em;font-size:120%;line-height:1.7}
.spKyachi .pageTitle{margin:0 0 5px 0;color:#00407d;font-size:200%;font-weight:normal;line-height:1.6;letter-spacing:2px}
.spKyachi .applyBtn{width:250px;margin:15px auto 3%;font-size:160%;line-height:44px}
.spKyachi .applayNote{font-size:120%;text-align:center;line-height:1.7;}
.spKyachi .bg{width:100%;height:285px;background:url(../images/kv_cm.png) no-repeat center top}
.spKyachi .index{
	background-color:#fff;
	margin:5% 1%;
}
.spKyachi .bg_tv{
    color: #3496ca;
    font-weight: bold;
}


.btn_cm {
	border: 2px solid #fdc1cc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	padding: 8px 13px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-size: 250%;
	letter-spacing: 0px;
/* 	text-shadow:1px 1px 3px rgba(0,0,0,0.5); */
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	background-color: #f1a2b8;
	background: -moz-linear-gradient(top,#f1a2b8 0%,#f1a2b8);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1a2b8), to(#f1a2b8));

	line-height: 2.6;
}
.btn_tv:hover{opacity:0.8;filter: alpha(opacity=80); color:#fff;}


#i3-1{
	text-align: left;
}


.index{
	background-color:#fff;
	margin:1% 5%;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:100%;
  height:100%;
}
.video p{
	text-align: left;
    top: 102%;
    position: absolute;
    left: 0;
    font-size: 100%;
    padding-top: 0;
}




/* .prSec common style*/
.prSec{padding:5% 3%;background:#f3f3f3}
.prSec2{padding:5% 3%;background:#f3e9e9}
.prSec3{padding:3% 0 0;background:#5dceaf42}
.prSec4{padding:3% 3% 0;background:#cdfff2}
.secTitle{margin:0 0 0.2em;color:#00407d;font-size:180%;font-weight:normal;text-align:left;line-height:1.2}
.secDesc{text-align:left;}
.secDesc{color:#0071ac;font-size:140%;text-align:center;line-height:1.6;}
.secDesc2{color:#1b1b1b;font-size:100%;text-align:left;line-height:1.6;}


/* #pointWrap*/
#main{overflow:hidden;}
#pointWrap{}
#pointWrap .list .note h3{font-size: 290%;}
#pointWrap .list .thumb{max-width:100%;width:100%;min-height:0;padding:30%;float:none;overflow:hidden;position:static}
#pointWrap .item01 .thumb{background:url(../images/character/img_point01.jpg) no-repeat left top;*background-position:left top;background-size:contain;}
#pointWrap .item02 .thumb{background:url(../images/character/img_point02.jpg) no-repeat -30% top;*background-position:-20px top;background-size:contain;}
#pointWrap .item03 .thumb{background:url(../images/character/img_point03.jpg) no-repeat left top;*background-position:left top;background-size:contain;}
#pointWrap .list .note{width:auto;height:auto;padding:3% 5%;}
#pointWrap .item01 .note,
#pointWrap .item03 .note{min-height:100%;float:none}
#pointWrap .item02 .note{min-height:100%;text-align:left;float:none}
#pointWrap .item01 .note h3{max-width:auto;padding:0 0 1% 0;}
#pointWrap .item02 .note h3{padding:0 0 1% 0;}
#pointWrap .item02 .note h3 br{display:none}
#pointWrap .item03 .note h3{max-width:auto;padding:0 0 1% 0;}
#pointWrap .item01 .note h3,
#pointWrap .item02 .note h3,
#pointWrap .item03 .note h3{margin:0 0 0.2em;line-height:1.2;}
#pointWrap .item01 .note p,
#pointWrap .item03 .note p{max-width:auto;padding:0;}
#pointWrap .item02 .note p{padding:0;}
#pointWrap .item02 .note p br{display:none}
#pointWrap .list .note h3,
#pointWrap .list .note p{}

/* #stepWrap*/
#stepWrap{width:100%;padding:8% 0 5%}
#stepWrap .stepBox{width:auto;float:none}
#stepWrap .stepBox .inBox{padding:6% 3% 0}
#stepWrap .stepBox .thumb {padding:0 7.5% 0;}
#stepWrap .stepBox .thumb img{width: inherit;width:100%;height:auto;-ms-interpolation-mode:bicubic;}
#stepWrap .stepBox .note h3{padding:8% 0 0;margin:0 0 3%;color:#0071ac;font-size:170%;}
#stepWrap .stepBox .note p{color:#777777;font-size:140%;line-height:1.6}
#stepWrap .title{padding: 0 5%;}

/* #ankeTypeWrap*/
#ankeTypeWrap{padding:6% 5% 5%;zoom:1}
#ankeTypeWrap .typeBox{max-width:auto;padding:4% 0 0;margin:0;overflow:hidden;zoom:1}
#ankeTypeWrap .typeBox .group1{float:none;*display:block;*width:100%;*max-width:100%;*text-align:center;zoom:1}
#ankeTypeWrap .typeBox .group2{float:none;margin:0;*display:block;*width:100%;*max-width:100%;*text-align:center;zoom:1}
#ankeTypeWrap .typeBox .item{max-width:240px;width:240px;margin:0;display:inline-block;*width:100%;*display:block;*text-align:center;*float:none;zoom:1}

#ankeTypeWrap .typeBox .mReset{}
#ankeTypeWrap .typeBox .inBox{height:auto;margin:0 0 10%;zoom:1}
#ankeTypeWrap .typeBox .thumb{margin:0 0 5%}
#ankeTypeWrap .typeBox .note{}
#ankeTypeWrap .typeBox .note h3{}
#ankeTypeWrap .typeBox .note p{}

* html #ankeTypeWrap .typeBox .item{max-width:240px;width:240px;margin:0;display:inline-block;*width:100%;*display:block;*text-align:center;*float:none;zoom:1}




/* #bankWrap*/
#bankWrap{padding:5% 0 3%;}
#bankWrap .inBox{overflow:hidden}
#bankWrap .group1{margin:0;position:relative}
#bankWrap .group2{overflow:hidden;position:relative}
#bankWrap .squareBox{width:auto;min-height:auto;background:#f3f3f3;}
#bankWrap .group1 .squareBox,
#bankWrap .group2 .squareBox{padding:5%;background:none;position:static}
#bankWrap .group1 .bnrList,
#bankWrap .group2 .bnrList{padding:3%;margin:0 -3% -3% 0;overflow:hidden}
*+html #bankWrap .group2 .bnrList{width:auto;padding:3%;margin:0 -3% -3% 0;overflow:hidden}
#bankWrap .group1 .bnrList .item,
#bankWrap .group2 .bnrList .item{width:47%;margin:0 3% 3% 0;float:left;}
#bankWrap .group1 .bnrList .item2{width:97%;margin:0 3% 3% 0;float:left;}
#bankWrap .group1 .bnrList .item img,
#bankWrap .group2 .bnrList .item img{width: inherit;width:100%;height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}
#bankWrap .squareBox .secTitle{padding:0;font-size: 290%;text-align:left;line-height:1.2;}
#bankWrap .squareBox p{padding:0;color:#777777;text-align:left;line-height:1.6;}
#bankWrap .bnrList .item{}
#bankWrap .bnrList{}
/*IE6 hack*/
* html #bankWrap{padding:5% 0 3%;}
* html #bankWrap .inBox{max-width:auto;padding:0 3%;margin:0;}
* html #bankWrap .group1{width:100%;margin:0;overflow:hidden;position:static}
* html #bankWrap .group2{overflow:hidden;position:static}
* html #bankWrap .squareBox{width:auto;min-height:auto;height:auto;padding:0}
* html #bankWrap .group1 .squareBox{position:static;}
* html #bankWrap .group1 .bnrList{padding:0;margin:0;overflow:hidden}
* html #bankWrap .group1 .bnrList .left{float:left}
* html #bankWrap .group1 .bnrList .right{float:left;margin-right:0}
* html #bankWrap .group1 .bnrList .item{width:48.5%;padding:0;margin:0 3% 3% 0;}
* html #bankWrap .group1 .bnrList .item img{width: inherit;width:100%;height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}
* html #bankWrap .group2 .squareBox{position:static;}
* html #bankWrap .group2 .bnrList{width:auto;padding:0;margin:0;overflow:hidden}
* html #bankWrap .group2 .bnrList .left{float:left}
* html #bankWrap .group2 .bnrList .right{float:left}
* html #bankWrap .group2 .bnrList .item{width:48.5%;padding:0;margin:0 3% 3% 0;}
* html #bankWrap .group2 .bnrList .item img{width: inherit;width:100%;height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}
* html #bankWrap .squareBox .secTitle{padding:0;font-size: 290%;text-align:left;line-height:1.2;}
* html #bankWrap .squareBox p{padding:0;color:#777777;text-align:left;line-height:1.6;}
* html #bankWrap .group1 .bnrList .maNone,
* html #bankWrap .group2 .bnrList .maNone{margin-right:0!important;}
* html #bankWrap .bnrList{}


/* #applyWrap */
#applyWrap{padding-left:5%;padding-right:5%;text-align:center;}
#applyWrap .applyBtn{width:250px;margin:0 auto 1%;margin:0 auto 3%;font-size:18px;}
#applyWrap .applayNote{font-size:140%;}
#applyWrap .secTitle{font-size: 290%;text-align:center;}

/* #monitorWrap */
#monitorWrap{padding:6% 5% 5%;}
#monitorWrap .detail{width:auto;float:none}
#monitorWrap .detail .tit{padding:0;color:#0051a4;font-weight:normal;line-height:1.2;text-align:left; font-size: 290%;}
#monitorWrap .detail .desc{margin:0 0 3%;color:#707070;font-size:160%;}
#monitorWrap .detail .desc br{display:none}
#monitorWrap .detail .note,
#monitorWrap .detail .time{color:#707070;font-size:120%}
#monitorWrap .detail .note{margin:0 0 3%;line-height:1.8}
#monitorWrap .detail .time{color:#0051a4}
#monitorWrap .thumb{width:50%;height:auto;margin:0 auto;background-size:contain;float:none;}
#monitorWrap .thumb2{width:100%;height:auto;margin:0 auto;background-size:contain;float:none;}


#monitorWrap .balloon{display:none}


/* #anywayWrap */
#anywayWrap{padding:10% 0 0;}
#anywayWrap .secTitle{margin:0 5% 1em;}
#anywayWrap .desc{margin:0 5% 2em;color:#777777;text-align:left}
#anywayWrap .thumb{}


/* #aboutWrap */
#aboutWrap{padding:6% 5% 30%;}
#aboutWrap .tit{line-height:1.2; text-align: left; font-size: 290%;}
#aboutWrap .desc,
#aboutWrap .list,
#aboutWrap .list dd,
#aboutWrap .note{text-align:left}
#aboutWrap .desc br,
#aboutWrap .list br{display:none}


/* OTHER */
.spNone{display:none}
.tabNone{display:block}
.pcNone{display:block}


/*=== max-width:640px ==*/}

@media screen and (min-width: 641px) {
	.spOnly{display:none !important;}
}