.container {
  position: relative;
  background: url(../img/self_med/bgCol03.jpg) repeat-x center;
  background-size: cover;
  overflow: inherit;
  box-sizing: border-box; }

.pnkz,
.page-ttl {
  position: relative;
  z-index: 1; }

.pnkz,
.page-ttl_wrap {
  background: #FFF;
  box-sizing: border-box; }

.pill-wrap {
  position: relative; }

.pnkz::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100vw;
  height: 100%;
  z-index: -1;
  background: #fff; }

.page-ttl {
  padding: 16px 0 41px;
  box-shadow: 0px 5px 7px 0 rgba(79, 79, 79, 0.3); }

.pc-flex {
  display: flex;
  justify-content: center; }

.flex-box {
  display: flex; }

@media screen and (max-width: 767px) {
  .container {
    background: #fff; }

  .page-ttl_wrap::before {
    content: none; }

  .pnkz,
  .page-ttl_wrap,
  .pill-wrap {
    background: #FFF;
    box-sizing: border-box; }

  .page-ttl {
    padding: 0 0 11%;
    line-height: 1.4; }

  .page-ttl::before {
    box-shadow: 3px 3px 4px rgba(144, 144, 144, 0.3); }

  .pill-wrap {
    padding-bottom: 10vh; }

  .pc-flex {
    display: block; } }
/* ------------------------------
sec01
------------------------------ */
.sec01 {
  max-width: 1200px;
  padding: 75px 100px 50px 100px;
  background: #FFF;
  box-sizing: border-box;
  margin: 0 auto; }
  .sec01 .ico {
    text-align: center; }
    .sec01 .ico img {
      height: 55px;
      width: auto; }
  .sec01 .linettl {
    position: relative;
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 0.025em;
    text-align: center;
    line-height: 1;
    color: #001f4b;
    margin-bottom: 50px; }
    .sec01 .linettl span {
      position: relative;
      padding: 0 50px;
      background: #fff;
      z-index: 1; }
    .sec01 .linettl:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 1px;
      border-top: 1px solid #001f4b; }
  .sec01 .lead {
    font-size: 1.5rem;
    line-height: 1.785;
    letter-spacing: 0.05em;
    max-width: 800px;
    margin: 0 auto 75px auto; }
  .sec01 .text {
    font-size: 1.5rem;
    line-height: 1.64; }
  .sec01 .atten {
    font-weight: 500;
    color: #c42629; }
  .sec01 .blue {
    color: #001f4b; }
  .sec01 .pc-center {
    text-align: center; }
  .sec01 .box_wrap {
    margin-bottom: 100px; }
    .sec01 .box_wrap h3 {
      font-size: 2.1rem;
      font-weight: 500;
      letter-spacing: 0.025em;
      text-align: center;
      line-height: 1;
      color: #001f4b;
      margin-bottom: 30px; }
    .sec01 .box_wrap table {
      width: 100%;
      margin: 2% 0; }
      .sec01 .box_wrap table th {
        font-size: 3rem;
        font-weight: 500;
        letter-spacing: 0.025em;
        text-align: center;
        line-height: 1;
        color: #001f4b;
        margin-bottom: 50px;
        padding: 4% 0;
        width: 30%; }
        .sec01 .box_wrap table th span {
          font-size: 1.5rem; }
      .sec01 .box_wrap table td {
        padding: 20px 25px; }
        .sec01 .box_wrap table td ul {
          overflow: hidden; }
          .sec01 .box_wrap table td ul li {
            position: relative;
            font-size: 1.8rem;
            font-weight: 500;
            letter-spacing: 0s 0.025em;
            line-height: 1;
            color: #001f4b;
            float: left;
            padding: 10px 10px 10px 25px;
            width: 25%; }
            .sec01 .box_wrap table td ul li:before {
              position: absolute;
              transform: translate(-50%, -50%);
              left: 5%;
              top: 50%;
              display: block;
              content: '';
              background: url(../img/hypoglycemia/ico_check.svg) no-repeat center center;
              background-size: 100% auto;
              width: 16px;
              height: 14px; }
      .sec01 .box_wrap table .bl01 {
        background: rgba(0, 31, 75, 0.1); }
      .sec01 .box_wrap table .bl02 {
        background: rgba(0, 31, 75, 0.2); }
      .sec01 .box_wrap table .bl03 {
        background: rgba(0, 31, 75, 0.3); }
    .sec01 .box_wrap .atten {
      text-align: center; }
    .sec01 .box_wrap .flow-box {
      margin: 20px 0; }
      .sec01 .box_wrap .flow-box picture img {
        width: 100%; }
    .sec01 .box_wrap .column {
      margin: 50px auto;
      box-shadow: 3px 3px 18px -4px rgba(114, 114, 114, 0.3);
      border-radius: 10px;
      padding: 50px 100px; }
      .sec01 .box_wrap .column p {
        text-align: center; }
      .sec01 .box_wrap .column ul.list {
        max-width: 400px;
        margin: 0 auto; }
        .sec01 .box_wrap .column ul.list li {
          position: relative;
          font-size: 1.8rem;
          font-weight: 500;
          letter-spacing: 0.025em;
          color: #001f4b;
          padding-left: 20px; }
          .sec01 .box_wrap .column ul.list li:before {
            position: absolute;
            transform: translate(-50%, -50%);
            left: 0;
            top: 50%;
            display: block;
            content: '';
            background: url(../img/hypoglycemia/ico_check.svg) no-repeat center center;
            background-size: 100% auto;
            width: 16px;
            height: 14px; }
    .sec01 .box_wrap .image-wrap picture:nth-child(2) {
      margin-left: 20px; }

@media screen and (max-width: 767px) {
  .sec01 {
    max-width: inherit;
    padding: 10% 0 0;
    margin-bottom: 15vw; }
    .sec01 .ico {
      text-align: center; }
      .sec01 .ico img {
        width: 15vw;
        height: 15vw; }
    .sec01 .linettl {
      font-size: 5.867vw;
      margin-bottom: 6%;
      line-height: 1.4; }
      .sec01 .linettl span {
        padding: 1vw 5vw; }
    .sec01 .lead {
      font-size: 3.733vw;
      margin-bottom: 5%;
      text-align: left; }
    .sec01 .text {
      font-size: 3.733vw;
      line-height: 1.65; }
    .sec01 .pc-center {
      text-align: left; }
    .sec01 .box_wrap {
      margin-bottom: 15%; }
      .sec01 .box_wrap h3 {
        font-size: 5.333vw;
        line-height: 1.5;
        margin-bottom: 3vh; }
      .sec01 .box_wrap p {
        font-size: 3.733vw; }
      .sec01 .box_wrap table {
        margin: 5% 0; }
        .sec01 .box_wrap table th {
          font-size: 5.333vw;
          padding: 4% 0;
          width: 26%; }
          .sec01 .box_wrap table th span {
            font-size: 3.2vw; }
        .sec01 .box_wrap table td {
          padding: 3%; }
          .sec01 .box_wrap table td ul {
            overflow: hidden; }
            .sec01 .box_wrap table td ul li {
              font-size: 3.733vw;
              width: 37%;
              padding: 3% 5% 3% 7%; }
              .sec01 .box_wrap table td ul li:before {
                width: 3vw;
                height: 2vh; }
      .sec01 .box_wrap .atten {
        text-align: left; }
      .sec01 .box_wrap .flow-box {
        margin: 20px 0; }
        .sec01 .box_wrap .flow-box picture img {
          width: 100%; }
      .sec01 .box_wrap .column {
        margin: 5% auto;
        padding: 8% 4%; }
        .sec01 .box_wrap .column p {
          text-align: left; }
        .sec01 .box_wrap .column ul.list {
          max-width: fit-content;
          margin: 0 auto; }
          .sec01 .box_wrap .column ul.list li {
            font-size: 3.733vw;
            padding-left: 7vw; }
            .sec01 .box_wrap .column ul.list li:before {
              width: 3vw;
              height: 2vh;
              left: 4%; }
      .sec01 .box_wrap .image-wrap {
        margin-bottom: 15%; }
      .sec01 .box_wrap .image-wrap picture:nth-child(2) {
        margin-left: 0;
        margin-top: 5%; } }
/* ------------------------------
btn_wrap
------------------------------ */
.btn_wrap {
  max-width: 320px;
  margin: 100px auto; }
  .btn_wrap .btn_back .btn {
    background: #c9c9c9;
    margin-bottom: 50px; }
    .btn_wrap .btn_back .btn:after {
      left: 22px;
      top: 50%;
      transform: rotate(180deg); }
  .btn_wrap .btn {
    margin-bottom: 50px; }
  .btn_wrap .bg_red {
    background: #c42629; }

@media screen and (max-width: 767px) {
  .btn_wrap {
    margin: 5vw auto 0;
    max-width: inherit; }
    .btn_wrap .btn {
      font-size: 4.267vw;
      padding: 18px 10px 21px 10px;
      line-height: 1;
      margin-bottom: 5vh; }
    .btn_wrap .btn_back .btn:after {
      left: 22px;
      right: auto;
      transform: rotate(-180deg); } }