/* Wysiwyg editor
 **************************************** */
.mce-content-body {
  word-break: break-word;
}
.mce-content-body ol {
  list-style: decimal;
}
.mce-content-body ul:not(:first-child),
.mce-content-body ol:not(:first-child) {
  margin-top: 1em;
}
.mce-content-body ul:not(:last-child),
.mce-content-body ol:not(:last-child) {
  margin-bottom: 1em;
}
.mce-content-body ul li,
.mce-content-body ol li {
  position: relative;
  margin: 0;
  border-bottom: none;
  padding: 0;
  margin-left: 2em;
  padding-top: 0.5em;
}
.mce-content-body ul li {
  list-style: none;
}
.mce-content-body ul li::before {
  content: "";
  position: absolute;
  top: 1.1em;
  left: -1.3em;
  width: 10px;
  height: 10px;
  border: 1px solid #005bac;
  background-color: #005bac;
}
.mce-content-body ul[style="list-style-type: circle;"] li::before {
  background-color: #fff;
}
.mce-content-body ul:not([style="list-style-type: square;"]) li::before {
  border-radius: 50%;
}
.mce-content-body ul.list-check li::before {
  top: 13px;
  left: -1.3em;
  width: 10px;
  height: 16px;
  border-radius: 0 !important;
  border: none;
  border-right: 3px solid #005bac;
  border-bottom: 3px solid #005bac;
  background-color: transparent;
  transform: rotate(45deg);
}
.mce-content-body ul.list-check-box {
  display: flex;
  flex-wrap: wrap;
}
.mce-content-body ul.list-check-box li {
  display: flex;
  align-items: center;
  width: calc(100% / 2 - (46px * 1 / 2));
  padding: 10px;
  margin-left: 0;
  margin-right: 46px;
  margin-bottom: 24px;
  background-color: #fff;
  font-size: 113%;
  font-family: "Gothic MB101 Medium", sans-serif;
  line-height: 1.35;
}
.mce-content-body ul.list-check-box li:nth-child(2n) {
  margin-right: 0;
}
.mce-content-body ul.list-check-box li::before {
  position: static;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: none;
  background-color: #194d82;
  border-radius: 0;
  margin-right: 12px;
}
.mce-content-body ul.list-check-box li::after {
  content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 21"><path fill="rgb(255, 255, 255)" d="M6.496,17.206 L0.000,10.671 L3.216,7.438 L10.271,14.528 L24.784,-0.000 L28.000,3.240 L14.047,17.206 L10.271,21.000 L6.496,17.206 Z"/></svg>');
  position: absolute;
  top: 0;
  left: 16px;
  bottom: 0;
  margin: auto 0;
  width: 28px;
  height: 21px;
}
.mce-content-body img {
  margin: 1em 0;
  max-width: 100%;
  height: auto;
}
.mce-content-body hr {
  width: 100%;
  height: 3px;
  transform: skewX(-40deg);
  border: none;
  background-color: #004d82;
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 1) 50%);
  background-size: 3px 3px;
}
.mce-content-body hr:only-child {
  position: relative;
  left: 50%;
  width: 1080px;
  margin-top: 46px;
  transform: translateX(-50%) skewX(-40deg);
}
.mce-content-body .box {
  padding: 24px 32px;
  border: 2px solid #005bac !important;
  background-color: #fff;
}
.mce-content-body .box:not(:first-child) {
  margin-top: 2em;
}
.mce-content-body .box:not(:last-child) {
  margin-bottom: 2em;
}
.mce-content-body .box-wh {
  background-color: #fff;
  border: none !important;
}
.mce-content-body .box-gy {
  background-color: #f2f3f4;
  border: 2px solid #cfd1d4 !important;
}
.mce-content-body .alignleft {
  float: left;
  clear: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
.mce-content-body .alignright {
  float: right;
  clear: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
.mce-content-body .aligncenter {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
.mce-content-body img.aligncenter {
  display: block;
}
.mce-content-body .alignleft:last-child,
.mce-content-body .alignright:last-child,
.mce-content-body .aligncenter:last-child {
  margin-bottom: 0;
}
.mce-content-body p {
  letter-spacing: 0.1em;
}
.mce-content-body p:not(:last-child) {
  margin-bottom: 1em;
}
.mce-content-body strong {
  font-weight: bold;
}
.mce-content-body blockquote {
  margin: 1em 0;
  padding: 15px 40px;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  font-style: oblique;
  color: #666;
  background-color: #f8f8f8;
}
.mce-content-body blockquote p {
  margin-bottom: 0;
}
.mce-content-body blockquote::before,
.mce-content-body blockquote::after {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  opacity: 0.25;
}
.mce-content-body blockquote::before {
  background-image: url("../images/common/icon-quote_left.svg");
  top: 13px;
  left: 10px;
}
.mce-content-body blockquote::after {
  background-image: url("../images/common/icon-quote_right.svg");
  bottom: 13px;
  right: 10px;
}
.mce-content-body a {
  text-decoration: underline;
}
.mce-content-body a:hover {
  text-decoration: none;
}
.mce-content-body .footer_text small {
  display: block;
  margin-top: 8px;
  text-align: right;
}
.mce-content-body table {
  border: none;
  height: auto !important;
}
.mce-content-body table:not(:first-child) {
  margin-top: 1em;
}
.mce-content-body table:not(:last-child) {
  margin-bottom: 1em;
}
.mce-content-body th,
.mce-content-body td,
.mce-content-body tr {
  height: auto !important;
}
.mce-content-body th,
.mce-content-body td {
  padding: 1em;
  border: 1px solid #cfd1d4;
  line-height: 1.5;
  vertical-align: middle;
}
.mce-content-body th {
  text-align: left;
}
.mce-content-body sup {
  font-size: 70%;
  color: #555;
}
.bold {
  font-family: "Gothic MB101 DemiBold", sans-serif;
  font-weight: bold;
  color: #004d82;
}

/* iframe */
.mce-content-body .iframe {
  position: relative;
}
.mce-content-body .iframe:not(:last-child) {
  margin-bottom: 2em;
}
.mce-content-body .iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mce-content-body .iframe--youtube,
.mce-content-body .iframe--google_map {
  padding-top: calc(9 / 16 * 100%);
}

/* table scroll */
.table-sp-scroll {
  white-space: nowrap;
}
.scroll {
  overflow-x: scroll;
  margin-bottom: 1em;
  -webkit-overflow-scrolling: touch;
}
.scroll table {
  margin: 0;
}
.scroll--cap {
  text-align: right;
  margin: 1em 0 0 !important;
  opacity: 0.25;
  font-size: 93%;
}

@media screen and (max-width: 767px) {
  .mce-content-body {
    font-size: 100%;
  }
  .mce-content-body p:not([class]) {
    text-align: left !important;
  }
  .mce-content-body .alignright,
  .mce-content-body .alignleft {
    width: 100% !important;
    float: none;
    margin: 20px auto;
    display: block;
  }
  .mce-content-body blockquote {
    padding: 15px;
  }
  .mce-content-body blockquote::before {
    top: 0;
    left: 0;
  }
  .mce-content-body blockquote::after {
    bottom: 0;
    right: 0;
  }
  .mce-content-body ul li::before {
    width: 8px;
    height: 8px;
  }
  .mce-content-body hr:only-child {
    width: 100%;
  }
  .mce-content-body table {
    max-width: none !important;
  }
  .mce-content-body th {
    font-weight: bold;
  }
  .mce-content-body th,
  .mce-content-body td {
    padding: 8px;
  }
  .table-sp-full {
    width: 100% !important;
  }
  .table-sp-full th,
  .table-sp-full td {
    flex: 1;
  }
  .table-sp-block,
  .table-sp-block th,
  .table-sp-block td {
    width: 100% !important;
  }
  .table-sp-block th,
  .table-sp-block td {
    display: block;
  }
  .mce-content-body .box {
    padding: 24px;
  }
}

/* 管理画面エディタ用
*************************************************** */
.mce-content-body.wp-editor {
  padding: 24px !important;
  max-height: 100vh !important;
  overflow-y: scroll !important;
}

@media screen and (max-width: 767px) {
  .mce-content-body.wp-editor table tr *:first-child:nth-last-child(2),
  .mce-content-body.wp-editor table tr *:first-child:nth-last-child(2) ~ * {
    display: table-cell;
    width: auto !important;
  }
}

/* add quicktag
*************************************************** */
/* 見出し */
.editor-ttl:not(:first-child),
.editor-ttl2:not(:first-child),
.editor-ttl3:not(:first-child) {
  margin-top: 1em;
}
.editor-ttl:not(:last-child),
.editor-ttl2:not(:last-child),
.editor-ttl3:not(:last-child) {
  margin-bottom: 0.8em;
}
.editor-ttl {
  padding: 0.4em 1em 0.55em;
  background-color: #004d82;
  color: #fff;
  font-size: 175%; /*28px*/
  line-height: 1.5;
  font-family: "Gothic MB101 Medium", sans-serif;
}
.editor-ttl2 {
  font-size: 150%; /*24px*/
  color: #004d82;
  line-height: 1.58;
  font-family: "Gothic MB101 DemiBold", sans-serif;
}
.editor-ttl3 {
  position: relative;
  font-size: 112.5%; /* 18px */
  padding-left: 1em;
  line-height: 1.72;
  font-family: "Gothic MB101 Medium", sans-serif;
}
.editor-ttl3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #005bac;
}
.editor-ttl-num {
  display: flex;
  align-items: center;
  margin-left: -7.4em;
}
#tinymce .editor-ttl-num {
  margin-left: 0;
}
.editor-ttl-num .num,
.editor-ttl-num .jp {
  display: inline-block;
}
.editor-ttl-num .num {
  margin-right: 8px;
  color: #004d82;
  font-size: 625%;
  letter-spacing: normal;
  line-height: 1;
}
.editor-ttl-num .jp {
  flex: 1;
  font-size: 150%; /*24px*/
  color: #004d82;
  line-height: 1.58;
  font-family: "Gothic MB101 DemiBold", sans-serif;
}
.editor-ttl-point {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 14px;
  color: #004d82;
}
* + .editor-ttl-point {
  margin-top: 32px;
}
.editor-ttl-point::after {
  content: "";
  position: absolute;
  left: -20px;
  bottom: 0;
  width: calc(100% + 40px);
  height: 2px;
  background-color: #004d82;
}
.editor-ttl-point .num {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  font-size: 450%;
  letter-spacing: 0;
}
.editor-ttl-point .num::before {
  content: "POINT";
  margin-right: 4px;
  font-size: 25%;
  letter-spacing: 0.05em;
}
.editor-ttl-point .jp {
  flex: 1;
  margin-left: 12px;
  font-size: 175%;
  line-height: 1.35;
  font-family: "Gothic MB101 DemiBold", sans-serif;
}

.case_title {
  margin-bottom: 24px;
}
.case_title .company,
.case_title .machine {
  display: block;
  font-size: 175%;
  font-family: "Gothic MB101 DemiBold", sans-serif;
  text-align: center;
}
.case_title .company {
  color: #004d82;
}
.case_title .machine {
  color: #cfd1d4;
}
.kadai_ttl,
.teian_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  padding: 8px;
  color: #fff;
  font-family: "Gothic MB101 Medium", sans-serif;
  font-size: 175%;
  letter-spacing: 0.1em;
}
.kadai_ttl {
  background-color: #004d82;
}
.kadai_ttl::before {
  content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 40"><path fill="rgb(255,255,255)" d="M26.514,24.712 C24.946,27.101 24.087,28.810 23.643,30.724 C23.454,31.538 22.738,32.111 21.915,32.111 L8.084,32.111 C7.262,32.111 6.546,31.538 6.357,30.724 C5.913,28.810 5.054,27.101 3.486,24.712 C1.573,21.797 -0.000,18.964 -0.000,15.232 C-0.000,6.820 6.716,0.000 15.000,0.000 C23.284,0.000 30.000,6.820 30.000,15.232 C30.000,18.964 28.427,21.797 26.514,24.712 ZM24.304,5.784 C23.095,4.556 21.688,3.592 20.121,2.919 C18.500,2.223 16.777,1.870 15.000,1.870 C13.223,1.870 11.500,2.223 9.879,2.919 C8.312,3.592 6.905,4.556 5.695,5.784 C4.486,7.011 3.537,8.440 2.875,10.032 C2.189,11.677 1.841,13.428 1.841,15.232 C1.841,16.731 2.135,18.215 2.738,19.768 C3.249,21.083 3.974,22.083 5.018,23.675 C6.443,25.845 7.466,27.557 8.061,29.930 C8.107,30.113 8.271,30.241 8.457,30.241 L21.543,30.241 C21.729,30.241 21.893,30.113 21.939,29.930 C22.534,27.557 23.556,25.845 24.981,23.675 C26.026,22.083 26.751,21.083 27.261,19.768 C27.865,18.215 28.158,16.731 28.158,15.232 C28.158,13.428 27.811,11.677 27.125,10.032 C26.462,8.440 25.513,7.011 24.304,5.784 ZM15.796,20.128 C15.796,20.982 15.155,21.431 14.558,21.431 C13.982,21.431 13.429,21.027 13.429,20.196 C13.429,17.344 16.327,16.041 17.123,14.558 C17.455,13.952 17.610,13.301 17.610,12.716 C17.610,10.515 15.973,9.999 15.088,9.999 C13.319,9.999 12.589,11.481 12.412,12.088 C12.301,12.537 11.793,12.761 11.284,12.761 C10.687,12.761 10.067,12.425 10.067,11.683 C10.067,10.852 11.417,7.753 15.066,7.753 C17.676,7.753 19.933,9.594 19.933,12.671 C19.933,13.391 19.778,14.177 19.490,14.917 C18.694,16.939 15.796,18.085 15.796,20.128 ZM14.624,22.696 C15.486,22.696 16.150,23.235 16.150,24.246 C16.150,25.324 15.221,25.728 14.624,25.728 C13.783,25.728 13.098,25.009 13.098,24.246 C13.098,23.257 14.027,22.696 14.624,22.696 ZM9.228,33.438 L20.772,33.438 C21.432,33.438 21.969,33.984 21.969,34.655 C21.969,35.324 21.432,35.870 20.772,35.870 L9.228,35.870 C8.568,35.870 8.031,35.324 8.031,34.655 C8.031,33.984 8.568,33.438 9.228,33.438 ZM11.167,37.103 L18.833,37.103 C19.223,37.103 19.442,37.556 19.207,37.872 C18.244,39.165 16.719,40.000 15.000,40.000 C13.281,40.000 11.755,39.165 10.793,37.872 C10.557,37.556 10.777,37.103 11.167,37.103 Z"/></svg>');
  width: 30px;
  height: 40px;
  margin-right: 12px;
}
.teian_ttl {
  background-color: #66c2c4;
}
* + .teian_ttl {
  margin-top: 40px;
}
.teian_ttl::before {
  content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 40"><path fill="rgb(255,255,255)" d="M26.514,24.713 C24.946,27.100 24.087,28.811 23.643,30.725 C23.454,31.538 22.738,32.111 21.915,32.111 L8.085,32.111 C7.262,32.111 6.546,31.538 6.357,30.725 C5.913,28.811 5.054,27.100 3.486,24.713 C1.573,21.798 0.000,18.964 0.000,15.232 C0.000,6.820 6.716,-0.000 15.000,-0.000 C23.284,-0.000 30.000,6.820 30.000,15.232 C30.000,18.964 28.427,21.798 26.514,24.713 ZM24.305,5.783 C23.095,4.556 21.688,3.592 20.121,2.919 C18.500,2.223 16.777,1.870 15.000,1.870 C13.223,1.870 11.500,2.223 9.879,2.919 C8.312,3.592 6.905,4.556 5.696,5.783 C4.487,7.012 3.538,8.441 2.875,10.031 C2.189,11.678 1.842,13.427 1.842,15.232 C1.842,16.731 2.135,18.215 2.739,19.769 C3.249,21.083 3.974,22.084 5.018,23.675 C6.444,25.846 7.466,27.557 8.061,29.930 C8.107,30.113 8.271,30.241 8.457,30.241 L21.543,30.241 C21.729,30.241 21.893,30.113 21.939,29.930 C22.534,27.557 23.556,25.846 24.982,23.675 C26.026,22.084 26.751,21.083 27.262,19.769 C27.865,18.215 28.159,16.731 28.159,15.232 C28.159,13.427 27.811,11.678 27.125,10.031 C26.463,8.441 25.514,7.012 24.305,5.783 ZM15.000,25.728 C14.160,25.728 13.474,25.009 13.474,24.245 C13.474,23.257 14.403,22.696 15.000,22.696 C15.863,22.696 16.526,23.235 16.526,24.245 C16.526,25.324 15.597,25.728 15.000,25.728 ZM14.978,21.454 C14.513,21.454 14.049,21.095 14.049,20.398 L14.049,19.904 C14.049,17.725 13.828,12.492 13.695,8.965 L13.695,8.898 C13.695,8.067 14.337,7.663 14.978,7.663 C15.641,7.663 16.305,8.089 16.305,8.965 C16.305,11.616 15.951,17.792 15.951,19.971 C15.951,20.510 15.951,21.454 14.978,21.454 ZM9.228,33.439 L20.772,33.439 C21.432,33.439 21.969,33.984 21.969,34.654 C21.969,35.324 21.432,35.870 20.772,35.870 L9.228,35.870 C8.568,35.870 8.031,35.324 8.031,34.654 C8.031,33.984 8.568,33.439 9.228,33.439 ZM11.167,37.103 L18.833,37.103 C19.223,37.103 19.443,37.556 19.207,37.872 C18.245,39.164 16.719,40.000 15.000,40.000 C13.281,40.000 11.755,39.164 10.793,37.872 C10.558,37.556 10.777,37.103 11.167,37.103 Z"/></svg>');
  width: 30px;
  height: 40px;
  margin-right: 12px;
}

