@charset "UTF-8";

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
}

main {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
  list-style-type: none;
}

li {
  list-style: none;
  list-style-type: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

area {
  border: none;
  outline: none;
}

abbr,
acronym {
  border: 0;
}

* {
  box-sizing: border-box;
}

input,
select,
textarea {
  appearance: none;
  border: 0;
}

button {
  appearance: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

input[type=submit],
input[type=button] {
  cursor: pointer;
}

input,
textarea {
  appearance: none;
}

a {
  text-decoration: none;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

:root {
  --color-white: #fff;
  --color-black: #222;
  --color-gray: #ddd;
  --color-blue: #1c71d8;
  --color-light-blue: #c0d8fa;
  --color-purple: #e064be;
  --color-light-purple: #f7daef;
  --color-red: #ff3000;
  --color-orange: #db831d;
  --color-yellow: #fed269;
  --color-bg: #d7eaff;
  --color-bg2: #8fb7e6;
}

html {
  font-size: calc(13px + 0.8vw);
  text-size-adjust: 100%;
}

@media print,
screen and (min-width: 1050px) {
  html {
    font-size: 16px;
  }
}

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: var(--color-black);
}

._pc {
  display: none;
}

@media print,
screen and (min-width: 1050px) {
  ._pc {
    display: block;
  }
}

._sp {
  display: block;
}

@media print,
screen and (min-width: 1050px) {
  ._sp {
    display: none;
  }
}

/*--------------------------------------------
header
---------------------------------------------*/
.header {
  position: relative;
  background-color: var(--color-blue);
  z-index: 1000;
}

.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
}

.header__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 3.5625rem;
  padding-top: 0.46875rem;
  padding-bottom: 0.46875rem;
}

@media print,
screen and (min-width: 768px) {
  .header__inner {
    height: auto;
    min-height: 60px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.header__logo a {
  color: var(--color-white);
}

.header__logo img {
  max-width: 4.6875rem;
}

.header__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding-top: 0.5625rem;
  padding-left: 1.40625rem;
  padding-right: 1.40625rem;
  padding-bottom: 0.5625rem;
  margin-left: auto;
  margin-right: 0.75rem;
  border-radius: 1.875rem;
  font-size: 0.9375rem;
  font-weight: 900;
  color: var(--color-white);
  letter-spacing: 0.12em;
  background-color: var(--color-orange);
}

@media print,
screen and (min-width: 768px) {
  .header__button {
    display: none;
  }
}

.header__button:hover {
  background-color: #bd6500;
}

.header__button img {
  max-width: 1.21875rem;
  max-height: 1.21875rem;
}

.header__nav-area {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  height: 100vh;
  width: 100%;
  max-width: 18.75rem;
  visibility: hidden;
  padding-top: 60px;
}

@media print,
screen and (min-width: 768px) {
  .header__nav-area {
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    width: auto;
    max-width: 100%;
    margin-inline: auto;
    padding-top: 0;
    visibility: inherit;
  }
}

.header__nav-area.-active {
  right: 0;
  background-color: var(--color-blue);
  visibility: visible;
}

.footer {
  padding-top: 5.4375rem;
  background-color: var(--color-white);
}

.manufacturing-industry .footer {
  background-color: rgba(239, 246, 255, 0.63);
}

.servicenow .footer {
  padding-top: 2.34375rem;
}

@media print,
screen and (min-width: 1050px) {
  .servicenow .footer {
    padding-top: 5.4375rem;
  }
}

.footer__head {
  display: flex;
  justify-content: center;
  background: url("./assets/img/footer/bg.svg") no-repeat bottom center/contain;
}

.manufacturing-industry .footer__head {
  height: 9.375rem;
  background: url("./assets/img/manufacturing/footer/bg.svg") no-repeat bottom center/contain;
}

@media print,
screen and (min-width: 1050px) {
  .manufacturing-industry .footer__head {
    height: 18.75rem;
  }
}

.public .footer__head {
  background: url("./assets/img/public/footer/bg.svg") no-repeat bottom center/contain;
}

.servicenow .footer__head {
  padding-bottom: 2.34375rem;
  background-position: center center;
}

@media print,
screen and (min-width: 1050px) {
  .servicenow .footer__head {
    padding-bottom: 3.75rem;
  }
}

.footer__pic {
  width: 40%;
  max-width: 19.3125rem;
}

.footer__body {
  padding-top: 3.75rem;
  padding-bottom: 5.578125rem;
}

.footer__heading {
  font-size: 0.9375rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1.5;
}

@media print,
screen and (min-width: 1050px) {
  .footer__heading {
    font-size: 1.546875rem;
  }
}

.footer__button {
  margin-top: 2.34375rem;
}

.footer__logo {
  text-align: center;
  align-items: center;
}

.footer__logo img {
  width: 8.15625rem;
}

.footer__foot {
  padding-top: 5.15625rem;
  background-color: #2c2c2c;
  text-align: center;
}

.footer__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.40625rem;
  color: var(--color-white);
}

.footer__menu a {
  color: var(--color-white);
  text-decoration: underline;
}

.footer__menu a:hover {
  text-decoration: none;
}

.footer__menu svg {
  width: 1.40625rem;
  vertical-align: bottom;
  fill: var(--color-white);
}

.footer__copyright {
  margin-top: 4.3125rem;
  padding-top: 0.984375rem;
  padding-bottom: 1.265625rem;
  background-color: #3c3c3c;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-white);
  text-align: center;
  letter-spacing: 0.03em;
}

.footer__small {
  margin-top: 36px;
  font-size: 0.703125rem;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-align: center;
}

.inner {
  max-width: 67.03125rem;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.inner.long {
  max-width: 74.625rem;
}

.pic-sp {
  overflow-x: scroll;
}

@media print,
screen and (min-width: 1050px) {
  .pic-sp {
    overflow: auto;
  }
}

.pic-sp img {
  min-width: 56.25rem;
}

.heading {
  font-size: 1.59375rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.06em;
}

@media print,
screen and (min-width: 1050px) {
  .heading {
    font-size: 2.25rem;
  }
}

.heading-en {
  position: relative;
}

.heading-en__heading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.public .heading-en__heading {
  top: 100%;
  letter-spacing: 0.01em;
  transform: translate(-50%, -50%);
}

@media print,
screen and (min-width: 1050px) {
  .public .heading-en__heading {
    font-size: 3.5625rem;
  }
}

.public-image .heading-en__heading {
  font-size: 1.40625rem;
}

@media print,
screen and (min-width: 1050px) {
  .public-image .heading-en__heading {
    font-size: 2.109375rem;
  }
}

.heading-en__en {
  text-align: center;
}

.heading-en__en img {
  width: auto;
  max-width: 100%;
  max-height: 5.625rem;
  opacity: 0.8;
}

.public-image .heading-en__en img {
  width: 100%;
  max-width: 36.65625rem;
  max-height: fit-content;
  font-size: 2.109375rem;
}

@media print,
screen and (min-width: 1050px) {
  .public-image .heading-en__en img {
    width: auto;
  }
}

.cv-area {
  background-color: var(--color-bg);
}

@media print,
screen and (min-width: 1050px) {
  .cv-area {
    padding-bottom: 3.28125rem;
  }
}

.cv-area__body {
  padding-top: 1.21875rem;
  padding-bottom: 1.40625rem;
  background-color: var(--color-white);
}

.cv-area__heading {
  font-size: 0.9375rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1.5;
}

@media print,
screen and (min-width: 1050px) {
  .cv-area__heading {
    font-size: 1.546875rem;
  }
}

.cv-area__button {
  margin-top: 2.578125rem;
}

.cv-area__button .cv-button a {
  gap: 0.703125rem;
}

.cv-area__button .cv-button__button {
  max-width: 20.625rem;
}

.cv-area .cv-button a {
  gap: 0.703125rem;
}

.fv {
  padding: 0.83125rem 0.75rem 4.5rem;
  background: url("./assets/img/fv/bg.jpg") no-repeat center/cover;
}

.manufacturing-industry .fv {
  background: url("./assets/img/manufacturing/fv/bg.jpg") no-repeat center/cover;
}

.public .fv {
  background: url("./assets/img/public/fv/bg.jpg") no-repeat center/cover;
}

.pharma .fv {
  padding: 4.21875rem 0.75rem 4.5rem;
  background: url("./assets/img/pharma/fv/bg_sp.jpg") no-repeat center/cover;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .fv {
    background: url("./assets/img/pharma/fv/bg.jpg") no-repeat center/cover;
  }
}

.fv__inner {
  max-width: 65.625rem;
  padding-top: 2.8125rem;
  padding-bottom: 2.484375rem;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(22px);
  --webkit-backdrop-filter: blur(22px);
}

.manufacturing-industry .fv__inner {
  padding-top: 5.15625rem;
  padding-bottom: 4.265625rem;
}

.public .fv__inner {
  padding-top: 4.3125rem;
  padding-bottom: 4.21875rem;
  background-color: #f8fcff;
}

.pharma .fv__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}

.fv__img01{
  width: 100%;
  margin-bottom: 3%;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .fv__inner {
    padding-bottom: 4.21875rem;
  }
  .fv__img01{
    width: 80%;
    
  }
  .fv {
    padding: 4.03125rem 0.75rem 4.5rem;
  }
}

.fv .cv-button__button{
  width: 100%;
}



.index .fv__inner {
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  background-image: url("./assets/img/fv/foot_bg.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 1200px;
  background-color: rgba(248, 252, 255, 0.8);
}

@media print,
screen and (min-width: 768px) {
  .index .fv__inner {
    padding-top: 50px;
    padding-left: 5%;
    padding-right: 5%;
    background-size: 100%;
  }
}

.fv__body {
  max-width: 56.53125rem;
  margin-left: auto;
  margin-right: auto;
  background: url("./assets/img/fv/body_bg.svg") no-repeat center bottom/contain;
}

.public .fv__body {
  background: url("./assets/img/fv/body_bg.svg") no-repeat center/contain;
}

.index .fv__body {
  max-width: 500px;
  margin-inline: auto;
  background: none;
}

@media print,
screen and (min-width: 1050px) {
  .index .fv__body {
    max-width: 960px;
  }
}

.fv__heading {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .fv__heading {
    font-size: 36px;
  }
}

.index .fv__heading {
  font-size: 1.125rem;
  line-height: 1.8;
}

@media print,
screen and (min-width: 1050px) {
  .index .fv__heading {
    font-size: 1.265625rem;
    line-height: 1.3;
    letter-spacing: 0.07em;
  }
}

.fv__heading strong {
  color: #2c69e3;
  font-size: 28px;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .fv__heading strong {
    font-size: 36px;
  }
}

.index .fv__heading strong {
  padding: 3px 10px;
  border-radius: 5px;
  background-color: #2c69e3;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .index .fv__heading strong {
    margin-left: 10px;
    padding: 3px 15px;
    font-size: 1.359375rem;
  }
}

.index .fv__heading strong+strong {
  margin-left: 5px;
}

@media print,
screen and (min-width: 768px) {
  .index .fv__heading strong+strong {
    margin-right: 10px;
  }
}

.fv__heading img {
  width: 80%;
  max-width: 23.4375rem;
  margin-left: auto;
  margin-right: auto;
}

@media print,
screen and (min-width: 1050px) {
  .fv__heading img {
    max-width: 51.5625rem;
  }
}

.manufacturing-industry .fv__heading img {
  max-width: 24.84375rem;
}

.public .fv__heading img {
  width: 100%;
  max-width: 55.21875rem;
}

.fv__title {
  padding-top: 2.8125rem;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .fv__title {
    padding-top: 7.03125rem;
  }
}

.manufacturing-industry .fv__title {
  padding-top: 1.40625rem;
}

@media print,
screen and (min-width: 1050px) {
  .manufacturing-industry .fv__title {
    padding-top: 3.5625rem;
  }
}

.public .fv__title {
  padding-top: 3.28125rem;
}

.pharma .fv__title {
  padding-top: 38px;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .fv__title {
    padding-top: 58px;
  }
}

.index .fv__title {
  padding-top: 16px;
}

.fv__title img {
  width: 50%;
  max-width: 19.5rem;
}

@media print,
screen and (min-width: 1050px) {
  .fv__title img {
    width: 70%;
  }
}

.manufacturing-industry .fv__title img {
  max-width: 38.4375rem;
}

.public .fv__title img {
  width: 70%;
}

@media print,
screen and (min-width: 1050px) {
  .public .fv__title img {
    max-width: 34.40625rem;
  }
}

.pharma .fv__title img {
  width: 60%;
  max-width: 189px;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .fv__title img {
    max-width: 335px;
  }
}

.index .fv__title img {
  width: 100%;
  max-width: 500px;
  margin-inline: auto;
}

@media print,
screen and (min-width: 768px) {
  .index .fv__title img {
    max-width: 1280px;
  }
}

.fv__pic {
  max-width: 19.5rem;
}

.fv__text {
  margin-top: 1.96875rem;
  font-size: 0.84375rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.07em;
}

@media print,
screen and (min-width: 1050px) {
  .fv__text {
    font-size: 1.078125rem;
  }
}

.index .fv__text {
  color: var(--color-blue);
  letter-spacing: 0;
}

@media print,
screen and (min-width: 768px) {
  .index .fv__text {
    margin-top: 10px;
    font-size: 1.546875rem;
  }
}

.index .fv__text::before,
.index .fv__text::after {
  content: "";
  display: inline-block;
  width: 1.78125rem;
  height: 2px;
  background-color: var(--color-blue);
  vertical-align: super;
}

