#container {
    overflow:hidden;
}

.new-entry-cards .display-none {
	display: block;
	padding-top: 0.2em;
	text-align: right;
}
.new-entry-card-update-date {
	display: none;
}
.post-date, .post-update{
  font-size: 14px; /*フォントサイズ*/
  padding-right: 4px; /*右余白*/
  display: inline; /*横並びで縦中央揃え*/
}
.post-date::before{ /*アイコンの変更*/
  font-family: Font Awesome\ 5 Free;
  content: "\f017"; /*fa-uploadアイコン*/
  padding-right: 4px; /*右余白*/
}

.article h1 {
    display: none;
}

.main {
    background-color: #ffffff;
}
.message {
    overflow: hidden;
    position: relative;
}
.message {
  background-color: #ffffff;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}


.message .message_title,.business .business_title,.company .company_title,.news .news_title,.qa .qa_title,.staffblog .staffblog_title {
      margin: auto;
      padding-left: 11.64286vw;
      max-width: 1400px;
      font-size: 45px;
  }
  
  @media screen and (max-width: 768px) {
  .message .message_title,.business .business_title,.company .company_title,.news .news_title,.qa .qa_title,.staffblog .staffblog_title {
      padding-left: 8vw;
      font-size: 5.88vw;
  }
  }
  
  .message_title span,.business_title span,.company_title span,.news_title span,.qa_title span,.staffblog_title span {
      font-size: 1vw;
      display: block;
      margin-top: 9px;
      letter-spacing: .2em;
      color: #000;
      font-size: 14px;
  }
  
  @media screen and (max-width: 768px) {
  .message_title span,.business_title span,.company_title span,.news_title span,.qa_title span,.staffblog_title span  {
      margin-top: 1.33333vw;
      font-size: 3.46667vw;
  }
  }

.message .message_title{
  background: #ffffff;
}

.message .message_inner {
    position: relative;
    margin: auto;
    padding: 0 135px 100px;
    max-width: 1300px;
}

@media screen and (max-width: 768px) {
.message .message_inner {
    padding: 0 5.33333vw 19.2vw;
}
}

.message .message_contents {
    display: flex;
    margin: 50px auto 0;
    max-width: 1000px;
}

@media screen and (max-width: 768px) {
    .message .message_contents {
        flex-direction: column;
        margin-top: -5vw;
    }
  }

.message .message_contents .left{
  width: 35vw;
}

.message .message_contents .right{
  width: 65vw;
}

@media screen and (max-width: 768px) {
  .message .message_contents .left{
      width: 100%;
}
  .message .message_contents .right{
      width: 100%;
      margin-top: auto;
}
  }

.message .message_img {
    width: 38.46154vw;
}

.message .message_img {
    overflow: hidden;
    width: 450px;
    min-width: 270px;
    max-width: 450px;
}


@media screen and (max-width: 768px) {
.message .message_img {
    width: 100%;
    min-width: auto;
    max-width: none;
}
}

.message .message_textArea {
    margin-left: 4.61538vw;
    padding-top: 6.15385vw;
    width: 26.23077vw;
}

@media screen and (max-width: 768px){
  .message .message_textArea {
      margin-top: 19.2vw;
      margin-left: 0;
      padding: 0 2.4vw;
      width: 100%;
      min-width: auto;
  }
  }

.message .message_textArea h3 {
    letter-spacing: .2em;
    font-size: 28px;
    line-height: 1.875;
    margin-top: 0em;
    border: 0;
    padding: 0;
}

@media screen and (max-width: 768px){
  .message .message_textArea h3 {
      font-size: 6.13333vw;
      line-height: 1.95652;
  }
  }

.message .message_textArea p {
    margin-top: 56px;
    letter-spacing: .27em;
    font-size: 14px;
    line-height: 2.4;
}

@media screen and (max-width: 768px){
  .message .message_textArea p {
      margin-top: 5.86667vw;
      font-size: 3.46667vw;
      line-height: 2.2;
  }
  
  .message .view-more{
    width: 95%;
  }
  }

    .business{
        overflow:hidden;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        margin-bottom: 50px;
    }
    
    .business .business_inner{
        position:relative;
        margin:auto;
        max-width:1400px;
    }
    
    @media screen and (max-width:768px){
        .business .business_inner{
            padding:11.26667vw 5.33333vw 21.33333vw;
        }
    }

    .business_inner a,.company_inner a {
        text-decoration: none;
    }
    
    .business .business_title{
        background: #ffffff;
    }
    
    .business .business_cards{
        display: flex;
        justify-content: space-between;
        padding: 0 50px;
        flex-wrap: wrap;
        margin: 50px auto 0;
    }
    
    @media screen and (max-width:768px){
        .business .business_cards{
            flex-direction:column;
            margin-top:12.2vw;
            padding: 0;
        }
    }
    
    .business .business_card{
        overflow:hidden;
        position:relative;
        width:calc(48% - 7px);
    }
    
    @media screen and (max-width:768px){
        .business .business_card{
            width:100% ;
            background-color:#ffffff ;
        }
    }
    
    @media screen and (max-width:768px){
        .business .business_card+.business_card{
            margin-top:6.93333vw;
        }
    }

    .business .view-more {
        text-decoration:none;
    }
    
    @media screen and (max-width:768px) {
        .business .view-more {
            padding: 5.33333vw 6.4vw;
        }
    }

    .business .business_img{
        overflow:hidden;
    }
    
    .business .business_img img{
        transition:-webkit-transform .8s cubic-bezier(.25,.46,.45,.94);
        transition:transform .8s cubic-bezier(.25,.46,.45,.94);
        transition:transform .8s cubic-bezier(.25,.46,.45,.94),-webkit-transform .8s cubic-bezier(.25,.46,.45,.94);
    }
    
    .business .business_textArea{
        position:absolute;
        bottom:-1px;
        padding:20px 0;
        min-height:124px;
        transition:opacity .3s linear,-webkit-transform .4s cubic-bezier(.165,.84,.44,1);
        transition:transform .4s cubic-bezier(.165,.84,.44,1),opacity .3s linear;
        transition:transform .4s cubic-bezier(.165,.84,.44,1),opacity .3s linear,-webkit-transform .4s cubic-bezier(.165,.84,.44,1);
        background-color:#fdf2f2;
    }
    
        .business .business_textArea{
            min-height:8.85714vw;
            padding: 25px;
        }
    
    @media screen and (max-width:768px){
        .business .business_textArea{
            flex-direction:column;
            position:relative;
            padding:5.33333vw 6.4vw;
            min-height:auto;
            background-color:transparent;
        }
    }
    
    .business .business_textArea .title{
        padding-top:6px;
        width:120px;
        letter-spacing:.05em;
        font-weight:700;
        line-height:1;
        color: #333333;
    }
    
    .business .business_textArea .title{
            margin-left:2.14286vw;
            font-size:1.5vw;
    }
    
    
    @media screen and (max-width:768px){
        .business .business_textArea .title{
            display:flex;
            margin-left:0;
            width:100%;
            font-size:5.06667vw
        }
    }
    
    .business .business_textArea .title span{
        display:block;
        margin-top:6px;
        color:#7a7a7a;
        font-size:12px;
    }
    
    .business .business_textArea .title span{
            font-size:8.5714vw;
    }
    
    
    @media screen and (max-width:768px){
        .business .business_textArea .title span{
            margin-left:3.46667vw;
            font-size:2.66667vw;
        }
    }
    
    .business .business_textArea .lead{
        position:relative;
        margin-left:20px;
        padding:0 26px 0 30px;
        letter-spacing:.05em;
        font-size:14px;
        line-height:2;
        flex-grow:1;
        color: #333333;
    }
    
    .business .business_textArea .lead{
            margin-left:1.42857vw;
            padding:0 1.85714vw 0 2.14286vw;
            font-size:0.885vw;
    }
    
    @media screen and (max-width:768px){
        .business .business_textArea .lead{
            margin-top:3.2vw;
            margin-left:0;
            padding-top:2.4vw;
            padding-right:0;
            padding-left:0;
            font-size:3.2vw;
            line-height:2.09091;
        }
    }
    
    .business .business_textArea .lead:before{
        content:"";
        display:block;
        position:absolute;
        top:0px;
        bottom:auto;
        margin:auto;
        width:86%;
        height:1px;
        background-color:#ccc;
    }
    
    @media screen and (max-width:768px){
        .business .business_textArea .lead:before{
            top:0;bottom:auto;width:6.66667vw;height:1px
        }
    }
    
    .business .business_texta{
        display:none
    }
    
    @media screen and (max-width:768px){
        .business .business_texta{
            display:block;
            position:relative;
            margin:1.06667vw 6.66667vw 0;
            padding-left:5.86667vw;
            letter-spacing:.2em;
            color:#1967d2;
            font-size:3.46667vw;
            font-weight:700
        }
    }
    
        
    @media screen and (min-width:769px){
        .business .business_card:hover .business_img img{
            transition:-webkit-transform .8s cubic-bezier(.25,.46,.45,.94);
            transition:transform .8s cubic-bezier(.25,.46,.45,.94);
            transition:transform .8s cubic-bezier(.25,.46,.45,.94),-webkit-transform .8s cubic-bezier(.25,.46,.45,.94);
            -webkit-transform:scale(1.05);
            transform:scale(1.05)
        }
        .business .business_card:hover .business_textArea{
            opacity:0;
            transition:opacity .3s linear,-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
            transition:transform 1s cubic-bezier(.165,.84,.44,1),opacity .3s linear;
            transition:transform 1s cubic-bezier(.165,.84,.44,1),opacity .3s linear,-webkit-transform 1s cubic-bezier(.165,.84,.44,1);
            -webkit-transform:translateY(100%);
            transform:translateY(100%)
        }
    }

    
  .view-more a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0 0 0 auto;
    padding: 1em 2em;
    width: 200px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    transition: 0.3s;
    text-decoration: none;
  }
  
  .view-more a::before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #363636;
    transition: 0.3s;
  }
  
  .view-more a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 70px;
    height: 2px;
    background-color: #333333;
    transition: 0.3s;
  }
  
  .view-more a:hover {
    text-decoration: none;
  }
  
  .view-more a:hover::before,
  .view-more a:hover::after {
    right: -2.5em;
  }

  .company .company_inner {
      position: relative;
      padding: 50px 0 120px;
  }
  
  .company {
        overflow: hidden;
        position: relative;
  }
  .company {
      background-color: #ffffff;
      background-image: url(https://infeel.jp/wp-content/uploads/top_bg.png);
      background-position: top center;
      background-repeat: no-repeat;
      margin-left: calc(-50vw + 50%);
      margin-right: calc(-50vw + 50%);
  }
  
.company .company_title {
    background: none;
}

  .company .company_inner {
        margin: auto;
        max-width: 1400px;
    }
    
  @media screen and (max-width: 768px) {
      .company .company_inner {
        padding: 0 5.33333vw 19.2vw;
    }
  }
  
  .company .company_cards{
      display:flex;
      margin-left:auto;
      width:950px;
      min-width:600px;
      justify-content:space-between;
      list-style-type: none;
  }
  
  @media screen and (max-width:1400px){
      .company .company_cards{
          width:67.85714vw
      }
  }
  
  @media screen and (max-width:768px){
      .company .company_cards{
          flex-direction:column;
          margin-top:9.33333vw;
          width:100%;
          min-width:auto;
          padding-left: 0px;
      }
  }
  
  .company .company_card{
      position:relative;
      width:calc(100% - 2px);
      height:455px;
  }
  
  @media screen and (max-width:1400px){
      .company .company_card{
          height:28.5vw
      }
  }
  
  @media screen and (max-width:768px){
      .company .company_card{
          width:100%;
          height:40vw
      }
  }
  
  @media screen and (max-width:768px){
      .company .company_card+.company_card{
          margin-top:.53333vw
      }
  }
  
  
  .company .company_img{
      overflow:hidden;
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left: 0;
      padding-right:0px;
      border-radius: 25px;
  }
  
  .company .company_img img{
      transition:-webkit-transform 1.3s cubic-bezier(.25,.46,.45,.94);
      transition:transform 1.3s cubic-bezier(.25,.46,.45,.94);
      transition:transform 1.3s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1.3s cubic-bezier(.25,.46,.45,.94);
      pointer-events:none
  }
  
  .company .company_textArea{
      display:flex;
      flex-direction:column;
      position:relative;
      z-index:1;
      height:100%;
      transition:transform 1.1s cubic-bezier(.215,.61,.355,1),-webkit-transform 1.1s cubic-bezier(.215,.61,.355,1);
      transform:translateY(24px);
      pointer-events:none;
      justify-content:center;
      align-items:center;
      text-shadow: 2px 2px 5px black;
  }
  
  @media screen and (max-width:1400px){
      .company .company_textArea{
          transform:translateY(1.71429vw)
      }
  }
  
  @media screen and (max-width:768px){
      .company .company_textArea{
          display:block;
          padding:5vw 16vw;
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
  }
  
  .company .company_textArea .title{
      display:block;
      margin-top:6px;
      letter-spacing:.2em;
      color:#ffffff;
      font-size:20px;
      font-weight:700;
      line-height:1.4
  }
  
  @media screen and (max-width:1400px){
      .company .company_textArea .title{
          font-size:2.22857vw
      }
  }
  
  @media screen and (max-width:768px){
      .company .company_textArea .title{
          margin:1.86667vw 0 0 9.86667vw;
          font-size:4vw;
          line-height:1.58667
      }
  }
  
  .company .company_textArea .lead{
      display:block;
      opacity:0;
      margin-top:38px;
      transition:opacity .6s cubic-bezier(.165,.84,.44,1);
      text-align:center;
      letter-spacing:.05em;
      color:#ffffff;
      font-size:14px;
      line-height:2
  }
  
  @media screen and (max-width:1400px){
      .company .company_textArea .lead{
          font-size:1.8vw
      }
  }
  
  @media screen and (max-width:768px){
      .company .company_textArea .lead{
          opacity:1;
          margin:2.66667vw 0 0 9.6vw;
          text-align:left;
          font-size:3.2vw;
          line-height:2.09091
      }
  }
  
  @media screen and (min-width:769px){
      .company .company_card>a:hover .company_img img{
          transition:-webkit-transform .8s cubic-bezier(.215,.61,.355,1);
          transition:transform .8s cubic-bezier(.215,.61,.355,1);
          transition:transform .8s cubic-bezier(.215,.61,.355,1),-webkit-transform .8s cubic-bezier(.215,.61,.355,1);
          -webkit-transform:scale(1.05);
          transform:scale(1.05)
      }
      .company .company_card>a:hover .company_textArea{
          transition:opacity .5s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);
          transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .5s linear;
          transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .5s linear,-webkit-transform .8s cubic-bezier(.165,.84,.44,1);
          -webkit-transform:translateY(0);
          transform:translateY(0)
      }
      .company .company_card>a:hover .company_textArea .lead{
          opacity:1;
          transition:opacity .5s linear
      }
  }
  
  .news {
      overflow: hidden;
      position: relative;
      margin-left: calc(-50vw + 50%);
      margin-right: calc(-50vw + 50%);
      background-color: #ffffff;
      margin-top: 30px;
  }
  
  .news .news_inner {
      position: relative;
      margin: auto;
      padding: 0 135px 100px;
      max-width: 1300px;
  }
  
  @media screen and (max-width: 768px) {
      .news .news_inner {
        padding: 0 5.33333vw 19.2vw;
    }
  }
  
  .news .news_title {
      background-color: #ffffff;
      margin-bottom: 40px;
  }

.qa{
    overflow: hidden;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

  .qa .qa_title {
    background: none;
    margin-bottom: 40px;
  }


.qa .qa_inner {
    position: relative;
    margin: auto;
    padding: 0 135px 100px;
    max-width: 1300px;
}

@media screen and (max-width: 768px) {
    .qa .qa_inner {
      padding: 0 5.33333vw 19.2vw;
  }
}

.news .viewmore {
    text-align: right;
    margin-top: -70px;
    padding: 0 2vw 0 0;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .news .viewmore {
        padding: 0 5vw 0 0;
    
}
}

.news .viewmore a{
    position: relative;
    padding: 0 0.5em 0 0;
}

.news .viewmore a {
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0 auto;
    padding: 1em 2em;
    width: 50px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    transition: 0.3s;
    text-decoration: none;
  }
  
  .news .viewmore a::before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #363636;
    transition: 0.3s;
  }
  
  .news .viewmore a::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 35px;
    height: 2px;
    background-color: #333333;
    transition: 0.3s;
  }
  
  .news .viewmore a:hover {
    text-decoration: none;
  }
  
  .news .viewmore a:hover::before,
  .news .viewmore a:hover::after {
    right: -2.5em;
  }

