@charset "UTF-8";
.under {
  --h3: 30px;
  --h4: 25px;
}
.under .sitemap > ul > li .lv2 {
  padding-left: 1em;
}
.under .sitemap > ul > li a,
.under .sitemap > ul > li p {
  display: block;
  width: 100%;
  padding: 15px 15px 15px 30px;
  border-bottom: dotted 1px #ccc;
  color: rgb(51, 51, 51);
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
}
.under .sitemap > ul > li a:before,
.under .sitemap > ul > li p:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 3px;
  background: #ccc;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.under .sitemap > ul > li .title {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 1.125em;
}
.under .sitemap > ul > li p:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 14px;
  background: #ccc;
  left: 6px;
  top: 50%;
  margin-top: -7px;
}
.under .sitemap > ul > li a:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.05);
}
.under .sitemap > ul > li li a {
  padding-left: 70px;
}
.under .sitemap > ul > li li a:before {
  left: 40px;
}
.under #mainContent {
  padding-bottom: 100px;
}
.under .key {
  min-height: 350px;
  height: 24vw;
  background-image: url(../images/ud_mv.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.under .key .inner {
  height: 100%;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.under .key h2 {
  display: table;
  font-size: 2.25em;
  font-weight: 500;
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 769px) and (max-width: 1366px) and (max-height: 700px) {
  .under .key {
    max-height: 550px;
  }
}
.under h2,
.under h3,
.under h4,
.under h5,
.under h6 {
  position: relative;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-family: var(--f-jp);
  color: var(--main-color);
}
.under h2:last-child,
.under h3:last-child,
.under h4:last-child,
.under h5:last-child,
.under h6:last-child {
  margin-bottom: 0;
}
.under h2 span,
.under h3 span,
.under h4 span,
.under h5 span,
.under h6 span {
  display: inline-block;
}
.under h3 {
  position: relative;
  margin-bottom: var(--h3);
  font-size: 30px;
  text-align: center;
}
.under h3:has(+ .secH4) {
  margin-bottom: 0;
}
.under h3::after {
  content: "";
  display: block;
  margin: 0.83em auto 0;
  width: 2em;
  height: 2px;
  background-color: #1b5090;
}
.under .secH4 {
  margin-top: var(--h3);
}
.under h4 {
  position: relative;
  margin-bottom: var(--h4);
  padding: 0.2083em 0.6em;
  font-size: 24px;
  color: #fff;
  background-color: #387bcb;
  line-height: 1.75;
  letter-spacing: 0.1em;
  border-radius: 5px;
}
.under h4:has(+ .secH5) {
  margin-bottom: 0;
}
.under .secH5 {
  margin-top: calc(var(--h4) + 5px);
}
.under h5 {
  margin-bottom: 20px;
  color: #eef2f8;
  padding: 0.55em 0.7em;
  font-size: 20px;
  background-color: #eef2f8;
  border-radius: 5px;
  color: var(--main-color);
}
.under h6 {
  position: relative;
  padding-left: 1.65em;
  margin-bottom: 15px;
  font-size: 18px;
}
.under h6::before {
  content: "";
  width: 0.88889em;
  height: 0.88889em;
  position: absolute;
  left: 0;
  top: 0.35em;
  border-radius: 50%;
  background-color: #5e9fe8;
}

.under .inner > section,
.under .entry > section {
  padding-top: 1px;
  margin-top: 50px;
}
.under .inner > section:first-child,
.under .entry > section:first-child {
  margin-top: 80px;
}
.under section > .secH4:first-child {
  margin-top: 0;
}
.under section > p:last-of-type {
  margin-bottom: 0;
}
.under section > p:last-of-type + table,
.under section > p:last-of-type + ul {
  margin-top: 15px;
}
.under .btn-group .btn.style01 {
  display: table;
  margin: 20px auto;
}
.under .btn-group .btn.style01 span {
  display: inline-block;
}
.under .btn-group.flex {
  justify-content: center;
}
.under .btn-group.flex .btn.style01 {
  margin: 10px 15px;
}
.under .bnr.center {
  display: table;
  margin: 20px auto 0;
  max-width: 436px;
}
.under .imgBox.rowImg .image_l img,
.under .imgBox.rowImg .image_r img {
  width: auto;
  max-height: 500px;
  border-radius: 5px;
  overflow: hidden;
}
.under .imgBox.rowImg .image_l {
  float: left;
  margin-right: 60px;
}
.under .imgBox.rowImg .image_r {
  float: right;
  margin-left: 60px;
}
.under .imgBox.rowImg .image_l,
.under .imgBox.rowImg .image_r {
  max-width: 450px;
  margin-bottom: 30px;
}
.under .imgBox.rowImg .txt_l {
  float: left;
}
.under .imgBox.rowImg .txt_r {
  float: right;
}
.under .imgBox.rowImg .txt_l,
.under .imgBox.rowImg .txt_r {
  width: calc(100% - 510px);
}
.under .imgBox.rowImg.large .image_l,
.under .imgBox.rowImg.large .image_r {
  max-width: 440px;
}
.under .imgBox.rowImg.large .txt_l,
.under .imgBox.rowImg.large .txt_r {
  width: calc(100% - 475px);
}
.under .imgBox.rowImg.full .image_l,
.under .imgBox.rowImg.full .image_r {
  max-width: 60vw;
}
.under .imgBox.colImg .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.under .imgBox.colImg p {
  margin-bottom: 5px;
}
.under .imgBox.colImg p:last-child {
  margin-bottom: 0;
}
.under .imgBox.colImg picture {
  margin-bottom: 15px;
}
.under .imgBox.colImg .text p {
  font-size: 1em;
}
.under .imgBox.colImg .text .ttl {
  font-size: 1.375em;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  color: #a98c54;
  font-family: "Noto Serif JP", serif;
}
.under .imgBox.colImg3 picture, .under .imgBox.colImg2 picture {
  position: relative;
  background: #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 380px;
  width: 100%;
  text-align: center;
  border-radius: 5px;
}
.under .imgBox.colImg3 img, .under .imgBox.colImg2 img {
  max-height: 100%;
  max-width: 100%;
}
.under .imgBox.colImg3 .item {
  width: 32%;
}
.under .imgBox.colImg3 picture {
  height: 250px;
}
.under .imgBox.colImg2 .item {
  width: 49%;
}
.under .imgBox.colImg1 .item {
  width: 100%;
}
.under .imgBox.colImg1 .item img {
  border-radius: 5px;
  max-height: 500px;
}
.under p.tac.title {
  padding: 1.15em 0.8em;
  font-size: 1.5em;
  color: var(--main-color);
  font-family: var(--f-jp);
  text-align: center;
  border-radius: 5px;
  line-height: 1.5;
  border: 2px solid #5992d6;
  background-color: #f8fafd;
}
.under p.tac.title span {
  display: inline-block;
}
.under .rollover {
  display: flex;
  justify-content: space-between;
  display: none;
  visibility: hidden;
}
.under .rollover::after {
  display: none;
}
.under .rollover li {
  width: 33.1%;
  max-width: 370px;
}
.under .faq_box .box {
  overflow: hidden;
  margin-bottom: 3em;
}
.under .faq_box .accBtn {
  position: relative;
  background-color: var(--main-color);
  transition: all 0.3s;
}
@media only screen and (min-width: 769px) {
  .under .faq_box .accBtn:hover {
    background-color: #5e9fe8;
  }
}
.under .faq_box .accBtn::before, .under .faq_box .accBtn::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  width: 16px;
  height: 2px;
  right: 2%;
  top: calc(50% - 1px);
  background-color: #fff;
  z-index: 2;
}
.under .faq_box .accBtn:not(.rotate)::after {
  transform: rotate(90deg);
}
.under .faq_box .accBtn .ttl {
  position: relative;
  margin-bottom: 0;
  font-size: 1.5em;
  color: #fff;
  border-radius: 0;
  padding: 0.85em 2.125em 0.85em 3.125em;
  transition: all 0.3s;
  border: none;
}
.under .faq_box .accBtn .ttl:before {
  content: "Q.";
  position: absolute;
  top: 0.375em;
  left: 0.5em;
  line-height: 1;
  font-family: var(--f-jp);
  font-size: 1.6666666667em;
}
.under .faq_box .accBtn:hover {
  cursor: pointer;
}
.under .faq_box .content {
  padding-top: 1.5em;
  padding-left: 5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
  background-color: #f3f6fb;
  position: relative;
}
.under .faq_box .content .accContainer {
  min-height: 3em;
}
.under .faq_box .content:after {
  content: "A.";
  position: absolute;
  font-family: var(--f-jp);
  top: 0.06em;
  left: 0.5em;
  font-size: 2.5em;
  color: var(--main-color);
  font-weight: 500;
}

@media only screen and (min-width: 1025px) {
  .under.page-worker #h4_0 .imgBox.rowImg picture,
  .under.page-time-keeping #h4_0 .imgBox.rowImg picture {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .under .imgBox.rowImg .image_l,
  .under .imgBox.rowImg .image_r {
    display: table;
    float: none;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
.under table {
  border-radius: 3px;
}
.under table.rollTable {
  width: 100%;
}
.under table.tbl_style01 th,
.under table.tbl_style01 td {
  border: 1px solid #ddd;
  padding: 0.625rem;
  line-height: 2.25;
}
.under table.tbl_style01 th img,
.under table.tbl_style01 td img {
  max-width: 100%;
}
.under table.tbl_style01 th {
  background-color: var(--main-color);
  color: #fff;
  font-size: 1.125em;
  font-weight: normal;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .under table.tbl_style01 th.w100px {
    width: 100px;
  }
}
.under table.tbl_style01 td {
  background-color: #fff;
  color: #383838;
  font-size: 1em;
}
.under table.tbl_style01.rowHead tr th:not(:last-child) {
  border-right: 1px solid #ddd;
}
.under table.tbl_style01.colHead tr:not(:last-child) th {
  border-bottom: 1px solid #ddd;
}
.under table.tbl_style01.cl-item td:not(:first-child) {
  color: var(--main-color);
}
.under table.tbl_style01.td_center td {
  text-align: center;
}
.under table.tbl_style01.td_center02 td:not(:first-child) {
  text-align: center;
}
.under table.tbl_style02 th,
.under table.tbl_style02 td {
  border: 2px solid #9dba38;
  border-left: none;
  border-right: none;
  padding: 0.625em;
}
.under table.tbl_style02 th img,
.under table.tbl_style02 td img {
  max-width: 100%;
}
.under table.tbl_style02 th {
  background: none;
  font-weight: normal;
  font-size: 1.125em;
  color: #9dba38;
}
.under table.tbl_style02 td {
  font-size: 1em;
}
.under .tbl_note {
  display: none;
  margin-top: 10px;
  color: #b4b4b4;
  font-size: 11px;
  letter-spacing: 0;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .under .clinic_tbl01 th {
    width: 19em;
  }
  .under table.tbl_style01 th,
  .under table.tbl_style01 td {
    padding: 0.5rem;
  }
  .under table.tbl_style01 th {
    font-size: 1em;
  }
  .under table.tbl_style01 td {
    font-size: 0.9em;
  }
  .under table.tbl_style02 th {
    font-size: 1em;
  }
  .under table.tbl_style02 td {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 769px) {
  .under ul.list01.mcol-2 {
    padding-bottom: 10px;
  }
  .under ul.list01.mcol-2 li:last-child, .under ul.list01.mcol-2 li:nth-child(2n+1) {
    padding-bottom: 0;
  }
  .under .rowImg ul.list01.mcol-2 li {
    width: 100%;
    padding-right: 0;
    padding-bottom: 10px;
  }
}
.under ul.list01.mcol-2 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.under ul.list01.mcol-2 li {
  width: 50%;
  padding-right: 10px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .under ul.list01.mcol-2 li {
    width: 100%;
    padding-right: 0;
  }
}
.under ul.list01.check li:before {
  width: auto;
  height: auto;
  content: "✔︎";
  top: 0;
  color: var(--main-color);
  background-color: transparent;
}
.under ul.list01 li {
  position: relative;
  padding-left: 1.25em;
  padding-bottom: 0.625em;
  letter-spacing: 0.1em;
  text-align: left;
  line-height: 2.25;
}
.under ul.list01 li::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  position: absolute;
  left: 0;
  aspect-ratio: 1/1;
  top: 0.9375em;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' %3E%3Cpath d='M39.1000,-0.004 C62.092,-0.004 80.000,17.912 80.000,40.001 C80.000,62.090 62.092,79.998 39.1000,79.998 C17.909,79.998 0.000,62.090 0.000,40.001 C0.000,17.912 17.909,-0.004 39.1000,-0.004 Z'/%3E%3C/svg%3E");
  mask-image: var(--mask);
  -webkit-mask-image: var(--mask);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  mask-position: center;
  -webkit-mask-position: center;
  background-color: #5e9fe8;
}
.under .list_note {
  margin-top: 15px;
  padding-left: 20px;
}
.under .list_note.no_mt {
  margin-top: 0;
}
.under .topic_path {
  font-size: 12px;
  line-height: 1.45;
  letter-spacing: 1.5px;
  padding: 11px 0 7px;
}
.under .topic_path .inner {
  max-width: 1324px;
}
.under .topic_path ul {
  display: block;
  padding: 4px 10px 4px 0px;
}
.under .topic_path ul::after {
  content: "";
  display: block;
  clear: both;
}
.under .topic_path ul li {
  float: left;
}
.under .topic_path a {
  text-decoration: none;
  color: #387bcb;
}
.under .topic_path a:hover {
  opacity: 1;
  text-decoration: underline;
}
.under .topic_path span {
  display: inline-block;
  padding: 0 8px;
  line-height: 1;
}
.under .toc_list {
  margin-top: var(--h3);
  justify-content: space-between;
  padding: 20px 30px;
  position: relative;
  z-index: 1;
  background-color: #f8fafd;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #96c8f6;
}
.under .toc_list:empty {
  display: none;
}
.under .toc_list .br_auto {
  display: inline;
}
.under .toc_list br {
  display: none;
}
.under .toc_list li {
  display: table;
  margin: 5px 0px;
  width: 50%;
  padding-right: 1em;
}
.under .toc_list li a {
  position: relative;
  padding-left: 1.25em;
  display: table;
  text-decoration: none;
  color: var(--main-color);
}
.under .toc_list li a::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.5em solid #5e9fe8;
  position: absolute;
  left: 0;
  top: 0.55em;
}
.under .toc_list.style1 li {
  width: 100%;
  padding-right: 0;
  max-width: 100%;
}
@media only screen and (min-width: 993px) {
  .under .toc_list.style3 li {
    width: auto;
    max-width: 33%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .under .toc_list li {
    width: 100%;
    padding-right: 0;
  }
}
.under .anchor-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 0 0;
}
.under .anchor-links > div {
  background-color: var(--main-color);
  border-radius: 3px;
  position: relative;
  display: block;
  min-width: 250px;
  width: 49%;
  margin: 0% 0.5% 1%;
  text-align: center;
  color: #fff;
  font-size: 0.875em;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media only screen and (min-width: 993px) {
  .under .anchor-links > div {
    width: 32.3%;
  }
}
.under .anchor-links > div a {
  display: block;
  width: 100%;
  padding: 10px 5px 9px;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
}
.under .anchor-links > div::after {
  content: "";
  border: 4px solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: auto;
  bottom: 2px;
  left: calc(50% - 4px);
  right: auto;
  line-height: 1;
}
.under .anchor-links > div:hover a {
  opacity: 1;
}
.under .anchor-links > div:hover::after {
  bottom: 0;
}
.under .anchor-links > div.ext::after {
  content: ">";
  border: 0;
  position: absolute;
  top: calc(50% - 0.5em);
  bottom: auto;
  left: auto;
  right: 7px;
  font-size: 0.857em;
  line-height: 1;
  letter-spacing: 0;
  transform: scaleX(0.5);
}
.under .anchor-links > div.ext:hover::after {
  right: 5px;
}
.under .steps2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}
.under .steps2::before {
  content: "";
  position: absolute;
  left: 2.1875em;
  top: 3px;
  height: calc(100% - 2.1875em);
  width: 0.125em;
  background-color: var(--main-color);
}
.under .steps2 .step {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.under .steps2 h5 {
  margin-bottom: 15px;
}
.under .steps2 h5::before {
  display: none;
}
.under .steps2 h5::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  left: 0;
  top: 0.35em;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--main-color);
}
.under .steps2 h4 {
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-left: 30px;
  border-bottom: none;
}
.under .steps2 h4::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  left: 0;
  top: 0.6em;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--main-color);
}
.under .steps2 .circle {
  margin-bottom: 0;
  width: 4.375em;
  height: 4.375em;
  border: 1px solid;
  background-color: #fff;
  color: var(--main-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1.1;
  font-weight: 400;
  font-weight: bold;
  margin-right: 1.25em;
  position: relative;
  z-index: 2;
}
.under .steps2 .circle .big {
  display: block;
  line-height: 1.1;
  font-size: 1.35em;
}
.under .steps2 .text {
  width: calc(100% - 5.625em);
}
.under .steps2::before {
  display: none;
}
.under .steps2 .step {
  position: relative;
  z-index: 1;
}
.under .steps2 .step::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  z-index: -1;
  left: calc(2.1875em - 1px);
  top: 0;
  width: 2px;
  height: calc(100% + 40px);
  background-color: var(--main-color);
}
.under .steps2 .step:first-of-type::after {
  height: calc(50% + 40px);
  top: calc(50% + 1em);
}
.under .steps2 .step:last-of-type::after {
  height: calc(50% + 20px);
}
.under.page-reason .secH4 {
  margin-top: 4em;
  position: relative;
  z-index: 1;
  padding: 2em 2.5em 2em;
}
.under.page-reason .secH4::before, .under.page-reason .secH4::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
}
.under.page-reason .secH4::before {
  left: 1em;
  z-index: -1;
  top: 1em;
  width: 100%;
  height: 100%;
  background-color: #f3efea;
}
.under.page-reason .secH4::after {
  background-color: #fff;
  z-index: -1;
  inset: 0;
  border: 1px solid #473a2e;
}
.under.page-reason .secH4:last-child {
  margin-bottom: 3em;
}
.under.page-reason .secH4::before, .under.page-reason .secH4::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background-size: 100% auto;
  background-repeat: no-repeat;
  z-index: -1;
  font-size: min(1em, 4vw);
}
.under.page-reason h4 {
  margin-bottom: 0.8em;
  position: relative;
  padding-top: 2.9em;
  border: none;
  text-align: center;
  padding-bottom: 0;
}
.under.page-reason h4 .point {
  padding-bottom: 0.3em;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  position: absolute;
  top: 0em;
  left: 0;
  font-weight: 400;
  font-size: 1.125rem;
  font-family: var(--f-en);
  letter-spacing: 0.1em;
}
.under.page-reason h4 .point::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  left: calc(50% - 4.5em);
  width: 9em;
  bottom: 0;
  border-bottom: 1px solid;
}
.under.page-reason h4 .point::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  width: 5px;
  height: 5px;
  background-color: #473a2e;
  left: calc(50% - 2.5px);
  bottom: -2px;
}
.under.page-reason h4 .point .num {
  display: inline-block;
  line-height: 1;
  margin-bottom: 0em;
  margin-left: 0.08em;
  font-weight: 400;
  font-size: 3.3333em;
  letter-spacing: 0;
}
.under .btn_lawoffice a {
  margin-top: 20px;
  background: #2184c3;
  display: block;
  color: #fff;
  padding: 20px 15px;
  text-align: center;
  text-decoration: none;
}
.under .doctor_box {
  max-width: 700px;
  margin: 0 auto 20px;
  position: relative;
}
.under .doctor_box p {
  margin-bottom: 0;
}
.under .doctor_box .doctor_name {
  position: absolute !important;
  right: 2%;
  bottom: 30px;
  background: rgba(255, 255, 255, 0.95);
  padding: 20px;
  z-index: 1;
  color: var(--main-color);
  text-align: center;
  font-size: 1.5em;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-family: var(--f-jp);
}
.under .doctor_box .doctor_name span {
  font-size: 80%;
  display: block;
}
.under .ud_map {
  height: 450px;
}
.under .exp li {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  display: flex;
  border-bottom: 1px solid #3b7ca3;
}
.under .exp li .year {
  width: 8em;
  color: var(--main-color);
  font-weight: 500;
}
.under .exp li .txt {
  width: calc(100% - 8em);
}