.index .fv__text::before {
  margin-right: 7px;
}

.index .fv__text::after {
  margin-left: 7px;
}

.fv__button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.078125rem;
}

.manufacturing-industry .fv__button {
  margin-top: 1.078125rem;
}

@media print,
screen and (min-width: 1050px) {
  .manufacturing-industry .fv__button {
    margin-top: 2.8125rem;
  }
}

.pharma .fv__button {
  margin-top: 45px;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .fv__button {
    margin-top: 54px;
  }
}

.index .fv__button {
  margin-top: 40px;
}

.fv__note {
  margin-top: 1.265625rem;
  font-size: 0.703125rem;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.07em;
}

.public .fv__foot {
  margin-top: 2.671875rem;
}

.fv__banner {
  max-width: 67.03125rem;
  margin-top: 1.40625rem;
  margin-right: auto;
  margin-left: auto;
}

@media print,
screen and (min-width: 1050px) {
  .fv__banner {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.fv__banner>div {
  display: flex;
  flex-direction: column;
  gap: 0.46875rem;
}

@media print,
screen and (min-width: 768px) {
  .fv__banner>div {
    flex-direction: row;
  }
}

@media print,
screen and (min-width: 1050px) {
  .fv__banner figure {
    width: calc(50% - 5px);
  }
}

.fv__column {
  margin-top: 20px;
  max-width: 100%;
  
}
.fv__column .wp-block-group__inner-container{
  align-items: center;
  
}

@media print,
screen and (min-width: 1050px) {
  .fv__column .wp-block-group__inner-container{
    justify-content: space-between;
    
  }
  .fv__column img{
    width:100%;
  }
  
}

.fv__column>div {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}

@media print,
screen and (min-width: 1050px) {
  .fv__column>div {
    flex-direction: row;
  }
}

.cv-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.9375rem;
}

@media print,
screen and (min-width: 1050px) {
  .cv-button {
    flex-direction: row;
    gap: 2.34375rem;
  }
}

.index .cv-button {
  gap: 1.875rem;
}

.youtube{
  max-width: 800px;
  margin: 40px auto 0;
  aspect-ratio: 16/9;
}

@media print,
screen and (min-width: 1050px) {
  .index .cv-button {
    gap: 2.34375rem;
  }
}

.cv-button__button {
  position: relative;
  width: 90%;
  max-width: 21.75rem;
  justify-content: center;
  
}

@media print,
screen and (min-width: 1050px) {
  .cv-button__button {
    width: 100%;
  }
}

.index .cv-button__button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  transition: 0.3s;
  transform: translateY(-50%);
  pointer-events: none;
}

.index .cv-button__button:hover::after {
  right: 17px;
}

.cv-button__button img {
  max-width: 1.59375rem;
  max-height: 1.59375rem;
}

.index .cv-button__button a {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}

.cv-button__button._contact a {
  background-color: var(--color-blue);
}

.cv-button__button._contact a:hover {
  background-color: #1356a7;
}

.cv-button__button._request a {
  background-color: var(--color-orange);
}

.cv-button__button._request a:hover {
  background-color: #bd6500;
}

.cv-button__button._request a::before {
  content: "";
  position: absolute;
  top: -28px;
  left: 50%;
  display: block;
  width: 100%;
  max-width: 14.0625rem;
  min-height: 3.28125rem;
  border-radius: 5px;
  background-image: url("./assets/img/common/cv_text.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: #1356a7;
  font-size: 0.8rem;
  transform: translateX(-50%);
}

._request-circle{
  border-radius: 100%;
  color:var(--color-orange);
  background: var(--color-white);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 14px;
}
.cv-button__button._request small{
  display: block;
  text-align: center;
}

.cv-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding-top: 1.03125rem;
  padding-bottom: 1.03125rem;
  border-radius: 3.875rem;
  font-size: 0.878125rem;
  font-weight: 900;
  color: var(--color-white);
  letter-spacing: 0.12em;
  height: 70px;
}

.index-servicenow {
  padding-top: 3.28125rem;
  padding-bottom: 3.515625rem;
}
@media print,
screen and (min-width: 1050px) {
  .cv-button a {
    font-size: 1.078125rem;
  }
  
}

@media print,
screen and (min-width: 768px) {
  .index-servicenow {
    padding-top: 6.5625rem;
    padding-bottom: 7.03125rem;
  }
}

.index-servicenow__inner {
  max-width: 63.75rem;
  margin-inline: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.index-servicenow__body {
  margin-top: 38px;
}

.index-servicenow__foot {
  margin-top: 30px;
}

.index-servicenow__heading img {
  max-width: 20.765625rem;
}

.index-servicenow__text {
  font-size: 0.9375rem;
  font-weight: 900;
  letter-spacing: 0.07em;
  line-height: 1.5;
}

.index-servicenow__subtext {
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  line-height: 1.5;
  text-align: center;
  margin-top: 2%;
}

@media print,
screen and (min-width: 768px) {
  .index-servicenow__text {
    font-size: 1.078125rem;
    text-align: center;
  }
}

.index-servicenow__button a {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 18.75rem;
  min-height: 3.75rem;
  margin-inline: auto;
  border-radius: 60px;
  background-color: var(--color-blue);
  color: #fff;
  font-size: 1.078125rem;
  font-weight: 900;
  letter-spacing: 0.07em;
}

.index-template {
  padding-top: 60px;
}

.index-template__inner {
  max-width: 1090px;
  margin-inline: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.index-template__item{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.index-template__column>div {
  display: flex;
  flex-direction: column;
  gap: 1.171875rem;
  max-width: 500px;
  margin-inline: auto;
}

@media print,
screen and (min-width: 1050px) {
  .index-template__column>div {
    flex-direction: row;
    max-width: 100%;
  }
}

.index-template__box {
  flex: 1;
  padding-bottom: 20px;
  background-color: #fff;
}

.index-template__heading {
  padding: 12px 10px;
  background-color: #387bff;
  color: #fff;
  font-size: 1.171875rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-align: center;
}

.index-template__check {
  margin-top: 20px;
  padding-left: 0.84375rem;
  padding-right: 10px;
  font-size: 0.84375rem;
}

@media print,
screen and (min-width: 768px) {
  .index-template__check {
    font-size: 0.9375rem;
  }
}

.index-template__check li {
  text-indent: -1.5rem;
  padding-left: 1.5rem;
}

.index-template__check li::before {
  content: "";
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-right: 6px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6730%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206730%22%20transform%3D%22translate(-0.179%20-0.18)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_104%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20104%22%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%2213%22%20transform%3D%22translate(0.179%200.18)%22%20fill%3D%22%233270eb%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_22427%22%20data-name%3D%22%E3%83%91%E3%82%B9%2022427%22%20d%3D%22M14.095-16.423a2.749%2C2.749%2C0%2C0%2C1-.88%2C1.894l-.091.091L7.989-9.03A31.893%2C31.893%2C0%2C0%2C1%2C5.2-6.372a3.487%2C3.487%2C0%2C0%2C1-1.624.939A2.471%2C2.471%2C0%2C0%2C1%2C2.341-5.9a2.366%2C2.366%2C0%2C0%2C1-.955-.968%2C7.6%2C7.6%2C0%2C0%2C1-.345-1.761%2C24.468%2C24.468%2C0%2C0%2C1-.162-2.916%2C2.224%2C2.224%2C0%2C0%2C1%2C.714-1.582%2C2.175%2C2.175%2C0%2C0%2C1%2C1.578-.727q.822%2C0%2C.98%2C1.5.017.174.025.258a7.534%2C7.534%2C0%2C0%2C0%2C.307%2C1.611q.174.457.473.457a1.071%2C1.071%2C0%2C0%2C0%2C.465-.27%2C10.67%2C10.67%2C0%2C0%2C0%2C.814-.735l5.275-5.225A7.7%2C7.7%2C0%2C0%2C1%2C12.7-17.262a1.731%2C1.731%2C0%2C0%2C1%2C.889-.341.411.411%2C0%2C0%2C1%2C.39.208%2C1.522%2C1.522%2C0%2C0%2C1%2C.116.7Z%22%20transform%3D%22translate(5.89%2025.121)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: sub;
}

@media print,
screen and (min-width: 768px) {
  .index-template__check li::before {
    width: 1.21875rem;
    height: 1.21875rem;
  }
}

.index-template__check li+li {
  margin-top: 0.46875rem;
}

.index-template__button {
  margin-top: 20px;
  padding-left: 0.84375rem;
  padding-right: 10px;
}

.index-template__button a {
  display: flex;
  align-items: center;
  justify-content: center;
  
  
  min-height: 38px;
  margin-inline: auto;
  border-radius: 40px;
  background-color: #db831d;
  color: #fff;
  font-size: 0.884375rem;
  font-weight: 600;
  letter-spacing: 0.07em;
}

@media print,
screen and (min-width: 768px) {
  .index-template__button a {
    max-width: 18.75rem;
    min-height: 44px;
    font-size: 0.878125rem;
  }
}

.index-template__button a:hover {
  background-color: #bd6500;
}

.worry {
  position: relative;
  padding-top: 5.765625rem;
  padding-bottom: 4.3125rem;
  background-image: url("./assets/img/worry/bg01.png"), url("./assets/img/worry/bg02.svg");
  background-position: center bottom -0.9375rem, left -6.09375rem top;
  background-repeat: no-repeat;
  background-size: 100%, 29.53125rem;
  background-color: var(--color-bg2);
}

@media print,
screen and (min-width: 1050px) {
  .worry {
    background-position: center bottom -0.9375rem, left 13.125rem top;
  }
}

.public .worry {
  padding-top: 4.6875rem;
  background-image: url("./assets/img/public/worry/bg01.png"), url("./assets/img/worry/bg02.svg");
  background-position: center bottom -0.9375rem, left top;
  background-size: 100%, 37.5rem;
}

@media print,
screen and (min-width: 1050px) {
  .public .worry {
    padding-bottom: 0;
  }
}

.public .worry__heading {
  font-size: 1.40625rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.worry__heading br{
  display: none;
}

@media print,
screen and (min-width: 1050px) {
  .public .worry__heading {
    font-size: 2.8125rem;
  }

  .worry__heading br{
    display: block;
  }

}

.public .worry__heading small {
  font-size: 0.9375rem;
  font-feature-settings: "palt";
}

@media print,
screen and (min-width: 1050px) {
  .public .worry__heading small {
    font-size: 1.875rem;
  }
}

.worry__body>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  margin-top: 2.8125rem;
}

@media print,
screen and (min-width: 1050px) {
  .worry__body>div {
    flex-direction: row;
    align-items: end;
  }
}

.manufacturing-industry .worry__body>div {
  display: block;
}

.public .worry__body>div {
  align-items: start;
  gap: 2.34375rem;
  max-width: 67.78125rem;
  margin-top: 3.9375rem;
}

.worry-list {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
  max-width: 21.5625rem;
  
}

.worry-item h3{
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.4;
  margin-bottom: 3%;
}
.worry-item p{
  font-size: 1rem;
}

@media print,
screen and (min-width: 1050px) {
  .worry-list {
    font-size: 1.3125rem;
    max-width: 27.1875rem;
  }
}

.public .worry-list {
  max-width: 32.71875rem;
  gap: 1.40625rem 2.34375rem;
  
}

.worry-list li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 5.90625rem;
  margin-left: 1.875rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  padding-left: 2.09375rem;
  padding-right: 1.40625rem;
  border-radius: 10px;
  background-color: var(--color-white);
}

.public .worry-list li {
  padding-top: 1.171875rem;
  padding-bottom: 1.171875rem;
}

.worry-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.875rem;
  display: block;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
  background: url("./assets/img/common/icon_check.svg") no-repeat center/50% var(--color-blue);
  transform: translateY(-50%);
}

.worry-list__pic {
  display: none;
  max-width: 11.90625rem;
  margin-bottom: 0;
}

@media print,
screen and (min-width: 1050px) {
  .worry-list__pic {
    display: block;
  }
}

.public .worry-list__pic {
  margin-top: 0.65625rem;
  margin-left: 3.28125rem;
  max-width: 18.28125rem;
}

.about {
  padding-top: 6.5625rem;
  padding-bottom: 2.34375rem;
  background-color: var(--color-bg);
}

.about__head {
  padding-bottom: 1.40625rem;
  background: url("./assets/img/about/bg.png") no-repeat center bottom/cover;
}

.about__heading {
  text-align: center;
}

.about__heading img {
  width: 70%;
  max-width: 18.75rem;
}

@media print,
screen and (min-width: 1050px) {
  .about__heading img {
    max-width: 28.21875rem;
  }
}

.triangle {
  position: relative;
  max-width: 61.875rem;
  margin-top: 2.34375rem;
}

.triangle__heading {
  padding-top: 0.9375rem;
  padding-bottom: 4.6875rem;
}

@media print,
screen and (min-width: 1050px) {
  .triangle__heading {
    padding-top: 5.625rem;
    padding-bottom: 9.375rem;
  }
}

.triangle__heading img {
  max-width: 16.40625rem;
  margin-left: auto;
  margin-right: auto;
}

@media print,
screen and (min-width: 1050px) {
  .triangle__heading img {
    max-width: 37.40625rem;
  }
}

.triangle-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.8125rem;
  width: 100%;
  height: 100%;
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.triangle-list li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  background-color: var(--color-white);
  font-size: 1.21875rem;
  letter-spacing: 0.02em;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list li {
    width: 21.28125rem;
    height: 21.28125rem;
    font-size: 2.109375rem;
  }
}