/* 注意書き */
.txt-attention {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 94%; /*14px*/
  color: #999;
}
.txt-attention::before {
  content: "※";
}

/* テーブル */
.table1 {
  border-top: 1px solid #cfd1d4 !important;
}
.table1 tr {
  border-bottom: 1px solid #cfd1d4;
}
.table1 th,
.table1 td {
  position: relative;
  border: 0;
  padding: 1em 1.5em;
}
.table1 th {
  background-color: #f2f3f4;
}
.table1 td {
  background-color: #fff;
}

.table2 th,
.table2 td {
  border-left: none;
  border-right: none;
  border-color: #cfd1d4;
  border-width: 2px;
}
.table2 th {
  border-right: 16px solid rgba(255, 255, 255, 0.1);
  color: #004d82;
}

@media screen and (max-width: 767px) {
  .editor-ttl {
    padding: 0.5em 0.8em;
    font-size: 128%; /*18px*/
  }
  .editor-ttl2 {
    font-size: 128%;
  }
  .editor-ttl3 {
    font-size: 114.28%; /*16px*/
  }
  .editor-ttl-num {
    margin-left: 0;
  }
  .editor-ttl-num .num {
    font-size: 406%;
  }
  .editor-ttl-num .jp {
    font-size: 128%;
  }

  .editor-ttl-point::after {
    left: -10px;
    width: calc(100% + 20px);
  }
  .editor-ttl-point .num {
    font-size: 342%;
  }
  .editor-ttl-point .num::before {
    font-size: 30%;
  }
  .editor-ttl-point .jp {
    font-size: 140%;
  }

  .case_title .company,
  .case_title .machine {
    font-size: 129%;
  }
  .kadai_ttl,
  .teian_ttl {
    font-size: 129%;
  }
  * + .teian_ttl {
    margin-top: 24px;
  }
  .kadai_ttl::before,
  .teian_ttl::before {
    width: 18px;
    height: 24px;
  }

  /* テーブル */
  .table2.table-sp-block tr:last-child > *:last-child {
    border-bottom: 1px solid #d3d3d3;
  }
  .table2 th {
    border-right-width: 4px;
  }
  .table2.table-sp-block th,
  .table2.table-sp-block td {
    border-bottom: 0;
  }
  .table2.table-sp-block th {
    border-right-width: 0;
  }
  .table2.table-sp-block td + td {
    border-top: 0;
    padding-top: 0;
  }
  .table1.table-sp-block td::before {
    display: none;
  }

  /* 注意書き */
  .txt-attention {
    font-size: 93%; /*13px*/
  }

  .mce-content-body ul.list-check li::before {
    top: 9px;
  }
  .mce-content-body ul.list-check-box li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .mce-content-body ul.list-check-box li::before {
    flex: none;
  }
}
