@charset "utf-8";
/*
  editor
*/

/* text link */
.p-editor a { color:rgba(var(--seesla-color--main), 1); }
.p-editor a:hover { text-decoration: underline; }

/* paragraph */
.p-editor p { line-height:2; margin: -0.5em 0 calc(40px - 0.5em); }
@media (max-width: 768px) {
  .p-editor p { line-height:1.8; margin: -0.4em 0 calc(30px - 0.4em); }
}
@media (max-width: 576px) {
  .p-editor p {
    font-size: 14px;
  }
}


/* ギャラリー */
@media (max-width: 576px) {
  .wp-block-gallery {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .wp-block-gallery .wp-block-image {
    width: 100%!important;
  }
}

.wp-element-caption {
  background: rgb(0 0 0 / 3%)!important;
  color: #241F20!important;
  font-size: 13px!important;
  margin-bottom: 0!important;
  padding: 8px!important;
  text-align: center!important;
  width: 100%!important;
  position: static!important;
}

/* heading */
.p-editor h2, .p-editor h3, .p-editor h4 {
  line-height:1.6;
  margin-bottom:calc(40px - 0.3em);
}

/* heading 2 */
.p-editor h2 {
  font-size:28px; border-bottom: 1px solid #aaa; padding-bottom: 0.3em; color: #008ce2;
}
.p-editor * + h2 {
  margin-top:calc(80px - 0.3em);
}


/* heading 3 */
.p-editor h3 {
  font-size:22px;
  border-left: 4px solid #008CE2;
  padding-left: 15px;
}
.p-editor * + h3 {
  margin-top:calc(70px - 0.3em);
}
@media (max-width: 576px) {
  .p-editor * + h2 {
    line-height: 1.4!important;
  }
  .p-editor h3 {
    line-height: 1.4!important;
  }
}

/* heading 4 */
.p-editor h4 {
  font-size:20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5em;
}
.p-editor * + h4 {
  margin-top:calc(50px - 0.3em);
}

@media (max-width: 768px) {
  .p-editor h2, .p-editor h3, .p-editor h4 {
    margin-bottom:calc(30px - 0.3em);
  }
  .p-editor h2 { font-size:20px; }
  .p-editor h3 { font-size:18px; }
  .p-editor h4 { font-size:16px; }
  .p-editor * + h2 {
    margin-top:calc(60px - 0.3em);
  }
  .p-editor * + h3 {
    margin-top:calc(40px - 0.3em);
  }
  .p-editor * + h4 {
    margin-top:calc(30px - 0.3em);
  }
}



/* リスト */
.p-editor ul, .p-editor ol { line-height: 1.6; margin-bottom:40px; }
.p-editor ul { list-style: disc; padding-left:20px; background: rgb(0 0 0 / 3%); padding:calc(30px - 0.3em) 50px; }
.p-editor ol { list-style: auto; }
.p-editor li + li { margin-top:10px; }
.p-editor ul ul { padding:0 0 0 20px; margin:10px 0 0; background:none; }
.p-editor ul ul li + li { margin-top:5px; }

@media (max-width: 576px) {
  .p-editor ul li {
    font-size: 14px;
  }
}


/* ボタン */
.wp-block-buttons { margin-bottom:40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.wp-block-button { max-width: 100%; }
.wp-block-buttons .wp-block-button__link {
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  max-width:100%; width:300px; height:60px; padding:0 30px; line-height:1.2;
  transition: opacity 0.3s ease; font-size:16px;
}
.is-style-button-design > .wp-block-button__link {
  color:#fff; background:rgba(var(--seesla-color--main), 1);
}
.wp-block-buttons .wp-block-button__link:hover {
  text-decoration: none; opacity:0.7;
}
@media (max-width: 768px) {
  .wp-block-buttons { margin-bottom:30px; }
  .wp-block-buttons .wp-block-button__link {
    min-width:auto; width:300px; max-width:100%; height:50px; font-size:14px; font-size:14px;
  }
}


/* 番号付きリスト */
.p-editor ol {
  counter-reset: item; list-style-type: none; font-family: 'Arial';
}
.p-editor ol li {
  display: -webkit-box; display: -webkit-flex; display: flex;
}
.p-editor ol li strong {
  display: contents!important;
}
.p-editor ol li:before {
  counter-increment: item; content: counter(item);
  display: -webkit-box; display: -webkit-flex; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  font-size:14px; width: 24px; min-width: 24px; height: 24px; border-radius: 50%;
  color: #fff; background: rgba(var(--seesla-color--main), 1); line-height: 1;
  margin-right:10px;
}

@media (max-width: 768px) {
  .p-editor ul, .p-editor ol {
    margin-bottom:30px;
  }
  .p-editor ul {
    padding: calc(15px - 0.3em) 30px;
  }
  .p-editor li + li {
    margin-top:5px;
  }
  .p-editor ol li:before {
    width: 20px; min-width: 20px; height: 20px; margin-right:5px;
  }
}

@media (max-width: 576px) {
  .p-editor ol li {
    font-size: 14px!important;
  }
}



/* 画像 */
.p-editor .wp-block-image {
  margin-bottom:40px; border:1px solid rgb(0 0 0 / 10%);
}
.p-editor .wp-block-image figcaption {
  margin:0; padding:15px; text-align: center; font-size: 0.8em; border-top:1px solid rgb(0 0 0 / 10%);
}
@media (max-width: 768px) {
  .p-editor .wp-block-image {
    margin-bottom:30px;
  }
}


/* テーブル */
.p-editor .wp-block-table { line-height:1.6; margin-bottom:40px; -webkit-overflow-scrolling: touch; }
.p-editor .wp-block-table table { width: 100%; font-size: 14px; white-space: nowrap; }
.p-editor .wp-block-table td { padding:1.3em 1.5em 1.1em; }
.p-editor .wp-block-table td:first-of-type { font-weight:600; }
.p-editor .wp-block-table td, .wp-block-table th { border: none; }

.p-editor .wp-block-table thead {
  text-align: left;
  border-bottom:solid 3px #fafafa;
}
.p-editor .wp-block-table thead th {
  padding: 1em 1.5em 0.9em;
  font-weight:600;
}
.p-editor .wp-block-table th {
  padding:1.3em 1.5em 1.1em;
  color:#fff; background: rgba(var(--seesla-color--main), 1);
}
.p-editor .wp-block-table th + th {
  border-left:solid 3px #fafafa;
}
.p-editor .wp-block-table td {
  background:rgb(0 0 0 / 3%);
}
.p-editor .wp-block-table tr + tr {
  border-top:solid 3px #fafafa;
}
.p-editor .wp-block-table td + td {
  border-left:solid 3px #fafafa;
}
.p-editor .wp-block-table figcaption {
  font-size: 14px; color:rgb(0 0 0 / 50%); text-align: center; margin-top: 10px;
}
.p-editor .wp-block-table thead + tbody td:first-of-type {
  font-weight:normal;
}
.single-blog .p-editor .wp-block-table thead,
.single-blog .p-editor .wp-block-table th + th,
.single-blog .p-editor .wp-block-table tr + tr,
.single-blog .p-editor .wp-block-table td + td {
  border-color:#fff;
}



@media (max-width: 768px) {
  .p-editor .wp-block-table {
    margin-bottom:30px;
  }
  .p-editor .wp-block-table table {
    font-size:12px;
  }
}

/* 引用 */
.p-editor .wp-block-quote {
  padding: 30px; position: relative; margin-bottom:40px;
  background: rgba(var(--seesla-color--main), 0.1);
  border-left:3px solid rgba(var(--seesla-color--main), 1);
}
.p-editor .wp-block-quote p {
  margin-bottom:15px;
}
.p-editor .wp-block-quote cite {
  display:block; color:#999; text-align: right;
}
.p-editor .wp-block-quote:before {
  content:'\e925'; font-family: 'seesla'; display: block;
  color:rgba(var(--seesla-color--main), 1);
  font-size: 20px; margin:-10px 0 20px;
}

@media (max-width: 768px) {
  .p-editor .wp-block-quote {
    padding:20px; margin-bottom:30px;
  }
  .p-editor .wp-block-quote:before {
    margin-top:0;
  }
}


/* box-design caution */
.p-editor .is-style-caution {
  padding: calc(70px - 0.5em) 30px calc(30px - 0.5em);
  background: rgb(241 63 36 / 5%);
  border-left: 3px solid #f13f24;
  position: relative;
  margin-bottom: 40px;
}
.p-editor .is-style-caution:before,
.p-editor .is-style-caution:after {
  color:#f13f24;
  font-weight:600;
}
.p-editor .is-style-caution:before {
  content:'\e933';
  font-family: 'seesla';
  line-height: 1;
  display:block;
  position: absolute;
  top:30px;
  left:30px;
  font-size:20px;
}
.p-editor .is-style-caution:after {
  content:'注意点';
  line-height:1;
  display:block;
  position: absolute;
  top:33px;
  left:60px;
}

@media (max-width: 768px) {
  .p-editor .is-style-caution {
    padding: calc(50px - 0.5em) 20px calc(20px - 0.5em);
  }
  .p-editor .is-style-caution:before {
    top:15px; left:20px;
  }
  .p-editor .is-style-caution:after {
    top:20px; left:50px;
  }
}

/* box */
.p-editor .is-style-box {
  background: #f2f2f2; padding:calc(30px - 0.5em) 30px; font-size:0.8em;
}
@media (max-width: 768px) {
  .p-editor .is-style-box {
    padding:calc(20px - 0.5em) 20px;
  }
}


/* 関連記事カードリンク */
.p-editor .c-cardlink { margin-bottom:40px; background:#fff; }
.p-editor .c-cardlink__link { border:1px solid #ddd; padding:20px; }
.p-editor .c-cardlink__image-wrap {
  width:200px; box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 10%);
}
.p-editor .c-cardlink__content {
  width:calc(100% - 200px); padding-left:20px;
}
.p-editor .c-cardlink__title {
  font-size:16px; line-height:1; margin-bottom:15px; height:1em;
  border:none; padding:0;
}
.p-editor .c-cardlink__desc {
  font-size:14px; line-height:1.6; height:4.8em; margin:-0.3em 0; color: rgb(0 0 0 / 60%);
}
a:hover .c-cardlink__image { transform: scale(1); }

@media (max-width: 768px) {

  .p-editor .c-cardlink { margin-bottom:30px; }
  .p-editor .c-cardlink__title { font-size:16px; }
  .p-editor .c-cardlink__image-wrap { width:100%; }
  .p-editor .c-cardlink__content { width:100%; padding:0; margin-top:20px; }

}

/* speeker deck */
.speakerdeck-embed-wrapper { margin-bottom:40px; }
@media (max-width: 768px) {
  .speakerdeck-embed-wrapper { margin-bottom:30px; }
}


/* table of content */
.p-editor #toc_container {
  background:#F6F6F6;
  width:100%;
  padding:30px;
  border:none;
  font-size:14px;
  margin-bottom:0;
}
.p-editor #toc_container .toc_title {
  font-size:18px;
  text-align: center;
  color:#008CE2;
  margin-bottom:15px;
}
.p-editor #toc_container .toc_list {
  background: none;
  list-style: none;
  padding:0;
  margin:0;
}
.p-editor #toc_container li + li {
  margin-top:15px;
}
.p-editor #toc_container a {
  color:#000;
  position: relative;
  padding-left: 25px;
  display: block;
  line-height: 1.4;
  transition: none;
}
.p-editor #toc_container a:before {
  content:'';
  display: block;
  border-radius:5px;
  width: calc(100% + 25px);
  height: calc(100% + 15px);
  background:rgba(var(--seesla-color--main), 1);
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%); z-index:-1;
  opacity:0;
}
.p-editor #toc_container .toc_number {
  display:inline-block;
  width:20px;
  height:20px;
  text-align: center;
  font-size:12px;
  border-radius:50%;
  color:#008CE2;
  border:1px solid #008CE2;
  background:#fff;
  display:flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top:-1px;
  left:-1px;
}
@media not all and (max-width: 992px) {
  .p-editor #toc_container { display:none; }
}
@media (max-width: 768px) {
  .p-editor #toc_container { padding:20px; }
  .p-editor #toc_container .toc_title { font-size:16px; }
}


