@charset "utf-8";

/*
  visual
---------------------- */
.viContact {
  background: url(/img/vi-contact.png) no-repeat 0 0;
  display: block;
  float: right;
  height: 372px;
  margin-top: -1px;
  position: relative;
  width: 250px;
}
.viContact > p {
  left: 0;
  position: absolute;
  right: 0;
}
.viContact > p img {
  display: block;
  margin: 0 auto;
}
.viContact .viContactLabel {
  top: 112px;
}
.viContact .viContactTel {
  top: 138px;
}
.viContact .viContact24hour {
  top: 176px;
}
.viContact .viContactBtn {
  top: 212px;
}
.viContact .viContactPolicy {
  top: 348px;
  font-size: 10px;
  margin-left: 15px;
}
.viContact .viContactPolicy img {
  float: right;
  margin-right: 18px;
}

#bx-pager .slide2 a {
    background-image:url(/img/main_btn02_navi.png) !important;
}
#bx-pager .slide2 a:hover, #bx-pager .slide2 a.active {
    background-image:url(/img/main_btn02_navi_o.png) !important;
}
#bx-pager .slide4 a {
    background-image:url(/img/main_btn04_navi.png) !important;
}
#bx-pager .slide4 a:hover, #bx-pager .slide4 a.active {
    background-image:url(/img/main_btn04_navi_o.png) !important;
}

/*
  rea
---------------------- */
#body #bodyContent .reason ul .rea01 p,
#body #bodyContent .reason ul .rea02 p {
  margin-top: 55px !important; 
}
.rea01 small {
  display: block;
  color: grey;
  font-size: 9px;
  line-height: 1.4;
}
.rea02 {
  background-image:url(/img/cont_bg02_rea-4.png) !important;
}
.rea03 {
  background-image:url(/img/cont_bg03_rea-4.png) !important;
}
.rea04 {
  background-image:url(/img/cont_bg04_rea-4.png) !important;
}

/*
  flow
---------------------- */
#body #bodyContent .flowNote:before,
#body #bodyContent .surveyNote:before {
  content: '※';
  position: absolute;
  left: 0;
  top:8px;
}
#body #bodyContent .flowNote,
#body #bodyContent .surveyNote {
  clear: both;
  color: grey;
  font-size: 10px;
  line-height: 1.5;
  display: block;
  padding-top: 8px;
  padding-left: 12px;
  position: relative;
}
#body #bodyContent .flowNote {
  float: left;
  width: 355px;
}
#body #bodyContent .surveyNote {
  float: right;
  width: 350px;
  margin-top: -30px;
}

/*
  que
---------------------- */
#body #bodyContent .que {
  background-image: url(../img/que_bg-4.png) !important;
}