.triangle-list li img {
  margin-top: 1.40625rem;
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list li img {
    margin-top: 2.15625rem;
  }
}

.triangle-list li::before {
  content: "";
  position: absolute;
  top: 0rem;
  right: 0.9375rem;
  display: block;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
  background: url("./assets/img/common/01_w.svg") no-repeat center/35% var(--color-black);
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list li::before {
    top: 0.46875rem;
    right: 1.5rem;
    width: 4.03125rem;
    height: 4.03125rem;
  }
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list li:first-child {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.triangle-list li:first-child img {
  max-width: 7.03125rem;
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list li:first-child img {
    max-width: 10.78125rem;
  }
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list li:nth-child(2) {
    position: absolute;
    left: 0;
    bottom: 1.40625rem;
  }
}

.triangle-list li:nth-child(2) img {
  max-width: 7.03125rem;
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list li:nth-child(2) img {
    max-width: 10.78125rem;
    margin-top: 1.6875rem;
  }
}

.triangle-list li:nth-child(2)::before {
  background: url("./assets/img/common/02_w.svg") no-repeat center/40% var(--color-black);
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list li:nth-child(3) {
    position: absolute;
    right: 0;
    bottom: 1.40625rem;
  }
}

.triangle-list li:nth-child(3) img {
  max-width: 7.03125rem;
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list li:nth-child(3) img {
    max-width: 11.8125rem;
    margin-top: 1.21875rem;
  }
}

.triangle-list li:nth-child(3)::before {
  background: url("./assets/img/common/03_w.svg") no-repeat center/40% var(--color-black);
}

.triangle-list li em {
  display: block;
  margin-top: 2.34375rem;
  line-height: 1.245;
}

@media print,
screen and (min-width: 1050px) {
  .triangle-list li em {
    margin-top: 2.8125rem;
  }
}

.triangle-list li strong {
  padding-left: 0.46875rem;
  padding-right: 0.46875rem;
  background: linear-gradient(transparent 70%, var(--color-yellow) 70%);
  font-weight: 900;
}

.whats>div {
  display: flex;
  flex-direction: column;
  margin-top: 2.34375rem;
}

.whats__box {
  position: relative;
}

.whats__box>div {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}

@media print,
screen and (min-width: 1050px) {
  .whats__box>div {
    flex-direction: row-reverse;
  }
}

.whats__box::after {
  content: "";
  position: absolute;
  top: 3.28125rem;
  right: 0.9375rem;
  display: block;
  width: 1.6875rem;
  height: 2.90625rem;
  background: url("./assets/img/common/01_b.svg") no-repeat center/contain;
}

@media print,
screen and (min-width: 1050px) {
  .whats__box::after {
    top: -0.65625rem;
    right: 4.21875rem;
    width: 3.09375rem;
    height: 4.3125rem;
  }
}

.whats__box:nth-child(2)::after {
  right: 0.9375rem;
  width: 1.875rem;
  background: url("./assets/img/common/02_b.svg") no-repeat center/contain;
}

@media print,
screen and (min-width: 1050px) {
  .whats__box:nth-child(2)::after {
    right: 3.75rem;
    width: 3.75rem;
  }
}

.whats__box:nth-child(3)::after {
  right: 0.9375rem;
  width: 1.875rem;
  background: url("./assets/img/common/03_b.svg") no-repeat center/contain;
}

@media print,
screen and (min-width: 1050px) {
  .whats__box:nth-child(3)::after {
    right: 3.75rem;
    width: 3.75rem;
  }
}

.whats__box+.whats__box {
  margin-top: 2.8125rem;
}

.whats__heading {
  display: inline-block;
  padding-left: 0.46875rem;
  padding-right: 0.46875rem;
  background: linear-gradient(transparent 70%, var(--color-yellow) 70%);
  font-size: 1.3125rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1.4;
}

@media print,
screen and (min-width: 1050px) {
  .whats__heading {
    font-size: 1.640625rem;
  }
}

.whats__detail>div {
  margin-top: -1.875rem;
  margin-left: 1.40625rem !important;
  padding: 2.8125rem 1.875rem 1.875rem;
  background-color: var(--color-white);
  font-size: 0.84375rem;
  letter-spacing: 0.01em;
  line-height: 1.6;
}

@media print,
screen and (min-width: 1050px) {
  .whats__detail{
    width: 100%;
  }
  .whats__detail>div {
    margin-top: 2.8125rem;
    margin-left: 7.265625rem !important;
    padding: 2.15625rem 4.03125rem 2.34375rem 11.484375rem;
    font-size: 1.03125rem;
  }
}

.whats__pic {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.4375rem;
  height: 7.03125rem;
  background-color: #BCDAFF;
}

@media print,
screen and (min-width: 1050px) {
  .whats__pic {
    position: absolute;
    left: 0;
    top: -20px;
    width: 14.53125rem;
    height: 13.125rem;
  }
}

.whats__pic img {
  max-width: 6.09375rem;
}

@media print,
screen and (min-width: 1050px) {
  .whats__pic img {
    max-width: 10.78125rem;
  }
}

.whats__text {
  margin-top: 1.40625rem;
}

.jsx {
  padding-top: 6rem;
  
}
.jsx__body{
  padding-bottom: 8.25rem;
}

.jsx__body>div {
  display: flex;
  flex-direction: column;
}

@media print,
screen and (min-width: 1050px) {
  .jsx__body>div {
    flex-direction: row;
  }
}

.jsx__pic {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  z-index: 0;
}

@media print,
screen and (min-width: 1050px) {
  .jsx__pic {
    margin-top: 2.8125rem;
    margin-bottom: 0rem;
    margin-left: -1.171875rem;
    margin-right: -1.171875rem;
  }
}

.jsx__pic img {
  width: 3.75rem;
}

@media print,
screen and (min-width: 1050px) {
  .jsx__pic img {
    width: 5.53125rem;
  }
}

.collaboration {
  width: 100%;
  padding: 1.265625rem 1.03125rem;
  background-color: #ABD1FD;
}

@media print,
screen and (min-width: 1050px) {
  .collaboration {
    max-width: calc(50% - 0.9375rem);
    padding: 2.203125rem 2.4375rem;
  }
}

.collaboration._servicenow {
  background-color: #ADE3C9;
}

.collaboration__head {
  padding-top: 1.921875rem;
  padding-bottom: 2.0625rem;
  background-color: var(--color-white);
  text-align: center;
}

.collaboration__heading {
  max-width: 7.875rem;
  margin-left: auto;
  margin-right: auto;
}

._servicenow .collaboration__heading {
  max-width: 14.53125rem;
}

.collaboration__lead {
  margin-top: 1.40625rem;
  font-size: 0.9375rem;
  font-weight: 900;
  color: #2653AA;
  text-align: center;
  line-height: 1.4;
}

@media print,
screen and (min-width: 1050px) {
  .collaboration__lead {
    font-size: 1.3125rem;
  }
}

._servicenow .collaboration__lead {
  color: #3F956B;
}

.collaboration__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.84375rem;
}

@media print,
screen and (min-width: 1050px) {
  .collaboration__list {
    gap: 1.265625rem;
    margin-top: 1.3125rem;
  }
}

.collaboration__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 0.375rem);
  min-height: 4.6875rem;
  background-color: var(--color-white);
  font-size: 0.84375rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.02em;
  line-height: 1.5;
}

@media print,
screen and (min-width: 1050px) {
  .collaboration__list li {
    width: calc(50% - 0.65625rem);
    min-height: 6.09375rem;
    font-size: 1.0546875rem;
  }
}

.collaboration__pic {
  text-align: center;
  margin-top: 0.796875rem;
}

._servicenow .collaboration__pic {
  margin-top: 2.0625rem;
}

.collaboration__pic img {
  width: 75%;
}

@media print,
screen and (min-width: 1050px) {
  .collaboration__pic img {
    width: 100%;
    max-width: 20.0625rem;
  }
}

.it {
  position: relative;
  padding-top: 6.46875rem;
  padding-bottom: 7.5rem;
  background: url("./assets/img/it/bg.png") no-repeat center/contain var(--color-light-blue);
}

.it::after {
  content: "";
  position: absolute;
  bottom: -2.8125rem;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.8125rem 4.6875rem 0 4.6875rem;
  border-color: var(--color-light-blue) transparent transparent transparent;
  transform: translateX(-50%);
}

.it__body {
  margin-top: 3.9375rem;
}

.template {
  padding-top: 8.4375rem;
  padding-bottom: 8.90625rem;
  background-color: var(--color-bg);
}

.template__body {
  margin-top: 7.5rem;
}

.template__inner {
  max-width: 76.875rem;
}

.template-box {
  position: relative;
  padding: 2.8125rem 1.40625rem 2.8125rem;
  background-color: var(--color-white);
}

@media print,
screen and (min-width: 1050px) {
  .template-box {
    padding: 5.578125rem 3.984375rem 6.375rem;
  }
}

.template-box+.template-box {
  margin-top: 6.28125rem;
}

.template-box__num>div {
  position: absolute;
  top: -3.28125rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 4.6875rem;
  height: 4.6875rem;
  padding-top: 0.234375rem;
  border-radius: 50%;
  background-color: var(--color-black);
  font-size: 0.65625rem;
  font-weight: 900;
  color: var(--color-white);
  letter-spacing: 0.01em;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .template-box__num>div {
    width: 6.375rem;
    height: 6.375rem;
    padding-top: 0.5625rem;
    font-size: 0.796875rem;
  }
}

.template-box__num>div img {
  width: 1.40625rem;
  height: 1.875rem;
  margin-top: 0.1875rem;
}

@media print,
screen and (min-width: 1050px) {
  .template-box__num>div img {
    width: 1.875rem;
    height: 2.8125rem;
    margin-top: 0.09375rem;
  }
}

.template-box__heading {
  font-size: 1.875rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.06em;
}

@media print,
screen and (min-width: 1050px) {
  .template-box__heading {
    font-size: 2.578125rem;
  }
}

.template-box__title {
  display: inline-block;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background: linear-gradient(transparent 70%, var(--color-yellow) 70%);
  font-size: 1.21875rem;
  font-weight: 900;
  letter-spacing: 0.06em;
}

@media print,
screen and (min-width: 1050px) {
  .template-box__title {
    font-size: 1.6875rem;
  }
}

._box04 .template-box__title {
  background: none;
}

.template-box__text {
  margin-top: 1.59375rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.84375rem;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.8;
}

@media print,
screen and (min-width: 1050px) {
  .template-box__text {
    font-size: 1.078125rem;
  }
}

.template-box__text p+p {
  margin-top: 2.15625rem;
}

.template-box__box {
  text-align: center;
}

.template-box__box+.template-box__box {
  margin-top: 4.6875rem;
}

.template-box__text+.template-box__box {
  margin-top: 4.03125rem;
}

.template-box__title+.template-box__pic {
  margin-top: 2.90625rem;
}

.template-box__list+.template-box__pic {
  margin-top: 2.34375rem;
}

.template-box__list {
  display: flex;
  flex-direction: column;
  gap: 0.84375rem;
  font-size: 0.9375rem;
  font-weight: 900;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 1.8;
}

@media print,
screen and (min-width: 1050px) {
  .template-box__list {
    font-size: 1.3125rem;
  }
}

.template-box__title+.template-box__list {
  margin-top: 3.375rem;
}

.template-box__list li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.125rem;
  padding: 0.75rem 0.9375rem;
  background-color: var(--color-light-blue);
}

@media print,
screen and (min-width: 1050px) {
  .template-box__list li {
    padding: 1.125rem 2.0625rem;
  }
}

.template-box__list li::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1.40625rem;
  height: 1.40625rem;
  border-radius: 50%;
  background: url("./assets/img/common/icon_check.svg") no-repeat center/50% var(--color-blue);
}

@media print,
screen and (min-width: 1050px) {
  .template-box__list li::before {
    width: 2.8125rem;
    height: 2.8125rem;
  }
}

.template-box__list._purple {
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.9375rem;
  letter-spacing: -0.02em;
}

@media print,
screen and (min-width: 1050px) {
  .template-box__list._purple {
    flex-direction: row;
    font-size: 1.171875rem;
  }
}

.template-box__list._purple li {
  width: 100%;
  padding: 1.125rem 0.9375rem 1.125rem 1.40625rem;
  background-color: var(--color-light-purple);
}

@media print,
screen and (min-width: 1050px) {
  .template-box__list._purple li {
    width: calc(50% - 0.375rem);
  }
}

.template-box__list._purple li::before {
  background-color: var(--color-purple);
}

.template-box__list._purple li:nth-child(5) {
  letter-spacing: -0.08em;
}

.template-box__arrow {
  max-width: 130px;
  margin-top: 40px;
  margin-bottom: 38px;
  margin-inline: auto;
}

@media print,
screen and (min-width: 768px) {
  .template-box__arrow {
    max-width: 168px;
  }
}

.template-box__column {
  margin-top: 20px;
}

.template-box__column>div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.65625rem;
}

@media print,
screen and (min-width: 768px) {
  .template-box__column>div {
    flex-direction: row;
  }
}

.template-box__column p {
  margin-top: 16px;
  font-size: 0.9375rem;
  line-height: 1.7;
  text-align: center;
}

.template-box__column p+p {
  margin-top: 15px;
}

.template-box__column p strong {
  color: var(--color-blue);
  font-weight: bold;
}