.under .clinic_tbl01 th {
  width: 350px;
  text-align: right;
}
.under .clinic_tbl02 {
  text-align: center;
}
.under .clinic_tbl02 th:first-child {
  width: 30%;
}
.under .clinic_tbl02 th:not(:first-child) {
  width: 10%;
}

@media only screen and (max-width: 1024px) {
  .under ul.list01 li:before {
    top: 0.9em;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .under ul.list01.mcol-2.mcol li {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0.625em;
  }
  .under ul.list01.mcol-2.mcol li:last-child {
    padding-bottom: 0;
  }
}
/* START BLOG
------------------------------------------------------------------------*/
#pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 40px auto 0;
}
#pagination:empty {
  display: none;
}
#pagination a,
#pagination span {
  background-color: var(--main-color);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: 10px 5px;
  width: 32px;
  height: 32px;
  color: #fff;
  line-height: 1;
  text-decoration: none;
  padding-left: 2px;
  padding-bottom: 2px;
  font-size: 16px;
}
#pagination a.prev, #pagination a.next,
#pagination span.prev,
#pagination span.next {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px auto;
  color: transparent;
}
#pagination a.prev,
#pagination span.prev {
  background-image: url(../images/shared_blog_arrow_prev.svg);
}
#pagination a.next,
#pagination span.next {
  background-image: url(../images/shared_blog_arrow_next.svg);
}
#pagination a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#pagination span {
  opacity: 0.5;
}
#pagination .active a,
#pagination a.active:hover {
  background: none repeat scroll 0 0 #000000;
  color: #ffffff;
}

