@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: 34px 34px 40px !important; border: 6px solid #ff97ab; }
#contentArea .content01 h2 { margin-bottom: 7px; }
.content01 .read { width: 480px; margin: 25px 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: -1.3em; padding-left: 1.3em; }
.content02 ul li ul { margin-bottom: 0 }
.content02 ul li.ti_0 { text-indent: 0; padding-left: 0; }
.content02 ul li.ti_1 { 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; }
.box01 p:nth-of-type(2) { width: auto; margin-bottom: 23px; font-size: 12px; }
.box01 p:nth-of-type(3) { text-align: center; }
.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: 505px; }
.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 14px 13px; }
.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; }
.noteBox_img { width: 249px; margin: 21px auto 0; }
.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: 20px; display: block; float: left; height: 16px; width: 16px; padding-top: 2px; }
.annotation { color: #7c7c7c; font-size: 70%; padding-left: 5px; }
.blueLine { margin-top: 30px; padding-top: 30px; border-top: #558cbe solid 2px; }
.step_2 p { margin-bottom: 0; }
.pinkLine { margin-top: 205px; 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_mark:before { content: url(../images/marker_06.png); padding-right: 1.3em; 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 .alert.red { float: left; width: 500px; height: 60px; padding-left: 1.3em; text-indent:-1.3em; }
.content01 .alert { padding-left: 1.3em; text-indent:-1.3em; }
.content01 .annotation { clear: both; padding-left: 1.3em; text-indent:-1.3em; }
.content01 .annotation span { float: right; }
.step_2 ul li { padding-left: 1em; text-indent: -1em; }
.step_2.pinkLine .indent { padding-left: 1.3em; text-indent: -1.3em; }
/*=========================================================================
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: 493px; }
.balloon02 { top: 237px; left: 29px; }
.balloon03 { top: 208px; left: 243px; }
.balloon04 { top: 50px; left: 181px; }
.balloon05 { top: 242px; left: 747px; }
.balloon06 { top: 262px; left: 493px; }
.slide-content .slidIllust { margin: 0 auto 42px; text-align: center; }
.slide-content .solutionWrap { overflow: hidden; width: 966px; margin: 0 auto 38px; }
.slide-content .solution { position: relative; float: left; margin: 0; border:dotted #d2d2d2; border-width: 0 3px 0 0; }
.slide-content .solution:last-of-type { border: none; }
.slide-content .solutionBtn01 { position: absolute; top: 326px; left: 58px; }
.slide-content .solutionBtn02 { position: absolute; top: 326px; left: 58px; }
.slide-content .solutionBtn03 { position: absolute; top: 326px; left: 58px; }
.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 { margin: 0 auto 16px; text-align: center; }
.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 }
.serviceWrap { width: 828px; margin: 0 auto 50px; }
.serviceWrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.slide-content .service_tit { margin-bottom: 45px; }
.serviceWrap .left { float: left; }
.serviceWrap .right { float: right; }
.slide-content .service_sub_tit { margin-bottom: 30px; }
.slide-content .service_txt { margin: 0 0 14px 12px; font-size: 16px; line-height: 1.5; }
.caseWrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.content01 .case_tit { width: 602px; margin: 53px auto 39px; }
.caseWrap .left { width: 378px; height: 100%; float: left; }
.caseWrap .right { width: 378px; height: 100%; float: right; }
.caseWrap .left 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; }
.caseWrap .right 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; }
.case_plan { float: left; margin-left: 26px; }

/*=========================================================================
footer
=========================================================================*/
#jbk-footer-area { min-width: 1078px; }


/*=========================================================================
181226 add
=========================================================================*/
.bx-wrapper { background: rgba(255,255,255,0); }
.bxslider .slid-text { bottom: 187px; right: 80px; width: 370px; }
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { bottom: 94px; }
.slide03-link { position: absolute; right: 80px; bottom: 135px; text-align: right; }
.slide03-link a { color: #558cbe; font-size: 14px; font-weight: bold; text-decoration: underline; }
.slide03-link a:hover { text-decoration: none; }

.acd-ttl { position: absolute; z-index: 10; left: 0; bottom: 0; width: 100%; background: #edeef3; color: #ff0a0a; line-height: 4; text-align: center; cursor: pointer; }
#acd-contents { display: none; width: 100%; background: #fff; }
.icon-caution { position: relative; padding-left: 24px; }
.icon-caution:before { content: ""; position: absolute; top: 2px; left: 0; width: 18px; height: 100%; background-image: url("../images/marker_04.png"); background-repeat: no-repeat; background-size: auto 18px; }
.acd-ttl span:after { content: ""; position: absolute; top: 1px; right: -24px; width: 10px; height: 10px; border-top: 2px solid #6a6a6a; border-right: 2px solid #6a6a6a; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.acd-ttl.active span:after { top: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.note-list01 { padding: 30px 90px; }
.note-list01 li { margin-top: 15px; font-size: 18px; color: #545353; }
.note-list01 li:first-child { margin-top: 0; }
.icon-arrow { position: relative; padding-left: 24px; }
.icon-arrow:before { content: ""; position: absolute; left: 0; width: 18px; height: 100%; background-image: url("../images/arrow_link.png"); background-repeat: no-repeat; background-size: auto 18px; }
.note-list01 li a { color: #545353; text-decoration: none; }
.note-list01 li a:hover { text-decoration: underline; }

/*=========================================================================
190121
=========================================================================*/
.risk_tit { padding: 67px 0 30px; }
#caution li.yellow_arrow_mark { margin: 10px 0; }
#caution li.yellow_arrow_mark:before  { content: url(../images/arrow_link_01.png); padding-right: 1.3em; display: block; float: left; height: 11px; width: 11px; padding-top: 1px; }
#caution li.yellow_arrow_mark a { color: #545353; text-decoration: none; }
#caution li.yellow_arrow_mark a:hover { text-decoration: underline; }
/*=========================================================================
190320
=========================================================================*/
.slid-text.slid-text02 { bottom: 123px; width: 383px; }
.slid-text a { color: #565656; font-weight: bold; }
.slid-text a:hover { text-decoration: none; }
.slid-text .caution { display: block; padding-left: 1.3em; text-indent: -1.3em; }
.slid-text .marker_07 { display: inline; margin-right: 4px; }
.br2 { line-height: 2.5; }