.template-box__checkbox {
  flex: auto;
  width: 100%;
  max-width: 28.125rem;
  margin-inline: auto;
  padding: 1.875rem 0.46875rem;
  border: 2px solid #c0d8fa;
  background-image: url("assets/img/template/01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120px;
}

@media print,
screen and (min-width: 1050px) {
  .template-box__checkbox {
    flex: 48%;
    max-width: 100%;
  }
}

.template-box__checkbox:nth-child(2) {
  background-image: url("assets/img/template/02.svg");
}

.template-box__checkbox:nth-child(3) {
  background-image: url("assets/img/template/03.svg");
}

.template-box__checkbox:nth-child(4) {
  background-image: url("assets/img/template/04.svg");
}

.template-box__check {
  color: var(--color-blue);
  font-size: 1.125rem;
  text-align: center;
}

@media print,
screen and (min-width: 768px) {
  .template-box__check {
    font-size: 1.6875rem;
  }
}

.template-box__check::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.3125rem;
  margin-right: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241.493%22%20height%3D%2237.633%22%20viewBox%3D%220%200%2041.493%2037.633%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_68%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2068%22%20transform%3D%22translate(0)%22%20opacity%3D%220.501%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_69%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2069%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_34%22%20data-name%3D%22%E3%83%91%E3%82%B9%2034%22%20d%3D%22M44.811%2C7.977a6.878%2C6.878%2C0%2C0%2C1-2.895%2C5.79l-.482.482L25.512%2C31.136c-2.895%2C2.89-5.79%2C5.79-8.685%2C8.2A10.011%2C10.011%2C0%2C0%2C1%2C12%2C42.233a5.479%2C5.479%2C0%2C0%2C1-3.86-1.447%2C5.648%2C5.648%2C0%2C0%2C1-2.895-2.895%2C20.52%2C20.52%2C0%2C0%2C1-.965-5.3A55.462%2C55.462%2C0%2C0%2C1%2C3.8%2C23.417a5.938%2C5.938%2C0%2C0%2C1%2C2.412-4.825c1.447-1.447%2C2.895-2.412%2C4.825-2.412S13.932%2C17.627%2C13.932%2C21v.965a14.225%2C14.225%2C0%2C0%2C0%2C.965%2C4.825c.482.97.965%2C1.447%2C1.447%2C1.447s.965-.478%2C1.447-.965A5.814%2C5.814%2C0%2C0%2C0%2C20.2%2C24.864l16.4-16.4a11.547%2C11.547%2C0%2C0%2C1%2C3.86-2.895A6.858%2C6.858%2C0%2C0%2C1%2C43.363%2C4.6a1.784%2C1.784%2C0%2C0%2C1%2C1.447.478%2C2.907%2C2.907%2C0%2C0%2C1%2C.482%2C1.935Z%22%20transform%3D%22translate(-3.8%20-4.6)%22%20fill%3D%22%233270eb%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}

@media print,
screen and (min-width: 768px) {
  .template-box__check::before {
    width: 1.96875rem;
    height: 1.78125rem;
    margin-right: 14px;
  }
}

.page__head {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 14.0625rem;
  padding: 0.9375rem;
  background: url("./assets/img/common/head_bg.jpg") no-repeat center bottom/cover;
}

.page__heading {
  font-size: 1.78125rem;
  color: var(--color-white);
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .page__heading {
    font-size: 2.25rem;
  }
}

.page__body {
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
  line-height: 2;
}

.page__body p+p,
.page__body p+ul,
.page__body p+ol {
  margin-top: 1.40625rem;
}

.page__body p+h2 {
  margin-top: 3.28125rem;
}

.page__body h2 {
  padding-bottom: 0.46875rem;
  border-bottom: 5px solid var(--color-blue);
  font-size: 1.125rem;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .page__body h2 {
    font-size: 1.59375rem;
  }
}

.page__body h2+p,
.page__body h2+ul,
.page__body h2+ol {
  margin-top: 1.40625rem;
}

.page__body ol {
  padding-left: 1.125rem;
  list-style-type: decimal;
}

.page__body ol+p,
.page__body ol+ul {
  margin-top: 1.40625rem;
}

.page__body ol+h2 {
  margin-top: 3.28125rem;
}

.page__body ol li {
  list-style-type: decimal;
}

.page__body ol li+li {
  margin-top: 0.9375rem;
}

.page__body a {
  color: var(--color-black);
  text-decoration: underline;
}

.site-policy {
  word-break: break-word;
}

.page-404__head {
  margin-top: 2.8125rem;
}

.page-404__heading {
  font-size: 1.03125rem;
  color: var(--color-blue);
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .page-404__heading {
    font-size: 1.40625rem;
  }
}

.page-404__body {
  margin-top: 2.34375rem;
}

.page-404__text {
  text-align: center;
}

.page-404__text a {
  color: var(--color-orange);
  text-decoration: underline;
}

.pagetop {
  position: fixed;
  right: 0.9375rem;
  bottom: 0.9375rem;
}

@media print,
screen and (min-width: 768px) {
  .pagetop {
    right: 1.875rem;
    bottom: 1.875rem;
  }
}

.pagetop a {
  display: block;
  width: 3.28125rem;
  height: 3.28125rem;
  border-radius: 50%;
  background-color: var(--color-white);
  box-shadow: 1px 1px 5px #d9d9d9;
}

.pagetop svg {
  transform: rotate(270deg);
}

.problem {
  padding-top: 8.625rem;
  padding-bottom: 9.375rem;
  background-image: url("./assets/img/worry/bg01.png"), url("./assets/img/manufacturing/problem/bg.svg");
  background-position: center bottom -0.9375rem, left -6.09375rem top;
  background-repeat: no-repeat;
  background-size: 100%, 37.5rem;
  background-color: var(--color-bg2);
}

@media print,
screen and (min-width: 1050px) {
  .problem {
    background-position: center bottom -0.9375rem, left 3.75rem top;
  }
}

.pharma .problem {
  padding-top: 100px;
  padding-bottom: 0;
  background-image: url("./assets/img/pharma/problem/bg_sp.png"), url("./assets/img/pharma/problem/bg.svg");
  background-color: #edf2f8;
  background-position: center bottom, left -7.03125rem top;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .problem {
    padding-top: 150px;
    background-image: url("./assets/img/pharma/problem/bg.png"), url("./assets/img/pharma/problem/bg.svg");
    background-position: center bottom -0.9375rem, left -5.625rem top;
  }
}

.problem__heading {
  font-size: 1.59375rem;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .problem__heading {
    font-size: 2.8125rem;
  }
}

.pharma .problem__heading {
  font-size: 26px;
  line-height: 1.5;
  letter-spacing: 0;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .problem__heading {
    font-size: 60px;
  }
}

.problem__body {
  margin-top: 3.75rem;
}

.pharma .problem__body {
  margin-top: 50px;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .problem__body {
    margin-top: 75px;
  }
}

.problem__container>div {
  display: flex;
  justify-content: center;
  gap: 0.703125rem;
}

.pharma .problem__container>div {
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .problem__container>div {
    align-items: baseline;
    flex-direction: row;
    gap: 0.703125rem;
  }
}

.problem__box {
  padding: 1.40625rem 0.9375rem;
  background-color: var(--color-white);
}

@media print,
screen and (min-width: 1050px) {
  .problem__box {
    padding: 5.15625rem 2.0625rem 4.6875rem;
  }
}

.pharma .problem__box {
  flex: 1;
  padding: 0;
  background-color: transparent;
}

.pharma .problem__box>div {
  display: flex;
  flex-direction: column;
}

.problem__list {
  display: flex;
  flex-direction: column;
  gap: 2.34375rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  font-weight: 700;
}

@media print,
screen and (min-width: 1050px) {
  .problem__list {
    flex-direction: row;
    gap: 4.6875rem;
  }
}

.problem__list strong {
  color: var(--color-blue);
  font-weight: 700;
}

.problem__list p {
  display: block;
  margin-top: 1.40625rem;
  font-size: 0.9375rem;
  line-height: 1.5;
}

@media print,
screen and (min-width: 1050px) {
  .problem__list p {
    font-size: 1.3125rem;
  }
}

.problem__num {
  text-align: center;
}

.problem__num img {
  width: auto;
  max-height: 1.875rem;
}

@media print,
screen and (min-width: 1050px) {
  .problem__num img {
    max-height: 2.4375rem;
  }
}

.problem__title {
  max-width: 28.125rem;
  margin-top: 3.46875rem;
  margin-left: auto;
  margin-right: auto;
}

@media print,
screen and (min-width: 1050px) {
  .problem__title {
    max-width: 40.125rem;
  }
}

.pharma .problem__title {
  width: 100%;
  margin-top: 0;
  padding: 25px;
  background-color: #1c71d8;
  color: var(--color-white);
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .problem__title {
    padding: 27px;
    font-size: 24px;
    line-height: 1.5;
  }
}

@media print,
screen and (min-width: 1050px) {
  .pharma .problem__title+.problem__text {
    margin-top: 40px;
  }
}

.problem__text {
  display: flex;
  align-items: center;
  max-width: 28.125rem;
  width: 100%;
  min-height: 115px;
  padding: 15px 30px;
  border-radius: 10px;
  background-color: var(--color-white);
  font-size: 15px;
  text-align: center;
  line-height: 1.5;
}

@media print,
screen and (min-width: 1050px) {
  .problem__text {
    min-height: 140px;
    padding: 20px 30px;
    line-height: 1.7;
  }
}

@media print,
screen and (min-width: 1050px) {
  .problem__text+.problem__text {
    margin-top: 30px;
    padding: 20px 30px;
  }
}

.problem__pic {
  margin-top: 2.8125rem;
}

.problem__pic figcaption {
  margin-top: 1.40625rem;
  font-size: 0.75rem;
  line-height: 1.1;
  text-align: right;
}

@media print,
screen and (min-width: 1050px) {
  .problem__pic figcaption {
    font-size: 0.84375rem;
  }
}

.pharma .problem__pic {
  max-width: 170px;
  margin-top: 0px;
  margin-inline: auto;
}

@media print,
screen and (min-width: 1050px) {
  .pharma .problem__pic {
    max-width: 100%;
    margin-top: 20px;
  }
}

.manufacturing-about {
  padding-top: 2.8125rem;
  padding-bottom: 8.90625rem;
  background-color: var(--color-bg);
}

.manufacturing-about__title {
  padding-top: 0.703125rem;
  padding-bottom: 2.109375rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%22160%22%20viewBox%3D%220%200%2050%20160%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_322%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20322%22%20transform%3D%22translate(-935%20-2040)%22%20opacity%3D%220.297%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_3%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%203%22%20d%3D%22M25%2C0%2C50%2C43H0Z%22%20transform%3D%22translate(985%202200)%20rotate(180)%22%20fill%3D%22%230073ff%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M25%2C0%2C50%2C43H0Z%22%20transform%3D%22translate(985%202142)%20rotate(180)%22%20fill%3D%22%2371b1ff%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%202%22%20d%3D%22M25%2C0%2C50%2C43H0Z%22%20transform%3D%22translate(985%202083)%20rotate(180)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 1.875rem;
  font-weight: 700;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .manufacturing-about__title {
    font-size: 3.234375rem;
  }
}

.manufacturing-about__head {
  padding-bottom: 1.40625rem;
  background: url("./assets/img/manufacturing/about/bg.png") no-repeat center bottom/contain;
}

@media print,
screen and (min-width: 1050px) {
  .manufacturing-about__head {
    background: url("./assets/img/manufacturing/about/bg.png") no-repeat center bottom/cover;
  }
}

.manufacturing-about__heading {
  margin-top: 2.34375rem;
  text-align: center;
}

.manufacturing-about__heading img {
  width: 70%;
  max-width: 18.75rem;
}

@media print,
screen and (min-width: 1050px) {
  .manufacturing-about__heading img {
    max-width: 46.875rem;
  }
}

.manufacturing-about__bg {
  width: fit-content;
  margin-top: 2.8125rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0.375rem 1.40625rem;
  background-color: #222;
  font-size: 1.3125rem;
  font-weight: 900;
  color: var(--color-white);
}

@media print,
screen and (min-width: 1050px) {
  .manufacturing-about__bg {
    font-size: 2.109375rem;
  }
}

.manufacturing-about__text {
  margin-top: 2.578125rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 2.1;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .manufacturing-about__text {
    font-size: 1.3125rem;
  }
}

.manufacturing-about__text strong {
  color: var(--color-blue);
  font-weight: 700;
}

.dx {
  padding-top: 3.140625rem;
}

.dx__inner {
  padding: 1.875rem 0.9375rem 2.34375rem;
  background-color: var(--color-white);
}

@media print,
screen and (min-width: 1050px) {
  .dx__inner {
    padding: 3.75rem 4.21875rem 4.6875rem;
  }
}

.dx__heading {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background: linear-gradient(transparent 82%, var(--color-yellow) 82%);
  font-size: 1.59375rem;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .dx__heading {
    font-size: 3.28125rem;
    letter-spacing: 0.1em;
  }
}

.dx__body {
  margin-top: 3.28125rem;
}

.dx__body>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.03125rem;
}

@media print,
screen and (min-width: 1050px) {
  .dx__body>div {
    flex-direction: row;
  }
}

.dx__arrow {
  margin-top: -2.34375rem;
  margin-bottom: -2.34375rem;
  transform: rotate(90deg);
}

@media print,
screen and (min-width: 1050px) {
  .dx__arrow {
    margin-top: 0;
    margin-bottom: 0;
    transform: rotate(0);
  }
}

.solution {
  padding-top: 9.234375rem;
  padding-bottom: 16.40625rem;
}