h3.ud_post_h3 {
  background-color: #eff2f8;
  border-bottom: 0.1em solid;
  text-align: left;
  padding: 0.1667em 0.3333em 0.1667em 2.3333em;
}
h3.ud_post_h3::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  width: 1.8333em;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 5px 0px 0px 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.9333em auto;
  background-color: var(--main-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='55px' height='54px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M54.435,9.453 L28.962,34.839 C28.679,35.024 28.332,35.131 27.996,35.169 C26.443,35.342 23.238,35.293 21.638,35.174 C20.396,35.082 19.613,34.456 19.499,33.171 C19.369,31.700 19.346,28.542 19.504,27.093 C19.569,26.494 19.926,25.958 20.151,25.413 L45.169,0.476 C45.397,0.268 45.744,0.108 46.046,0.059 C46.662,-0.040 47.189,0.057 47.701,0.414 L54.377,7.067 C54.893,7.785 54.899,8.708 54.435,9.453 ZM23.653,27.740 L23.653,31.034 L26.958,31.034 L43.430,14.626 L43.430,14.369 L40.199,11.276 L23.653,27.740 ZM46.421,5.075 L43.237,8.343 L46.515,11.517 L49.700,8.249 L46.421,5.075 ZM23.965,12.419 C21.796,12.713 18.755,12.349 16.453,12.425 C14.051,12.503 8.644,12.680 6.931,14.434 C5.186,16.223 5.226,20.598 5.120,22.965 C4.867,28.636 4.694,35.275 5.116,40.916 C5.547,46.666 6.193,48.754 12.310,49.379 C18.284,49.989 25.590,49.768 31.620,49.504 C34.178,49.392 39.050,49.479 40.691,47.176 C42.084,45.222 42.249,40.352 42.325,37.951 C42.391,35.881 41.990,32.347 42.378,30.510 C42.828,28.378 46.211,28.445 46.469,30.840 C46.822,34.126 46.536,40.420 46.061,43.741 C44.775,52.743 39.555,53.310 31.620,53.638 C25.201,53.904 15.384,54.379 9.237,53.088 C1.481,51.460 1.234,45.519 0.965,38.852 C0.718,32.704 0.499,25.440 1.097,19.343 C2.061,9.526 7.381,8.637 16.107,8.334 C18.195,8.261 22.162,8.006 24.075,8.327 C26.285,8.698 26.275,12.106 23.965,12.419 Z'/%3E%3C/svg%3E");
}
h3.ud_post_h3::after {
  display: none;
}

