@charset "utf-8";
body { background-image: url(../images/bg_01.gif); color: #565656; line-height: 160%; }
a { color: #eb6100; }
a:hover { color: #eb5300 }
p { margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 1em; }
ul { margin-bottom: 20px; padding: 0; }
li { list-style: none; }
.but:hover { opacity: 0.8; filter: alpha(opacity=80); text-decoration: none; }
h3 { margin: 0.5em 0 0 0; }
strong { font-weight: bold; color: #eb7000; }
.c-table-03 th { width: 30%; }
.c-table-03 ul { margin: 0; }
.c-table-03 li { margin: 0.5em 0; }
.c-ground-01 h2 { padding-top: 30px; }
.f110p { font-size: 110%; }
.fontl { font-size: 140%; }
.fonts { font-size: 85%; line-height: 130%; }
.fc1 { color: #e52323; }
.fc1 strong { font-weight: bold; color: #698c17; }
.fc2 { color: #eb7000; }
.fc3 { color: #666; }
.ul2 { list-style-type: none; text-indent: -1em; }
.c { text-align: center; }
.b { font-weight: bold; }
.cb { clear: both; }
.mt1e { margin-top: 1em; }
.mb0 { margin-bottom: 0; }
.r { text-align: right; }
.lh160 { line-height: 160%; }
/*=========================================================================
style.css 2015.12.22
=========================================================================*/

.relative { position: relative; }
.fl { float: left; }
.fr { float: right; }
.pb10 { padding-bottom: 10px!important; }
.pb70 { padding-bottom: 70px!important; }
.mt10 { margin-top: 10px!important; }
.mt20 { margin-top: 20px!important; }
.mt40 { margin-top: 40px!important; }
.mt60 { margin-top: 60px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb70 { margin-bottom: 70px!important; }
.mr20 { margin-right: 20px!important; }
.txc { text-align: center; }
.txr { text-align: right; }
.underline { text-decoration: underline; }
p.anno { color: #7c7c7c; font-size: 74%; }
#introduction_top { text-align: center; }
#introduction_top h1 { margin: 0 !important; }
#contentArea { padding: 50px 0 0; min-width: 1078px; background-color: #efefef; margin: 0 auto; }
.content01 { width: 978px!important; background-color: #FFFFFF !important; margin: 0 auto; padding: 54px 34px 22px !important; border: 6px solid #ff97ab; }
#contentArea .content01 h2 { margin-bottom: 7px; }
.content01 .read { width: 480px; margin: 56px auto 39px; }
.content02 { width: 977px!important; background-color: #FFFFFF !important; margin: 60px auto 0; padding: 61px 40px 26px !important; }
.content02 h4 { margin: 28px 0 18px; }
.content02 p { font-size: 12px; margin-bottom: 3px; line-height: 1.2; }
.content02 span.blue { color: #558cbe; font-weight: bold; }
.content02 span.pink { color: #fc76b2; font-weight: bold; }
.content02 ul { margin-bottom: 23px; }
.content02 ul li { font-size: 12px; line-height: 1.7; text-indent: -1em; padding-left: 1em; }
.introduction { width: 48.9%; height: 100%; float: left; border: 2px solid #558cbe; }
.introduction h3 { margin: 0; padding: 9px 0 11px; background-color: #558cbe; text-align: center; color: #ffffff; font-size: 17px; font-family: "A-OTF UD新ゴNT Pro"; font-weight: normal; }
.step_content { padding: 30px 26px 0; }
.step_content .scroll { height: 160px; }
.step_content p { margin-right: -5px; width: 383px; padding-left: 2px; line-height: 1.5; }
.step_content .annotation { text-indent: -1em; margin-left: 1em; line-height: 1.7; font-size: 12px; width: 372px; margin-bottom: 0; }
.box01 { background-color: #fff2e3; padding: 17px 18px 5px; margin: 0 2px 30px; }
.box01 p { width: 338px; color: #e70000; font-size: 14px; line-height: 1.6; }
.box02 { background-color: #fff2e3; padding: 25px 2px 30px 0px; margin: 24px 2px 0; }
.box02 p { width: 282px; margin: 0 auto; }
.box03 { background-color: #fff2e3; padding: 23px 3px 30px 0px; margin: 0 2px 0; }
.box03 p { font-size: 12px; margin: 0 auto; }
.box04 { background-color: #ffffff; width: 320px; margin: 0 auto; padding: 15px 0px 20px; }
.box04 p { width: 280px; line-height: 1.7; }
.introduced { width: 48.8%; height: 100%; float: right; border: 2px solid #fc76b2; }
.introduced h3 { margin: 0; padding: 9px 0 11px; background-color: #fc76b2; text-align: center; color: #ffffff; font-size: 17px; font-family: "A-OTF UD新ゴNT Pro"; font-weight: normal; }
.step_2 { height: 458px; }
.step_title { margin: 0 0 26px 0; }
.step_2 .step_title { margin: 0 0 33px 0; }
.noteBox { background: #EEEEEE; margin: 0 2px 27px; padding: 12px 50px 13px 14px; }
.noteBox p { font-size: 85%; line-height: 180%; width: 340px; margin-bottom: 0; }
.noteBox ul { margin-left: 1em; margin-bottom: 0; }
.noteBox li { font-size: 87%; line-height: 160%; width: 324px; text-indent: -1em; margin-right: 1em; }
.introduced .noteBox { padding: 14px 50px 11px 13px; margin-bottom: 29px; }
.introduced .noteBox p { line-height: 1.6; font-size: 14px; }
.icon_text { text-indent: -1.3em; margin-left: 2em; }
.icon_text:before { content: url(../images/marker_05.png); padding-right: 18px; display: block; float: left; height: 16px; width: 16px; padding-top: 2px; }
.annotation { color: #7c7c7c; font-size: 70%; padding-left: 5px; }
.blueLine { margin-top: 144px; padding-top: 30px; border-top: #558cbe solid 2px; }
.step_2 p { margin-bottom: 0; }
.pinkLine { margin-top: 29px; padding-top: 30px; border-top: #fc76b2 solid 2px; }
.content02 h3 { margin: 0 0 31px; text-align: center; }
.totop { width: 976px; margin-top: 29px; margin-right: auto; margin-left: auto; text-align: right; margin-bottom: 5px; padding-bottom: 30px; }
.mb24 { margin-bottom: 24px; }
.step_content .cvbtn { width: 341px; margin: 0 auto 28px; padding: 0; }
.step_content .cvbtn .btn { padding: 0; margin-left: -1px; }
.box03 .w239 { width: 239px; margin: 0 auto; }
.box03 .w319 { width: 330px; margin: 15px auto 15px; line-height: 1.7; }
.red { color: #e70000; }
.content02 .mt25 { margin-top: 25px; }
.content02 .mt29 { margin-top: 29px; }
.content02 .txt_left { text-align: right; margin-top: 30px; }
#contentArea .txt02 { font-size: 15px; font-weight: bold; margin-bottom: 5px; padding-left: 18px; letter-spacing: 0.05em; text-align: center; }
#contentArea .cv02 { width: 652px; margin: 53px auto 0;/* text-align:center; */
}
#contentArea .cv02 p { }
#contentArea .cv02 img { width: 652px; height: 68px; padding: 0; margin-left: -2px; }
li.red:before { content: url(../images/marker_06.png); padding-right: 12px; display: block; float: left; height: 11px; width: 11px; padding-top: 1px; }
/*for IE7??*/

h1.logo a { *margin-left:25px;
}
#header-accessary { *margin-right:25px;
}
#jbk-copyright-area { padding: 0.4em 0; }
/*=========================================================================
clearfix
=========================================================================*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/*IE6,7対策 （haslayout対策）*/
.clearfix {  *zoom:1;
}
/*=========================================================================
main visual
=========================================================================*/
#introduction_top h1 { min-width: 1078px; margin: 0 auto; background: url(../images/mv_bg.png) repeat center top; }
#introduction_top { background-color: #efefef; }
/*
#jbk-header-area .logo { margin-left: 44px; }
*/

.content01 .annotation { clear: both; }
.content01 .annotation span { float: right; }
.step_2 ul li { padding-left: 1em; text-indent: -1em; }
/*=========================================================================
slide-content
=========================================================================*/
.slide-content { width: 978px; margin: 0 auto; border: 6px solid #eb7000; background: #fff; }
.slide-content p { margin: 0; }
.slide-content h2 { border-bottom: 6px solid #eb7000; background: #eb7000; }
.slide-content .balloonArea { position: relative; height: 461px; }
.slide-content .balloonArea p { position: absolute; }
.balloon01 { top: 50px; left: 82px; z-index: 2; }
.balloon02 { top: 237px; left: 28px; }
.balloon03 { top: 208px; left: 242px; }
.balloon04 { top: 50px; left: 493px; }
.balloon05 { top: 242px; left: 493px; }
.balloon06 { top: 273px; left: 747px; }
.slide-content .slidIllust { margin: 0 auto 31px; text-align: center; }
.slide-content .solutionWrap { overflow: hidden; width: 933px; margin: 0 auto 50px; }
.slide-content .solution { position: relative; float: left; margin: 0 15px; }
.slide-content .solutionBtn01 { position: absolute; top: 295px; left: 31px; }
.slide-content .solutionBtn02 { position: absolute; top: 295px; left: 31px; }
.slide-content .solutionBtn03 { position: absolute; top: 295px; left: 31px; }
.slideGoTo01, .slideGoTo02, .slideGoTo03 { cursor: pointer; }
.slideGoTo01:hover, .slideGoTo02:hover, .slideGoTo03:hover { opacity: 0.8; }
.slide-content a:hover img { opacity: 0.8; }
.conversion { width: 978px; margin: 60px auto; }
.conversion .cvTitle { width: 682px; margin: 0 auto 16px; }
.conversion .cv_btn { width: 671px; margin: 0 auto; padding: 0; }
.conversion .cv_btn a img { padding: 0; }
.sl-overlay { background: #000 !important; }
.bxslider .slid-text { position: absolute; bottom: 83px; right: 90px; width: 360px; margin: 0; font-size: 14px; line-height: 1.25; word-break: normal; cursor: default; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.bxslider .slid-text .orange { color: #eb7000; }
.bxslider .slid-text .slide-small { padding-top: 0.5em; color: #888888; font-size: 12px; display: block; }
html.modalLock { overflow: hidden; }
#modal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; background: rgba(0, 0, 0, 0.6); -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; }
#modal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; padding: 0 56.5px; overflow: auto; display: none; }
#modal-content { width: 1078px; width: 965px; margin: 20px auto; position: relative; z-index: 10001; }
#closeBtn { position: absolute; top: 0; right: 0; width: 51px; height: 52px; cursor: pointer; z-index: 10002; overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0.3); }
#closeBtn:hover { opacity: 0.8; }
.bx-wrapper { position: relative; margin: 0; padding: 0; -ms-touch-action: pan-y; touch-action: pan-y; background: #fff }
.bx-wrapper img { max-width: 100%; display: block }
.bxslider { margin: 0; padding: 0 }
ul.bxslider { list-style: none }
.bx-viewport { -webkit-transform: translateZ(0) }
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { position: absolute; bottom: 30px; width: 100% }
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #e6e6e6; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 5px; outline: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #999999 }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item { display: inline-block; vertical-align: bottom }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0 }
.bx-wrapper .bx-prev { left: 30px; }
.bx-wrapper .bx-next { right: 30px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 48%; margin-top: -16px; outline: 0; text-indent: -9999px; z-index: 9999 }
/*=========================================================================
footer
=========================================================================*/
#jbk-footer-area { min-width: 1078px; }