.public .solution {
  padding-top: 4.6875rem;
  padding-bottom: 7.5rem;
}

.solution__heading {
  font-size: 1.21875rem;
  font-weight: 900;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .solution__heading {
    font-size: 1.875rem;
  }
}

.solution__heading strong {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background: linear-gradient(transparent 82%, var(--color-yellow) 82%);
  font-size: 1.5rem;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .solution__heading strong {
    font-size: 3.28125rem;
    letter-spacing: 0.1em;
  }
}

.solution__body {
  margin-top: 3.28125rem;
}

.solution__pic01 {
  position: sticky;
  top: 4.6875rem;
  width: 100%;
  z-index: 999;
}

.solution__pic01>div {
  display: flex;
  align-items: stretch;
}

.solution__pic01 a {
  display: block;
  height: 100%;
}

@media print,
screen and (min-width: 1050px) {
  .solution__pic01 img {
    height: 121px;
  }
}

.pic-sp .solution__pic01 img {
  min-width: 0px;
}

.solution__pic01 ._pic00 {
  max-width: 51px;
  margin-top: 0.1875rem;
}

.solution__pic01 ._pic00 ::-webkit-full-page-media,
.solution__pic01 ._pic00 :future,
:root .solution__pic01 ._pic00 {
  max-width: 100%;
}

.solution__pic01 ._pic01 {
  margin-left: 0.421875rem;
  z-index: 10;
}

.solution__pic01 ._pic02 {
  margin-left: -26px;
  z-index: 9;
}

.solution__pic01 ._pic03 {
  margin-left: -25px;
  z-index: 8;
}

.solution__pic01 ._pic04 {
  margin-left: -29px;
  z-index: 7;
}

.solution__pic01 ._pic05 {
  margin-left: -30px;
  z-index: 6;
}

.solution__pic02 {
  margin-top: 0.234375rem;
}

@media print,
screen and (min-width: 1050px) {
  .solution__pic02 {
    margin-top: 0.46875rem;
  }
}

.solution-sec {
  position: relative;
  margin-top: 7.5rem;
  padding-top: 2.34375rem;
  border-top: 4px dotted rgba(112, 112, 112, 0.3);
}

.public .solution-sec {
  margin-top: 10.546875rem;
  padding-top: 3.28125rem;
}

