@charset "utf-8";
   .company-nav{
max-width: 1140px;
width: 100%;
margin: 0 auto;
padding: 0 25px;
display: flex;
justify-content: center;
}
.company-nav li{
width: 20%;
text-align: center;
}
.company-nav li a{
display: block;
padding: 2px 1%;
}
.company-nav li a.current{
background: #e1f3e9;	
}
.company-nav-top .company-nav{
margin-bottom: 100px;
}
.company-nav-bottom .company-nav{
margin-top: 100px;
}
@media screen and (min-width: 961px){
.company-nav li:not(:last-child){
border-right: 1px solid #dbdbdf;
}
}
@media screen and (min-width: 768px){
.company-nav li a:hover{
background: #e1f3e9;
}
}
@media screen and (min-width: 551px) and (max-width: 960px){
.company-nav{
flex-wrap: wrap;
border-top: 1px solid #dbdbdf;
border-bottom: 1px solid #dbdbdf;
width: 95%;
padding: 0;
}
.company-nav li{ width: 50%;
}
.company-nav li:not(:nth-of-type(3)){
border-right: 1px dotted #dbdbdf;
}
.company-nav li:nth-of-type(1),
.company-nav li:nth-of-type(2),
.company-nav li:nth-of-type(3){
border-bottom: 1px dotted #dbdbdf;
}
.company-nav li a{
padding: 10px 2%;
}
}
@media screen and (max-width: 767px){
.company-nav li a{
font-size:1.4rem;
}
.company-nav.top-nav{
margin-bottom: 80px;
}
.company-nav.bottom-nav{
margin-top: 80px;
}
}
@media screen and (max-width: 550px){
.company-nav{
flex-wrap: wrap;
border-top: 1px solid #dbdbdf;
border-bottom: 1px solid #dbdbdf;
width: 95%;
padding: 0;
}
.company-nav li{
width: 50%;
}
.company-nav li:nth-child(odd){
border-right: 1px dotted #dbdbdf;
}
.company-nav li:not(:last-child){
border-bottom: 1px dotted #dbdbdf;
}
.company-nav li:last-child{
letter-spacing: -0.02em;
}
.company-nav li a{
padding: 10px 2%;
}
}
@media screen and (max-width: 480px){
.company-nav-top .company-nav{
margin-bottom: 60px;
}
.company-nav-bottom .company-nav{
margin-top: 60px;
}
} .company-page-ttl{
font-size: 2.1rem;
font-weight: bold;
text-align: center;
}
.company-page-ttl::after{
content: "";
width: 50px;
height: 3px;
display: block;
margin: 10px auto 50px;
background: #1f7648;
} .sec-overview .overview-list-wrap{
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/common/bg_bellhaus_oc.png) no-repeat right bottom;
padding-bottom: 40px;
margin-bottom: 40px;
}
.sec-overview {
line-height: 2;
} .sec-overview .overview-list{
max-width: 710px;
width: 100%;
margin: 0 auto;
}
.sec-overview .overview-box{
border-bottom: 1px solid #dbdbdf;
padding: 15px 0;
}
.sec-overview .overview-box:first-child{
padding: 0 0 15px;
}
.sec-overview .overview-box .anchor-map{
font-weight: bold;
margin-left: 3em;
}
.sec-overview .overview-box .anchor-map::before{
content: "\f041";
font-family: FontAwesome;
margin-right: 0.2em;
color: #1f7648;	
}
.sec-overview .overview-img{
font-size: 0;
text-align: center;
margin-bottom: 80px;
}
@media screen and (min-width: 768px){
.sec-overview .overview-box{
display: flex;
justify-content: space-between;
}
.sec-overview .overview-box .box-head{
width: 20%;
}
.sec-overview .overview-box .box-body{
width: 75%;
}
}
@media screen and (max-width: 767px){
.sec-overview .overview-list-wrap{
background-size: 50%;
}
.sec-overview .overview-box .box-head{
font-weight: bold;
}
}
@media screen and (max-width: 480px){
.sec-overview .overview-list-wrap{
padding-bottom: 30px;
margin-bottom: 30px;
}
.sec-overview .overview-box .anchor-map {
margin-left: 0;
}
.overview-img {
margin-bottom: 60px;
}
} .sec-overview .sec-access .sec-ttl{
display: flex;
border-bottom: 1px solid #dbdbdf;
margin-bottom: 40px;
}
.sec-overview .sec-access .sec-ttl-en{
font-size: 2.8rem;
}
.sec-overview .sec-access .sec-ttl-ja{
margin-left: 1em;
}
.sec-overview .access-tel-number{
font-size: 2.8rem;
margin-bottom: 30px;
}
.sec-overview .access-tel-number a::before{
content: "\f095";
font-family: FontAwesome;
margin-right: 0.2em;
}
.sec-overview .access-means-box.means-train{
margin-bottom: 20px;
}
.sec-overview .access-means-box-ttl{
font-weight: bold;
}
.sec-overview .means-train .access-means-box-ttl::before{
content: "\f238";
font-family: FontAwesome;
margin-right: 0.7em;
color: #1f7648;
}
.sec-overview .means-car .access-means-box-ttl::before{
content: "\f1b9";
font-family: FontAwesome;
margin-right: 0.5em;
color: #1f7648;
}
.sec-overview .sec-access-map{
font-size: 0;
text-align: right;
}
.sec-overview .sec-access-map iframe{
margin-bottom: 10px;
}
.sec-overview .link-googlemap{
font-size: 1.4rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
border-bottom:1px solid #000;
}
.sec-overview .link-googlemap::before{
content: "\f00e";
font-family: FontAwesome;
margin-right: 0.5em;
}
@media screen and (min-width: 768px){
.sec-overview .sec-access{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.sec-overview .sec-access-text{
width: 55%; }
.sec-overview .sec-access-map{
width: 40%;
}
.sec-overview .link-googlemap:hover{
border-color: #fff;
color: #1f7648;
}
}
@media screen and (max-width: 767px){
.sec-overview .sec-access-map{
margin-top: 40px;
}
}
@media screen and (max-width: 480px){
.sec-overview .sec-access-map iframe{
height: 350px;
}
} .sec-history {
line-height: 2;
}
.sec-history .history-timeline{
max-width: 710px;
width: 100%;
margin: 0 auto;
position: relative;
padding: 15px 0 60px;
}
.sec-history .history-timeline::before{
position: absolute;
top: 0;
left: 17%;
width: 1px;
height: 100%;
content: '';
background: #dbdbdf;
}
.sec-history .timeline-item{
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 15px 0;
}
.sec-history .timeline-item-time{
width: 15%;
position: relative;
}
.sec-history .timeline-item-text{
width:  75%;
}
.sec-history .timeline-item-time::before{
position: absolute;
top: 50%;
top: 30%;
right: -19%;
width: 11px;
height: 11px;
content: '';
border-radius: 50%;
background: #ccc;
}
.sec-history .history-img{
font-size: 0;
text-align: center;
}
@media screen and (max-width: 567px){
.sec-history .history-timeline::before{
left: 10px;
}
.sec-history .timeline-item{
display: block;
width: 100%;
padding-left: 25px;
}
.sec-history .timeline-item-time{
width: 100%;
font-weight: bold;
}
.sec-history .timeline-item-text{
width: 100%;
}
.sec-history .timeline-item-time::before{
right: auto;
left: -20px;
}
}
@media screen and (max-width: 480px){
.sec-history .history-timeline{
padding: 5px 0 40px;	
}
} .sec-message .message-lead-right{
font-size:0;
}
.sec-message .message-lead-text{
font-size: 3rem;
font-weight: bold;
color: #363436;
line-height: 2.3;
}
.sec-message .message-lead-text span{
border-bottom: 2px solid #61cc93
}
.sec-message .message-lead-president{
text-align: right;
margin-top: 30px;
}
.sec-message .message-lead-president .president-name{
font-size: 0;
margin-left: 20px;
}
.sec-message .message-text{
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/common/bg_bellhaus_oc.png) no-repeat bottom left 25px;
padding-bottom: 80px;
line-height: 2;
}
.sec-message .message-text-inner{
max-width: 1015px;
width: 100%;
margin: 0 0 0 auto;
}
.sec-message .message-text-inner p:not(:last-child){
margin-bottom: 2em;
}
@media screen and (min-width: 768px){
.sec-message .message-lead-block{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: flex-end;
}
.sec-message .message-lead-right{
width: 30%
}
.sec-message .message-lead-left{
width: 65%
}
}
@media screen and (min-width: 768px) and (max-width: 1140px){
.sec-message .message-lead-text{
font-size: 2.6vw;
}
}
@media screen and (max-width: 767px){
.sec-message .message-lead-right{
max-width: 230px;
width:100%;
margin: 0 auto 25px;
}
.sec-message .message-lead-text {
font-size: 1.8rem;
}
.sec-message .message-lead-president .president-name img{
width:140px
}
.sec-message .message-text{
background-size: 50%;
}
}
@media screen and (max-width: 480px){
.sec-message .message-lead-president .president-name {
display: block;
margin: 5px 0 0 0;
}
}
@media screen and (max-width: 370px){
.sec-message .message-lead-text{
letter-spacing:normal;
}
} .sec-privacy .privacy-contents{
line-height: 2;
}
.sec-privacy .privacy-contents .privacy-box:not(:last-child){
margin-bottom: 60px;
}
.sec-privacy .privacy-box-ttl{
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 20px;
}
.sec-privacy .privacy-box-numberlist li{
padding-left:3em;
text-indent:-3em;
}
.sec-privacy .privacy-box-numberlist2 li{
padding-left:2em;
text-indent:-2em;
}
.sec-privacy .privacy-contact{
margin-top: 30px;
}
.sec-privacy .privacy-box-last{
background: rgba(0,0,0,0.04);
padding: 30px 25px;
}
.sec-privacy .privacy-box-last-ttl::before{
content: "■";
}
@media screen and (min-width: 481px){
.sec-privacy .privacy-tel-number{
margin-right: 2em;
}
}
@media screen and (min-width: 768px){
.sec-privacy .privacy-box-text{
padding-left: 1.5em;
}
.sec-privacy .privacy-box-nest{
padding-left: 3.5em;
}
}
@media screen and (max-width: 767px){
.sec-privacy .privacy-box-numberlist li,
.sec-privacy .privacy-box-numberlist2 li{
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px){
.sec-privacy .privacy-contents .privacy-box:not(:last-child){
margin-bottom: 40px;
}
}  .rec-main-lead{
max-width:1090px;
width:95%;
position:relative;
margin: -60px auto 0;
padding:80px 0;
background:url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/recruit/bg_bellhouse_rec.png)no-repeat 50% 75%,
rgba(255,255,255,1);
}
.rec-main-lead p{
font-size: 1.8rem;
letter-spacing:0.05em;
line-height: 2;
text-align: center;
}
.rec-main-lead .lead-large{
font-size: 2.4rem;
margin-top: 100px;
}
@media screen and (max-width: 767px) {
.rec-main-lead{
width:95%;
margin: -30px auto 0;
padding:50px 1%;
background-size:contain;
}
.rec-main-lead p{
text-align: left;
}
.rec-main-lead .lead-large{
font-size: 2.2rem;
margin-top: 40px;
text-align:center;
letter-spacing: normal;
}
}
@media screen and (max-width: 480px) {
.rec-main-lead{
margin: -20px auto 0;
}
.rec-main-lead .lead-large {
font-size: 6.2vw;
}
}
@media screen and (max-width: 370px) {
} .rec-content01{
margin-top: 90px;
}
@media screen and (max-width: 767px) {
.rec-content01{
margin-top: 70px;
}
} .rec-innerhead{
border-top:1px dotted #dbdbdf;
margin-bottom: 20px;
}
.rec-innerhead{
text-align: center;
}
.rec-innerhead_space{
display:inline-block;
padding:0 20px;
background-color: #fff;
position:relative;
top:-35px;
}
.rec-innerhead .en{
font-family: 'Poiret One', cursive;
font-size: 3.6rem;
}
.rec-innerhead .ja{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 1.8rem;
padding-left:25px;
}
@media screen and (max-width: 767px) {
.rec-innerhead .en{
display: block
}
.rec-innerhead .ja{
padding-left:0;
}
} .rec-content-card{
max-width:1000px;
width:100%;
padding:40px 25px;
border:1px solid #dbdbdf;
border-radius: 5px;
margin:0 auto 40px;
}
.card-ttl h3 {
border-bottom: dotted 1px #dbdbdf;
position: relative;
font-size: 2.4rem;
padding-bottom:10px;
margin-bottom: 35px;
}
.card-ttl h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #1f7648;
bottom: -3px;
width: 100px;
}
.card-content p{
line-height: 2;
}
@media screen and (max-width: 767px) {
.rec-content-card{
width:96%;
padding:20px 20px;
margin:0 auto 30px;
}
.card-ttl h3 {
font-size: 2.2rem;
padding-bottom:10px;
margin-bottom: 30px;
}
} .to-entry-link{
margin:80px auto 120px;
}
.to-entry-link a{
display: block;
max-width:580px;
width:100%;
background-image: linear-gradient(to right, #1f7648 50%, rgba(54,52,54,1) 50%);
background-position: 0 0;
background-size: 201% auto;
color:#fff;
font-size: 2.4rem;
padding:20px 0;
margin:0 auto;
text-align: center;
position:relative;
transition: .5s;
}
.to-entry-link a:after{
font-family:FontAwesome;
content:'\f105';
margin-left:4em;
}
@media screen and (min-width: 768px) {
.to-entry-link a:hover{
background-position: -99% 0;
}
}
@media screen and (max-width: 767px) {
.to-entry-link{
margin:50px auto 70px;
}
.to-entry-link a{
width:100%;
font-size: 2.2rem;
margin:0 auto;
}
.to-entry-link a:after{
margin-left:2em;
}
}
@media screen and (max-width: 480px) {
.to-entry-link a{
font-size:1.8rem;
}
.to-entry-link a:after{
margin-left:1em;
}
}
@media screen and (max-width: 370px) {
.to-entry-link a:after{
margin-left:0.5em;
}
} .rec-app_wrap{
display:flex;
}
.rec-app-left{
flex-basis:330px;
height:340px;
background-color: rgba(0,0,0,0.04);
position: -webkit-sticky;
position: sticky;
top: 5em; 
padding:50px 23px;
}
.rec-app-left .lead{
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 30px;
}
.rec-app-left ul{
padding:0 15px 0 30px;
}
.rec-app-left li{
position: relative;
}
.rec-app-left ul li:not(:last-child){
margin-bottom: 20px;
}
.rec-app-left li:before{
font-family:FontAwesome;
content:'\f14a';
position:absolute;
left:-25px;
color:#1f7648;
}
.rec-app-right{
margin-left:50px;
}
.rec-app-right ul li{
padding:25px 0;
display:flex;
border-bottom:1px solid #dbdbdf;
}
.rec-app-right ul li .list-ttl{
font-weight: bold;
flex-basis:150px;
}
@media screen and (min-width: 768px) {
.rec-app-right{
width:60%;
max-width:710px;
}
}
@media screen and (max-width: 999px) {
.rec-app-left{
padding:30px 2.5%;
}
.rec-app-left ul{
padding:0 0 0 30px;
}
}
@media screen and (max-width: 767px) {
.rec-app_wrap{
display:block;
}
.rec-app-left{
flex-basis:inherit;
height:auto;
width:100%;
margin:auto;
position: -webkit-inherit;
position: inherit;
padding:30px 20px;
}
.rec-app-left .lead{
text-align:center;
}
.rec-app-right{
margin-left:auto;
margin-top: 20px;
}
.rec-app-right ul li{
display:block;
}
.rec-app-right ul li .list-ttl{
display: block;
font-weight: bold;
padding-bottom:10px;
}
.rec-app-right ul li .list-item{
line-height: 1.6;
}
}