.blog-content .date {
  margin-bottom: 20px;
  text-align: center;
  color: var(--main-color);
}
.blog-content img {
  display: inline;
}

.blog_list_style01 .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #bababa;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.blog_list_style01 .item picture {
  background-color: rgb(255, 255, 255);
  position: relative;
  overflow: hidden;
  border: 3px solid var(--main-color);
  width: 220px;
  height: 220px;
}
.blog_list_style01 .item picture img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blog_list_style01 .item .info {
  width: calc(100% - 250px);
  position: relative;
  padding-bottom: 40px;
}
.blog_list_style01 .item .info p {
  margin-bottom: 0;
  line-height: 1.5;
}
.blog_list_style01 .item .info .date {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
  padding-top: 15px;
  font-size: 90%;
}
.blog_list_style01 .item .info .date .tag {
  display: inline-block;
  color: transparent;
  font-size: 90%;
  letter-spacing: -1em;
}
.blog_list_style01 .item .info .date .tag a {
  background-color: var(--main-color);
  display: inline-block;
  margin-right: 2px;
  padding: 0 10px;
  color: #fff;
  letter-spacing: 0;
  text-decoration: none;
  margin-bottom: 1px;
  margin-top: 1px;
}
.blog_list_style01 .item .info .date .tag a.blog {
  background-color: #333;
}
.blog_list_style01 .item .info .date .tag a.column {
  background-color: var(--clr1);
}
.blog_list_style01 .item .info .date .tag a.cat-sports {
  background-color: var(--clr2);
}
.blog_list_style01 .item .info .date .tag a.cat-implants {
  background-color: #473a2e;
}
.blog_list_style01 .item .info .date .tag a.cat-general-dentistry {
  background-color: #0f2d50;
}
.blog_list_style01 .item .info .date .tag a.uncategorized {
  background-color: #000;
}
.blog_list_style01 .item .info .date .tag a.cat-whitening {
  background-color: #0652aa;
}
.blog_list_style01 .item .info .date .tag a.cat-aesthetic-treatment {
  background-color: #302215;
}
.blog_list_style01 .item .info .date .tag a:nth-child(2) {
  background-color: var(--clr2);
}
.blog_list_style01 .item .info .date .day {
  margin-right: 1em;
}
.blog_list_style01 .item .info .ttl {
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: underline;
  font-size: 120%;
  font-weight: 600;
  color: #333333;
}
.blog_list_style01 .item .info .ttl a {
  color: inherit;
}
.blog_list_style01 .item .info .des {
  padding-bottom: 45px;
}
.blog_list_style01 .item .info .button {
  background-color: #fff;
  border: 3px solid #ddd;
  position: absolute;
  bottom: 0px;
  right: 0;
}
.blog_list_style01 .item .info .button a {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 5px 15px 5px 10px;
  font-size: 90%;
  color: #333;
  text-decoration: none;
}
.blog_list_style01 .item .info .button a span {
  display: block;
  position: absolute;
  right: 5px;
  line-height: 1em;
  top: calc(50% - 0.55em);
}
.blog_list_style01 .item .info .button a::before {
  opacity: 0;
}
.blog_list_style01 .item .info .button::after {
  content: "";
  background-color: var(--main-color);
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 769px) {
  .blog_list_style01 .item .info .button:hover a {
    opacity: 1;
    color: #fff;
  }
  .blog_list_style01 .item .info .button:hover::after {
    width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  .blog_list_style01 .item {
    display: block;
  }
  .blog_list_style01 .item picture {
    margin: 0 auto;
  }
  .blog_list_style01 .item .info {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding-bottom: 0;
  }
  .blog_list_style01 .item .info .button {
    position: relative;
    display: table;
  }
}
@media only screen and (max-width: 768px) {
  .blog_list_style01 .item .info .des {
    padding-bottom: 25px;
  }
}
.main_blog_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main_blog_container .main_blog_content {
  max-width: 100%;
  width: calc(100% - 250px);
}
.main_blog_container .main_blog_content > div {
  padding-top: 0;
}
.main_blog_container .sidebar {
  width: 220px;
}
.main_blog_container .sidebar .txt_head,
.main_blog_container .sidebar .widgettitle {
  background-color: var(--main-color);
  transform: none;
  position: static;
  display: block;
  margin-bottom: 0;
  padding: 15px 10px;
  width: 100%;
  writing-mode: horizontal-tb;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.main_blog_container .sidebar ul:not(.children) {
  background-color: #fff;
  border: 1px solid #ddebf2;
  border-top: 0;
  padding: 0 10px;
}
.main_blog_container .sidebar ul:not(.children) > li {
  border-bottom: 1px solid #959595;
  padding: 12px 10px;
  font-size: 80%;
}
.main_blog_container .sidebar ul:not(.children) > li:last-child {
  border-bottom: 0;
}
.main_blog_container .sidebar ul:not(.children) > li a {
  color: inherit;
  font-size: inherit;
  text-decoration: underline;
}
.main_blog_container .sidebar ul:not(.children) > li a:hover {
  text-decoration: none;
}
.main_blog_container .sidebar ul.children {
  padding: 7px 7px;
}
.main_blog_container .sidebar ul.children li {
  padding-bottom: 5px;
}
.main_blog_container .sidebar ul.children li:last-child {
  padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .main_blog_container .main_blog_content {
    width: auto;
    margin: 0 auto;
  }
  .main_blog_container .sidebar {
    display: none;
  }
}
.blog_post_button {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 600px;
  margin: 100px auto 0;
}
.blog_post_button > div {
  position: relative;
  width: 32%;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 0.9em;
  overflow: hidden;
}
.blog_post_button > div:empty::before, .blog_post_button > div:empty::after {
  display: none;
}
.blog_post_button > div::before, .blog_post_button > div::after {
  content: "";
  transition: all 0.2s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog_post_button > div::before {
  background-color: var(--main-color);
}
.blog_post_button > div::after {
  border: 1px solid var(--main-color);
}
.blog_post_button > div a {
  transition: all 0.3s;
  display: block;
  position: relative;
  z-index: 1;
  padding: 11px 10px 10px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: inherit;
  color: inherit;
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .blog_post_button > div a:not(.tel_click):hover,
  .blog_post_button > div a:not(.tel_click):active {
    opacity: 1;
    color: #fff;
  }
}
@media only screen and (min-width: 769px) {
  .blog_post_button > div:hover::before {
    opacity: 0;
    transform: scale(0.8);
  }
  .blog_post_button > div:hover::after {
    opacity: 1;
    transform: scale(1);
  }
  .blog_post_button > div:hover a {
    color: #000;
  }
}

/* END BLOG
------------------------------------------------------------------------*/
/* START Mail
------------------------------------------------------------------------*/
.contact-form-style01 .contact-table {
  background-size: cover;
  width: 100%;
  margin: 0 auto 0px;
  overflow: hidden;
  position: relative;
}
.contact-form-style01 .contact-table textarea {
  min-width: 100%;
}
.contact-form-style01 .contact-table::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.contact-form-style01 .contact-table input,
.contact-form-style01 .contact-table select,
.contact-form-style01 .contact-table textarea {
  border: 1px solid;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 1rem;
}
.contact-form-style01 .contact-table input {
  width: 100%;
}
.contact-form-style01 .contact-table textarea {
  max-width: 100%;
  width: 100%;
  height: 7em;
}
.contact-form-style01 .contact-table input,
.contact-form-style01 .contact-table textarea {
  transition: all 0.2s ease-in-out;
}
.contact-form-style01 .contact-table input[type=radio],
.contact-form-style01 .contact-table input[type=checkbox] {
  margin: 5px 3px 5px 0px;
  width: auto;
}
.contact-form-style01 .contact-table [readonly*=readonly] {
  background: none;
  border: 0;
  font-weight: bold;
}
.contact-form-style01 .contact-table dl {
  position: relative;
  z-index: 1;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-form-style01 .contact-table dt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 400px;
  padding: 15px 20px;
  font-size: 1.125em;
}
.contact-form-style01 .contact-table dt span {
  display: inline-block;
  border-radius: 7px;
  padding: 2px 7px;
  margin-left: 5px;
  font-size: 70%;
  line-height: 1;
}
.contact-form-style01 .contact-table dd {
  width: calc(100% - 400px);
  padding: 15px 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contact-form-style01 .contact-table .postal_code {
  display: flex;
  flex-wrap: wrap;
}
.contact-form-style01 .contact-table .inline span {
  max-width: 75px;
  margin: 0 5px;
  text-align: center;
}
.contact-form-style01 .contact-table .inline input {
  text-align: center;
}
.contact-form-style01 .contact-table .clockpicker input {
  width: 70px;
  text-align: center;
}
.contact-form-style01 .contact-table input:not([type=radio]):not([type=checkbox]):focus, .contact-form-style01 .contact-table textarea:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.contact-form-style01 .confirm-table textarea {
  resize: none;
  width: 100%;
}
.contact-form-style01 .confirm-table input:not([type=radio]):not([type=checkbox]):focus,
.contact-form-style01 .confirm-table textarea:focus {
  color: inherit;
  background-color: transparent;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
.contact-form-style01 .input_btn,
.contact-form-style01 .button.thanks_btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 520px;
  margin: 40px auto 0;
}
.contact-form-style01 .input_btn input,
.contact-form-style01 .input_btn a,
.contact-form-style01 .button.thanks_btn input,
.contact-form-style01 .button.thanks_btn a {
  color: inherit;
  text-decoration: none;
  line-height: 1;
}
.contact-form-style01 .input_btn a,
.contact-form-style01 .button.thanks_btn a {
  margin: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-form-style01 .input_btn input[type=button],
.contact-form-style01 .input_btn input[type=submit],
.contact-form-style01 .button.thanks_btn a {
  width: 200px;
  height: 45px;
  border: none;
  padding: 10px;
  text-align: center;
  font-size: 100%;
  font-weight: normal;
  margin: 0px 10px 10px;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.contact-form-style01 .input_btn input[type=button]:hover,
.contact-form-style01 .input_btn input[type=submit]:hover,
.contact-form-style01 .button.thanks_btn a:hover {
  opacity: 1;
  background-color: #ccc;
}
.contact-form-style01 .input_btn input[type=button],
.contact-form-style01 .input_btn input[type=submit],
.contact-form-style01 .button.thanks_btn {
  background-color: var(--main-color);
  color: #fff;
  font-family: var(--f-jp);
}
.contact-form-style01 .contact-table {
  border: 1px solid #ddd;
}
.contact-form-style01 .contact-table input,
.contact-form-style01 .contact-table select,
.contact-form-style01 .contact-table textarea {
  border-color: #ddd;
}
@media only screen and (min-width: 769px) {
  .contact-form-style01 .contact-table dl:last-child dt,
  .contact-form-style01 .contact-table dl:last-child dd {
    border-bottom: none;
  }
}
.contact-form-style01 .contact-table dt {
  background-color: var(--main-color);
  border-bottom: 1px solid #ddd;
  color: #fff;
}
.contact-form-style01 .contact-table dt span {
  background-color: #ffffff;
  color: #ff3c7f;
}
@-moz-document url-prefix() {
  .contact-form-style01 .contact-table dt span {
    /* Fire Fox */
    padding-bottom: 3px;
  }
}
.contact-form-style01 .contact-table dd {
  border-bottom: 1px solid #ddd;
}
.contact-form-style01 .wpcf7-not-valid-tip {
  display: block;
  margin: 3px 7px 0;
}

.screen-reader-response {
  display: none;
}

.wpcf7-not-valid-tip {
  font-size: 80%;
  color: #ff3c7f;
}

.wpcf7-response-output {
  padding-top: 20px;
}

.wpcf7-list-item {
  margin-right: 15px;
}

.wpcf7-list-item-label {
  color: #000;
}

.wpcf7-form-control-wrap {
  width: 100%;
}

.cf7msm-ro {
  white-space: pre-wrap;
}

.captcha_box {
  display: table;
  margin: 50px auto 0;
}
@-moz-document url-prefix() {
  .captcha_box {
    /* Fire Fox */
    display: block;
    width: 304px;
    height: 78px;
  }
}
@supports (-webkit-touch-callout: none) {
  .captcha_box {
    /* Specific to iOS devices */
    display: block;
    width: 304px;
    height: 78px;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .captcha_box {
      /* Safari */
      display: block;
      width: 304px;
      height: 78px;
    }
  }
}

@media only screen and (max-width: 1000px) and (min-width: 769px) {
  .contact-form-style01 .contact-table dt {
    width: 40%;
  }
  .contact-form-style01 .contact-table dd {
    width: 60%;
  }
}
@media only screen and (max-width: 768px) {
  .contact-form-style01 .contact-table {
    border: none;
  }
  .contact-form-style01 .contact-table dl {
    display: block;
  }
  .contact-form-style01 .contact-table dt {
    border-bottom: none;
    border-left: 1px solid var(--main-color);
    border-right: 1px solid var(--main-color);
  }
  .contact-form-style01 .contact-table dt,
  .contact-form-style01 .contact-table dd {
    width: 100%;
  }
  .contact-form-style01 .contact-table dd {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .contact-form-style01 .contact-table input,
  .contact-form-style01 .contact-table textarea {
    width: 100%;
  }
  .contact-form-style01 .contact-table input[type=checkbox],
  .contact-form-style01 .contact-table input[type=radio] {
    width: auto;
  }
  .contact-form-style01 .wpcf7-list-item {
    display: block;
  }
}
.under .br_auto {
  display: inline-block;
}
@media only screen and (max-width: 319px) {
  .under .br_auto {
    display: inline;
  }
}
.under .br_1280,
.under .br_1170,
.under .br_769,
.under .br_750,
.under .br_640,
.under .br_520,
.under .br_480,
.under .br_430,
.under .br_390,
.under .br_375,
.under .br_360,
.under .br_320,
.under .ft_769 {
  display: none;
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .under .br_1280 {
    display: block;
  }
  .under .dis_1280 {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1170px) {
  .under .br_1170 {
    display: block;
  }
  .under .dis_1170 {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .under footer .ft_769,
  .under .br_769 {
    display: block;
  }
  .under .dis_769 {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .under .br_750 {
    display: block;
  }
  .under .dis_750 {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .under .br_640 {
    display: block;
  }
  .under .dis_640 {
    display: none;
  }
}
@media only screen and (max-width: 520px) {
  .under .br_520 {
    display: block;
  }
  .under .dis_520 {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .under .br_480 {
    display: block;
  }
  .under .in_480 {
    display: inline;
  }
  .under .dis_480 {
    display: none;
  }
}
@media only screen and (max-width: 430px) {
  .under .br_430 {
    display: block;
  }
  .under .in_430 {
    display: inline;
  }
  .under .in_430_im {
    display: inline !important;
  }
  .under .dis_430 {
    display: none;
  }
}
@media only screen and (max-width: 390px) {
  .under .br_390 {
    display: block;
  }
  .under .in_390 {
    display: inline;
  }
  .under .dis_390 {
    display: none;
  }
}
@media only screen and (max-width: 375px) {
  .under .br_375 {
    display: block;
  }
  .under .in_375 {
    display: inline;
  }
  .under .dis_375 {
    display: none;
  }
}
@media only screen and (max-width: 360px) {
  .under .br_360 {
    display: block;
  }
  .under .dis_360 {
    display: none;
  }
  .under .in_360 {
    display: inline;
  }
  .under .in_360_im {
    display: inline !important;
  }
}
@media only screen and (max-width: 350px) {
  .under .in_320 {
    display: inline;
  }
  .under .in_320_im {
    display: inline !important;
  }
  .under .br_320 {
    display: block;
  }
  .under .dis_320 {
    display: none;
  }
}
@media only screen and (max-width: 319px) {
  .under .br_769,
  .under .br_640,
  .under .br_520,
  .under .br_480,
  .under .br_430,
  .under .br_375 {
    display: none;
  }
}

.under .ud-txt-point {
  padding: 5px 10px;
  margin-right: 10px;
  background-color: var(--main-color);
  color: white;
  text-align: center;
}

/* END Mail*/
/*---------add post---------*/
.blog-content .entry > h4 {
  margin-top: 2em;
}

.blog-content .entry > h5 {
  margin-top: 2em;
}

.blog-content .entry .colImg1 img,
.img_wcap_ct img {
  margin: 0px auto;
  max-height: 500px;
  border-radius: 5px;
  overflow: hidden;
}

.blog-content .entry .list01 {
  margin-top: 30px;
}

.center_img {
  margin: 0 auto 1.5em;
  text-align: center;
}

.img_wcap_ct {
  margin: 40px auto 20px;
  text-align: center;
}

.box_center {
  max-width: 760px;
  margin: 0 auto 40px;
}

p:empty {
  display: none;
}

.box_lig01,
.box_lig02 {
  margin-top: 40px;
  position: relative;
  padding: 40px;
  background: #e3edf7;
  margin-bottom: 40px;
}

.box_lig02 {
  background-color: #f3efea;
}

.box_lig01 p:last-child {
  margin-bottom: 0;
}

.note01 {
  margin-bottom: 30px;
}

.note01 {
  position: relative;
  padding-left: 20px;
  line-height: 1.6em;
  margin-bottom: 10px;
}

.note01:before {
  content: "※";
  z-index: 4;
  position: absolute;
  top: 0px;
  left: 0;
}

.note01.note_c {
  margin-top: 1em;
  color: #D90029;
}

.note01.note_c:before {
  color: #D90029;
}

.box_ctwimg {
  clear: both;
  margin-bottom: 40px;
}

.box_ctwimg p:last-child {
  margin-bottom: 0;
}

.catption_txt {
  padding-top: 10px;
  color: #8E8E8E;
  font-size: 15px;
  display: block;
}
.catption_txt:empty {
  display: none;
}

blockquote p,
blockquote li,
blockquote dt,
blockquote dd,
blockquote a {
  font-size: 16px;
}

blockquote {
  position: relative;
  padding: 25px 30px 25px 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #F7F7F7;
  margin-bottom: 40px;
  border-left: 2px solid #E5127C;
  -webkit-box-shadow: 1px 2px 2px 0px #e0e0e0;
  box-shadow: 1px 2px 2px 0px #e0e0e0;
}

blockquote:before {
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 2;
  background-size: 40px;
  width: 50px;
  height: 50px;
  content: "";
}

blockquote p {
  position: relative;
  padding: 0;
  margin: 10px 0;
  z-index: 3;
  line-height: 1.7;
}

blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
}

/*---------add post sp---------*/
.blog-content .imgBox.colImg2 picture,
.blog-content .imgBox.colImg3 picture {
  background: #efefef;
  height: 250px;
}

@media screen and (max-width: 768px) {
  .img_wcap_ct {
    margin-bottom: 30px;
    width: auto !important;
  }
  .under .blog-content .entry .colImg1 img,
  .under .img_wcap_ct img {
    max-width: 100%;
  }
  .box_lig01,
  .box_lig02 {
    padding: 20px;
    margin-top: 30px;
  }
}