.solution-sec::before {
  content: "";
  position: absolute;
  top: -1.40625rem;
  left: 50%;
  display: block;
  width: 2.8125rem;
  height: 2.8125rem;
  background-image: url("./assets/img/manufacturing/solution/sec_01.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(-50%);
}

@media print,
screen and (min-width: 1050px) {
  .solution-sec::before {
    top: -2.8125rem;
    width: 5.15625rem;
    height: 5.15625rem;
  }
}

.public .solution-sec::before {
  width: 3.75rem;
  height: 3.75rem;
}

@media print,
screen and (min-width: 1050px) {
  .public .solution-sec::before {
    top: -3.046875rem;
    width: 6.09375rem;
    height: 6.09375rem;
  }
}

.solution-sec._sec01::before {
  background-image: url("./assets/img/manufacturing/solution/sec_01.svg");
}

.public .solution-sec._sec01::before {
  background-image: url("./assets/img/public/solution/sec_01.svg");
}

.solution-sec._child::before {
  background: none;
}

.solution-sec._sec02::before {
  background-image: url("./assets/img/manufacturing/solution/sec_02.svg");
}

.public .solution-sec._sec02::before {
  background-image: url("./assets/img/public/solution/sec_02.svg");
}

.solution-sec._child::before {
  background: none;
}

.solution-sec._sec03::before {
  background-image: url("./assets/img/manufacturing/solution/sec_03.svg");
}

.public .solution-sec._sec03::before {
  background-image: url("./assets/img/public/solution/sec_03.svg");
}

.solution-sec._child::before {
  background: none;
}

.solution-sec._sec04::before {
  background-image: url("./assets/img/manufacturing/solution/sec_04.svg");
}

.public .solution-sec._sec04::before {
  background-image: url("./assets/img/public/solution/sec_04.svg");
}

.solution-sec._child::before {
  background: none;
}

.solution-sec._sec05::before {
  background-image: url("./assets/img/manufacturing/solution/sec_05.svg");
}

.public .solution-sec._sec05::before {
  background-image: url("./assets/img/public/solution/sec_05.svg");
}

.solution-sec._child::before {
  background: none;
}

.solution-sec+.solution-sec {
  margin-top: 7.96875rem;
}

.public .solution-sec+.solution-sec {
  margin-top: 11.71875rem;
}

.solution-sec._child {
  margin-top: 4.6875rem;
}

.solution-sec__heading {
  font-size: 1.40625rem;
  font-weight: 900;
  color: var(--color-blue);
  line-height: 1.5;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .solution-sec__heading {
    font-size: 2.8125rem;
  }
}

.solution-sec__heading small {
  display: inline-block;
  line-height: 1.45;
  font-size: 0.9375rem;
  color: var(--color-black);
}

@media print,
screen and (min-width: 1050px) {
  .solution-sec__heading small {
    font-size: 1.875rem;
  }
}

.solution-sec__en {
  margin-top: 0.9375rem;
  text-align: center;
}

.solution-sec__en img {
  width: auto;
  height: 1.21875rem;
}

@media print,
screen and (min-width: 1050px) {
  .solution-sec__en img {
    height: 1.78125rem;
  }
}

._sec04 .solution-sec__en img {
  height: 1.03125rem;
}

@media print,
screen and (min-width: 1050px) {
  ._sec04 .solution-sec__en img {
    height: 1.359375rem;
  }
}

.solution-sec__body {
  position: relative;
  margin-top: 3.75rem;
}

.solution-sec__title {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 0.328125rem 1.6875rem;
  border: 2px solid var(--color-blue);
  font-size: 0.9375rem;
  font-weight: 900;
  color: var(--color-blue);
}

@media print,
screen and (min-width: 1050px) {
  .solution-sec__title {
    font-size: 1.171875rem;
  }
}

.solution-sec__list {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}

.solution-sec__list>div {
  display: flex;
  justify-content: center;
}

.solution-sec__pic {
  margin-top: 3.75rem;
}

.solution-sec__merit {
  margin-top: 4.6875rem;
}

.solution-sec__sticky {
  display: none;
  z-index: 999;
}

.solution-sec__sticky._fixed {
  position: fixed;
  right: 0.703125rem;
  top: 4.5rem;
  display: block;
}

.solution-sec__sticky img {
  width: 1.640625rem;
}

.solution-sec__sticky figure {
  position: relative;
}

.solution-sec__sticky ._sticky01 {
  z-index: 10;
}

.solution-sec__sticky ._sticky02 {
  margin-top: -0.65625rem;
  z-index: 9;
}

.solution-sec__sticky ._sticky03 {
  margin-top: -0.65625rem;
  z-index: 8;
}

.solution-sec__sticky ._sticky04 {
  margin-top: -0.65625rem;
  z-index: 7;
}

.solution-sec__sticky ._sticky05 {
  margin-top: -0.65625rem;
  z-index: 6;
}

.public .solution-sec__foot {
  margin-top: 4.6875rem;
}

.solution-sec-list {
  font-size: 0.9375rem;
  line-height: 1.2;
}

@media print,
screen and (min-width: 1050px) {
  .solution-sec-list {
    font-size: 1.3125rem;
  }
}

.solution-sec-list li {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.solution-sec-list li::before {
  content: "";
  display: inline-block;
  width: 1.125rem;
  height: 0.9375rem;
  margin-right: 0.234375rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.12%22%20height%3D%2228.225%22%20viewBox%3D%220%200%2031.12%2028.225%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6956%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206956%22%20transform%3D%22translate(-33.803%20-14.703)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_68%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2068%22%20transform%3D%22translate(33.803%2014.703)%22%20opacity%3D%220.501%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_69%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2069%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_34%22%20data-name%3D%22%E3%83%91%E3%82%B9%2034%22%20d%3D%22M34.558%2C7.133a5.158%2C5.158%2C0%2C0%2C1-2.171%2C4.342l-.362.362L20.084%2C24.5c-2.171%2C2.168-4.342%2C4.342-6.513%2C6.152a7.508%2C7.508%2C0%2C0%2C1-3.619%2C2.171%2C4.109%2C4.109%2C0%2C0%2C1-2.895-1.086%2C4.236%2C4.236%2C0%2C0%2C1-2.171-2.171%2C15.39%2C15.39%2C0%2C0%2C1-.724-3.977A41.6%2C41.6%2C0%2C0%2C1%2C3.8%2C18.713a4.454%2C4.454%2C0%2C0%2C1%2C1.809-3.619%2C5.025%2C5.025%2C0%2C0%2C1%2C3.619-1.809c1.447%2C0%2C2.171%2C1.086%2C2.171%2C3.619v.724a10.669%2C10.669%2C0%2C0%2C0%2C.724%2C3.619c.362.727.724%2C1.086%2C1.086%2C1.086s.724-.358%2C1.086-.724A4.361%2C4.361%2C0%2C0%2C0%2C16.1%2C19.8l12.3-12.3A8.661%2C8.661%2C0%2C0%2C1%2C31.3%2C5.324%2C5.143%2C5.143%2C0%2C0%2C1%2C33.472%2C4.6a1.338%2C1.338%2C0%2C0%2C1%2C1.086.358%2C2.18%2C2.18%2C0%2C0%2C1%2C.362%2C1.451Z%22%20transform%3D%22translate(-3.8%20-4.6)%22%20fill%3D%22%231c71d8%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media print,
screen and (min-width: 1050px) {
  .solution-sec-list li::before {
    width: 1.5rem;
    height: 1.3125rem;
    margin-right: 0.703125rem;
  }
}

.solution-sec-list li strong {
  font-weight: 900;
  color: var(--color-blue);
}

.solution-sec-list li+li {
  margin-top: 0.9375rem;
}

.merit>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.8125rem;
}

@media print,
screen and (min-width: 1050px) {
  .merit>div {
    flex-direction: row;
  }
}

.merit__title {
  width: fit-content;
  min-width: 15.1875rem;
  padding: 0.328125rem 1.6875rem;
  border: 2px solid var(--color-blue);
  font-size: 0.9375rem;
  font-weight: 900;
  color: var(--color-blue);
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .merit__title {
    font-size: 1.171875rem;
  }
}

.merit__list {
  margin-top: 1.546875rem;
}

.merit__pic {
  max-width: 28.125rem;
  margin-left: auto;
  margin-right: auto;
}

@media print,
screen and (min-width: 1050px) {
  .merit__pic {
    margin-left: 0;
    margin-right: 0;
  }
}

._sec02 .merit__pic {
  max-width: 29.0625rem;
}

._sec03 .merit__pic {
  max-width: 20.625rem;
}

._sec04 .merit__pic {
  max-width: 20.15625rem;
}

._sec05 .merit__pic {
  max-width: 21.5625rem;
}

.merit-list {
  font-size: 0.9375rem;
  font-weight: 900;
  line-height: 1.3;
}

@media print,
screen and (min-width: 1050px) {
  .merit-list {
    font-size: 1.3125rem;
  }
}

.merit-list li {
  padding-left: 1em;
  text-indent: -1.25em;
}

.merit-list li::before {
  content: "";
  display: inline-block;
  width: 0.1875rem;
  height: 0.1875rem;
  margin: 0.25em 0.5em 0.25em 0.5em;
  background-color: #8FBCF2;
}

@media print,
screen and (min-width: 1050px) {
  .merit-list li::before {
    width: 0.375rem;
    height: 0.375rem;
  }
}

.merit-list li strong {
  font-weight: 900;
  color: var(--color-blue);
}

.merit-list li+li {
  margin-top: 0.9375rem;
}

.public-about {
  padding-top: 2.8125rem;
  padding-bottom: 15.9375rem;
  background-image: url("./assets/img/public/about/public-about_bg.svg");
  background-color: var(--color-bg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover;
}

@media print,
screen and (min-width: 1050px) {
  .public-about {
    background-position: bottom center;
    background-size: 100%;
  }
}

.public-about__title {
  padding-top: 0.703125rem;
  padding-bottom: 2.109375rem;
  font-size: 1.875rem;
  font-weight: 700;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .public-about__title {
    font-size: 3.234375rem;
  }
}

.public-about__head {
  padding-bottom: 1.40625rem;
}

.public-about__heading {
  margin-top: -1.40625rem;
  text-align: center;
}

.public-about__heading img {
  width: 70%;
  max-width: 18.75rem;
}

@media print,
screen and (min-width: 1050px) {
  .public-about__heading img {
    max-width: 46.875rem;
  }
}

.public-about__bg {
  width: fit-content;
  margin-top: 1.875rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0.375rem 0.46875rem;
  background-color: #222;
  font-size: 1.3125rem;
  font-weight: 900;
  font-feature-settings: "palt";
  color: var(--color-white);
}

@media print,
screen and (min-width: 1050px) {
  .public-about__bg {
    font-size: 2.109375rem;
  }
}

.public-about__text {
  margin-top: 2.578125rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 2.1;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .public-about__text {
    font-size: 1.3125rem;
  }
}

.public-about__text strong {
  color: var(--color-blue);
  font-weight: 700;
}

.public-about__box {
  margin-top: 2.8125rem;
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-bottom: 4.921875rem;
}

@media print,
screen and (min-width: 1050px) {
  .public-about__box {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}

.public-about__box>div {
  position: relative;
  z-index: 1;
}

.public-about__box::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75%;
  border-radius: 1.078125rem;
  background-color: #95c7ff;
}

.public-about__pic {
  margin-top: 1.875rem;
}

.public-about__foot {
  margin-top: 4.6875rem;
}

.public-about-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1.875rem;
}

@media print,
screen and (min-width: 1050px) {
  .public-about-list {
    flex-direction: row;
  }
}

.public-about-list__item {
  flex: 1;
  padding: 1.875rem;
  border-radius: 0.609375rem;
  background: var(--color-white);
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

.public-about-list__item strong {
  font-size: 1.59375rem;
  font-weight: 900;
  font-feature-settings: "palt";
  background: linear-gradient(transparent 30%, var(--color-yellow) 30%);
}

.public-about-list__item::before {
  content: "";
  display: block;
  width: 2.71875rem;
  height: 2.90625rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.625rem;
  background-image: url("./assets/img//common/01_blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.public-about-list__item:nth-child(2)::before {
  background-image: url("./assets/img//common/02_blue.svg");
}

.public-about-list__item:nth-child(3)::before {
  background-image: url("./assets/img//common/03_blue.svg");
}

.public-about-list__item img {
  max-width: 7.875rem;
  margin-top: 2.34375rem;
}

.public-about-list__item:nth-child(2) img {
  margin-top: 1.6875rem;
  max-width: 7.5rem;
}

.public-about-list__item:nth-child(3) img {
  margin-top: 1.78125rem;
}

.public-solution-box {
  margin-top: 4.78125rem;
}

.public-solution-box>div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 3.75rem 0.46875rem;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box>div {
    flex-direction: row;
  }
}

.public-solution-box__container {
  width: 100%;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box__container {
    width: calc(50% - 0.234375rem);
  }
}

.public-solution-box__container:nth-child(1) .public-solution-box__heading::before {
  background-image: url("./assets/img/public/solution/public-solution-box_pic01.svg");
}

.public-solution-box__container:nth-child(2) .public-solution-box__heading::before {
  background-image: url("./assets/img/public/solution/public-solution-box_pic02.svg");
}

.public-solution-box__container:nth-child(3) .public-solution-box__heading::before {
  height: 3.09375rem;
  background-image: url("./assets/img/public/solution/public-solution-box_pic03.svg");
}

.public-solution-box__container:nth-child(4) .public-solution-box__heading::before {
  height: 3.375rem;
  background-image: url("./assets/img/public/solution/public-solution-box_pic04.svg");
}

.public-solution-box__heading {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  font-size: 1.40625rem;
  font-weight: 900;
  line-height: 1.3;
}

.public-solution-box__heading::before {
  content: "";
  display: block;
  width: 2.34375rem;
  height: 2.34375rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box__heading::before {
    width: 4.125rem;
    height: 3.65625rem;
  }
}

.public-solution-box__text {
  margin-top: 0.703125rem;
  padding-left: 3.046875rem;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.7;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box__text {
    padding-left: 5.15625rem;
  }
}

.public-solution-box__text strong {
  font-weight: 700;
  color: var(--color-blue);
}

.public-solution-box__list {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  font-size: 0.9375rem;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 1.8;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box__list {
    font-size: 1.3125rem;
  }
}

.template-box__title+.public-solution-box__list {
  margin-top: 3.375rem;
}

.public-solution-box__list li {
  position: relative;
  padding: 0.75rem 0.9375rem;
  background-color: #f3f9ff;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box__list li {
    padding: 1.40625rem 2.0625rem;
  }
}

.public-solution-box__list li::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1.40625rem;
  height: 1.40625rem;
  margin-right: 1.125rem;
  border-radius: 50%;
  background: url("./assets/img/common/icon_check.svg") no-repeat center/50% var(--color-blue);
  float: left;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box__list li::before {
    width: 2.8125rem;
    height: 2.8125rem;
  }
}

.public-solution-box__list strong {
  font-weight: 900;
  color: var(--color-blue);
}

.public-solution-box__cul {
  padding-top: 0.9375rem;
}

.public-solution-box__cul>div {
  display: flex;
  flex-direction: column;
  gap: 2.34375rem;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box__cul>div {
    flex-direction: row;
  }
}

.public-solution-box__cul figure {
  max-width: 9.375rem;
  margin-left: auto;
  margin-right: auto;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box__cul figure {
    max-width: 15.28125rem;
  }
}

.public-solution-box__cul ul li {
  position: relative;
  padding-left: 1.40625rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.7;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box__cul ul li {
    padding-left: 2.578125rem;
  }
}

.public-solution-box__cul ul li+li {
  margin-top: 2.34375rem;
}

.public-solution-box__cul ul li::before {
  content: "";
  position: absolute;
  top: 0.46875rem;
  left: 0;
  display: block;
  flex-shrink: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-right: 0.84375rem;
  border-radius: 50%;
  background: url("./assets/img/common/icon_check.svg") no-repeat center/50% var(--color-blue);
  float: left;
}

@media print,
screen and (min-width: 1050px) {
  .public-solution-box__cul ul li::before {
    top: 0;
    width: 2.0625rem;
    height: 2.0625rem;
  }
}

.public-solution-box__cul ul li strong {
  color: var(--color-blue);
  font-weight: 700;
}

.public-solution-box__cul ul li h3 {
  margin-bottom: 0.703125rem;
  font-size: 1.40625rem;
  font-weight: 900;
  line-height: 1.3;
}

.public-image {
  padding-top: 9.28125rem;
  padding-bottom: 9.375rem;
  background-color: var(--color-bg);
}

.public-image__body {
  background-color: var(--color-white);
}

.public-image__pic {
  margin-top: 5.625rem;
  padding: 5.0625rem 0.9375rem 4.21875rem;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .public-image__pic {
    padding: 5.0625rem 3.515625rem 4.21875rem;
  }
}

.public-image__pic img {
  max-width: 63.09375rem;
}

.public-image__foot {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-bottom: 5.0625rem;
  background-color: var(--color-white);
}

@media print,
screen and (min-width: 1050px) {
  .public-image__foot {
    padding-left: 3.515625rem;
    padding-right: 3.515625rem;
  }
}

.pharma-about {
  padding-top: 75px;
  padding-bottom: 370px;
  background: url("./assets/img/pharma/about/bg_sp.png") no-repeat center bottom 100px/380px;
  overflow: hidden;
}

@media print,
screen and (min-width: 1050px) {
  .pharma-about {
    padding-top: 128px;
    padding-bottom: 125px;
    background: none;
  }
}

.pharma-about__title {
  padding-top: 0.703125rem;
  padding-bottom: 1.875rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%22160%22%20viewBox%3D%220%200%2050%20160%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_322%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20322%22%20transform%3D%22translate(-935%20-2040)%22%20opacity%3D%220.297%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_3%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%203%22%20d%3D%22M25%2C0%2C50%2C43H0Z%22%20transform%3D%22translate(985%202200)%20rotate(180)%22%20fill%3D%22%230073ff%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M25%2C0%2C50%2C43H0Z%22%20transform%3D%22translate(985%202142)%20rotate(180)%22%20fill%3D%22%2371b1ff%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%202%22%20d%3D%22M25%2C0%2C50%2C43H0Z%22%20transform%3D%22translate(985%202083)%20rotate(180)%22%20fill%3D%22%23d4e7ff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 38px;
  font-weight: 700;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .pharma-about__title {
    padding-bottom: 2.109375rem;
    font-size: 69px;
  }
}

.pharma-about__head {
  padding-bottom: 1.40625rem;
}

@media print,
screen and (min-width: 1050px) {
  .pharma-about__head {
    background: url("./assets/img/pharma/about/bg.png") no-repeat center top 270px/contain;
  }
}

.pharma-about__heading {
  margin-top: 20px;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .pharma-about__heading {
    margin-top: 46px;
  }
}

.pharma-about__heading img {
  margin-top: 10px;
  max-width: 320px;
}

@media print,
screen and (min-width: 1050px) {
  .pharma-about__heading img {
    margin-top: 0px;
    max-width: 560px;
  }
}

.pharma-about__bg {
  margin-top: 32px;
  text-align: center;
  letter-spacing: -0.5px;
}

@media print,
screen and (min-width: 1050px) {
  .pharma-about__bg {
    margin-top: 64px;
    letter-spacing: 0;
  }
}

.pharma-about__bg strong {
  width: fit-content;
  padding: 0.328125rem 0.375rem;
  background-color: #222;
  font-size: 21px;
  font-weight: 900;
  line-height: 2;
  color: var(--color-white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media print,
screen and (min-width: 1050px) {
  .pharma-about__bg strong {
    padding: 0.375rem 0.9375rem;
    font-size: 45px;
  }
}

.pharma-about__text {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.9;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .pharma-about__text {
    font-size: 28px;
    line-height: 2.1;
  }
}

.pharma-about__text strong {
  color: var(--color-blue);
  font-weight: 700;
}

.pharma-about__pic {
  margin-top: 25px;
  margin-right: calc(50% - 50vw + 10px);
}

@media print,
screen and (min-width: 1050px) {
  .pharma-about__pic {
    margin-top: 40px;
    margin-right: 0;
    margin-left: -80px;
  }
}

.pharma-about__pic img {
  min-width: 665px;
}

@media print,
screen and (min-width: 1050px) {
  .pharma-about__pic img {
    min-width: auto;
  }
}

.price {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url("./assets/img/pharma/price/bg_sp.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f5f5f5;
}

@media print,
screen and (min-width: 1050px) {
  .price {
    padding-top: 150px;
    padding-bottom: 150px;
    background-image: url("./assets/img/pharma/price/bg.svg");
    background-size: 1440px;
    background-position: center;
  }
}

.price__body {
  margin-top: 46px;
}

@media print,
screen and (min-width: 1050px) {
  .price__body {
    margin-top: 80px;
  }
}

.price__foot {
  margin-top: 50px;
}

@media print,
screen and (min-width: 1050px) {
  .price__foot {
    margin-top: 60px;
  }
}

.price__heading {
  font-size: 26px;
  line-height: 1.5;
  letter-spacing: 0;
}

@media print,
screen and (min-width: 1050px) {
  .price__heading {
    font-size: 60px;
  }
}

.price__container>div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
}

@media print,
screen and (min-width: 1050px) {
  .price__container>div {
    flex-direction: row;
  }
}

.price__box {
  padding: 32px 10px 32px;
  background-image: url("./assets/img/pharma/common/01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 119px;
  background-color: var(--color-white);
}

@media print,
screen and (min-width: 1050px) {
  .price__box {
    width: calc(50% - 5px);
    padding: 32px 20px 32px;
  }
}

.price__box:nth-child(2) {
  background-image: url("./assets/img/pharma/common/02.svg");
  background-size: 135px;
}

.price__box:nth-child(3) {
  background-image: url("./assets/img/pharma/common/03.svg");
  background-size: 135px;
}

.price__box:nth-child(4) {
  background-image: url("./assets/img/pharma/common/04.svg");
  background-size: 135px;
}

.price__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 22px;
  color: #1c71d8;
}

@media print,
screen and (min-width: 1050px) {
  .price__title {
    gap: 10px;
    font-size: 28px;
  }
}

.price__title::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.12%22%20height%3D%2228.225%22%20viewBox%3D%220%200%2031.12%2028.225%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6956%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206956%22%20transform%3D%22translate(-33.803%20-14.703)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_68%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2068%22%20transform%3D%22translate(33.803%2014.703)%22%20opacity%3D%220.501%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_69%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2069%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_34%22%20data-name%3D%22%E3%83%91%E3%82%B9%2034%22%20d%3D%22M34.558%2C7.133a5.158%2C5.158%2C0%2C0%2C1-2.171%2C4.342l-.362.362L20.084%2C24.5c-2.171%2C2.168-4.342%2C4.342-6.513%2C6.152a7.508%2C7.508%2C0%2C0%2C1-3.619%2C2.171%2C4.109%2C4.109%2C0%2C0%2C1-2.895-1.086%2C4.236%2C4.236%2C0%2C0%2C1-2.171-2.171%2C15.39%2C15.39%2C0%2C0%2C1-.724-3.977A41.6%2C41.6%2C0%2C0%2C1%2C3.8%2C18.713a4.454%2C4.454%2C0%2C0%2C1%2C1.809-3.619%2C5.025%2C5.025%2C0%2C0%2C1%2C3.619-1.809c1.447%2C0%2C2.171%2C1.086%2C2.171%2C3.619v.724a10.669%2C10.669%2C0%2C0%2C0%2C.724%2C3.619c.362.727.724%2C1.086%2C1.086%2C1.086s.724-.358%2C1.086-.724A4.361%2C4.361%2C0%2C0%2C0%2C16.1%2C19.8l12.3-12.3A8.661%2C8.661%2C0%2C0%2C1%2C31.3%2C5.324%2C5.143%2C5.143%2C0%2C0%2C1%2C33.472%2C4.6a1.338%2C1.338%2C0%2C0%2C1%2C1.086.358%2C2.18%2C2.18%2C0%2C0%2C1%2C.362%2C1.451Z%22%20transform%3D%22translate(-3.8%20-4.6)%22%20fill%3D%22%231c71d8%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media print,
screen and (min-width: 1050px) {
  .price__title::before {
    width: 30px;
    height: 30px;
  }
}

.price__text {
  margin-top: 18px;
  text-align: center;
  font-size: 16px;
  line-height: 1.7;
}

@media print,
screen and (min-width: 1050px) {
  .price__text {
    font-size: 15px;
  }
}

.price__text strong {
  color: #1c71d8;
  font-weight: bold;
}

.price__text p+p {
  margin-top: 12px;
}

.case {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #e6f2ff;
  overflow: hidden;
}

@media print,
screen and (min-width: 1050px) {
  .case {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

.case__body {
  margin-top: 50px;
}

@media print,
screen and (min-width: 1050px) {
  .case__body {
    margin-top: 78px;
  }
}

.case__heading {
  font-size: 26px;
  letter-spacing: 0;
}

@media print,
screen and (min-width: 1050px) {
  .case__heading {
    font-size: 60px;
  }
}

.case__container {
  margin-top: 20px;
}

@media print,
screen and (min-width: 1050px) {
  .case__container {
    margin-top: 40px;
  }
}

.case-box {
  border: 5px solid #1b70d8;
  background-image: url("./assets/img/pharma/common/01.svg");
  background-repeat: no-repeat;
  background-position: top 100px right 15px;
  background-size: 60px;
  background-color: var(--color-white);
}

@media print,
screen and (min-width: 1050px) {
  .case-box {
    background-size: 120px;
    background-position: top 112px right 54px;
  }
}

.case-box:nth-child(2) {
  background-image: url("./assets/img/pharma/common/02.svg");
}

.case-box:nth-child(3) {
  background-image: url("./assets/img/pharma/common/03.svg");
}

.case-box__head {
  padding: 30px 18px 0;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__head {
    padding: 50px 55px 0;
  }
}

.case-box__head>div {
  display: flex;
  flex-direction: column;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__head>div {
    flex-direction: row;
  }
}

.case-box__body {
  margin-top: 30px;
  padding: 0 18px;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__body {
    margin-top: 40px;
    padding: 0 55px;
  }
}

.case-box__foot {
  margin-top: 40px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 30px;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__foot {
    padding-bottom: 50px;
  }
}

.case-box__foot>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__foot>div {
    flex-direction: row;
  }
}

.case-box__heading {
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-left: 20px;
  padding-bottom: 18px;
  background-color: #1b70d8;
  color: #fff;
  font-size: 20px;
  line-height: 1.25;
  word-break: auto-phrase;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__heading {
    display: block;
    padding-left: 0;
    font-size: 26px;
    text-align: center;
    line-height: 1.4;
  }
}

.case-box__heading::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  flex-shrink: 0;
  background-image: url("./assets/img/pharma/common/01_w.svg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  vertical-align: text-top;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__heading::before {
    width: 40px;
    height: 40px;
    margin-right: 14px;
  }
}

.case-box:nth-child(2) .case-box__heading::before {
  background-image: url("./assets/img/pharma/common/02_w.svg");
}

.case-box:nth-child(3) .case-box__heading::before {
  background-image: url("./assets/img/pharma/common/03_w.svg");
}

.case-box__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 218px;
  margin-inline: auto;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__logo {
    margin-right: 40px;
    margin-inline: initial;
  }
}

.case-box__logo img {
  mix-blend-mode: multiply;
}

.case-box__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 118px;
  min-height: 35px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #1c71d8;
  color: #1c71d8;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__title {
    width: 72px;
    max-width: 100%;
    height: 72px;
    min-height: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
  }
}

