@charset "UTF-8";

      body{
      padding:0;
      margin:145px 0 0 0;
      }
      
      #example3 .sp-selected-thumbnail:first-child {
      background-color:#fff;
      border:0;
      display:none;
      width:0;
      }
      
      #example3 .sp-selected-thumbnail {
      background-color:rgba(89,57,36,0.9);
      border:0;
      }
      
      #example3 {
      position:relative;
      width:100%;
      height:610px;
      margin-bottom:35px;
      }

.nav-justified {
      position: relative;
    }

    .nav-justified > li {
      float: none;
    }

    .nav-justified > li > a {
      vertical-align: middle;
      display: block;
      width: 100%;
      height: 100%;
    }
    
    .navbar-default {
   background-color:#fff;
    }
    
nav h1 {
font-size:12px;
font-weight:bold;
color:#144097;
margin-top:0px;
}

.title-box-con {
padding:23px 0 10px 0;
}

.title-box {
padding:5px 15px;
}


footer {
background-color:#593924;
color:#fff;
padding-bottom:100px;
padding-top:20px;
}

.seminar-info a img:hover,
a.alpha img:hover {
opacity:0.8;
}


footer ul {
margin-top:40px;
}

footer li {
font-size:12px;
list-style:none;
padding-bottom:0.5em;
}

footer a {
color:#fff;
}

footer a:hover {
color:#fff;
text-decorationunderline;
}

.copycopy {
font-size:11px;
}

.copycopy p {
margin:70px 0 20px 0;
}

.location-box {
padding:20px;
background-color:#fff;
color:#666;
font-size:12px;
}

.location-box h3 {
color:#593924;
font-weight:bold;
font-size:16px;
}

.location-box a {
color:#593924;
}

.location-box a:hover {
color:#593924;
text-decoration:underline;
}


a.foot-btn {
color:#593924;
border:1px solid #593924;
border-radius:5px;
background-color:#fff3eb;
text-align:center;
padding:10px 0;
display:block;
margin-top:20px;
}

a.foot-btn:hover {
color:#593924;
text-decoration:none;
background-color:#f6e7dd;
}

.foot-btn-box {
margin-bottom:30px;
}

.news-box{
background-color:#fff8f2;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
padding:10px 0;
margin:30px 0 0 0;
}

.news-box h3 {
text-align:center;
margin-bottom:30px;
}

.news-box dl {
margin-bottom:5px;
}

.top-bottom-logo {
margin:100px 0 30px 0;
}

a.top-con-btn {
display:block;
color:#fff;
font-weight:bold;
font-size:16px;
text-align:center;
padding:40% 15px;
background-color:#593924;
margin-bottom:20px;
}

a.top-con-btn:hover {
text-decoration:none;
background-color:#452a18;
}

a.seminar-btn-etc {
background-color:#f3f3f3;
border:1px solid #593924;
text-align:center;
font-size:16px;
padding:15px 0;
display:block;
color:#593924;
}

a.seminar-btn-etc:hover {
text-decoration:none;
background-color:#dfdfdf;
}

.seminar-btn-etc-box {
margin-top:50px;
margin-bottom:50px;
}

.seminar-con {
background-color:#fff8f2;
border:1px solid #593924;
padding:0px 10px;
font-size:14px;
color:#666;
}

.seminar-con h4 {
font-weight:bold;
font-size:14px;
color:#593924;
}

.seminar-con a.seminar-con-btn {
display:block;
color:#fff;
text-align:center;
background-color:#593924;
font-size:16px;
font-weight:bold;
padding:15px 0;
margin-left:-10px;
margin-right:-10px;
}

.seminar-con a img {
padding:0;
}

.seminar-con a:hover {
text-decoration:none;
background-color:#452a18;
}

.seminar-con p{
height:60px;
margin:10px 0;
}

ul.nav li a{
font-weight:bold;
color:#144097 !important;
}

ul.nav li {
border-right:1px solid #eaeaea;
}

ul.nav li:last-child{
border-right:0px solid #eaeaea;
}

.head-sub {
color:#144097;
font-weight:bold;
}

.head-sub span {
font-size:35px;
}

dt.info-label01 {
background:url(../img/info-label01.png) no-repeat right center;
color:#fff;
font-weight:bold;
padding:5px 40px 5px 0;
}

dt.info-label02 {
background:url(../img/info-label02.png) no-repeat right center;
color:#fff;
font-weight:bold;
padding:5px 40px 5px 0;
}

.bread {
margin-top:10px;
font-size:12px;
border-bottom:1px solid #eaeaea;
padding-bottom:10px;
}

.bread a {
text-decoration:underline;
color:#593924;
}

.bread a:hover {
text-decoration:none;
}



h3.con-title {
font-size:40px;
text-align:center;
color:#593924;
margin:60px 0;
padding-bottom:60px;
border-bottom:1px solid #eaeaea;
}

h3.con-title small {
color:#593924;
font-size:60%;
}

h3.con-title span {
font-size:16px;
vertical-align:top;
}


.contents-block {
margin-bottom:100px;
font-size:17px;
line-height:220%;
}



