@charset "utf-8";
/*
*
* cutsom css: https://adiem.jp/voice/
*
*/

/* common
----------------------------------------*/

/* color */
:root {
  --color-text: #00bdc1;
  --color-text2: #FF7166;
  --color-accent: #FF7166;
  --color-accent-orange: #F28C00;
  --color-bg: #00bdc1;
  --color-bg-2: #FF7166;
}

/*----------------------------------------
 archive-voice
----------------------------------------*/

/* header glmenu & breadcrumb
----------------------------------------*/
#voice_header_image.wide_image {
  height: 124px;
  /* background-image: -webkit-linear-gradient(#cad7e0 1px, rgba(0 0 0/ 0) 0%),-webkit-linear-gradient(left, #cad7e0 1px, rgba(0 0 0/ 0) 0%);
  background-image: -o-linear-gradient(#cad7e0 1px, rgba(0 0 0/ 0) 0%),-o-linear-gradient(left, #cad7e0 1px, rgba(0 0 0/ 0) 0%);
  background-image: linear-gradient(#cad7e0 1px, rgba(0 0 0/ 0) 0%),linear-gradient(to right, #cad7e0 1px, rgba(0 0 0/ 0) 0%);
  background-size: 20px 20px; */
  border-bottom: 1px solid #cad7e0;
  background: url("https://adiem.jp/wp-content/uploads/2019/05/img_sytem-type-check_header.jpg") no-repeat;
  background-size: cover;
}

#voice_header_image.wide_image .caption {
  padding: 30px;
  display: inline-block;
  /* width: 100%;
  max-width: 500px; */
  text-align: right;
}

#voice_header_image.wide_image .caption .title {
  margin: 0;
  display: inline-block;
  /* text-shadow: 1px 1px 13px #fff; */
  font-weight: 500;
  letter-spacing: .1em;
  color: #fff;
  position: relative;
}
#voice_header_image.wide_image .caption .title:before {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  background: url("https://adiem.jp/wp-content/uploads/2021/03/voice_title_icon_white.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -14px;
  left: -30px;
}


#voice_header_image.wide_image .caption .title:after {
  /* content: "";
  display: block;
  height: 10px;
  border: none;
  background-color: #dee2e6;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 7px 7px;
  background-image: gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
  background-size: 7px 7px; */
}

#bread_crumb {
  background-color: #f5f5f5;
}

/* box */
.blog_list .box .title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  line-height: 1.6;
}
.blog_list .box .title a {
  display: inline-block;
  vertical-align: bottom;
}

.blog_list .box .sub-description {
  margin: 0;
  padding: 20px;
  line-height: 1.6;
  /* font-size: .95em;
  font-weight: 400; */
  font-size: 1.1em;
  font-weight: 500;
  color: #0f4e6d;
}
.blog_list .box .meta li:first-child.date {
  margin-right: 1em;
}
.blog_list .box .meta li:first-child.date time {
}

/* 幅の調整（3box -> 4box) */
/* .blog_list .box {
  width: calc(100% * 250 / 1150);
}
.blog_list .box:nth-child(3n) {
  margin: 0 calc(100% * 35 / 1150) 30px 0;
}
.blog_list .box:nth-child(4n) {
  margin-right: 0;
} */

/* アイキャッチ画像 */
.post-type-archive-voice .blog_list .box .image {
  height: 150px;
  background: linear-gradient(rgb(104, 194, 196) 29%, rgb(255 255 255) 100%);
  border: 1px solid #bee2e3;
  box-sizing: border-box;
}
.post-type-archive-voice .blog_list .box .image::after {
  content: "";
  display: block;
  background-color: #0f4e6d47;
  z-index: 1;
  width: inherit;
  height: inherit;
  box-sizing: inherit;
}
.post-type-archive-voice .blog_list .box .image img {
  /* object-fit: contain;
  position: absolute;
  top: 12%;
  left: 63%;
  right: 0;
  width: 110px;
  height: 110px;
  transform: rotate(335deg); */
  position: absolute;
  top: -30%;
  z-index: -1;
}

.post-type-archive-voice .blog_list .box .image:hover img {
  /* left: 50%;
  -webkit-transform: translateX(-50%) scale(1.5);
  -ms-transform: translateX(-50%) scale(1.5);
  transform: translateX(-50%) scale(1.5); */
}

/*----------------------------------------
 single-voice
----------------------------------------*/

/* column  */
#left_col {
  width: 100%;
  float: none;
}

#side_col {
  display: none;
  width: 0;
  float: none;
}

/* bg & breadcrumb
 color setting */
.single-voice #main_contents {
  background: linear-gradient(rgb(104, 194, 196) 1%, rgb(255 255 255) 11%);
}
.single-voice #bread_crumb {
  background-color: unset;
  border-bottom: none;
}
.single-voice #bread_crumb li,
.single-voice #bread_crumb li::after,
.single-voice #bread_crumb a,
.single-voice #bread_crumb a::before,
.single-voice #bread_crumb span {
  color: #fff !important;
}

/* title */
.single-voice #post_title {
  font-weight: 700;
  font-size: 1.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--color-bg);
  display: inline-block;
  text-shadow: 0 0 5px #fff;
}

/* date */
.single-voice #post_meta_top .date {
  color: #333;
}

.single-voice .sub-description {
  margin-bottom: 1em;
  line-height: 1.6;
  font-size: 1.8em;
  font-weight: 500;
}

/* 業種 */

/* archive-voice span.industry { */
.archive span.industry {
  display: inline-block;
  padding: 0 20px;
  vertical-align: bottom;
  font-size: .8rem;
  font-weight: 400;
  color: #999;
}
/* .single-voice span.industry { */
.single-voice span.industry {
  margin-left: 2em;
  font-size: .95rem;
  font-weight: 400;
  color: #999;
}

/* 満足度 */
p.satisfaction {
  display: flex;
}
p.satisfaction span[class^="icon-"] {
  padding: 6px 2px 14px;
  margin-right: .5em;
  background-color: var(--color-primary);
  border-radius: 10px;
  vertical-align: bottom;
  line-height: .6;
  font-weight: 700;
  font-size: 2.5em;
  color: #fff;
}
span.icon-good {
  background-color: var(--color-primary);
}

ul.client-answer {
  margin-left: 0;
  padding: 1em 2em 1em 2.5em;
  background: #f5f5f5;
}

/* from adiem  */
#fromadiem {
  margin-top: 30px;
}
#fromadiem > *:first-child{
  margin-top: 0;
}
#fromadiem > h4:first-child{
  display: inline-block;
  border-bottom: 1px dashed #ccc;
}

/* CTA
----------------------------------------*/
#cta-plugin {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 30px;
  text-align: center;
}

#cta-plugin .plugin-paragraph {
  text-align: left;
}