/*
========================================================================      END grey 201609
*/
/* CSS TOP */
#main {
    text-align : center;
    width : 100%;
}
#slider {
    float: left;
    padding-top: 14px;
}
.bxslider {
    height: 277px;
    width: 730px;
    overflow: hidden;
}
#bx-pager {
    width : 715px;
    height : 82px;
    padding-left: 15px;
    clear: both;
    background: url(../img/main_bg_navi.png) no-repeat;
}
#bx-pager a {
    display: block;
    width: 172px;
    height: 68px;
    float: left;
    margin-right: 4px;
}
#bx-pager .slide1 a {
    background : url(../img/main_btn01_navi.png) repeat-x center bottom;
}
#bx-pager .slide2 a {
    background : url(../img/main_btn02_navi.png) repeat-x center bottom;
}
#bx-pager .slide3 a {
    background : url(../img/main_btn03_navi.png) repeat-x center bottom;
}
#bx-pager .slide4 a {
    background : url(../img/main_btn04_navi.png) repeat-x center bottom;
}
#bx-pager .slide5 a {
    background : url(../img/main_btn02_navi_2.png) repeat-x center bottom;
}
#main .mainVisual {
    background: url(../img/main_bg.png) repeat-x 0 bottom #f6f6f6;
    margin-bottom:5px;
    padding-bottom:7px;
}
#main .mainVisual .visualInner {
    margin : 0 auto;
    text-align : left;
    width : 1000px;
    padding: 6px 0 20px;
}
#main .mainVisual .visualInner .column {
}
#main .mainVisual .visualInner .column #image-navigation {
    float : left;
    padding : 14px 0 0 0;
    width : 730px;
}
#image-navigation .navi-image {
    height: 277px;
    position: relative;
    width: 730px;
}
#image-navigation .navi-image {
    z-index: 28;
}
#image-navigation .navi-image a {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 8;
}
#image-navigation .navi-image a.active {
    z-index: 10;
}
#main .mainVisual .visualInner .column #image-navigation .navi {
    background : url(../img/main_bg_navi.png) no-repeat;
    width : 730px;
    height : 80px;
}
#main .mainVisual .visualInner .column #image-navigation .navi ul {
    padding : 5px 0 0 15px;
}#main .mainVisual .visualInner .column #image-navigation .navi ul li {
    float: left;
    width: 172px;
    height: 60px;
}
#main .mainVisual .visualInner .column .mainContact {
    float : right;
    padding : 55px 0 0 0;
    background : url(../img/main_side_cont_bg_con.png) no-repeat;
    width : 250px;
    height : 316px;
}
#main .mainVisual .visualInner .column .mainContact .contactInner{
    margin-top: 40px;
}
#main .mainVisual .visualInner .column .mainContact .contactInner p {
    margin-bottom: 10px;
    text-align: center;
}
#main .mainVisual .visualInner .column .mainContact .contactInner p.first{
margin-bottom:7px;
}
#main .mainVisual .visualInner .column .mainContact .contactInner ul {
    padding: 0px 15px;
}
#main .mainVisual .visualInner .column .mainContact .contactInner ul li a > img:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}
#body #bodyContent {padding-top:6px;}
#body #bodyContent .reason {
    width: 750px;
    padding-bottom: 13px;
    background-color: #f6f6f6;
    /*background : url(../img/reason_bg_body.png) repeat-y 0 0 transparent;*/
}
#body #bodyContent .reason ul {
    text-align : left;
    border: 3px solid #D3D3D3;
    border-top: none;
    border-bottom: none;
    padding-bottom: 13px;
}
#body #bodyContent .reason ul li {
    float: left;
    width: 354px;
    height: 176px;
}
#body #bodyContent .reason ul li.rea01 {
    background : url(../img/cont_bg01_rea.png) no-repeat;
    margin: 13px 6px 0 12px;
}
#body #bodyContent .reason ul li.rea02 {
    background : url(../img/cont_bg02_rea.png) no-repeat;
    margin: 13px 0 0 4px;
}
#body #bodyContent .reason ul li span.gray-note{
    line-height: 12px;
    padding: 5px 21px 0 0;
    text-align: right;
    display: block;
}
#body #bodyContent .reason ul li.rea03 {
    clear: both;
    background : url(../img/cont_bg03_rea.png) no-repeat;
    margin: 5px 6px 0 12px;
}
#body #bodyContent .reason ul li.rea04 {
    background : url(../img/cont_bg04_rea.png) no-repeat;
    margin: 5px 0 0 4px;
}
#body #bodyContent .reason ul li p {
    line-height: 130%;
    font-size: 12px;
    width: 235px;
    margin-top: 65px;
    padding-left: 105px;
    color: #3f3f3f;
}
#body #bodyContent .reason ul li div {
    float: left;
    margin: 82px 0 0 20px;
}
#body #bodyContent .reason-btn-bar {
    background : url(../img/reason_bg_footer.png) no-repeat 0 0 transparent;
    padding: 12px 0 25px;
}
#body #bodyContent .reason-btn-bar a img{
    margin-left: 3px;
}
#body #bodyContent .reason-btn-bar a:first-child img{
    margin-left: 0;
}
#body #bodyContent .que {
    height: 368px;
    margin: 15px 0 15px;
    padding-top: 72px;
    box-sizing: border-box;
    background: url(../img/que_bg.png) no-repeat -2px 0 transparent;
    position: relative;
}

.tenTit{
padding-bottom:13px;
}
.tenTit,
.tenTit2{
position:relative;
}
.tenTit img,
.tenTit2 img{
position:relative;
z-index:1;
}
.tenTit a,
.tenTit2 a{
z-index:2;position:absolute;right:15px;background: url(/common/img/common_icon10.png) no-repeat 0 50%;padding-left:17px;
font-size:12px;font-weight:normal;line-height:15px;
top:11px;
}

