/* News Single Post
  --------------------------------------------------------*/
.single-post-ttl {
	font-size: 32px;
	line-height: 1.5;
}

.cate .category-name {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 10px;
  border: 1px solid var(--clr-border-500);
  border-radius: 5px;
}

.single-sec {
  padding-top: 60px;
}

.single-wrap {
  padding-inline: 40px;
}

.new-inquiry-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 60px;
  border: 1px solid var(--clr-border-500);
}

.single-news a {
  color: var(--clr-accent-300);
}

.single-news a.mainbtn {
  color: var(--clr-neutral-100);
  margin-top: 0;
}

.single-news hr {
  display: block;
  height: 1px;
  margin: 1rem 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #cccccc;
}

.single-news .post-description h2.ttl {
  margin-top: 0px;
  margin-bottom: 16px;
  padding: 0px 0px;
  padding-bottom: 16px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

.single-news a:hover {
  text-decoration: underline;
}

.btn {
  cursor: pointer;
}

#share {
  clear: both;
  width: 100%;
  margin: auto;
  padding: 10px 0 10px 0;
  text-align: center;
}

#share ul {
  height: auto;
}

#share li {
  display: inline-block;
  width: 84px;
  list-style: none;
  margin-right: 1%;
  margin-bottom: 8px;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
}

#share li.share-twitter {
  box-shadow: 0 2px #2795e9;
  background: #55acee;
}

#share li.share-twitter:hover {
  background: #83c3f3;
}

#share li.share-facebook {
  box-shadow: 0 2px #2d4373;
  background: #3b5998;
}

#share li.share-facebook:hover {
  background: #4c70ba;
}

#share li.share-google {
  box-shadow: 0 2px #c23321;
  background: #dd4b39;
}

#share li.share-google:hover {
  background: #e47365;
}

#share li.share-hatena {
  box-shadow: 0 2px #225694;
  background: #2c6ebd;
}

#share li.share-hatena:hover {
  background: #4888d4;
}

#share li.share-pocket {
  box-shadow: 0 2px #e6152f;
  background: #f13d53;
}

#share li.share-pocket:hover {
  background: #f26f7f;
}

#share li.share-line {
  box-shadow: 0 2px #009d00;
  background: #00C300;
}

#share li.share-line:hover {
  background: #2bd92b;
}

#share a {
  display: block;
  height: 37px;
  padding-top: 8px;
  color: #fff;
  text-decoration: none;
}

#share a:hover {
  color: #fff;
  text-decoration: none;
}

/* Case Single Post
    --------------------------------------------------------*/
.single .taxo-list {
  display: inline-flex;
  width: 50%;
  column-gap: 20px;
}

.single-post-ttl {
  border-bottom: 2px solid var(--clr-neutral-900);
}

.single .taxo-list .taxo-item {
  display: flex;
  align-items: flex-start;
}

.single .taxo-icon {
  margin-top: 3px;
  margin-right: 5px;
}

.case-sec .post-description h2,
.blog-sec .post-description h2 {
  margin-top: 100px;
  margin-bottom: 50px;
  padding-block: var(--space-5);
  color: var(--clr-primary);
  font-size: 32px;
  font-weight: 700;
  border-top: 2px solid var(--clr-primary);
	border-bottom: 2px solid var(--clr-primary);
}

.post-description h2.first {
  margin-top: 40px;
}

.post-description h3 {
  font-size: 24px;
}

.post-description .img-container {
  display: block;
  text-align: center;
}

.post-description .bg-gray {
  padding: 20px;
  background-color: #FAFAFA;
}

.post-description ul li {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: bold;
}

.post-description p,
.case-sec ul li {
  line-height: 1.8;
}

.case-sec .post-description p strong {
  font-size: 1.5rem;
}

.case-sec h3::before,
.post-description ul li:before {
  display: inline-block;
  min-width: .5rem;
  min-height: .5rem;
  margin-right: .625rem;
  border-radius: 50%;
  content: "";
  background-color: #939caa;
}

.post-description a {
  font-weight: bold;
}

.case-sec h3 {
  display: flex;
  align-items: center;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  font-weight: bold;
}

.case-sec h3 strong {
  font-size: 24px;
  flex: 1;
}

