/*====================================================
////id review
====================================================*/
#review h2 .jp {
 font-size: 1.6rem;
}

#review .item {
 box-shadow: 0 0 2em rgba(48, 17, 8, .06);
}

#review .item .headBox {
 grid-gap: .6em 1em;
 grid-template-columns: 80px 1fr
}

#review .item .title {
 border-bottom: solid 1px rgba(var(--mainColor_rgb), .3);
 grid-column: 1 / 3;
 grid-row: 2;
 margin-bottom: .7em;
 padding-bottom: .7em;
}

#review .item h3 {}

#review .item .icon .coverImg {
 padding-top: 100%;
}

#review .item .headBox .text {
 align-items: center;
}

#review .item .headBox .text ul {
 grid-gap: 0 .5em;
 align-items: baseline;
}

#review .item .name {
 font-size: 1.15em;
}

#review .item .position {
 font-size: 1.15em;
 width: 100%;
}

#review .item .qualification {}

#review .overflow_txt {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 5;
 overflow: hidden;
}

#review ul.page-numbers {
 padding-top: 60px;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
 #review .itemBox {
  grid-gap: 3em;
  grid-template-columns: 1fr;
 }

 #review .item {
  padding: 1.5em;
 }

 #review .item h3 {
  font-size: 1.4em;
 }
}

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

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
 #review h2 {}

 #review .itemBox {
  grid-gap: 2vw;
  grid-template-columns: repeat(2, 1fr);
 }

 #review .item {
  padding: 1.2em;
 }

 #review .item h3 {
  font-size: 2.0rem;
 }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:1150px) {
 #review .itemBox {}

 #review .item {
  width: 100%;
  max-width: none;
 }
}

@media screen and (min-width:1150px) {
 #review .itemBox {
  grid-gap: 25px;
  grid-template-columns: repeat(2, 1fr);
 }

 #review .item {
  padding: 28px;
 }

 #review .item .name,
 #review .item .position {
  font-size: 2.0rem;
 }
}


/*====================================================
////id xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {}

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

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:1150px) {}

@media screen and (min-width:1150px) {}