/* 横スクロール画像 */
.p-editor figure.is-style-scroll {
  flex-wrap: nowrap; overflow: scroll hidden;
  padding: 1.3em; background: #e2e2e2; border: 1px solid #aaa;
  margin-bottom: 40px; background-image: repeating-linear-gradient(-45deg,#fff, #fff 1px,transparent 0, transparent 3px);
}
.p-editor figure.is-style-scroll figure {
  min-width:60%; box-shadow: 0px 0px 12px -6px rgb(0 0 0 / 50%);
}
.p-editor figure.is-style-scroll figure figcaption {
  position: relative!important; background: #fff!important;
  padding: 10px 0!important; color: #333!important; font-size:12px!important; font-weight: 600;
}
@media (max-width: 768px) {
  .p-editor figure.is-style-scroll { margin-bottom: 30px; }
}
@media (max-width: 599px) {
  .p-editor figure.is-style-scroll {
    width: calc(100% + 40px); margin-left: -20px; border-left: none; border-right: none;
  }
  .p-editor figure.is-style-scroll figure { min-width:85%; }
}


/* ステップカラム */
.p-editor .wp-block-columns.is-style-step { flex-wrap: nowrap!important; }
.p-editor .wp-block-columns.is-style-step:last-of-type { margin-bottom:2em; }
.p-editor .wp-block-columns.is-style-step:not(:last-of-type) { margin-bottom:0; }

.p-editor .wp-block-columns.is-style-step .wp-block-column:first-of-type {
  flex-basis: 50px; flex-grow: 0;
}
.p-editor .wp-block-columns.is-style-step:not(.is-last) .wp-block-column:first-of-type:after {
  content:''; display: block; width: 0px; height: calc(100% - 50px); margin: 0 auto;
  border-right:1px dashed #B3B3B3;
}
.p-editor .wp-block-columns.is-style-step .wp-block-column:first-of-type p {
  display: flex; align-items: center; justify-content: center; flex-direction: column;
  margin:0; background:#008CE2; color:#fff; text-align: center; line-height:1;
  width:50px; height:50px; border-radius: 50%; font-weight:600; font-size:1.2em;
}
.p-editor .wp-block-columns.is-style-step .wp-block-column:first-of-type p:before {
  content:'STEP'; display: block; font-size:0.5em; margin:0.3em 0; font-weight: 500;
}
.p-editor .wp-block-columns.is-style-step .wp-block-column:last-of-type h3 {
  padding-left:0; border-left:none; margin-top: 0.3em;
}
@media (max-width: 768px) {
  .p-editor .wp-block-columns.is-style-step {
    gap:1em;
  }
  .p-editor .wp-block-columns.is-style-step .wp-block-column:first-of-type {
    flex-basis: 40px; margin-left:-1em;
  }
  .p-editor .wp-block-columns.is-style-step .wp-block-column:first-of-type p {
    width: 40px; height: 40px; font-size:1em;
  }
  .p-editor .wp-block-columns.is-style-step .wp-block-column:last-of-type h3 {
    margin-top: 0.4em;
  }
}
@media (max-width: 576px) {
  .p-editor .wp-block-columns.is-style-step .wp-block-column:first-of-type p:before {
    content: "";
    height: 0px;
  }
  .p-editor .wp-block-columns.is-style-step .wp-block-column:first-of-type p {
    width: 30px;
    height: 30px;
    margin-left: auto;
    flex-direction: initial;
  }
  .p-editor .wp-block-columns.is-style-step:not(.is-last) .wp-block-column:first-of-type:after {
    padding-left: 9px;
    height: calc(100% - 30px);
  }
  .wp-block-column .wp-block-heading {
    margin-top: 0!important;
  }
}



/* CTA用パターン */
.p-editor .wp-block-group.is-style-cta {
  padding:30px; background:#F7F7F7; border:1px solid #e3e3e3; border-radius:5px;
}
.p-editor .wp-block-group.is-style-cta .wp-block-heading {
  font-size:24px; line-height:1.6; padding-bottom:calc(20px - 0.3em); margin:-0.3em 0 30px; font-weight:600;
  color:rgba(var(--bpos-color--main), 1); border-bottom: 2px solid rgba(var(--bpos-color--main), 1);
}
.p-editor .wp-block-group.is-style-cta .wp-block-columns p {
  line-height:1.6; margin:-0.3em 0 calc(20px - 0.3em);
}
.p-editor .wp-block-group.is-style-cta .wp-block-image {
  margin-bottom:0;
}
.p-editor .wp-block-group.is-style-cta .wp-block-buttons {
  width:100%; margin:0;
}
.p-editor .wp-block-group.is-style-cta .wp-block-button {
  width:100%;
}
.p-editor .wp-block-group.is-style-cta .wp-block-button__link {
  width:100%; height:50px; color:#fff; background:#F4901E; border-radius:5px; font-weight:500;
}
/* .p-editor .wp-block-group.is-style-cta .wp-block-columns.is-layout-flex { width:50%; } */

@media (max-width: 768px) {
  .p-editor .wp-block-group.is-style-cta { padding:20px; }
  .p-editor .wp-block-group.is-style-cta .wp-block-columns { margin-bottom:10px; }
  .p-editor .wp-block-group.is-style-cta .wp-block-heading { font-size:18px; padding-bottom:calc(10px - 0.3em); margin-bottom:20px; }
  .p-editor .wp-block-group.is-style-cta .wp-block-button__link { height:40px; }
}



/* CONEボタン */
.wp-block-button.is-style-cone-button-design {
  margin: 0px 10px;
}
.wp-block-button.is-style-cone-button-design .wp-block-button__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: auto;
  border-radius: 5px;
  font-size: 16px;
  padding: 12px 0px;
  font-weight: 600;
  position: relative;
  cursor: pointer;
  background-color: #fff;
  color: #008CE2!important;
  border: 2px solid #008CE2;
  outline-offset: -2px;
}
.wp-block-button.is-style-cone-button-design .wp-block-button__link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 12px;
  height: 2px;
  transition: .3s;
  background: #008CE2;
}
.wp-block-button.is-style-cone-button-design .wp-block-button__link::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  transition: .3s;
  border-top: 2px solid #008CE2;
  border-right: 2px solid #008CE2;
}
.wp-block-button.is-style-cone-button-design .wp-block-button__link:hover {
  background-color: #008CE2;
  color: #fff!important;
  transition: .3s;
  outline: none;
  text-decoration: none!important;
  opacity: 1!important;
}
.wp-block-button.is-style-cone-button-design .wp-block-button__link:hover.wp-block-button__link::before {
  background: #fff;
  right: 17px;
}
.wp-block-button.is-style-cone-button-design .wp-block-button__link:hover.wp-block-button__link::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 17px;
}



