@charset "utf-8";

body{
    display: none;
}

/*----------------------------------------------------------
    Styles for accordionContent
----------------------------------------------------------*/
.accordion { height: 200px;}
.accordion .ac_btn { cursor: pointer;}
.accordion .ac_btn .btnOpened { visibility: hidden; position: absolute; top: 0; left: 0;}
.accordion .open .btnOpened { visibility: visible;}
.accordion .ac_content { display: none;}

/*----------------------------------------------------------
    Styles for Tab
----------------------------------------------------------*/
.tabchenge { height: 200px;}
.tabchenge .tab { overflow:hidden;}
.tabchenge .tab li { float:left; cursor: pointer;}
.tabchenge .tab li.select { }
.tabchenge .content > * { display: none;}
.tabchenge .content > *.select { display: block;}

/*----------------------------------------------------------
    Styles for slider
----------------------------------------------------------*/
.sliderArea { position: relative;}
/* custom pager */
.sliderArea .pager { overflow: hidden;}
.sliderArea .pager a { color: #333; float: left; display: block; position: relative; float: left;}
.sliderArea .pager a .on { visibility: hidden; position: absolute; top: 0; left: 0; color: #f00;}
.sliderArea .pager a.active .on, .sliderArea .pager a:hover .on { visibility: visible;}

/*  default control */
.sliderArea .bx-wrapper .bx-controls-direction a { margin-top: 0; width: 50px; height: auto;}
.sliderArea .bx-wrapper .bx-prev { left: 0;}
.sliderArea .bx-wrapper .bx-next { right: 0;}
/* default pager */
.sliderArea .bx-wrapper .bx-pager { bottom: 16px;}
.sliderArea .bx-wrapper .bx-pager.bx-default-pager a { background-color: #868686; margin: 0 15px; height: 16px; width: 16px; border-radius: 8px;}

/*----------------------------------------------------------
    Styles for Common
----------------------------------------------------------*/
body { background-color: #fff;}
#header { top: 0; left: 0; position: absolute;}
#header h1 {
    font-size: 13px;
    color: #000000;
    display: inline;
}
#header .title { padding: 18px 0 0; float: left;}
#header .title .logo { margin-right: 25px; vertical-align: middle;}
#header .btn {
    padding: 14px 0 0;
    float: right;
    z-index: 1;
}

#footer { padding: 30px 0;}
#footer .copyright { font-size: 15px; text-align: center;}

#gnavi { background:#557b9d url(../lp/gnavi_bg.png) repeat-x; height: 50px; width: 100%;position: fixed;z-index: 9999;margin-top: -100px;}
#gnavi .inner{width: 980px; margin: 0 auto;}
#gnavi .inner li{height: 48px; line-height: 48px;font-size: 14px;color: white;display: inline-block;text-align: center;width: 188px;margin-left: -2.75px;}
#gnavi .inner li a{text-decoration: none;letter-spacing: 1.2px;height: 48px; line-height: 48px;font-size: 14px;color: white;display: inline-block;text-align: center;width: 188px;}
#gnavi .inner .gnavi_list:after{content: url(../lp/gnavi_bg-list.png);position: relative; top: -43px;left: 96px;}
#gnavi .gnavi_list_btn {position: absolute;width: 228px;background: #fff; }
#gnavi .inner li+li+li+li+li{width: 228px; background: #fff;}
#gnavi .inner li+li+li+li+li a{width: 228px; background: #fff;}
.gnavi_list a:hover {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.gnavi_btn:hover{background:#fff;opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
/*----------------------------------------------------------
    Styles for Container
----------------------------------------------------------*/
.kv {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(../lp/kv_bg01.jpg);
    padding-top: 686px;
    background-color: #010101;
}
.kv .copy { background:#557b9d url(../lp/kv_bg02.png) 50% 65px repeat-x; padding: 37px 0 36px; text-align: center;}

#about .section01:before { content:' '; width: 50%; height: 100%; position: absolute; top: 0; left: 0; background-color: #101411; z-index: 0;}
#about .section01 { position: relative; background: #f7f8fa;}
#about .section01 p { font-size: 16px; line-height: 2; padding-left: 520px; width: 475px; }
#about .section01 p + p { margin: 30px 0 0; }
#about .section01 h2 { text-align: right; padding-top: 75px; margin-bottom: 50px;}
#about .section01 .inner { padding: 0 0 65px; background: url(../lp/about_img01.jpg?ver=200226) no-repeat 50% 0; background-size: cover; position: relative; z-index: 1;}
#about .section02 { background: url(../lp/bg01.png);}
#about .section02 ul { padding: 30px 0 20px 40px;}
#about .section02 ul li { float: left; width: 264px; margin-right: 50px;}
#about .section02 ul li p { font-size: 15px; margin-top: 1em; line-height: 1.86; text-align: center;  }

.cv { background: url(../lp/bg02.png); padding: 40px 0;}
.cv .tel { margin: 0 0 23px; text-align: center;}
.cv .btnArea { padding: 19px 0 10px; width: 980px; margin: 0 auto; background-color: #fff;}
.cv .btnArea ul { padding: 0 19px;}
.cv .btnArea li p { font-size: 15px; text-align: center; margin-top: 8px;}
.cv .btnArea li { width: 465px; float: left; margin-left: 12px;}
.cv .btnArea li:first-child { margin-left: 0px;}

.cv .btnArea.col_1 {}
.cv .btnArea.col_1 .clearfix {
    display: flex;
    justify-content: center;
}

#advantage .section01, #advantage .section03 { background-color: #fff;}
#advantage .section02 { background-color: #f8f8f8;}
#advantage .section01 .inner { padding: 60px 0;}
#advantage .section01 .left { margin: 0 0 0 105px;}
#advantage .section01 .body { padding-left: 462px;}
#advantage .section01 .body .tt { padding: 20px 0 0;}
#advantage .section02 .inner { padding: 68px 0 38px;}
#advantage .section02 .right { margin: 0 33px 0 0}
#advantage .section02 .body { padding-left: 17px;}
#advantage .section02 .body .tt { padding: 9px 0 0;}
#advantage .section03 .inner { padding: 60px 0 57px;}
#advantage .section03 .left { margin: 0 0 0 90px;}
#advantage .section03 .body { padding-left: 462px;}
#advantage .section03 .body p { padding-left: 0;}
#advantage .section03 .body .tt { padding: 95px 0 0;}
#advantage p { font-size: 16px; line-height: 2;}
#advantage .body p { padding-left: 5px;}
#advantage .tt { margin-bottom: 30px;}
#advantage .inner { overflow: hidden;}

.feature .intro { background: #070709 url(../lp/feature_bg03.jpg) no-repeat 50% 0; margin-bottom: 40px;}
.feature .intro .inner { padding-top: 185px; height: 314px;}
.feature .intro .copy { padding: 0 138px; margin-bottom: 80px;}
.feature .intro h2 { text-align: center; margin-bottom: 21px;}
.feature .intro ul li { float: left; margin-left: 18px;}

.feature { background: url(../lp/bg03_01.png);}
.feature .section { border-top: 2px solid #2a4b6f;}
.feature .section p { font-size: 16px; line-height: 2;}
.feature .section .notes { font-size: 13px; line-height: 1.7; }
.feature .section .inner { overflow: hidden; padding-bottom: 50px;}

.feature .feat01 h3 { margin-bottom: 38px;}
.feature .feat01 p { padding: 15px 0 0 110px;}
.feature .feat01 .right { margin-right: 96px;}
.feature .feat01 .notes { margin-top: 20px; padding: 0; float: right;}
.feature .feat02 h3 { margin-bottom: 48px; text-align: right;}
.feature .feat02 .taiguu { border: 1px solid #8397ad; padding: 20px 20px 38px; background-color: #fff;}
.feature .feat02 .taiguu h4 { margin-bottom: 30px;}
.feature .feat02 .taiguu li { margin-bottom: 23px; float: left;}
.feature .feat02 .taiguu .notes { color: #8397ad; text-align: right; margin-top: 30px;}
.feature .feat02 .taiguu hr { margin: 20px 0; border-color: #c1cbd6;}
.feature .feat03 h3 { margin-bottom: 30px;}
.feature .feat03 .graphs { margin-top: 40px; overflow: hidden; position: relative;}
.feature .feat03 .graphs .right { margin-right: 120px;}
.feature .feat03 .graphs .notes { position: absolute; bottom: 0; right: 0;}

.feature .feat04 h3 { margin-bottom: 30px; text-align: right;}
.feature .feat04 .image {margin: 30px 2px 0;}
.feature .feat04 .image ul { width: 923px; margin: 0 auto;}
.feature .feat04 .image li { margin-left: 17px; float: left; width: 171px;}
.feature .feat04 .image li:first-child { margin-left: 0;}
.feature .feat04 .image li p { font-size: 15px; color: #8397ad; text-align: center; line-height: 1; margin-top: 14px;}
.feature .feat04 .image li p.name { font-size: 18px; margin-top: 8px;}
.feature .feat04 .image .head { margin-bottom: 18px; text-align: center;}
.feature .feat04 .otherwork { padding-top: 38px;}
.feature .feat04 .otherwork .head { margin-bottom: 30px; text-align: center;}
.feature .feat04 .otherwork h5 { margin-bottom: 30px; text-align: center;}
.feature .feat04 .otherwork ul { margin-bottom: 10px;}
.feature .feat04 .otherwork ul.bus { width: 686px;}
.feature .feat04 .otherwork li { margin-left: 40px; width: 202px;}
.feature .feat04 .otherwork li p { font-size: 16px; }
.feature .feat04 .otherwork div.colLeft { float: left; width: 441px; padding: 0 0 0 27px;}
.feature .feat04 .otherwork div.colRight { float: right; width: 441px; padding: 0 27px 0 0;}
.feature .feat04-img-wrap{
    background: #fff;
    padding: 28px 0 30px;
    text-align: center;
}
.feature .feat04-img-wrap.responsibleParty{
    color: #8397ad;
    margin: 30px 0 0 0;
}

.feature .feat04-img-wrap.responsibleParty .clearfix{
    display: flex;
    justify-content: center;
    margin: 29px auto 0;
}
.feature .feat04-img-wrap.responsibleParty .clearfix li:nth-child(n + 2){
    margin: 0 0 0 16px;
}
.feature .feat04-img-wrap.responsibleParty .clearfix li p:nth-child(1){
    margin: 17px 0 0 0;
}
.feature .feat04-img-wrap.responsibleParty .clearfix li p:nth-child(2){
    margin: 9px 0 0 0;
}

/* custom pager */
.feature .feat04 .work .sliderArea .pager { width: 973px; margin-top: 26px;/*overflow: hidden;*/}
.feature .feat04 .work .sliderArea .pager a { margin-left: 6px; /*color: #333; float: left; display: block; position: relative; float: left;*/}
/*  default control */
.feature .feat04 .work .sliderArea .bx-wrapper .bx-controls-direction a { margin-top: -56px; width: 29px; height: auto;z-index: 10; }
.feature .feat04 .work .sliderArea .bx-wrapper .bx-prev { left: 0px;}
.feature .feat04 .work .sliderArea .bx-wrapper .bx-next { right: 0px;}
.feature .feat04 .work .bx-wrapper { padding: 8px;/*border: 8px solid #fff;*/ }
.feature .feat04 .work .bx-viewport { padding: 21px 0 34px; background: url(../lp/bg01.png); border-radius: 4px; box-shadow: 0 0 2px #ddd inset;}
.feature .feat04 .work .slider li { text-align: center;}
.feature .feat04 .work .slider img { display: inline;}
.feature .feat04 .work .flow { padding: 48px 0 53px;}
.feature .feat04 .work .flow h3 { margin-bottom: 24px; text-align: center;}

.feature .feat05 h3 { margin-bottom: 30px;}
.feature .feat05 .body .right { margin: -50px 30px 0 -60px;}
.feature .feat05 .feat05_relative{position: relative;}
.feature .feat05 .feat05_btn{position: absolute; top: 132px;}
.feature .feat05 a:hover img{opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

.feature .feat05 .nakama { margin-top: 36px;}
.feature .feat05 .nakama .right { margin: 0 85px 0 27px;}
.feature .feat05 .nakama h4 { margin-bottom: 24px;}
.feature .feat01, .feature .feat03, .feature .feat05 { background: url(../lp/bg03_01.png);}
.feature .feat02, .feature .feat04 { background: url(../lp/bg03_02.png);}

#work .intro { background: #14120e url(../lp/work_bg01.png) no-repeat 50% 0;}
#work .intro .inner { padding-top: 256px; padding-bottom: 40px;}
#work .intro .detail { background-color: #fff; padding-bottom: 20px;}
#work .intro .detail h2 { padding: 20px 0; text-align: center;}
#work .intro .detail p { font-size: 16px; color: #003056; line-height: 1.75;}
#work .intro .detail ul { width: 940px; margin: 20px auto 0;}
#work .intro .detail ul li { margin-left: 45px; width: 217px; padding: 12px 4px 8px; border: 2px solid #003056; background: url(../lp/bg04.png); float: left;}
#work .intro .detail ul li:first-child { margin-left: 0;}
#work .intro .detail ul li p { font-size: 15px; color: #3e3a39; margin-top: 10px; padding: 0 3px; min-height:5.25em;}
.work-list{
    display: flex;
    justify-content: center;
}

.work-detail{
    width: 882px;
    margin-top: 5px;
    margin-left: auto;
}

#mind .headline { padding: 48px 0; text-align: center; position: relative; background-color: #95a9b8;}
#mind .headline .arrow { bottom: -20px; left: 50%; margin-left: -82px; position: absolute;}
#mind .section01 { padding-bottom: 55px; text-align: center;}
#mind .section01 .catch { margin-bottom: 44px;}
#mind .section02 { background-color: #f8f9f6;}
#mind .section02 .inner { padding: 46px 0 40px;}
#mind .section02 .catch { margin-bottom: 30px; text-align: center;padding-top: 40px;}
#mind .section02 .content { position: relative; }
#mind .section02 .content .body p { font-size: 16px; line-height: 2; margin: 10px 0;}
#mind .section02 .content .body { padding: 53px 0 0;}
#mind .section02 .content .left { margin: 0 46px 15px 23px; }
#mind .section02 .content .notes { position: absolute; bottom: -20px; margin: 0 0 0 167px; }
#mind .section02 .kensyuu { background: url(../lp/bg05.png); padding: 30px; margin-top: 40px;}
#mind .section02 .kensyuu .head { margin-bottom: 25px; text-align: center;}
#mind .section02 .kensyuu p { font-size: 15px;  text-align: center; }
#mind .section02 .kensyuu .in { padding: 30px; background-color: #fff;}
#mind .section02 .kensyuu ul { margin-top: 20px;}
#mind .section02 .kensyuu ul li { width: 200px; margin-left: 129px; float: left;}
#mind .section02 .kensyuu ul li:first-child { margin-left: 0px;}
#mind .section02 .kensyuu ul li img { border: 1px solid #acacac;}
#mind .section02 .kensyuu ul li p { margin-top: 8px; text-align: center;}

#voice { background-color: #f3f6f7;}
#voice .headline { text-align: center; background-color: #fff; padding: 35px 0;}
#voice .profile {display: flex; overflow: hidden; margin: 51px 0 0 30px;}
#voice .profile img{position: relative; z-index: 1;}
#voice .profile .body{ margin: 0 0 0 19px;}
#voice .profile .left {}
#voice .profile .tt {margin: 77px 0 0;}
#voice .profile .nameLine { font-size: 16px; color: #003056; margin: 31px 0 0 0;}
#voice .profile .nameLine .tag {}
#voice .profile .nameLine .name {margin: 21px 0 0;}
#voice .faq { position: relative; background:url(../lp/bg06.png); border: 2px solid #a8b7c3; margin: -30px 0 0; z-index: 2;}
#voice .faq dl { padding: 30px;}
#voice .faq dl dd { padding: 10px 0;}
#voice .faq dl dd p { font-size: 16px; margin-bottom: 8px; line-height: 2.1;}
#voice .faq .txt__strong{ color: #003056;}
#voice .inner { padding-bottom: 50px;}
#voice .career-wrap{
    display: flex;
    align-items: center;
    margin: 23px 0 0 0;
}
#voice .career{
    vertical-align: middle;
    margin: 0 0 5px 28px;
}


#flow .inner { padding: 50px 0 45px;}
#flow h2 { text-align: center; margin-bottom: 40px;}
#flow ul { /*width: 865px;*/ width: 915px; margin: 15px auto 0;}
#flow ul li { font-size: 16px; line-height: 1.6; width: 25%; float: left; text-align: center;}

#flow .inner { padding: 50px 0 45px;}
#flow h2 { text-align: center; margin-bottom: 40px;}
#flow ul { /*width: 865px;*/ width: 915px; margin: 15px auto 0;}
#flow ul li { font-size: 16px; line-height: 1.6; width: 25%; float: left; text-align: center;}

#kvbottom { background-position: 50% -80px; padding-top: 606px;}

#faq02 { padding: 71px 0 80px; background:#f4f4f4; }
#faq02 h2 { text-align: center; }
#faq02 .faq02List { margin: 55px 0 0 33px; }
#faq02 .faq02Question { position: relative; padding: 3px 0 3px 50px; border-left: solid #003056 5px; color: #003056; font-family: "Yu Mincho", "游明朝", YuMincho, "游明朝体", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif; font-size: 20px; font-weight: 600; }
#faq02 .faq02Question::before { position: absolute; left: 11px; top: 3px; content: "Q："; }
#faq02 .faq02Answer + .faq02Question { margin: 25px 0 0; }
#faq02 .faq02Answer { position: relative; margin: 12px 0 0; padding: 0 0 0 55px; font-size: 18px; }
#faq02 .faq02Answer p { line-height: 1.8; }
#faq02 .faq02Answer .linkText { position: relative; margin: 15px 0 0; padding: 0 0 0 35px; letter-spacing: .05em; }
#faq02 .faq02Answer .linkText::before { position: absolute; left: 0; top: 5px; width: 23px; height: 23px; background: url(../lp/faq02_icon01.png) no-repeat 50% 0; background-size: cover; content: ""; }
#faq02 .faq02Answer .link { color: #b58515; text-decoration: underline; }
#faq02 .faq02Answer .link:hover { opacity: .8; cursor: pointer; }
#faq02 .faq02Answer::before { position: absolute; left: 16px; top: 5px; color: #a62a43; font-size: 20px; font-weight: bold; content: "A："; }


#header .white-line {
    width: 100%;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.90);
    padding-bottom: 18px;
}