.toggle-button {
    background-color: #fdf2f2;
    border: 2px solid #f7d5d5;
}

.toggle-button::before {
    color: #f96363;
}

.toggle-checkbox:checked ~ .toggle-content {
    border: 2px solid #f7d5d5;
}

.toggle-checkbox:checked ~ .toggle-button::before {
    color: #f96363;
}

.top-image{
    border-radius: 25px;
}

/*20221014追加*/

.appeal {
    background-size: 100%;
}

/*20230125追加*/

.news .widget-entry-cards figure {
    display: none;
}

.news .widget-entry-card-content {
    margin-left: 30px;
}

.staffblog {
    overflow: hidden;
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    background-color: #ffffff;
    margin-top: 30px;
}

.staffblog .staffblog_inner {
    position: relative;
    margin: auto;
    padding: 0 135px 100px;
    max-width: 1300px;
}

@media screen and (max-width: 768px) {
    .staffblog .staffblog_inner {
      padding: 0 5.33333vw 19.2vw;
  }
}

.staffblog .staffblog_title {
    background-color: #ffffff;
    margin-bottom: 40px;
}

.staffblog .viewmore {
    text-align: right;
    margin-top: -70px;
    padding: 0 2vw 0 0;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .staffblog .viewmore {
        padding: 0 5vw 0 0;
    
}
}

.staffblog .viewmore a{
    position: relative;
    padding: 0 0.5em 0 0;
}

.staffblog .viewmore a {
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0 auto;
    padding: 1em 2em;
    width: 50px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    transition: 0.3s;
    text-decoration: none;
  }
  
  .staffblog .viewmore a::before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #363636;
    transition: 0.3s;
  }
  
  .staffblog .viewmore a::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 35px;
    height: 2px;
    background-color: #333333;
    transition: 0.3s;
  }
  
  .staffblog .viewmore a:hover {
    text-decoration: none;
  }
  
  .staffblog .viewmore a:hover::before,
  .staffblog .viewmore a:hover::after {
    right: -2.5em;
  }

  .staffblog .widget-entry-cards .a-wrap {
    margin-bottom: 1em;
}