@charset "UTF-8";

.pc_content{
  display:block !important;
}
  
.sp_content{
  display:none !important;
}

.p-reason__bottom-h5 {
  color: #1f2a34;
}

.p-reason__bottom-image {
  margin-top: 45.56px;
}

#cfb {
    max-width: 1051px;
    margin:30px auto 10px;
    padding:0 18px;
}

#cfb a:hover {
    opacity: 0.6;
}

@media (max-width: 767px) {
  .pc_content{
    display:none !important;
  }
    
  .sp_content{
    display:block !important;
  }
  .br_spn {
  display: none;
  }
}

/*p-magazineセクション用追加CSS */

.p-magazine {
background-color: #fff;
padding-top: 69px;
padding-bottom: 60px;
}

@media screen and (max-width: 767px) {

  .p-magazine {
padding-bottom: 40px;
}
}

.p-magazine__inner {
max-width: 1200px;
box-sizing: content-box;
padding: 0 20px;
margin: 0 auto;
}

.p-magazine__wrap {
padding-bottom: 40px;
}

.p-magazine__wrap + .p-magazine__wrap {
  border-top: 1px solid #0b1832;
  padding-top: 14px;
  padding-bottom: 40px;
}



.p-magazine__head-flex {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #0b1832;
padding-bottom: 25px;
margin-bottom: 14px;
}

.p-magazine__head-logo {
width: 274px;
}

@media screen and (max-width: 767px) {

  .p-magazine__head-logo {
    width: 195px;
    
  }
}

.p-magazine__square {
  background-color: #ccffd9;
  color: #666;
  width: 47px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

@media screen and (min-width: 768px) {
  .p-magazine__square:hover {
  opacity: 0.7;
  }

}

.p-magazine__cat {
font-size: 19px;
color: #0b1832;
position: relative;
padding-right: 14px;
width: fit-content;
transition: all 0.4s ease;
}

.p-magazine__cat::after {
  position: absolute;
  right: 0;
  top: 56%;
  transform: translateY(-50%);
  content: '';
  width: 6px;
  height: 10px;
  display: block;
  background: url(../img/cat_arrow.png) no-repeat center / contain;
}

@media screen and (max-width: 767px) {
.p-magazine__cat {
font-size: 14px;
padding-right: 10px;
}
}

@media screen and (max-width: 767px) {
  .p-magazine__cat::after {
  width: 4.5px;
  height: 7px;
  }

}

@media screen and (min-width: 768px) {
  .p-magazine__cat:hover {
  opacity: 0.7;
  }

}

.p-magazine__flex {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 36px 35px;
margin-top: 44px;
}

@media screen and (max-width: 767px) {
.p-magazine__flex {
  grid-template-columns: repeat(1, 1fr);
  gap: 22px;
  margin-top: 25px;
}
}

.p-magazine__flex.last {
  gap: 36px 66px;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 767px) {
.p-magazine__flex.last {
  grid-template-columns: repeat(1, 1fr);
  gap: 22px;
}
}

.p-magazine__post {
display: block;
transition: all 0.4s ease;
}

@media screen and (min-width: 768px) {
  .p-magazine__post:hover {
  opacity: 0.7;
  }

}


.p-magazine__title {
font-size: 21px;
line-height: 1.5714;
color: #3f3f3f;
}

@media screen and (max-width: 767px) {
.p-magazine__title {
  font-size: 16px;
  line-height: 1.75;
}
}

.p-magazine__flex.last .p-magazine__title {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
.p-magazine__flex.last .p-magazine__title {
  font-size: 16px;
  line-height: 1.75;
}
}

.p-magazine__time {
color: #8b8b8b;
font-size: 12px;
margin-top: 3px;
}

.p-magazine {
    padding-top: 35px;
}

.toppr {
max-width: 565px;
padding-bottom: 63px;
}

.toppr img:hover {
    opacity: 0.8;
}

@media screen and (max-width: 767px) {
.p-magazine {
    padding-top: 20px;
}

.toppr {
padding-bottom: 50px;
}

#cfb {
    margin:22px auto 0;
}

}