.contents-block {
      font-size:15px;
      line-height:150%;
      }
      
      .con-img-txtbox {
      padding:0;
      margin:0 0 150px 0;
      }
      
      .con-img-txtbox .row{
      padding-left:0;
      padding:right:0;
      margin-left:0;
      margin-right:0;
      }
      
      .con-img-txt01 {
      padding-top:50px;
      }
      
      .forbusiness02 h2 {
      margin-bottom:20px;
      border-bottom:1px dotted #999;
      padding-bottom:20px;
      }
      .pri-con {
      margin-bottom:50px;
      }
      
      .pri-con h5{
      font-weight:bold;
      border-bottom:1px solid #ccc;
      padding-bottom:10px;
      margin-bottom:10px;
      }
      
      .pri-con ul,
      .pri-con ol {
      margin:30px 0;
      }
      
      
      
      
      
      
      
      
      
      
      
      
.contents-block h4 {
text-align:center;
font-size:25px;
margin:0 auto 30px auto;
background-color:#593924;
border-radius:100px;
width:200px;
height:200px;
color:#fff;
font-weight:bold;
padding-top:90px;
}

.contents-block h4.line2 {
padding-top:80px;
}


.contents-block h5 {
color:#593924;
font-weight:bold;
text-align:center;
font-size:24px;
margin-bottom:20px;
border-bottom:1px solid #593924;
padding-bottom:20px;
}

img.img-r-center {
margin:0 auto;
}

.toriatukai00 {
border-top:1px solid #eaeaea;
}

.toriatukai01 {
border-left:1px solid #eaeaea;
border-right:1px solid #eaeaea;
border-bottom:1px solid #eaeaea;
padding-top:20px;
padding-bottom:20px;
}

.toriatukai02 {
border-bottom:1px solid #eaeaea;
padding-top:20px;
padding-bottom:20px;
}

.qa .panel-heading {
font-size:22px;
color:#fff;
}

.qa .panel-body {
padding:30px;
}

.qa .panel {
margin-bottom:40px;
}

.panel-default>.panel-heading {
background-color:#593924;
}

.fade-in {
opacity:0;
transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
}

.policy-con {
margin:50px 0;
}

.policy h1 {
text-align:center;
font-size:30px;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #eaeaea;
}

.policy h2 {
font-size:20px;
border:1px solid #eaeaea;
padding:20px 0;
text-align:center;
background-color:#f2f2f2;
}

.policy h3 {
font-size:18px;
border-bottom:1px dotted #ccc;
padding-bottom:15px;
border-left:5px solid #ccc;
padding:10px;
margin-bottom:20px;
}

.f_planner h1 {
font-size:30px;
line-height:130%;
margin-bottom:50px;
}

.about h1 {
font-size:30px;
line-height:130%;
margin-bottom:20px;
}

.about-box p {
text-indent:-30px;
padding-left:30px
}

.about-box {
padding:0 30px 30px 30px;
line-height:170%;
}

table.about-table td {
background:#f6f6f6;
padding:20px !important;
}

table.about-table th {
background:#eee;
padding:20px !important;
}

.mylife-indexbox {
background:#593924;
color:#fff;
}

.mylife-indexbox:hover {
opacity:0.8;
}

.mylife-indextxt {
padding:20px;
}

.mylife-indexbox img {
}

.mylife-indexbox h2 {
font-size:25px;
}

.mylife-indexbox h4 {
font-size:12px;
line-height:170%;
}

.mylife01-shikumi {
margin-top:80px;
margin-bottom:80px;
}

.mylife01-shikumi h1 {
text-align:center;
background-color:#593924;
font-size:25px;
padding:20px 0;
color:#fff;
font-weight:bold;
margin-bottom:30px;
}

.mylife01-merit {
background-color:#fffcb7;
}

.mylife01-demerit {
background-color:#d9f7ff;
}

.mylife01-merit h1 {
border:5px solid #ffd155;
padding:20px;
font-size:26px;
text-align:center;
font-weight:bold;
}

.mylife01-demerit h1 {
border:5px solid #8ee7ff;
padding:20px;
font-size:26px;
text-align:center;
font-weight:bold;
}

.mylife01-merit h3,
.mylife01-demerit h3 {
margin-bottom:20px;
border-bottom:1px dotted #ccc;
padding-bottom:20px;
font-size:20px;
font-weight:bold;
}

.mylife01-merit-con,
.mylife01-demerit-con {
margin:60px 0;
}

.mylife01-matome {
margin-bottom:150px;
margin-top:60px;
}

.mylife01-matome h1 {
text-align:center;
font-weight:bold;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #ccc;
}

.mylife01-top h1,
.mylife02-top h1,
.mylife03-top h1{
font-size:33px;
margin-bottom:50px;
line-height:130%;
}

.qa .panel-body {
background-color:#fff3eb;
}

.koumoku-box h3 {
text-align:center;
font-weight:bold;
font-size:23px;
color:#593924;
border-bottom:1px dotted #ccc;
padding-bottom:10px;
margin-bottom:10px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
margin-top:8px;
}