.case-box__title br {
  display: none;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__title br {
    display: block;
  }
}

.case-box__title._long {
  width: 100%;
  margin-inline: auto;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__title._long {
    max-width: 210px;
    height: 40px;
  }
}

.case-box__list {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.6;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__list {
    margin-top: 0;
    margin-left: 10px;
    font-size: 15px;
  }
}

.case-box__list li {
  padding-left: 1em;
  text-indent: -1em;
}

.case-box__list li::before {
  content: "・";
}

.case-box__list strong {
  color: #1b70d8;
  font-weight: bold;
}

.case-box__pic {
  margin-top: 12px;
  margin-right: calc(50% - 50vw + 10px);
  padding-right: 30px;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__pic {
    margin-top: 20px;
    margin-right: 0;
    padding-right: 0;
  }
}

.case-box__pic img {
  min-width: 544px;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__pic img {
    min-width: auto;
  }
}

.case-box__summary {
  padding: 30px 2px 20px;
  background-color: #1b70d8;
  color: var(--color-white);
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__summary {
    padding: 50px 20px 45px;
    font-size: 28px;
    line-height: 1.45;
  }
}

.case-box__summary span {
  display: block;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 6px;
  padding: 3px 8px;
  border: 1px solid var(--color-white);
}

@media print,
screen and (min-width: 1050px) {
  .case-box__summary span {
    padding: 0 5px;
  }
}

.case-box__summary strong {
  color: #fee769;
  font-weight: bold;
}

.case-box__summary em {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__summary em {
    font-size: 42px;
    line-height: 1.45;
  }
}

.case-box__summary+.case-box__summary {
  margin-top: -9px;
  padding-top: 0;
}

@media print,
screen and (min-width: 1050px) {
  .case-box__summary+.case-box__summary {
    margin-top: -17px;
  }
}

.vision {
  padding-top: 100px;
  padding-bottom: 10px;
}

@media print,
screen and (min-width: 1050px) {
  .vision {
    padding-top: 150px;
    padding-bottom: 120px;
  }
}

.vision__foot {
  margin-top: 26px;
}

@media print,
screen and (min-width: 1050px) {
  .vision__foot {
    margin-top: 150px;
  }
}

.vision__heading {
  font-size: 26px;
  letter-spacing: 0;
}

@media print,
screen and (min-width: 1050px) {
  .vision__heading {
    font-size: 60px;
  }
}

.vision__title {
  margin-top: 50px;
  color: #1b70d8;
  font-size: 22px;
  font-weight: 900;
  text-align: center;
  line-height: 1.4;
}

@media print,
screen and (min-width: 1050px) {
  .vision__title {
    margin-top: 80px;
    font-size: 40px;
    line-height: 1.5;
  }
}

.vision__pic {
  max-width: 574px;
  margin-top: 30px;
  margin-inline: auto;
}

@media print,
screen and (min-width: 1050px) {
  .vision__pic {
    margin-top: 67px;
  }
}

.vision__text {
  max-width: 94%;
  margin-top: 28px;
  margin-inline: auto;
  font-size: 13px;
  line-height: 1.7;
}

@media print,
screen and (min-width: 1050px) {
  .vision__text {
    max-width: 800px;
    margin-top: 64px;
    font-size: 16px;
  }
}

.vision__subtitle {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0;
}

@media print,
screen and (min-width: 1050px) {
  .vision__subtitle {
    font-size: 30px;
  }
}

.vision__button {
  margin-top: 10px;
}

@media print,
screen and (min-width: 1050px) {
  .vision__button {
    margin-top: 40px;
  }
}

.archive__head {
  margin-top: 1.546875rem;
}

.archive__body {
  margin-top: 3.28125rem;
}

.archive__title {
  font-size: 1.21875rem;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .archive__title {
    font-size: 1.78125rem;
  }
}

.archive__index {
  margin-top: 2em;
}

@media print,
screen and (min-width: 1050px) {
  .archive__index {
    margin-top: 2.015625rem;
  }
}

.archive__tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.46875rem;
  margin-top: auto;
  padding-top: 0.515625rem;
  font-size: 0.609375rem;
  color: var(--color-white);
}

.archive__tag li {
  padding: 0.234375rem 1.59375rem 0.28125rem;
  border-radius: 20px;
  background-color: #649ADB;
}

.archive__time {
  margin-top: 0.234375rem;
  display: flex;
  font-size: 0.75rem;
  font-weight: bold;
  color: #000;
}

.archive__time img {
  width: 10px;
  height: 10px;
  margin-right: 0.5em;
}

.archive-link {
  display: flex;
  flex-wrap: wrap;
  gap: 0.234375rem;
  font-size: 0.65625rem;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .archive-link {
    gap: 1.40625rem 2.34375rem;
    font-size: 1.21875rem;
  }
}

.archive-link__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 0.140625rem);
  min-width: auto;
  text-align: center;
  cursor: pointer;
}

@media print,
screen and (min-width: 1050px) {
  .archive-link__item {
    width: calc(25% - 1.875rem);
  }
}

.archive-link__item:first-child {
  width: 100%;
  font-size: 0.75rem;
}

@media print,
screen and (min-width: 1050px) {
  .archive-link__item:first-child {
    width: calc(25% - 1.875rem);
    background-color: transparent;
    font-size: 1.21875rem;
  }
}

.archive-link__item:first-child a {
  background-color: #5E9BE5;
  color: var(--color-white);
}

@media print,
screen and (min-width: 1050px) {
  .archive-link__item:first-child a {
    background-color: transparent;
    color: #000;
  }
}

.archive-link__item:first-child a::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.936%22%20height%3D%2214.936%22%20viewBox%3D%220%200%2014.936%2014.936%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9524%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209524%22%20transform%3D%22translate(-155%20-196)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_27591%22%20data-name%3D%22%E3%83%91%E3%82%B9%2027591%22%20d%3D%22M7.468%2C0A7.468%2C7.468%2C0%2C1%2C1%2C0%2C7.468%2C7.468%2C7.468%2C0%2C0%2C1%2C7.468%2C0Z%22%20transform%3D%22translate(155%20196)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_27592%22%20data-name%3D%22%E3%83%91%E3%82%B9%2027592%22%20d%3D%22M3.075%2C0%2C6.15%2C5H0Z%22%20transform%3D%22translate(165.422%20200.393)%20rotate(90)%22%20fill%3D%22%235e9be5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

@media print,
screen and (min-width: 1050px) {
  .archive-link__item:first-child a::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9517%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209517%22%20transform%3D%22translate(-895.351%20-1561.351)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_27591%22%20data-name%3D%22%E3%83%91%E3%82%B9%2027591%22%20d%3D%22M13%2C0A13%2C13%2C0%2C1%2C1%2C0%2C13%2C13%2C13%2C0%2C0%2C1%2C13%2C0Z%22%20transform%3D%22translate(895.351%201561.351)%22%20fill%3D%22%235e9be5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_27592%22%20data-name%3D%22%E3%83%91%E3%82%B9%2027592%22%20d%3D%22M4.24%2C0%2C8.48%2C7.066H0Z%22%20transform%3D%22translate(913.076%201569.844)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}

.archive-link__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.234375rem;
  width: 100%;
  padding-top: 0.703125rem;
  padding-bottom: 0.703125rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  background-color: #DAEAF7;
  color: var(--color-black);
}

@media print,
screen and (min-width: 1050px) {
  .archive-link__item a {
    gap: 0.46875rem;
    padding-top: 0;
    padding-bottom: 0.375rem;
    border-bottom: 0.46875rem solid #BEC0C4;
    background-color: transparent;
  }
}

.archive-link__item a::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 0.703125rem;
  height: 0.703125rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9517%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209517%22%20transform%3D%22translate(-895.351%20-1561.351)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_27591%22%20data-name%3D%22%E3%83%91%E3%82%B9%2027591%22%20d%3D%22M13%2C0A13%2C13%2C0%2C1%2C1%2C0%2C13%2C13%2C13%2C0%2C0%2C1%2C13%2C0Z%22%20transform%3D%22translate(895.351%201561.351)%22%20fill%3D%22%235e9be5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_27592%22%20data-name%3D%22%E3%83%91%E3%82%B9%2027592%22%20d%3D%22M4.24%2C0%2C8.48%2C7.066H0Z%22%20transform%3D%22translate(913.076%201569.844)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media print,
screen and (min-width: 1050px) {
  .archive-link__item a::before {
    width: 1.21875rem;
    height: 1.21875rem;
  }
}

.archive-link__item a:hover {
  border-color: #5E9BE5;
}

.archive-link__item.current-cat a {
  border-color: #5E9BE5;
}

.archive-pickup {
  margin-top: 0.9375rem;
  background-color: #fff;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup {
    background-color: #DAEAF7;
  }
}

.archive-pickup+.post-list {
  margin-top: 1.45em;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup+.post-list {
    margin-top: 2.75em;
  }
}

.archive-pickup-card {
  position: relative;
}

.archive-pickup-card>a {
  display: flex;
  flex-direction: column;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup-card>a {
    flex-direction: row;
  }
}

.archive-pickup-card__detail {
  display: flex;
  flex-direction: column;
}

.archive-pickup-card__term {
  margin-top: 0.46875rem;
  font-size: 0.65625rem;
  font-weight: bold;
  color: #fff;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup-card__term {
    position: relative;
    margin-top: 0;
    font-size: 1.125em;
  }
}

.archive-pickup-card__term span {
  display: inline-block;
  padding: 0.28125rem 1.171875rem 0.328125rem;
  font-size: 0.65625rem;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup-card__term span {
    padding: 0.28125rem 2.109375rem 0.28125rem;
    font-size: 0.796875rem;
  }
}

.archive-pickup-card__category {
  background-color: #000;
}

.archive-pickup-card__pickup {
  background-color: #5CC2CF;
}

.archive-pickup-card__box {
  display: flex;
  flex-direction: column;
  padding-top: 0.46875rem;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup-card__box {
    display: block;
    padding: 0.9375rem 1.21875rem 0 2.0625rem;
  }
}

.archive-pickup-card__time {
  margin-top: 0.6em;
  font-size: 0.85em;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup-card__time {
    margin-top: 0.75rem;
  }
}

.archive-pickup-card__time img {
  width: 10px;
  height: 10px;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup-card__time img {
    width: 15px;
    height: 15px;
  }
}

.archive-pickup__title {
  font-size: 1.03125rem;
  font-weight: 900;
  line-height: 1.3;
  color: #000;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup__title {
    font-size: 1.59375rem;
  }
}

