@charset "UTF-8";
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  .editor .icoList .topics { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; height:3em; line-height:1.2; }
  .editor .icoList .topics:after { position: absolute; content:""; display:inline-block; width:0: height:0; border-style:solid; border-width:10px 5px 0 5px; top:100%; left: calc(50% - 5px); }
  .editor .icoList.genre .topics:after { border-color: #396f89 transparent transparent transparent;}
  .editor .icoList.method .topics:after { border-color: #3C7944 transparent transparent transparent;}
  .editor .icoList strong:not([class]) { font-size: 82%; color:#fff; }
  .editor .icoList figure { display:flex; justify-content:center; align-items:center; padding:12% 21% 7%; }
  .editor .icoList.genre .topics  { background-color:#396f89; }
  .editor .icoList.method .topics  { background-color:#3C7944; }
  .editor .strengthBox { margin: 20px auto 0; padding: 3rem 2rem 2rem; background-color:rgba(107, 140, 156, 0.2); }
  .editor .strengthBox li { display: grid; justify-content: center; align-items: center; text-align: center; padding: 1.25rem 1.5rem 2rem; row-gap: 1.25rem; background-color:#fff; border-radius:15px; }
  .editor .strengt_ttl { margin-top: -44px; font-size:2rem; font-weight: 900; color:#23678a; text-align:center; }
  .editor .number_circle { display: inline-flex; width: 2.2rem; height: 2.2rem; font-size:1.4rem; font-weight:900; color:#fff; text-align: center; justify-content: center; align-items: center; background-color: rgb(228, 3, 127); background-position: center center; border-radius:50%; }
  .editor .strengt_text { font-weight:700; text-align:center; }
  .editor .columns--2col--borderRadius { display:grid; grid-template-columns: auto 1fr; align-items: center; column-gap:2rem; border-radius:15px; }
  .editor ul:not([class])>li.list-style-none:before { display:none; }
  .editor .columns--2col--tech { display: grid; grid-template-columns: 2fr 1fr; align-items: end; column-gap:2rem;}
  .editor .txtArea .heading04 { margin:1.5rem 0 0; }
  .editor .txtArea strong:not([class]) { color: rgb(228, 3, 127); }
  .editor .txtArea .text { padding-left:1em; }
  .editor .flow-production dl { position:relative; width:100%; } 
  .editor .flow-production dt p { position:absolute; font-size:3rem; font-family: "Poppins", sans-serif; font-weight:800; color: #00549B; line-height: 1; top:0; right:0; }
  .editor .flow-production dd p { display: flex; justify-content: center; align-items: center; padding: 25% 0; background-color: #F5F6F5; border-radius:50% }
  .editor .flow-production img { width:50%; }
  @media screen and (min-width: 768px) {
    .editor .icoList { grid-template-columns: repeat(5,1fr); }
    .editor .strengthBox .imageColumns--2col  { grid-template-columns: repeat(2,1fr); }
    .editor .flow-production { grid-template-columns: repeat(4,1fr); }
  }
  @media screen and (max-width: 767px) {
    .editor .icoList,
    .editor .flow-production { --container-max-width: 100%; width:100%; grid-template-columns:1fr 1fr; }
    .editor .strengthBox ol { row-gap:2.5rem; }
    .editor .columns--2col--borderRadius { grid-template-columns: none; grid-template-rows: auto auto; row-gap: 0; }
    .editor .columns--2col--tech { grid-template-columns: none; grid-template-rows: auto auto; row-gap: 0; }
    .editor .flow-production dt p { font-size: 12vw; }
  }