#body #bodyContent .que p {
    margin: 0 auto;
}
#body #bodyContent .que ul {
    display: block;
    padding-left: 28px;
    padding-top:10px;
}
#body #bodyContent .que ul li {
    float: left;
    background-color: #fff;
    width: 320px;
    padding: 10px;
}
#body #bodyContent .que ul li .thums {
    float: left;
    width: 85px;
    height: 110px;
    overflow: hidden;
    margin: 10px 10px 0 10px;
}
#body #bodyContent .que ul li .columnCont dl dt {
    color: #FFF;
    font-size: 10px;
    background-color: #ff7a21;
    width: 67px;
    line-height: 18px;
    font-weight: bold;
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
}
#body #bodyContent .que ul li .columnCont dl dd:first-child{
    background: none;
    margin-left: -13px;
}
#body #bodyContent .que ul li .columnCont dl dd {
    color: black;
    font-size: 13px;
    margin-top: 5px;
    font-weight: bold;
    text-align: left;
    height: 45px;
    overflow: hidden;
}
#body #bodyContent .que ul li .columnCont dl dd.level {
    height: 30px;
    padding: 0 0 0 48px;
    background: url(/img/que_level_bg.png) no-repeat;
    text-align: left;
    width: 214px;
    box-sizing: border-box;
    line-height: 30px;
}
#body #bodyContent .que ul li .columnCont dl dd.level .star {
    font-size: 18px;
}
a:visited{
    color: #221815;
}
#body #bodyContent .que ul li .columnCont dl dd a:link{
    color: #ff7a21;
}
#body #bodyContent .que .queBtn {
    position: absolute;
    left: 229px;
    bottom: 20px;
}
#body #bodyContent .ten-title {
    margin: 0 0 11px 0;
    background: url(/img/cont_stit_ten.png) no-repeat;
    width: 752px;
    height: 43px;
    text-align: right;
}
.dashicons.dashicons-star-filled {
    line-height: 28px;
}
#body #bodyContent .ten-title a img{
    margin: 6px 10px 0 0;
}
#body #bodyContent .ten{
    text-align : left;
}
#body #bodyContent .ten ul li {
    box-sizing: border-box;
    float : left;
    width : 244px;
    height : 99px;
    margin: 0 9px 11px 0;
    display: block;
    background: url(/img/ten_case_bg.png) no-repeat 0 0 transparent;
    overflow: hidden;
}
#body #bodyContent .ten ul li:hover{
    cursor:pointer;
}
#body #bodyContent .ten ul li .thumb{
    float: left;
    margin-left: 11px;
    height: 95px;
    width: 75px;
}
#body #bodyContent .ten ul li .caseBox{
    margin-left: 95px;
    width: 125px;
}
#body #bodyContent .ten ul li .caseBox .name{
    color: #333333;
    line-height: 20px;
    font-size: 13px;
    padding-left: 17px;
    background: url(/img/ten_arrow.png) no-repeat 0 center transparent;
    font-weight: bold;
    margin-top: 10px;
}
#body #bodyContent .ten ul li .caseBox p{
    font-size: 12px;
    color: #333;
    padding: 4px 11px 0 0;
    line-height: 1.5em;
}
#body #sideContent .service{
    margin-top: 25px;
}
.price-head{
    margin-top: 21px;
}
.price-wrap{
    background: url(/img/price_bg_body.png) repeat-y 0 0 transparent;
}
.price-wrap .price-line{
    margin-bottom: 5px;
    padding-left: 15px;
}
.price-wrap .price-line .price-case{
    box-sizing: border-box;
    padding: 48px 18px 61px 168px;
    height: 141px;
    width: 360px;
    float: left;
    text-align: left;
    font-size: 10px;
    line-height: 14px;
}
.price-wrap .price-line .case-01{
    margin-right: 5px;
    background: url(/img/price_case_01.png) no-repeat 0 0 transparent;
}
.price-wrap .price-line .case-02{
    padding-top: 56px;
    background: url(/img/price_case_02.png) no-repeat 0 0 transparent;
}
.price-wrap .price-line .case-03{
    padding-top: 56px;
    margin-right: 5px;
    background: url(/img/price_case_03.png) no-repeat 0 0 transparent;
}
.price-wrap .price-line .case-04{
    background: url(/img/price_case_04.png) no-repeat 0 0 transparent;
}
.price-wrap .price-banner{

}
.price-wrap .gray-note{
    box-sizing: border-box;
    height: 62px;
    text-align: left;
    padding: 10px 0 18px 15px;
}
.price-btn-bar{
    text-align: center;
    background: url(/img/price_bg_btn.png) no-repeat 0 0 transparent;
    box-sizing: border-box;
    height: 76px;
    padding-top: 16px;
    margin-bottom: 20px;
}
.price-btn-bar a img{
    margin-left: 23px;
}
.price-btn-bar a:first-child img{
    margin-left: 0;
}
.cont-04{
    margin: 20px 0 22px 0;
    overflow: hidden;
}
.cont-04 .cont-04-body{
    margin-top: 15px;
    overflow: hidden;
}
.cont-04 .cont-04-body .flow{
    background: url('/img/flow_chart.png') no-repeat 0 0 transparent;
    float: left;
    width: 371px;
    height: 309px;
    box-sizing: border-box;
    text-align: left;
}
.cont-04 .box-flow{
    margin-left: 385px;
    height: 334px;
    padding: 1px 0;
    background: url('/img/flow_contact.png') no-repeat 0 0 transparent;
}
.cont-04 .box-flow .div-btn{
    margin-top: 181px;
}
.cont-04 .note-04{
    float: left;
    clear: both;
    width: 360px;
    margin-top: 320px;
    font-size: 9px;
}
/*------------------*/
.top_sec_01 {
border-left:3px solid #d3d3d3;
border-right:3px solid #d3d3d3;
border-bottom:3px solid #d3d3d3;
background:url(/img/ind-01-2_bg.png) repeat 0 0;
padding:7px;
}
.top_sec_01 p {
background:#fff;
text-align:left;
padding:15px 20px;
}


