@charset "UTF-8";

/* common */

.slick-slide div{
  text-align: center;
}

/* recruit */
.interview-box {
 padding: 0.75em;
 display: block;
 text-align: center;
}
.btn.is-entry {
 width: 300px;
 max-width: 300px;
 font-size: 1rem;
 height: 2.6rem;
 padding: 0.75rem;
}

/*.hero.has-bgImage.is-about{
  background-image: url(../images/base/cat-about.png);
}*/

.entry{
display: flex;
}

.entry > .col-40 {
  width: 40%;
  padding: 10px;
}

.entry > .col-60 {
  width: 60%;
  padding: 10px;
}
.entry > .col-30{
  width: 30%;
  padding: 10px;
}

.entry > .col-70 {
  width: 70%;
  padding: 10px;
}


@media screen and (max-width: 760px) {
  .entry{
flex-direction: column;
}
  .entry > .col-30,
  .entry > .col-40,
  .entry > .col-70,
  .entry > .col-60 {
    width: 100%;
  }
}


/*google map*/

.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 45px;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ttl */

.sec-ttl{
  text-align: center;
  margin-bottom: 1.5em;
  color:#3b4351 !important;
}
.panel{
/*  text-align: center;*/
background-color: #f5f5f5;
    border-radius: 4px;
    padding: 1.25rem 1.5rem 1.25rem 1.5rem;
    position: relative;
}

.panel dt{
  font-size: 1rem;
}

.card-header .card-title{
  font-weight: bold;
  font-size: 0.85rem;
}
.card-body ul{
 margin: 0 0 0.8rem 0.8rem;
}

.card .card-body {
    min-height:13em;
}

.contact-box{
    padding: 1.25rem 2.5rem 1.25rem 2.5rem;
    border: 2px solid #dadee4;
    border-radius: 0.1rem;
}

.btn.btn-contact {
    display: block;
    width: 100%;
    font-size: 1rem;
    height: 2.4rem;
    line-height: 2.4rem;
  background: #363636;
  border-color: #363636;
  color: #fff;
  padding: 0;
}

.btn.btn-contact:focus, .btn.btn-contact:hover {
  background: #fff;
  border-color: #363636;
  color: #363636;
}

/*.btn.btn-contact:active, .btn.btn-contact.active {
  background: #fff;
  border-color: #363636;
  color: #363636;
}*/

.contact-box .col_2 > div {
    padding: 0 2.5rem;
}

@media screen and (max-width: 760px) {
.contact-box{
    padding: 1.25rem 0;
  }
}
.mobile-logo img{
  width: 182px;
  height: 50px;
}

.sub-ttl{
  color:#E30045;
}

.interview-content h4{
  position: relative;
  margin-bottom: 0.75em;
  font-size: 1rem;
}
.interview-content h4::before {
  content: "─";
  color: #232323;
  display: inline-block;
  margin-right: .5rem;
  font-family: 'Roboto Condensed', sans-serif;
}

.interview-content p{
  margin-bottom: 2.5rem;
}

.has-bline{
  border-bottom: solid 1px #ddd;
  margin-bottom: 2rem;
}

.interview-ttl{
  padding-top: 80px;
}

@media screen and (max-width: 760px) {
.interview-ttl{
  padding-top: 0;
    }
}

  .dpn{
    display: none;
   }


.badge {
    font-size: 12.75px;
    display: inline-block;
    line-height: 1;
    padding: 4px 7px 3px 7px;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #c60f13;
    color: white;
}

/* form */
form.inline {
  display: inline;
}

.mb08rem{
  margin-bottom: 0.65rem;
}

/*========================
　smartphone　bottom menu
　========================*/


.mini-text{font-size:10px;}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:65px;/*高さ*/
    margin:0;
    padding:0;
    background-color:#f5f5f5;/*背景色*/
    border-top:1px solid #808080;/*バーの上の線*/
    border-bottom:1px solid #808080;/*バーの下の線*/
    z-index:30;}

ul.bottom-menu li {
    float:left;
    width:20%;
    background-color:#f5f5f5;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/}

.bottom-menu li a {
    display: block;
    color:#808080;/*アイコン＆文字の色*/
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}

.bottom-menu li a:hover {
    color:#a9a9a9;/*マウスオーバー時の色*/}