.radio label, .checkbox label {
font-size:16px;
}

.necc {
color:red;
}

h2.formtitle {
font-size:160%;
font-weight:bold;
text-align:center;
margin-bottom:30px;
background-color:#eaeaea;
padding:20px 0;
border-radius:10px;
}

h3.name {
text-align:center;
font-weight:bold;
border-bottom:1px solid #ccc;
padding-bottom:20px;
margin-bottom:20px;
}

/* 採用情報 */

.recruit-box {
text-align:center;
margin-bottom:60px;
font-size:16px;
}

.recruit-box h3 {
text-align:center;
font-weight:bold;
background-color:#f2f2f2;
padding:20px;
font-size:25px;
}

.recruit-box-txt {
text-align:center;
font-size:16px;
margin-top:60px;
}

#staff {
margin-top:-130px;
padding-top:130px;
}

.staff-info dl {
margin-bottom:10px;
border-bottom:1px dotted #ccc;
padding-bottom:10px;
}

/* お知らせ */

.date {
font-size:80%;
margin-bottom:15px;
}

.news-old-btn {
margin-top:10px;
}

h4.number {
font-size:70px;
padding-top:60px;
}

/* 会社概要 */

.about-boxbox {
border:1px solid #ccc;
background-color:#f2f2f2;
padding:10px;
}

.about-boxbox h1 {
font-weight:bold;
border-bottom:1px dotted #ccc;
padding-bottom:20px;
margin-bottom:20px;
font-size:30px;
height:80px;
}

.about-boxbox {
margin-bottom:50px;
}

.about-boxbox small {
color:#000;
}

.president-mes h1 {
font-weight:bold;
margin:40px 0;
color:#144097;
}

.president-mes p{
text-indent:1em;
padding-left:0;
margin-bottom:1.5em;
}

.president-mes {
font-size:16px;
line-height:200%;
}

/* ベストプランニング通信 */

.magazine {
text-align:center;
font-size:16px;
line-height:150%;
}

.magazine h2 {
font-weight:bold;
background-color:#f2f2f2;
padding:20px;
margin:60px 0 30px 0;
}

.magazine li {
list-style:none;
margin-bottom:10px;
font-size:20px;
}

.magazine ul {
margin-bottom:30px;
}

/* 法人 */

h4.business-title02 {
font-size:20px;
padding-top:80px;
}

h4.business-title03 {
font-size:20px;
padding-top:70px;
}

.top-btn-box {
margin-bottom:30px;
}


.phone-no-pc img {
margin-top:-16px;
padding-left:15px;
}

.phone-no-sp {
line-height:100%;
padding:11px 0 0 0;
}

.phone-no-sp img {
margin-top:-7px;
padding-left:15px;
width:40px;
}

.logo-box-sp {
padding:20px 0 0 20px;
}

.f20 {
font-size:20px !important;
}

.f10 {
font-size:10px !important;
}


.business-top{
margin-bottom:150px;
}

/* 私の人生設計 */

.sekkei-txt {
padding:30px;
line-height:200%;
font-size:16px;
}


@media (min-width: 768px){
.staff-info dt {
width:75px;
}

.staff-info dd {
margin-left:85px;
}




}

@media screen and (max-width: 767px) {
.location-box {
height:auto;
}

.company-photo {
padding:0;
}

.top-btn {
padding:2px;
}

.top-btn-box {
margin-bottom:0;
}

#example3 {
height:auto !important;
}

body {
margin:50px 0 0 0 !important;
}

.top-planner-ban {
padding:0;
}

.seminar-con p {
height:auto;
}

#example3 {
margin-bottom:10px !important;
}

.news-box {
margin:0;
}

.top-bottom-logo {
margin:50px 0 30px 0;
}

.navbar-nav {
margin:0;
}

ul.nav li {
border-right:0;
border-bottom:1px solid #eaeaea;
}

.bread {
margin-top:10px;
}

h3.con-title {
font-size:20px;
margin:30px 0;
padding-bottom:30px;
line-height:150%;
}

h3.con-title span {
font-size:13px;
}

.contents-block h4 {
font-size:20px;
width:150px;
height:150px;
padding-top:65px;
}

.contents-block h5 {
font-size:18px;
margin-bottom:15px;
padding-bottom:15px;
}

.contents-block {
margin-bottom:20px;
}

.con-img-txtbox {
margin-bottom:0;
}

.business-top{
margin-bottom:50px;
}

h4.business-title03 {
font-size:16px;
padding-top:50px;
}
h4.business-title02{
font-size:16px;
padding-top:60px;
}
.president-mes h1 {
margin:20px 0;
}

.about h1 {
font-size:20px;
}

.mylife01-top h1, .mylife02-top h1, .mylife03-top h1 {
font-size:20px;
}

.mylife-indexbox {
margin-bottom:30px;
}

.seminar-con {
margin-bottom:30px;
}

h2.formtitle {
font-size:20px;
}

.about-boxbox {
padding:20px;
}

.about-boxbox h1 {
height:auto;
}


}