﻿/* =========================================================
  レイアウト
========================================================= */
/* SP */
@media screen and (max-width: 750px) {
  a:hover{opacity:1}
}

@media screen and (min-width: 751px) {
  div.container_ div.contents_{
    display: flex;
    gap: 50px;
  }
  div.mainframe_{width: 100%;}
}  

.u-title-page,
.u-title{margin: 0 0 calc(20 * (100vw / 375)) calc(20 * (100vw / 375));}
.column-40 {gap: 40px;}

.feature-list-articles-count{display: none;}
.feature-container {
  display: flex;
  gap: 35px;
  margin: 50px 0 0;
}

/* feature-facet */
.feature-facet {width: 212px;}
.feature-facet .u-title-page {margin: 0 0 30px;}
.feature-facet .u-title-m {margin: 0 0 20px;}
.feature-facet-button a {width: 100%;}
.feature-facet-button .u-icon-pin-white {height: 17px;}
.feature-search-condition .u-form-text-box,
.feature-search-condition .u-accordion {margin: 0 0 20px;}
.feature-search-condition .u-form-text-box input[type="text"].u-form-text-h50 {
  height: 50px;
  border: none;
}

.feature-content {margin: 60px 0 0;}
.feature-content .u-title {margin: 0 0 30px;}

/* feature-card */
.feature-card {
  width: 893px;
  padding: 40px 0;
  border-top: 1px solid #ddd;
  display: flex;
}

.feature-card:last-child {border-bottom: 1px solid #ddd;}
.feature-card-logo {
  width: 120px;
  margin: 0 auto;
}
.address-link {
  margin: 10px 0 0;
  display: flex;
  align-items: center;
}
.address-link i {margin-right: 10px;}
.feature-card-deatil {width: 684px;}
.feature-card-deatil h4 {margin: 0;}

/* SP */
@media screen and (max-width: 750px) {
  .feature-container {
    display: block;
    margin: calc(15 * (100vw / 375)) 0 0;
  }

  .u-title-m{display: none;}
  .u-title-page,
  .u-title {margin: 0 0 calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) !important;}

  .feature-facet {
    width: 100%;
    margin: 0 0 calc(40 * (100vw / 375)) 0;
  }

  .feature-facet-button {
    margin: calc(20 * (100vw / 375)) 0 calc(40 * (100vw / 375));
    padding: 0 20px;
  }

  .feature-content {margin: calc(40 * (100vw / 375)) 0 calc(60 * (100vw / 375)) 0;}
  .feature-list-inner div.column-40 {
    width: calc(336 * (100vw / 375));
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: calc(18 * (100vw / 375)) calc(5 * (100vw / 375));
  }

  .feature-list-inner .u-card {width: calc(165 * (100vw / 375));}
}

/* PCのみ */
@media screen and (min-width: 751px) {
  [class^="column-"] {
    display: flex;
    flex-direction: column;
  }

  .feature-list-inner div.column-40{
    max-width: 893px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 37px 15px;
  }

  .feature-list-inner div.column-40 .u-card{

  }

}