/* 事例用カードリンク */
.wp-block-columns .c-cardlink {
  margin-bottom:40px;
  background:#fff;
}
.wp-block-columns .c-cardlink:hover .c-cardlink__image {
  transform: scale(1.05);
}
.wp-block-columns .c-cardlink:hover .c-cardlink__link {
  text-decoration: none
}
.wp-block-columns .c-cardlink__link {
  border:none;
  padding:0px;
  display: flex;
  flex-direction: column;
}
.wp-block-columns .c-cardlink__image-wrap {
  width:100%;
  box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 10%);
}
.wp-block-columns .c-cardlink__content {
  width:100%;
  padding-left:0px;
  margin-top: 10px;
}
.wp-block-columns .c-cardlink__title {
  font-size:16px;
  line-height:1;
  margin-bottom:15px;
  height:1em;
  border:none;
  padding:0;
  color: #241f20;
}
.wp-block-columns .c-cardlink__desc {
  font-size:14px;
  line-height:1.6;
  height:4.8em;
  margin:-0.3em 0;
  color: #241f20;
}

@media (max-width: 768px) {

  .wp-block-columns .c-cardlink { margin-bottom:30px; }
  .wp-block-columns .c-cardlink__title { font-size:16px; }
  .wp-block-columns .c-cardlink__image-wrap { width:100%; }
  .wp-block-columns .c-cardlink__content { width:100%; padding:0; margin-top:20px; }

}