/******************** home ********************/
.home {
}
.home .head {
  padding-top: 120px;
  background-image: url(../../lib/images/home/home-bmicon-bg.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 62%;
  position: relative;
  z-index: -3;
  margin-bottom: 4.8rem;
}
.home .head .head-content{
  position: relative;
  margin-bottom: -520px;
}
.home .head .head-content .text{
  width: 62%;
  padding-top: 6.2rem;
  z-index: 1;
  position: relative;
}
.home .head .head-content .text h1{
  font-size: 4.8rem;
}
.home .head .head-content .text .headicon-frame{
  border-color: #6b5744;
  border-width: 1px;
  color: #6b5744;
  background-color: #fff;
  font-size: 1.8rem;
}
.home .head .head-content .iconimages{
  position: relative;
  left: 48%;
  top: -540px;
  width: 62%;
}
.home .btns {
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
}
.home .btns .to-demo-wrapper{
  width: 49%;
  margin-right: 2%;
  margin-bottom: 0px;
}
.home .btns .to-demo-wrapper a.to-demo{
  width: 100%;
  height: 98px;
  border-radius: 14px;
  text-align: center;
}
.home .btns .to-demo-wrapper a.to-demo p{
  font-size: 2.8rem;
}
.home .btns .to-demo-wrapper a.to-demo p span{
  font-size: 2.0rem;
}
.home .btns .to-demo-wrapper .tag {
  width: 52px;
  height: 52px;
  left: 86%;
  top: -114px;
  font-size: 1.6rem;
  position: relative;
  z-index: 1;
}
.home .btns a.to-mail{
  width: 49%;
  font-size: 2.8rem;
  border-radius: 14px;
  height: 98px;
  text-align: center;
  margin-top: -50px;
}
.home .btns a.to-mail p{
  font-size: 2.6rem;
}
.home .btns a.to-mail p span{
  font-size: 2.0rem;
}
a.to-mail p span.material-icons-round {
  font-size: 3.0rem!important;
}
.home .head-content-sub{
text-align: center;
}
.home .head-content-sub p {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 2.4rem;
}
.home .head-content-sub .record p {
  font-size: 2.0rem;
}
  .home .head-content-sub .record p span{
    font-size: 5.6rem;
  }
  .home .head-content-sub .record p.attention{
    font-size: 1.2rem;
  }
  .home .head-content-sub .record{
    background-image: url(../../lib/images/home/record-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 480px;
    margin: 0px auto;
  }
  .home .head-content-sub .record-count {
    padding: 0.5em 10px;
    font-size:200%;
    font-weight: 900;
    color: #f6d019;
    text-shadow:
    -1px -1px 0 #111,
    1px -1px 0 #111,
    -1px 1px 0 #111,
    1px 1px 0 #111;
  }

    @media screen and (max-width:1220px){
      .home .head .head-content .text h1{
        font-size: 4.6rem;
      }
    }
    @media screen and (max-width:1180px){
    .home .head .head-content{
      margin-bottom: -440px;
    }
      .home .head .head-content .text{
        padding-top: 5.8rem;
        width: 68%;
      }
      .home .head .head-content .text h1{
        font-size: 4.2rem;
      }
      .home .head .head-content .iconimages{
        left: 42%;
        top: -500px;
        width: 60%;
      }
      .home .btns .to-demo-wrapper .tag {
        left: 86%;
      }
      .home .btns a.to-mail p{
        font-size: 2.4rem;
      }
      .home .btns a.to-mail p span{
        font-size: 1.8rem;
    }
    }
    @media screen and (max-width:1000px){
      .home .head .head-content{
        margin-bottom: -400px;
      }
      .home .head .head-content .iconimages{
        left: 42%;
        top: -440px;
        width: 60%;
      }
      .home .head .head-content .text{
        padding-top:0rem;
      }
      .home .head .head-content .text h1{
        font-size: 3.6rem;
      }
      .home .btns .to-demo-wrapper .tag {
        width: 48px;
        height: 48px;
        top: -100px;
      }
      .home .btns .to-demo-wrapper a.to-demo{
        height: 90px;
      }
      .home .btns a.to-mail p{
        font-size: 2.4rem;
      }
      .home .btns a.to-mail p span{
        font-size: 1.8rem;
    }
      .home .btns .to-demo-wrapper{
        width: 46%;
        margin-left: 0px;
      }
      .home .btns a.to-mail{
        width: 46%;
        height: 90px;
        margin-left: 0px;
    }
    }
    @media screen and (max-width:960px){
      .home .head{
        padding-top: 112px;
      }
      .home .head .head-content .iconimages{
        top: -440px;
        width: 68%;
      }
      .home .head .head-content .text h1{
        font-size: 3.4rem;
      }
      .home .btns a.to-mail{
        height: 86px;
      }
      .home .btns a.to-mail p{
        font-size: 2.0rem;
      }
      .home .btns a.to-mail p span{
        font-size: 1.6rem;
    }
      .home .btns .to-demo-wrapper{
        width: 46%;
        margin-left: 0px;
      }
      .home .btns a.to-mail{
        width: 46%;
        margin-left: 0px;
       }
       .home .btns .to-demo-wrapper a.to-demo{
        height: 86px;
       }
        .home .btns .to-demo-wrapper a.to-demo p{
          font-size: 2.4rem;
        }
        a.to-mail p span.material-icons-round {
          font-size: 2.8rem!important;
        }
    }
    @media screen and (max-width:860px){
      .home .head .head-content{
        margin-bottom: -400px;
      }
      .home .head .head-content .text .headicon-frame {
        font-size: 1.6rem;
      }
      .home .head .head-content .text h1{
        font-size: 3.2rem;
      }
      .home .head .head-content .iconimages {
        width: 72%;
        top: -420px;
      }
      .home .btns .to-demo-wrapper{
        width: 50%;
        margin-left: 0px;
      }
      .home .btns a.to-mail{
        width: 50%;
        margin-left: 0px;
       }
    }
    @media screen and (max-width:768px){
      .home .head {
        overflow: hidden;
        padding-top: 220px; 
        background-image: url(../../lib/images/home/home-bmicon-bg.svg);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 100%;
        position: relative;
        z-index: -3;
        margin-bottom: 4.8rem;
      }
      .home .head .head-content{
        margin-bottom: -80px;
      }
      .home .head .head-content .text{
        width: 100%;
        padding-top: 0rem;
        top: 380px;
      }
      .home .head .head-content .text h1{
        font-size: 4.2rem;
      }
        .home .btns .to-demo-wrapper{
          width: 49%;
          margin-left: 0px;
        }
        .home .btns a.to-mail{
          width: 49%;
          margin-left: 0px;
      }
      .home .head .head-content .iconimages {
        position: inherit;
        width: 100%;
        left: 0px;
        top: -540px;
        margin-bottom: 0px;
        margin-bottom: 0px;
      }
      .home .head .head-content .text h1{
      }
      .home .head-content-sub .record {
        width: 100%;
      }
    .home .head-content-sub{
      width: 88%;
      margin: 0px auto 2.8rem;
      }
      .home .head-content-sub p {
        font-size: 2.4rem;
        line-height: 1.6;
        margin-bottom: 0rem;
      }
      .home .head-content-sub .record p {
        font-size: 2.0rem;
      }
        .home .head-content-sub .record{
          width: 100%;
          padding-top: 1.4rem;
          padding-bottom: 1.4rem;
          background-size: contain;
        }
    }
    @media screen and (max-width:700px){
      .home .head {
      }
      .home .head .head-content{
        margin-bottom: -94px;
      }
      .home .head .head-content .text{
        top: 300px;
      }
    }
    @media screen and (max-width:650px){
      .home .head .head-content{
        margin-bottom: -64px;
      }
    }
    @media screen and (max-width:600px){
      .home .head{
        padding-top: 0px;
        background-position: left 100px;
      }
      .home .head .head-content{
        margin-bottom: 11.2rem;
      }
      .home .head .head-content .text{
        top: 420px;
      }
      .home .head .head-content .iconimages {
        top: -320px;
      }
      .home .head .head-content .text .headicon-frame{
        font-size: 1.4rem;
        margin-bottom: 0.7rem;
      }
      .home .head .head-content .text h1{
        font-size: 2.8rem;
      }
      .home .btns {
        display: block;
      }
      .home .btns .to-demo-wrapper{
        width: 100%;
        margin-bottom: 0rem;
      }
      .home .btns .to-demo-wrapper a.to-demo {
        height: 84px;
      }
      .home .btns .to-demo-wrapper a.to-demo p{
        font-size: 2.4rem;
      }
      .home .btns .to-demo-wrapper a.to-demo p span {
        font-size: 2.0rem;
      }
      .home .btns .to-demo-wrapper .tag {
        width: 64px;
        height: 64px;
        top: -114px;
      }
      .home .btns a.to-mail {
        width: 100%;
        height: 84px;
        padding-top: 0.4rem;
      }
      .home .head-content-sub{
        width: 88%;
        margin:0px auto;
      }
      .home .btns a.to-mail p {
        font-size: 2.4rem;
      }
      a.to-mail p span.material-icons-round {
        font-size: 3.2rem!important;
        padding-bottom: 0.4rem;
      }
      .home .btns a.to-mail p span{
        font-size: 2.0rem;
      }
      .home .head-content-sub p {
        font-size: 1.8rem;
        line-height: 1.6;
      }
    }
    @media screen and (max-width:560px){
      .home .head .head-content{
        margin-bottom: 120px;
      }
      .home .btns .to-demo-wrapper .tag {
        left: 84%;
      }
    }
    @media screen and (max-width:500px){
      .home .head .head-content{
        margin-bottom: 120px;
      }
      .home .head .head-content .text{
        top: 380px;
      }
      .home .head-content-sub .record p span{
        display: block;
        padding: 0px;
      }
    }
    @media screen and (max-width:420px){
      .home .head .head-content .iconimages{
        top: -326px;
      }
      .home .head .head-content{
        margin-bottom: 80px;
      }
      .home .head .head-content .text{
        top: 320px;
      }
    }
    @media screen and (max-width:390px){
      .home .btns .to-demo-wrapper .tag {
        left: 82%;
        width: 58px;
        height: 58px;
      }
      .home .head .head-content .iconimages{
        top: -324px;
      }
      .home .head .head-content{
        margin-bottom: 60px;
      }
      .home .head .head-content .text{
        top: 280px;
      }
    }
    @media screen and (max-width:360px){
      .home .head .head-content{
        margin-bottom: 80px; 
      }
    }
  .home .home-caseicons {
    margin-top: 4.2rem;
  }
  .home .home-caseicons ul li {
    margin:4px;
  }
.home-about{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5.6rem;
}
.home-about .image {
  width: 580px;
}
.home-about .text {
  width: 600px;
  padding-left: 56px;
  box-sizing: border-box;
}
.home-about .text h2{
  border-bottom: 1px solid #ff4b36;
  margin-bottom: 1.4rem;
}
.home-about .text p{
  text-align: justify;
}
  @media screen and (max-width:768px){
    .home-about{
      display: block;
    }
    .home-about .image {
      width: 100%;
    }
    .home-about .text {
      width: 100%;
      padding-left: 0px;
      margin-top: 1.4rem;
    }
    .home .home-caseicons {
      margin-top: 2.8rem;
    }

  }
.sp-banner-content{
  text-align: center;
  margin-top: 7.0rem;
}
.sp-banner-content p{
  font-weight: bold;
  font-size: 2.8rem;
}
.sp-banner-content ul.sp-banner li {
  margin: 0px 4px;
  padding-bottom: 2px;
}
.sp-banner-content ul.sp-banner li a{
  display: block;
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
  -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
  -ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
  box-shadow: none;
}
@media screen and (max-width:768px){
  .sp-banner-content{
    margin-top: 2.8rem;
  }
}

/*
.functions {
  text-align: center;
  background-color: #f2f4f6;
  padding-top: 4.2rem;
  padding-bottom: 4.2rem;
  margin-top: 7.0rem;
}
.functions p{
  margin-bottom: 2.8rem;
}
.functions .funcions_btns {
  width: 1180px;
}
  .functions .funcions_btns > a {
    width: 362px;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
    box-shadow: none;
  }
  .functions .funcions_btns .funcions_btns_one{
    width: 362px;
  }
  @media screen and (max-width:768px){
    .functions{
      margin-top: 2.8rem;
      padding-top: 4.8rem;
    }
    .functions p{
      width: 88%;
      margin: 0px auto;
    }
  }
  */
.thisisbm{
margin-top: 4.2rem;
}
.thisisbm .box{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.thisisbm .box:nth-child(2) .image{
  order: 2;
}
.thisisbm .box:nth-child(2) .text{
  order: 1;
}
.thisisbm .box .image {
  width: 620px;
}
.thisisbm .box .text {
  width: 540px;
  height: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.thisisbm .box .text {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.thisisbm .box:nth-child(1) .text {
  background-image: url(../../lib/images/home/thisisbmbg01.svg);
}
.thisisbm .box:nth-child(2) .text {
  background-image: url(../../lib/images/home/thisisbmbg02.svg);
}
.thisisbm .box .text h3{
border-bottom: 1px solid #ccc;
}
.thisisbm .box:nth-child(1) .text h3{
  border-bottom: 1px solid #5186ec;
  }
.thisisbm .box:nth-child(2) .text h3{
  border-bottom: 1px solid #ff4b36;
  }
.thisisbm .box .text p{
    margin-top: 1.4rem;
}
  @media screen and (max-width:980px){
    .thisisbm .box .text h3{
      font-size: 2.4rem;
    }
  }
  @media screen and (max-width:768px){
    .thisisbm .box{
      display: block;
    }
    .thisisbm .box .image {
      width: 100%;
    }
    .thisisbm .box .text {
      width: 100%;
      height: 400px;
      height: 240px;
    }
  }


.newslist h2{
  text-align: center;
}
.home_newslsit_container a{
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
  -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
  -ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
  box-shadow: none;
}
.home .support .text h3 {
  color: #5186ec;
}
.home .faq h3 {
  border-color: #5186ec;
  color: #5186ec;
}
.home .faq .box .question{
  color: #5186ec;
}
.home .faq .box{
  border-color: #5186ec;
}

    /* interview部分の変更 */
    .interviewlist-kanren{
      margin-top: 5.6rem;
    }
    .interviewlist-kanren-content{
      max-width: 100%;
      width: 100%;
    }
    .interviewlist-kanren h2 {
      width:100%;
      margin: 0px auto 2.0rem;
      text-align: center;
    }
      .interviewlist_container{
        max-width: 1194px;
        margin: 64px auto 0px;
      }
        .interviewlist-kanren > a{
          background-color: #00d084;
          margin-left: 7px;
          margin-right: 7px;
        }
              .interviewlist_medium_one{
              }
              
                .interviewlist_medium_img {
                  margin-bottom: 10px;
                }
                .interviewlist_medium_img img{
                  width: 100%;
                  height: auto;
                  border-radius: 14px 14px 0px 0px;
                }
              .interviewlist_medium_one h3 {
                font-size: 2.2rem;
                line-height: 140%;
                font-weight: bold;
                letter-spacing: 0.0rem;
                width: 90%;
                margin: 14px auto 10px;
                height: 50px;
              }
                .interviewlist-kanren-content p.company_name {
                  font-size: 1.8rem;
                  line-height: 140%;
                  font-weight: bold;
                  letter-spacing: 0.0rem;
                  width: 90%;
                  margin: 0px auto 10px;
                  height: 50px;
                }
                .interviewlist_medium_logo {
                  width: 100px;
                  height: 100px;
                  margin: 0px auto 10px;				
                }
                  .interviewlist_medium_logo img{
                    width: 100%;
                    height: auto;
                  }
              .interviewlist_medium_one p{
                font-size: 1.5rem;
                letter-spacing: 0.0rem;
                width: 90%;
                margin: 0px auto;
              }
              .interviewlist_medium_one_cate{
                margin-bottom: 10px;
                text-align: center;
              }
              .interviewlist_medium_one_cate p{
                display: inline;
                margin: 0px 2px;
              }
              .interviewlist_medium_one_cate p span{
                border-radius: 20px;
                background-color: #67c2ad;
                font-weight: bold;
                text-align: center;
                padding: 6px 14px;
                line-height: 24px;
                box-sizing: border-box;
                font-size: 1.0rem;
                cursor: pointer;
                margin-bottom: 4px;
                color: #FFF;
              }
          .interviewlist-kanren-content a {
            margin-left: 7px;
            margin-right: 7px;
            background-color: #FFF;
            -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
            -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
            -ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
            box-sizing: border-box;
            border-radius: 14px;
            padding-bottom: 20px;
            margin-bottom: 14px;
            /*
            vertical-align: top;
            width: 98%;
            max-height: 520px;
            height: auto;
            text-align: center;
            margin-bottom: 40px;
            margin-left: 1%;
            margin-right: 1%;
            padding-bottom: 20px;
          */
          }
          .interviewlist_medium_one h3 {
            font-size: 1.8rem;
          }
                .interviewlist_medium_logo {	
                  width: 80px;
                  height: 80px;
                }
                  .interviewlist_medium_logo img{	
                    width: 100%;
                    height: auto;
                  }
              .interviewlist_medium_one p{
                font-size: 1.6rem;
              }
      @media screen and ( max-width:600px) {
        .interviewlist-kanren h2 {
          width: 88%;
          margin: 0px auto 1.4rem;
        }
      }
      @media screen and ( max-width:600px) {
        .interviewlist_medium_one h3 {
          font-size: 2.0rem;
        }
        .interviewlist_medium_one_cate p{
          margin: 0px 7px;
        }
      }

      /* magazine */
      .magazine{
        margin-top: 2.4rem;
      }
        .magazine h2 {
          text-align: center;
          
        }
      .magazinelist {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 2.4rem;
      }
        .magazinelist a {
          display: block;
          width: 32%;
          margin-right: 2%;
          -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2));
          -moz-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2));
          -ms-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2));
          background-color: #fff;
          border-radius: 14px;
          padding-bottom: 2.8rem;
        }
          .magazinelist a:nth-child(3) {
            margin-right: 0px;
          }
        .magazinelist a h3 {
          font-size: 2.0rem;
        }
        .newslist {
          margin-top: 24px;
        }
        .newslist_one_titlewrap {
          width: 680px;
        }
        @media screen and (max-width:1080px){
          .newslist_one_titlewrap {
            width: 630px;
          }
          ul.news_sorttab {
            width: 100%;
          }
          .home_newslsit_container a{
            width: 100%;
          }
        }
        @media screen and (max-width:980px){
          .home_newslsit_container .newslist_one{
            display: flex; 
            padding-left: 3%;
          }
          .newslist_one_titlewrap {
            margin-top: 1.4rem;
            
          }
        }
  /*
  .funccontent_wrapper{
    margin-top: 4.2rem;
  }
  .func-banners {
    max-width: 1180px;
  }
  .func-banners a.box{
    width: 32%;
    margin-right: 2%;
  }
  .func-banners a.box:nth-child(3n){
    margin-right: 0px;
  }
    @media screen and (max-width:1180px){
      .func-banners {
        width: 980px;
      }
    }
    @media screen and (max-width:980px){
      .func-banners {
        width: 88%;
        margin:2.8rem auto 0px;
      }
    }
    @media screen and (max-width:768px){
      .func-banners {
        justify-content: space-between;
      }
      .func-banners a.box{
        width: 48%;
        margin-right: 2%;
      }
      .func-banners a.box:nth-child(2n){
        margin-right: 0px;
      }
      .func-banners a.box:nth-child(3n){
        margin-right: 2%;
      }
      .func-banners a.box:nth-child(6n){
        margin-right: 0%;
      }
    }
    @media screen and (max-width:600px){
      .func-banners{
        align-items: inherit;
      }
      .func-banners a.box{
        height: inherit;
        flex-direction: column;
        align-items: stretch;
      }
      .func-banners a.box .image{
        width: 38%;
        margin:0px  auto;
      }
      .func-banners a.box .text{
        width: 100%;
        padding-left: 0px;
        margin-top: 1.4rem;
        flex-grow: 1;
      }
    }
  
    .funclist .special{
      margin-top: 4.2rem;
    }
    .funclist .special ul{
      align-items: center;
      justify-content: flex-start;
    }
    .funclist .special ul li{
      width: 32%;
      margin-bottom: 2.8rem;
      -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
      -moz-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
      -ms-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
      filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
    }
    .funclist .special ul li{
      margin-right: 2%;
    }
    .funclist .special ul li:nth-child(3n){
      margin-right: 0px;
    }
    @media screen and (max-width:980px){
      .funclist .special ul li{
        width: 49%;
        margin-right: 2%;
      }
      .funclist .special ul li:nth-child(2n){
        margin-right: 0px;
      }
      .funclist .special ul li:nth-child(3n){
        margin-right: 2%;
      }
    }
    @media screen and (max-width:600px){
      .funclist .special ul li{
        width: 100%;
        margin-right: 0%;
      }
    }
    .breadcrumb-area {
      width: 1180px;
    }
    @media screen and (max-width:768px){
      .breadcrumb-area {
        width: 88%;
      }
    }
*/
  /* 既存スタイルの調整 */
  .funclist .content_header {
    margin-bottom: 0px;
  }