/*------------------*/
.reaBtn{
background: url('/img/ind-02.png') no-repeat 0 0 transparent;
min-height:452px;
padding-bottom:12px;
}
.reaBtn p.p01{
padding:312px 0px 44px 41px;
text-align:left;
color:#4e4c4c;
}
.reaBtn  li{
float:left;
width:321px;
}
.flowInnerTop img:hover, .queBtn img:hover{
filter: alpha( opacity=80 );
    opacity: 0.8;
}
.reaBtn .cf{
padding-left:49px;
}
.ind_gr01{
margin-top: -5px;
padding-bottom:15px;
}
.reaBtn1{
background: url('/img/ind-04.png') no-repeat 0 0 transparent;
min-height:379px;
}
.reaBtn2{
    background: url('/img/ind-05.png') no-repeat 0 0 transparent;
    min-height:83px;
    padding:0px 0px 20px 29px;
    margin-top: -13px;
}
.reaBtn2 li{
    float:left;
    padding-top:16px;
    width:341px;
}
.note{
    font-size: 10px;
    color: gray;
    text-indent: -1em;
    padding-left: 1em;
}
#body #bodyContent .reason ul li.rea03 span{
    font-size: 10px;
    color: gray;
    margin-left: 105px;
}

.infoArea01  {
  margin:  36px 0 0;
}
.articleList .cmnTit01{
    background: url(../common/img/ttl_bg.png) repeat-x bottom;
    text-align:  left;
    color:  #fff;
    font-size:  18px;
    letter-spacing:  1px;
    padding:  10px 18px;
}

 .articleList ul {
  margin-bottom:55px;
  padding-bottom:5px;
  padding-left:15px;
  padding-top:15px;
  text-align:left;
  overflow: hidden;
  background: #f1f1f1;
}
 .articleList ul li {
  float:left;
  display:table;
  margin-bottom:10px;
  margin-right:10px;
  width:calc(50% - 15px);
}
 .articleList ul li.articleList-riyo a:before {
  background-image:url(/common/img/ico_riyo.png);
}
 .articleList ul li.articleList-gyosha a:before {
  background-image:url(/common/img/ico_gyosha.png);
}
 .articleList ul li.articleList-kouka a:before {
  background-image:url(/common/img/ico_kouka.png);
}
 .articleList ul li.articleList-ryokin a:before {
  background-image:url(/common/img/ico_ryokin.png);
}
 .articleList ul  .hasThumb a {
  padding: 16px 16px 16px 11px;
}
 .articleList ul  .hasThumb a:before {width: 0!important; }
 .articleList ul  .hasThumb span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px 0 0px;
  text-decoration:  underline;
}
 .articleList ul  .hasThumb {}
 .articleList ul li a:before {
  background-color:#cc0000;
  background-position:0 0;
  background-repeat:no-repeat;
  border-radius:4px;
  content:'';
  display:block;
  height:36px;
  left:10px;
  position:absolute;
  top:50%;
  margin-top:-18px;
  width:36px;
  z-index:2;
}
 .articleList ul li a {
  background-color:#fff;
  border-radius:4px;
  font-size:1.05em;
  line-height:1.5;
  display:table-cell;
  padding:16px 16px 16px 56px;
  position:relative;
  border-radius:2px;
  vertical-align:middle;
  height:100%;
  width:100%;
}