.post-description .btn:not(.mainbtn) {
  margin-top: 80px;
  cursor: pointer;
}

.case-sec .post-description img {
  display: flex;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.case-sec .btn {
  margin-top: 80px;
  color: var(--clr-neutral-100);
}

/* Blog Single Post
    --------------------------------------------------------*/
.blog-sec a {
  color: #0086E9;
}

.blog-sec a:focus,
.blog-sec a:hover {
  color: #23527c;
  text-decoration: underline;
}

.blog-sec :is(p, ul, ol) {
  margin-bottom: 20px;
}

.blog-sec h3 {
  margin-top: 70px;
  margin-bottom: 20px;
  font-weight: bold;
}

.blog-sec .blog-border {
  margin-top: 40px;
  padding: 20px;
  border: 2px solid #ccc;
}

.blog-sec hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

.pagination-wrapper a {
  text-decoration: none;
}

.red-txt {
  color: #ff0000;
}

.blue-txt {
  color: #00ccff;
}

.gray-txt {
  color: #808080;
}

.purple-txt {
  color: #0000ff;
}

@media (max-width: 68.75em) {
	.single-post-ttl {
		font-size: 2.909vw;
	}

  .post-description ul li {
    font-size: 1.818vw;
  }

  .post-description h2 {
    margin-top: 7.273vw;
    margin-bottom: 3.636vw;
    padding: 0.909vw 1.818vw;
    font-size: 2.182vw;
  }

  .new-inquiry-wrapper {
    padding: 5.455vw;
  }

  .post-description h3 {
    font-size: 2.182vw;
  }

  .single .taxo-list {
    column-gap: 1.818vw;
  }

  .single .taxo-icon {
    margin-top: 0.273vw;
    margin-right: 0.455vw;
  }

  .post-description .bg-gray {
    padding: 3.636vw;
  }

  .post-description ul li {
    font-size: 1.818vw;
  }

  .post-description ul li:not(:last-child) {
    margin-bottom: 1.818vw;
  }

  .case-sec h3 {
    margin-top: 3.636vw;
    margin-bottom: 1.818vw;
    font-size: 1.818vw;
  }

  .case-sec .post-description p strong,
  .case-sec h3 strong {
    font-size: 2.182vw;
  }

  .case-sec .post-description h2,
  .blog-sec .post-description h2 {
    font-size: 2.909vw;
	margin-top: 3.75rem;
	margin-bottom: 1.875rem;
  }

  .post-description .btn {
    margin-top: 7.273vw;
  }
}

@media (max-width: 48em) {
	.single-post-ttl {
		font-size: var(--fs-20);
	}

  .single .taxo-list {
    display: block;
    width: 100%;
  }

  .post-description h2 {
    margin-top: 15.385vw;
    margin-bottom: 10.256vw;
    font-size: 6.154vw;
  }

  .new-inquiry-wrapper {
    padding: 10.256vw 5.128vw;
  }

  .post-description h3 {
    font-size: 1.375rem;
	align-items: center;
	position: relative;
	padding-left: .9375rem;
  }

  .post-description .bg-gray {
    padding: 5.1vw;
  }

  .taxo-item:not(:last-child) {
    margin-bottom: 5px;
  }

  .post-description .btn {
    margin-top: var(--space-60);
  }

  .case-sec .post-description h2,
  .blog-sec .post-description h2 {
    font-size: 1.5rem;
		margin-top: 3.125rem;
		margin-bottom: 1.875rem;
  }

  .btn:not(.btn-contact) {
    min-width: 100%;
    max-width: 100%;
  }

  .post-description ul li {
    font-size: var(--fs-18);
	align-items: center;
	line-height: 1.5;
	position: relative;
	padding-left: .9375rem;
  }

  .post-description ul li:not(:last-child) {
    margin-bottom: var(--space-20);
  }

  .case-sec h3::before,
  .post-description ul li:before {
    min-width: .5rem;
    min-height: .5rem;
    margin-right: unset;
	position: absolute;
	left: 0;
	top: .625rem;
  }

  .case-sec h3 strong {
    font-size: var(--fs-18);
  }

  .case-sec .post-description p strong {
    font-size: var(--fs-18);
  }

  .case-sec .post-description img {
    max-width: 100%;
  }

}