.archive-pickup__title:hover {
  text-decoration: underline;
}

.archive-pickup__img {
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup__img {
    width: 50%;
  }
}

.archive-pickup__img img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
  object-fit: cover;
}

.archive-pickup__img img:hover {
  transform: scale(1.1);
}

.archive-pickup__link {
  display: none;
  width: 100%;
  max-width: 10.3125rem;
  margin-top: 1.265625rem;
  margin-left: 2.0625rem;
  padding: 0.703125rem 1.03125rem;
  border-radius: 1.875rem;
  background-color: #DB751D;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

@media print,
screen and (min-width: 1050px) {
  .archive-pickup__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
  }
}

.archive-pickup__link:hover {
  background-color: #649ADB;
}

.archive-pickup-tag {
  font-size: 0.8em;
}

.archive-pickup-tag li {
  padding: 0.234375rem 0.9375rem 0.28125rem;
}

.archive-post {
  display: flex;
}

.archive-post__img {
  position: relative;
  overflow: hidden;
}

.archive-post__img img {
  transition: 0.5s;
  width: 100%;
  object-fit: cover;
}

.archive-post__img img:hover {
  transform: scale(1.1);
}

.archive-post__term {
  width: fit-content;
  margin-top: 0.75rem;
  padding: 0.328125rem 0.75rem 0.328125rem;
  background-color: #000;
  font-size: 0.65625rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .archive-post__term {
    min-width: 7.96875rem;
  }
}

.archive-post__title {
  margin-top: 0.46875rem;
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1.4;
  color: #000;
}

@media print,
screen and (min-width: 1050px) {
  .archive-post__title {
    margin-top: 0.9375rem;
    font-size: 1.078125rem;
  }
}

.archive-post a {
  display: flex;
  flex-direction: column;
}

.archive-post__detail {
  display: flex;
  flex-direction: column;
  height: calc(100% - 230px);
}

.category {
  padding-bottom: 3em;
}

@media print,
screen and (min-width: 1050px) {
  .category {
    padding-bottom: 2em;
  }
}

.category__head {
  text-align: center;
  margin-top: 4.75em;
}

@media print,
screen and (min-width: 1050px) {
  .category__head {
    margin-top: 6.5em;
  }
}

.category__tit {
  display: inline-block;
  font-size: 2.1em;
  font-weight: bold;
}

.category__tit::after {
  content: "";
  display: block;
  height: 5px;
  margin-top: 6px;
  background-color: #F4B351;
}

.category__body {
  padding-top: 3.28125rem;
}

@media print,
screen and (min-width: 1050px) {
  .category__body {
    padding-top: 6.09375rem;
  }
}

.post-list {
  display: grid;
  gap: 2.15625rem 0.9375rem;
  grid-template-columns: 1fr 1fr;
}

@media print,
screen and (min-width: 1050px) {
  .post-list {
    gap: 3.28125rem 4.6875rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.post-list._more {
  display: none;
}

.post-list__link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4em;
}

.post-list+.post-list {
  margin-top: 2.75em;
}

.breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
}

.breadcrumb-list__item+.breadcrumb-list__item::before {
  content: "＞";
}

.breadcrumb-list__item a {
  color: #000;
}

.pagination {
  margin-top: 4.6875rem;
  font-size: 0.75rem;
}

@media print,
screen and (min-width: 1050px) {
  .pagination {
    font-size: 0.84375rem;
  }
}

.pagination .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.703125rem;
}

.pagination .page-numbers {
  padding: 0.5em 0.75em;
  background-color: #ccc;
  color: var(--color-white);
}

.pagination .page-numbers.current {
  background-color: #2A74CE;
}

.single__head {
  margin-top: 1.078125rem;
}

.single__meta {
  max-width: 56.25rem;
  margin-top: 2.34375rem;
  margin-left: auto;
  margin-right: auto;
}

.single__category {
  display: block;
  width: fit-content;
  padding: 0.28125rem 0.46875rem;
  background-color: #000;
  font-size: 0.796875rem;
  font-weight: bold;
  color: var(--color-white);
  text-align: center;
}

@media print,
screen and (min-width: 1050px) {
  .single__category {
    min-width: 8.90625rem;
  }
}

.single__heading {
  margin-top: 0.9375rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 1.40625rem;
  font-weight: 900;
  line-height: 1.2;
}

@media print,
screen and (min-width: 1050px) {
  .single__heading {
    font-size: 1.78125rem;
  }
}

.single__time {
  margin-top: 0.65625rem;
}

.single__pic {
  width: 100%;
  max-width: 50.625rem;
  margin-top: 2.203125rem;
  margin-left: auto;
  margin-right: auto;
}

.single__body {
  max-width: 56.25rem;
  margin-top: 2.8125rem;
}

@media print,
screen and (min-width: 1050px) {
  .single__body {
    margin-top: 5.15625rem;
  }
}

.single__body h2 {
  display: flex;
  align-items: center;
  padding: 0.9375rem 0.9375rem 0.9375rem 1.3125rem;
  background-color: #daeaf7;
  font-size: 1.03125rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

@media print,
screen and (min-width: 1050px) {
  .single__body h2 {
    font-size: 1.40625rem;
  }
}

.single__body h2::before {
  content: "";
  display: inline-block;
  width: 0.5625rem;
  height: 100%;
  min-height: 2.34375rem;
  margin-right: 0.9375rem;
  flex-shrink: 0;
  background-color: #2a74ce;
}

.single__body h2+* {
  margin-top: 1.5rem;
}

.single__body h3 {
  padding-bottom: 0.46875rem;
  border-bottom: 3px solid #2a74ce;
  font-size: 1.03125rem;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .single__body h3 {
    font-size: 1.3125rem;
  }
}

.single__body h3+* {
  margin-top: 1.5rem;
}

.single__body h4 {
  font-size: 0.9375rem;
  font-weight: 900;
}

@media print,
screen and (min-width: 1050px) {
  .single__body h4 {
    font-size: 1.21875rem;
  }
}

.single__body h4::before {
  content: "●";
  margin-right: 0.46875rem;
  color: var(--color-blue);
}

.single__body h4+p {
  margin-top: 0.703125rem;
}

.single__body p {
  font-size: 0.84375rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.01em;
}

@media print,
screen and (min-width: 1050px) {
  .single__body p {
    font-size: 1.03125rem;
  }
}

.single__body p+* {
  margin-top: 1.5rem;
}

.single__body p+h2 {
  margin-top: 3.75rem;
}

@media print,
screen and (min-width: 1050px) {
  .single__body p+h2 {
    margin-top: 5.625rem;
  }
}

.single__body p+h3 {
  margin-top: 2.34375rem;
}

@media print,
screen and (min-width: 1050px) {
  .single__body p+h3 {
    margin-top: 4.6875rem;
  }
}

.single__body p+h4 {
  margin-top: 1.40625rem;
}

@media print,
screen and (min-width: 1050px) {
  .single__body p+h4 {
    margin-top: 2.34375rem;
  }
}

.single__body p strong {
  font-weight: 900;
}

.single__body figure+* {
  margin-top: 1.5rem;
}

.single__body #ez-toc-container {
  padding: 0.9375rem 0.9375rem;
}

@media print,
screen and (min-width: 1050px) {
  .single__body #ez-toc-container {
    padding: 0.9375rem 1.875rem;
  }
}

.single__body #ez-toc-container.ez-toc-transparent {
  width: 100%;
}

.single__body #ez-toc-container li+li,
.single__body #ez-toc-container ul+li,
.single__body #ez-toc-container ul li+li,
.single__body div.ez-toc-widget-container+li,
.single__body div.ez-toc-widget-container li+li {
  margin-top: 0.9375rem;
}

.single__body div#ez-toc-container ul li {
  font-size: 1.03125rem;
}

@media print,
screen and (min-width: 768px) {
  .single__body div#ez-toc-container ul li {
    font-size: 1.125rem;
  }
}

.single__body div#ez-toc-container nav ul ul li {
  font-size: 0.9375rem;
}

@media print,
screen and (min-width: 768px) {
  .single__body div#ez-toc-container nav ul ul li {
    font-size: 1.03125rem;
  }
}

.single__body #ez-toc-container a:hover {
  color: #2a74ce;
}

.single__body div#ez-toc-container>ul>li+li {
  margin-top: 0.9375rem;
}

.single__body #ez-toc-container ul ul,
.single__body .ez-toc div.ez-toc-widget-container ul ul {
  margin-top: 0.703125rem;
}

.single__foot {
  max-width: 56.25rem;
  margin-top: 5.8125rem;
}

.single__button {
  margin-top: 2.8125rem;
}

.tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65625rem;
  font-size: 0.65625rem;
  color: var(--color-white);
}

.tag ul li {
  padding: 0.234375rem 1.59375rem 0.28125rem;
  border-radius: 0.9375rem;
  background-color: #649ADB;
}

.tag__heading {
  position: relative;
  top: 0.796875rem;
  left: 50%;
  width: fit-content;
  padding: 0.375rem 1.40625rem;
  background-color: #343A41;
  font-size: 0.75rem;
  font-weight: 900;
  color: var(--color-white);
  letter-spacing: 0.04em;
  transform: translateX(-50%);
}

.tag__box {
  padding: 2.25rem 2.4375rem 1.875rem;
  background-color: #EBECED;
}

.related {
  display: flex;
  flex-wrap: wrap;
  gap: 0.703125rem;
}

@media print,
screen and (min-width: 768px) {
  .related {
    gap: 0.9375rem;
  }
}

.related a {
  font-size: 1.03125rem;
  color: var(--color-black);
}

.related .crp_title {
  margin-top: 0.46875rem;
}

.related li {
  width: calc(50% - 0.46875rem);
}

@media print,
screen and (min-width: 768px) {
  .related li {
    width: calc(33.3333333333% - 0.65625rem);
  }
}

.crp_related {
  margin-top: 3.75rem;
}

/*--------------------------------------------
humberger
---------------------------------------------*/
.humberger {
  width: 1.40625rem;
  height: 1.40625rem;
  z-index: 1000;
}

@media print,
screen and (min-width: 768px) {
  .humberger {
    display: none;
  }
}

.humberger.-active .humberger__line {
  background-color: transparent;
}

.humberger.-active .humberger__line::before {
  top: 0;
  transform: rotate(45deg);
}

.humberger.-active .humberger__line::after {
  top: 0;
  transform: rotate(-45deg);
}

.humberger.-active .humberger__text::before {
  content: "閉じる";
}

.humberger__line {
  position: relative;
  display: block;
  height: 2px;
  width: 24px;
  background-color: var(--color-white);
  transition: 0.4s;
}

.humberger__line:before,
.humberger__line:after {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  background-color: var(--color-white);
  transition: inherit;
}

.humberger__line:before {
  top: -6px;
}

.humberger__line:after {
  top: 6px;
}

/*--------------------------------------------
global-navigation
---------------------------------------------*/
.global-navigation {
  display: none;
}

@media print,
screen and (min-width: 768px) {
  .global-navigation {
    display: flex;
    justify-content: center;
  }
}

.-active .global-navigation {
  display: flex;
  justify-content: center;
  width: 100%;
}

.global-navigation__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.46875rem;
  width: 100%;
  font-size: 0.84375rem;
  text-align: center;
  letter-spacing: 0.07em;
}

@media print,
screen and (min-width: 768px) {
  .global-navigation__list {
    flex-direction: row;
    gap: 2.0833333333vw;
  }
}

@media print,
screen and (min-width: 1050px) {
  .global-navigation__list {
    flex-direction: row;
    gap: 2.3958333333vw;
    font-size: 1.03125rem;
  }
}

.global-navigation__list>li {
  position: relative;
}

.global-navigation__list a {
  display: block;
  padding-top: 0.46875rem;
  padding-bottom: 0.46875rem;
  font-weight: 900;
  color: var(--color-white);
}

.global-navigation__list a:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.140625rem;
  text-underline-offset: 0.234375rem;
}

.global-navigation__list .global-navigation__button {
  display: grid;
  place-items: center;
}

.global-navigation__list .global-navigation__button a {
  padding: 0.45em 3em 0.5em;
  font-size: 0.9375rem;
  border-radius: 20px;
  background-color: var(--color-orange);
}

@media print,
screen and (min-width: 768px) {
  .global-navigation__list .global-navigation__button a {
    padding: 0.3em 1em 0.4em;
    font-size: 0.84375rem;
  }
}

@media print,
screen and (min-width: 1050px) {
  .global-navigation__list .global-navigation__button a {
    padding: 0.3em 2em 0.4em;
    font-size: 1.03125rem;
  }
}

.global-navigation__list .global-navigation__button a:hover {
  background-color: #bd6500;
  text-decoration: none;
}

.sub-menu {
  width: max-content;
  padding: 0rem 0.9375rem;
  font-size: 85%;
  background-color: var(--color-blue);
  margin-left: auto;
  margin-right: auto;
}

@media print,
screen and (min-width: 768px) {
  .sub-menu {
    position: absolute;
    left: 50%;
    display: none;
    padding: 0.234375rem 0.9375rem;
    font-size: 1em;
    transform: translateX(-50%);
  }
}

.global-navigation__list>li:hover .sub-menu {
  display: block;
}

.sub-menu a {
  padding-top: 0.46875rem;
  padding-bottom: 0.46875rem;
}

@media print,
screen and (min-width: 1050px) {
  .sub-menu a {
    padding-top: 0.703125rem;
    padding-bottom: 0.703125rem;
  }
}