@charset "UTF-8";
.font-notesans {
  font-family: 'Noto Sans JP', sans-serif; }

.font-zenkaku, #pixel7a .ttl-h2, #pixel7a .ttl-h3, #pixel7a .ttl-h4, #pixel7a .ttl_s, #pixel7a .mv h1, #pixel7a .mv .leadtext, #pixel7a .contents01 .flex2 .tag, #pixel7a .contents01 .flex2 h4, #pixel7a .contents02 .flex2 .col .tag, #pixel7a .contents02 .flex2 .col ul li, #pixel7a .contents05 .flex3 .col .arrow span, #pixel7a .contents09 .tag {
  font-family: 'Zen Kaku Gothic Antique', sans-serif; }

@media (max-width: 767px) {
  #pixel7a {
    background-url: url(../images/bg_base_sp.png); } }

#pixel7a img {
  width: 100%;
  vertical-align: bottom; }

#pixel7a section {
  width: 100%;
  text-align: center;
  position: relative;
  color: #01012c;
  padding-right: 10px !important;
  padding-left: 10px !important;
  padding-top: 8.33333%;
  padding-bottom: 8.33333%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 767px) {
    #pixel7a section {
      padding-right: 4.6875% !important;
      padding-left: 4.6875% !important; } }
  #pixel7a section p, #pixel7a section ul {
    font-size: clamp(14px, 1.111vw, 16px);
    margin-bottom: 1em;
    line-height: calc(28/16); }
    @media (max-width: 767px) {
      #pixel7a section p, #pixel7a section ul {
        text-align: left;
        margin-bottom: 1.5em; } }
  #pixel7a section a {
    color: #009cef;
    text-decoration: underline; }
    #pixel7a section a img.blank {
      width: 12px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
      margin-left: 5px; }
    #pixel7a section a:hover {
      text-decoration: none; }
  #pixel7a section sup {
    font-size: clamp(11px, 0.833vw, 11px);
    display: inline; }
  #pixel7a section .sml {
    font-size: clamp(12px, 0.833vw, 12px); }
  @media (max-width: 767px) {
    #pixel7a section .img img {
      width: 100% !important;
      max-width: 100% !important; } }
  @media (max-width: 767px) {
    #pixel7a section .ta-c-sp {
      text-align: center; } }

#pixel7a .sec-inn {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }
  #pixel7a .sec-inn + .sec-inn {
    padding-top: 4.16667%; }
    @media (max-width: 767px) {
      #pixel7a .sec-inn + .sec-inn {
        padding-top: 9.375%; } }

#pixel7a .btn {
  position: relative;
  margin: 0 auto;
  border-radius: 66px; }
  #pixel7a .btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    #pixel7a .btn a p {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-weight: bold;
      padding: .5em;
      margin: 0;
      letter-spacing: 1;
      font-size: clamp(15px, 1.25vw, 18px);
      color: #FFF;
      -webkit-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      #pixel7a .btn a p::before {
        content: '';
        height: 0;
        display: inline-block;
        margin-right: 10px;
        background-size: 100%;
        width: 8.26446%;
        padding-top: 8.26446%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out; }
  #pixel7a .btn-txt {
    text-align: center;
    font-weight: bold;
    line-height: calc(25/20);
    margin-bottom: 10px;
    margin-top: 10px; }
    #pixel7a .btn-txt span {
      font-size: clamp(17px, 1.667vw, 24px); }
    @media (max-width: 767px) {
      #pixel7a .btn-txt {
        margin-top: 7.69231%; } }
  #pixel7a .btn-contact {
    width: 49.83333%;
    max-width: 598px;
    border-width: 4px;
    border-color: white;
    border-style: solid;
    background-color: #fe7a0d;
    -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15); }
    @media (max-width: 767px) {
      #pixel7a .btn-contact {
        width: 100%;
        min-width: 255px; } }
    #pixel7a .btn-contact + p,
    #pixel7a .btn-contact + ul {
      margin: 10px 0 0; }
    #pixel7a .btn-contact a p {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 767px) {
        #pixel7a .btn-contact a p {
          font-size: clamp(11px, 1.111vw, 16px); } }
      #pixel7a .btn-contact a p em {
        font-size: clamp(16px, 2.222vw, 32px);
        line-height: calc(32/32); }
      #pixel7a .btn-contact a p::before {
        width: 13.04348%;
        padding-top: 13.04348%;
        background-image: url(../images/contact.svg); }
    #pixel7a .btn-contact:hover {
      border-color: #fe7a0d;
      background-color: white; }
      #pixel7a .btn-contact:hover p {
        color: #fe7a0d; }
        #pixel7a .btn-contact:hover p::before {
          background-image: url(../images/contact_ov.svg); }
  #pixel7a .btn-dl {
    width: 30.25%;
    max-width: 363px;
    border-width: 2px;
    border-color: white;
    border-style: solid;
    background-color: #076dc2;
    -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15); }
    @media all and (max-width: 1200px) {
      #pixel7a .btn-dl {
        min-width: 260px; } }
    @media (max-width: 767px) {
      #pixel7a .btn-dl {
        width: 85.42373%;
        min-width: 255px; } }
    #pixel7a .btn-dl a p::before {
      background-image: url(../images/download.svg); }
    #pixel7a .btn-dl:hover {
      border-color: #076dc2;
      background-color: white; }
      #pixel7a .btn-dl:hover p {
        color: #066dc3; }
        #pixel7a .btn-dl:hover p::before {
          background-image: url(../images/download_ov.svg); }
  #pixel7a .btn-rental {
    width: 49.83333%;
    max-width: 598px;
    border-width: 4px;
    border-color: white;
    border-style: solid;
    background-color: #076dc2;
    -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15); }
    @media (max-width: 767px) {
      #pixel7a .btn-rental {
        width: 94.91525%;
        min-width: 255px; } }
    #pixel7a .btn-rental + p {
      margin: 10px 0 0; }
    #pixel7a .btn-rental a p {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: clamp(11px, 1.111vw, 16px); }
      #pixel7a .btn-rental a p em {
        font-size: clamp(16px, 2.222vw, 32px);
        line-height: calc(32/32); }
      #pixel7a .btn-rental a p::before {
        display: none; }
      #pixel7a .btn-rental a p::after {
        width: 13.04348%;
        padding-top: 13.04348%;
        background-image: url(../images/blank_ov.svg);
        content: '';
        height: 0;
        display: inline-block;
        margin-left: 10px;
        background-size: 100%;
        width: 8.26446%;
        padding-top: 8.26446%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out; }
        @media (max-width: 767px) {
          #pixel7a .btn-rental a p::after {
            margin-left: 0; } }
    #pixel7a .btn-rental:hover {
      border-color: #076dc2;
      background-color: white; }
      #pixel7a .btn-rental:hover p {
        color: #076dc2; }
        #pixel7a .btn-rental:hover p::after {
          background-image: url(../images/blank.svg); }
  #pixel7a .btn-detail {
    width: 73.41772%;
    max-width: 194px;
    max-width: 232px;
    border-width: 2px;
    border-color: white;
    border-style: solid;
    background-color: #076dc2;
    -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.15); }
    @media all and (min-width: 768px) and (max-width: 900px) {
      #pixel7a .btn-detail {
        width: 194px; } }
    #pixel7a .btn-detail a p::before {
      display: none; }
    #pixel7a .btn-detail:hover {
      border-color: #076dc2;
      background-color: white; }
      #pixel7a .btn-detail:hover p {
        color: #066dc3; }

#pixel7a .ttl-h2 {
  font-size: clamp(13px, 1.389vw, 20px);
  margin-bottom: 1em;
  line-height: calc(35/20);
  font-weight: bold; }
  @media (max-width: 767px) {
    #pixel7a .ttl-h2 {
      line-height: calc(57/46); }
      #pixel7a .ttl-h2 .smlsp {
        font-size: clamp(14px, 1.389vw, 20px);
        margin-top: .5em;
        display: inline-block; } }
  #pixel7a .ttl-h2 em {
    font-size: clamp(19px, 2.778vw, 40px); }
  #pixel7a .ttl-h2 .line {
    display: inline-block;
    color: #009cef;
    position: relative;
    z-index: 2; }
    #pixel7a .ttl-h2 .line::after {
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 5px;
      background: #fef633;
      bottom: .3em;
      z-index: -1; }
      @media (max-width: 767px) {
        #pixel7a .ttl-h2 .line::after {
          height: 3px;
          bottom: 0; } }

#pixel7a .ttl-h3 {
  font-size: clamp(17px, 2.222vw, 32px);
  line-height: calc(32/32);
  margin-bottom: .75em;
  font-weight: bold; }
  @media (max-width: 767px) {
    #pixel7a .ttl-h3 {
      line-height: calc(42/34); } }

#pixel7a .ttl-h4 {
  font-size: clamp(16px, 1.667vw, 24px);
  line-height: calc(30/24);
  margin-bottom: .75em;
  font-weight: bold; }
  @media (max-width: 767px) {
    #pixel7a .ttl-h4s {
      font-size: clamp(17px, 1.667vw, 24px); } }

#pixel7a .ttl_s {
  font-size: clamp(14px, 1.389vw, 20px);
  line-height: calc(25/20);
  margin-bottom: .75em;
  font-weight: bold; }

#pixel7a .flex {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 767px) {
    #pixel7a .flex {
      display: block; } }
  #pixel7a .flex.flex3 .col {
    width: 31.41667%;
    position: relative; }
    @media (max-width: 767px) {
      #pixel7a .flex.flex3 .col {
        width: 100%;
        display: block; } }
  #pixel7a .flex.flex2 .col {
    width: 48.5%;
    position: relative; }
    @media (max-width: 767px) {
      #pixel7a .flex.flex2 .col {
        width: 100%;
        display: block; } }
  #pixel7a .flex-col03 {
    margin-top: 2.77778%;
    margin-bottom: 9.72222%; }
    #pixel7a .flex-col03 a {
      text-decoration: none;
      -webkit-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      #pixel7a .flex-col03 a img {
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out; }
      #pixel7a .flex-col03 a:hover {
        opacity: .9; }
    #pixel7a .flex-col03 .col {
      border-radius: 10px;
      overflow: hidden;
      background: #FFF;
      color: #1a1a1a; }
      @media (max-width: 767px) {
        #pixel7a .flex-col03 .col + .col {
          margin-top: 9.375%; } }
      #pixel7a .flex-col03 .col-txt {
        padding: 7.95756%; }
        @media (max-width: 767px) {
          #pixel7a .flex-col03 .col-txt {
            padding: 5.45455%; } }
      #pixel7a .flex-col03 .col h4 {
        text-align: center;
        font-size: clamp(17px, 1.5vw, 24px);
        font-weight: bold;
        margin-bottom: 2.08333%; }

#pixel7a ul.check li {
  padding-left: calc(20px + .5em);
  text-indent: calc(-20px - .5em); }
  #pixel7a ul.check li::before {
    content: '';
    height: 0;
    background-size: 100%;
    width: 20px;
    padding-top: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    background: url(../images/note.svg) no-repeat; }

#pixel7a ul.note li {
  text-indent: -1.5em;
  padding-left: 1.5em; }

#pixel7a ul.disc {
  padding-left: calc(20px + .5em); }
  #pixel7a ul.disc li {
    padding-left: 0;
    text-indent: 0;
    list-style: disc; }
    #pixel7a ul.disc li span {
      color: #01012c; }
    #pixel7a ul.disc li::before {
      display: none; }
  #pixel7a ul.disc.list-blue {
    color: #009cef; }

#pixel7a .clearfix:after {
  content: "";
  display: block;
  clear: both; }

#pixel7a .clearfix:before {
  content: "";
  display: block;
  clear: both; }

#pixel7a .clearfix {
  display: block; }

#pixel7a .button {
  border: 3px solid #009cef;
  cursor: pointer;
  padding: 0.5em 1em !important;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: relative;
  padding-left: calc(1em + 30px) !important;
  line-height: 1.2;
  cursor: pointer; }
  #pixel7a .button span {
    line-height: 1.2;
    font-size: clamp(15px, 1.25vw, 18px);
    text-align: center;
    display: block; }
  #pixel7a .button::before, #pixel7a .button::after {
    content: '';
    display: block;
    width: 3px;
    height: 1em;
    position: absolute; }
  #pixel7a .button.boxclose {
    background: #009cef;
    color: #FFF !important; }
    #pixel7a .button.boxclose::before, #pixel7a .button.boxclose::after {
      background: #FFF !important; }
    #pixel7a .button.boxclose::before {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 30px; }
    #pixel7a .button.boxclose::after {
      -webkit-transform: rotate(0.25turn) translateX(-50%);
      -ms-transform: rotate(0.25turn) translateX(-50%);
      transform: rotate(0.25turn) translateX(-50%);
      top: calc(50% - .5em + 1px);
      left: 30px; }
    @media (min-width: 768px) {
      #pixel7a .button.boxclose:hover {
        background: #FFF !important;
        color: #009cef !important; }
        #pixel7a .button.boxclose:hover::before, #pixel7a .button.boxclose:hover::after {
          background: #009cef !important; } }
  #pixel7a .button.boxopen {
    background: #FFF !important;
    color: #009cef !important; }
    #pixel7a .button.boxopen::before, #pixel7a .button.boxopen::after {
      background: #009cef; }
    #pixel7a .button.boxopen::before {
      top: calc(50% - 2px);
      -webkit-transform: rotate(0.125turn) translateY(-50%);
      -ms-transform: rotate(0.125turn) translateY(-50%);
      transform: rotate(0.125turn) translateY(-50%);
      left: 21px; }
    #pixel7a .button.boxopen::after {
      -webkit-transform: rotate(-0.125turn) translate(-50%, -50%);
      -ms-transform: rotate(-0.125turn) translate(-50%, -50%);
      transform: rotate(-0.125turn) translate(-50%, -50%);
      top: calc(50% - 3px);
      left: 40px; }

#pixel7a .grad-trigger {
  display: none;
  /*チェックボックスは常に非表示*/ }

#pixel7a .slide {
  position: relative;
  overflow: hidden; }
  #pixel7a .slide::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    z-index: 3; }
  #pixel7a .slide.open {
    height: auto !important; }
    #pixel7a .slide.open::before {
      display: none; }

#pixel7a .mv {
  padding: 0 !important;
  overflow: hidden; }
  #pixel7a .mv .bgimg {
    width: 100%; }
  #pixel7a .mv h1 {
    position: absolute;
    font-size: clamp(18px, 30px, 2.083vw);
    font-weight: 900;
    line-height: calc(40/30);
    top: 28.33333%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap; }
    #pixel7a .mv h1 span {
      font-size: clamp(24px, 40px, 2.778vw); }
    #pixel7a .mv h1 em {
      color: #009cef;
      font-size: clamp(30px, 46px, 3.194vw);
      position: relative; }
      #pixel7a .mv h1 em img {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        z-index: -1; }
    @media (max-width: 767px) {
      #pixel7a .mv h1 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 3.63636%;
        top: 12.5%; } }
  #pixel7a .mv .sub {
    width: 27.77778%;
    position: absolute;
    top: 15.5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (max-width: 767px) {
      #pixel7a .mv .sub {
        width: 72.5%;
        top: 3.7037%; } }
  #pixel7a .mv .leadtext {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    font-size: clamp(11px, 1.18vw, 1.18vw);
    line-height: 1.6;
    margin: 0; }
    @media (max-width: 767px) {
      #pixel7a .mv .leadtext {
        top: 31.48148%;
        font-weight: bold; } }
  #pixel7a .mv .btn-flex {
    width: 72.91667%;
    max-width: 1050px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    bottom: 4%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (max-width: 767px) {
      #pixel7a .mv .btn-flex {
        width: 78.125%;
        display: block;
        margin: 0 auto; } }
  #pixel7a .mv .btn {
    width: 47.61905%;
    max-width: 500px; }
    @media (max-width: 767px) {
      #pixel7a .mv .btn {
        width: 100%; }
        #pixel7a .mv .btn + .btn {
          margin-top: 3.33333%; } }
    #pixel7a .mv .btn-dl {
      border-width: 4px; }
    #pixel7a .mv .btn a {
      border-radius: 66px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 1;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-decoration: none;
      -webkit-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      #pixel7a .mv .btn a p {
        font-size: clamp(14px, 1.94vw, 28px);
        text-align: center; }
        #pixel7a .mv .btn a p::before {
          width: 8.8%;
          padding-top: 8.8%; }
      @media (max-width: 767px) {
        #pixel7a .mv .btn a {
          width: 100% !important;
          max-width: 100% !important; }
          #pixel7a .mv .btn a + .btn {
            margin-top: 3.63636%; } }

#pixel7a .contents01 {
  background: url("../images/bg01.svg") no-repeat 50% 0%, url("../images/bg01.svg") no-repeat 100% 100%;
  background-size: 100% auto,100% auto; }
  @media (max-width: 767px) {
    #pixel7a .contents01 {
      background: url("../images/bg01_sp.svg") no-repeat 50% 0%, url("../images/bg01_sp.svg") no-repeat 100% 100%;
      background-size: 100% auto,100% auto; } }
  #pixel7a .contents01 + .sec-inn {
    padding-top: 4.16667%; }
  #pixel7a .contents01 .ttl-adjust {
    margin-bottom: -1.35em;
    position: relative;
    z-index: 5; }
  #pixel7a .contents01 .bg-blue {
    background: #eff8ff;
    border-radius: 35px;
    padding: 5.83333% 3.33333%; }
    @media (max-width: 767px) {
      #pixel7a .contents01 .bg-blue {
        padding: 15.625% 4.6875% 4.6875%; } }
    #pixel7a .contents01 .bg-blue .check {
      background: #FFF;
      padding: 10px 1em;
      border-radius: 10px; }
    #pixel7a .contents01 .bg-blue .thumb {
      width: 30.35714%;
      float: left; }
      @media (max-width: 767px) {
        #pixel7a .contents01 .bg-blue .thumb {
          width: 35.76271%; } }
    #pixel7a .contents01 .bg-blue .attention {
      width: 13.73333%;
      vertical-align: text-bottom;
      margin-top: -5%; }
      @media (max-width: 767px) {
        #pixel7a .contents01 .bg-blue .attention {
          width: 36.89024%;
          position: absolute;
          top: 0;
          right: 0;
          margin: 0;
          -webkit-transform: translate(-45%, -50%);
          -ms-transform: translate(-45%, -50%);
          transform: translate(-45%, -50%); } }
    @media (max-width: 767px) {
      #pixel7a .contents01 .bg-blue .spflex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      #pixel7a .contents01 .bg-blue .txtsp {
        width: 55.59322%;
        float: right;
        text-align: left;
        position: relative; } }
    #pixel7a .contents01 .bg-blue .txt {
      width: 66.96429%;
      float: right;
      text-align: left; }
      @media (max-width: 767px) {
        #pixel7a .contents01 .bg-blue .txt {
          float: none;
          width: 100%; } }
    #pixel7a .contents01 .bg-blue ul.note {
      margin-top: 1.78571%; }
    #pixel7a .contents01 .bg-blue .btn {
      margin-top: 1.78571%; }
  #pixel7a .contents01 .flex3 {
    text-align: center; }
    #pixel7a .contents01 .flex3 .txt-blu {
      color: #009cef;
      font-weight: bold;
      line-height: calc(20/16);
      margin-bottom: .5em; }
      @media (max-width: 767px) {
        #pixel7a .contents01 .flex3 .txt-blu {
          font-size: clamp(12px, 1.111vw, 16px); } }
    @media (max-width: 767px) {
      #pixel7a .contents01 .flex3 {
        margin-top: 6.25%; }
        #pixel7a .contents01 .flex3 .col {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          #pixel7a .contents01 .flex3 .col .thumb {
            width: 31.03448%; }
          #pixel7a .contents01 .flex3 .col .txt {
            width: 65.51724%;
            text-align: left; }
          #pixel7a .contents01 .flex3 .col + .col {
            margin-top: 3.125%; } }
  #pixel7a .contents01 .flex2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #pixel7a .contents01 .flex2 .col {
      margin-bottom: 2.67857%;
      background: #eff8ff;
      border-radius: 30px;
      overflow: hidden; }
      #pixel7a .contents01 .flex2 .col-inn {
        padding: 5.15464%; }
      @media (max-width: 767px) {
        #pixel7a .contents01 .flex2 .col + .col {
          margin-top: 5.17241%; } }
    #pixel7a .contents01 .flex2 .tag {
      color: #FFF;
      background: #009cef;
      border-radius: 15px;
      font-size: clamp(10px, 0.972vw, 14px);
      line-height: calc(17.5/14);
      margin-bottom: .75em;
      display: inline-block;
      padding: .5em 1em; }
    #pixel7a .contents01 .flex2 h4 {
      font-size: clamp(17px, 1.528vw, 22px);
      line-height: calc(33/22);
      font-weight: bold; }
    #pixel7a .contents01 .flex2 .corp::before {
      content: '';
      display: inline-block;
      vertical-align: bottom;
      width: 20px;
      height: 20px;
      background: url(../images/corp.svg) no-repeat 0 0; }
    #pixel7a .contents01 .flex2 .bg-w {
      padding: 1em;
      background: #FFF;
      border-radius: 15px; }
    #pixel7a .contents01 .flex2 .check {
      color: #076dc2;
      font-weight: bold; }
    #pixel7a .contents01 .flex2 .btn {
      width: 62.37113%; }
      @media all and (min-width: 768px) and (max-width: 900px) {
        #pixel7a .contents01 .flex2 .btn {
          width: 85.33333%; } }
      @media (max-width: 767px) {
        #pixel7a .contents01 .flex2 .btn {
          width: 85.42373%;
          min-width: 255px; } }
  @media (max-width: 767px) {
    #pixel7a .contents01 .more .flex2 {
      margin-top: 6.25%; } }
  #pixel7a .contents01 .more .button {
    background: #009cef;
    border-radius: 30px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2.67857% auto;
    padding: 0.65em 1em !important;
    padding-left: calc(1em + 30px) !important; }
    @media (max-width: 767px) {
      #pixel7a .contents01 .more .button {
        margin: 6.25% auto; } }
    #pixel7a .contents01 .more .button span::before {
      content: "そのほかの事例を表示"; }
    #pixel7a .contents01 .more .button.boxopen {
      padding-left: 2em !important;
      padding-left: calc(1em + 30px) !important; }
      #pixel7a .contents01 .more .button.boxopen::before {
        -webkit-transform: rotate(0.125turn) translateY(-50%);
        -ms-transform: rotate(0.125turn) translateY(-50%);
        transform: rotate(0.125turn) translateY(-50%);
        left: 21px; }
      #pixel7a .contents01 .more .button.boxopen::after {
        -webkit-transform: rotate(-0.125turn) translate(-50%, -50%);
        -ms-transform: rotate(-0.125turn) translate(-50%, -50%);
        transform: rotate(-0.125turn) translate(-50%, -50%);
        left: 40px; }
  #pixel7a .contents01 .slide {
    height: 80px; }
    #pixel7a .contents01 .slide::before {
      height: 40px;
      /*グラデーションで隠す高さ*/
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
      background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%); }
  #pixel7a .contents01 .grad-trigger:checked ~ .button span::before {
    content: "閉じる" !important;
    /*チェックされていたら、文言を変更する*/ }

#pixel7a .contents02 {
  background: url("../images/bg02.svg") no-repeat 50% 0%;
  background-size: 100% auto;
  background-color: #eff8ff; }
  @media (max-width: 767px) {
    #pixel7a .contents02 {
      padding-bottom: 12.5%; } }
  #pixel7a .contents02 .flex2 {
    margin-top: 4.16667%;
    margin-bottom: 6.66667%;
    position: relative; }
    @media (max-width: 767px) {
      #pixel7a .contents02 .flex2 {
        margin-top: 7.8125%;
        margin-bottom: 6.66667%; } }
    #pixel7a .contents02 .flex2 .arrow {
      position: absolute;
      width: 7%;
      left: 50%;
      top: 50%;
      z-index: 2;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media (max-width: 767px) {
        #pixel7a .contents02 .flex2 .arrow {
          width: 12.37288%;
          margin: 0 auto 4.6875%;
          position: static;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; }
          #pixel7a .contents02 .flex2 .arrow img {
            -webkit-transform: rotate(0.25turn) translateX(0);
            -ms-transform: rotate(0.25turn) translateX(0);
            transform: rotate(0.25turn) translateX(0); } }
    #pixel7a .contents02 .flex2 .col {
      background: #FFF;
      border-radius: 30px;
      padding: 2.5%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 767px) {
        #pixel7a .contents02 .flex2 .col {
          border-radius: 15px;
          width: 100%;
          padding: 3.38983%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      #pixel7a .contents02 .flex2 .col .tag {
        position: absolute;
        color: #FFF;
        background: #009cef;
        border-radius: 20px;
        font-size: clamp(12px, 1.389vw, 20px);
        line-height: calc(35/20);
        display: inline-block;
        padding: .3em 1em;
        min-width: 177px;
        text-align: center;
        font-weight: bold;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        @media (max-width: 767px) {
          #pixel7a .contents02 .flex2 .col .tag {
            min-width: 0;
            line-height: 1; } }
      #pixel7a .contents02 .flex2 .col ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
        font-size: clamp(14px, 1.944vw, 28px);
        color: #009cef;
        font-weight: bold;
        line-height: calc(38/25); }
        #pixel7a .contents02 .flex2 .col ul li a {
          color: #009cef; }
        #pixel7a .contents02 .flex2 .col ul li .num {
          display: inline-block;
          margin-right: 10px;
          width: 30px;
          height: 30px;
          background: #009cef;
          line-height: 30px;
          color: #FFF;
          border-radius: 50%;
          text-align: center;
          vertical-align: text-bottom;
          position: relative; }
          #pixel7a .contents02 .flex2 .col ul li .num span {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            line-height: 30px; }
        @media (max-width: 767px) {
          #pixel7a .contents02 .flex2 .col ul li {
            padding-left: 15px;
            text-indent: -15px; }
            #pixel7a .contents02 .flex2 .col ul li .num {
              width: 16px;
              height: 16px;
              margin-right: 5px;
              border-radius: 16px;
              text-align: center;
              line-height: 16px; } }
  #pixel7a .contents02 .setting {
    margin-top: 4.16667%;
    margin-bottom: 2.5%;
    background: #FFF;
    border-radius: 146px 30px 30px 30px;
    position: relative;
    padding: 4.16667% 3.33333%; }
    @media (max-width: 767px) {
      #pixel7a .contents02 .setting {
        border-radius: 146px 146px 30px 30px;
        padding: 11.2069% 5.17241% 5.17241%;
        margin-top: 13.7931%; } }
    #pixel7a .contents02 .setting .tag {
      width: 7.91667%;
      position: absolute;
      top: 20px;
      left: -2.91667%; }
      @media all and (max-width: 1200px) {
        #pixel7a .contents02 .setting .tag {
          top: 0;
          left: 0; } }
      @media (max-width: 767px) {
        #pixel7a .contents02 .setting .tag {
          width: 17.27273%;
          top: 0;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); } }
    #pixel7a .contents02 .setting .txt {
      width: 30.80357%; }
      @media (max-width: 767px) {
        #pixel7a .contents02 .setting .txt {
          display: block;
          width: 100%; } }
      #pixel7a .contents02 .setting .txt .ttl-h4 {
        color: #009cef;
        font-weight: bold;
        padding-left: 13.04348%;
        line-height: calc(35/24);
        margin-bottom: 0; }
        #pixel7a .contents02 .setting .txt .ttl-h4 span {
          font-size: clamp(14px, 0.972vw, 14px);
          color: #01012c;
          display: block; }
        @media (max-width: 767px) {
          #pixel7a .contents02 .setting .txt .ttl-h4 {
            padding: 0;
            text-align: center; } }
      #pixel7a .contents02 .setting .txt .thumb {
        width: 70.72464%;
        margin: 20px auto; }
        @media (max-width: 767px) {
          #pixel7a .contents02 .setting .txt .thumb {
            width: 100%;
            border-radius: 135px 135px 0 0;
            padding: 0;
            padding: 5.17241% 0 6.89655%;
            margin: 0; }
            #pixel7a .contents02 .setting .txt .thumb img {
              width: 52.73438%;
              margin: 0 auto;
              display: block; } }
    #pixel7a .contents02 .setting ul {
      width: 66.96429%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media (max-width: 767px) {
        #pixel7a .contents02 .setting ul {
          width: 100%;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          margin-bottom: 0; } }
      #pixel7a .contents02 .setting ul li,
      #pixel7a .contents02 .setting ul .listcol {
        width: 31.06667%;
        border-radius: 20px;
        background-color: #eff8ff;
        padding: 10px 10px 20px;
        text-align: center;
        letter-spacing: -0.004em;
        margin: 1.06667%; }
        #pixel7a .contents02 .setting ul li.nolist,
        #pixel7a .contents02 .setting ul .listcol.nolist {
          background: none;
          padding: 0;
          border-radius: 0; }
        #pixel7a .contents02 .setting ul li .listcol,
        #pixel7a .contents02 .setting ul .listcol .listcol {
          width: 100%; }
        @media (max-width: 767px) {
          #pixel7a .contents02 .setting ul li,
          #pixel7a .contents02 .setting ul .listcol {
            width: 45.45455%;
            margin-bottom: 3.63636%; }
            #pixel7a .contents02 .setting ul li.last,
            #pixel7a .contents02 .setting ul .listcol.last {
              width: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between; }
              #pixel7a .contents02 .setting ul li.last .listcol,
              #pixel7a .contents02 .setting ul .listcol.last .listcol {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between; }
              #pixel7a .contents02 .setting ul li.last .wrap,
              #pixel7a .contents02 .setting ul .listcol.last .wrap {
                width: 47.27273%;
                text-align: left; }
              #pixel7a .contents02 .setting ul li.last .thumb,
              #pixel7a .contents02 .setting ul .listcol.last .thumb {
                border-radius: 16px 0 0 16px;
                width: 45.45455%;
                overflow: hidden;
                margin: 0; } }
        #pixel7a .contents02 .setting ul li .thumb,
        #pixel7a .contents02 .setting ul .listcol .thumb {
          background: #FFF;
          border-radius: 16px 20px 0 0;
          height: 105px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 10px; }
        #pixel7a .contents02 .setting ul li h4,
        #pixel7a .contents02 .setting ul .listcol h4 {
          font-weight: bold; }
        #pixel7a .contents02 .setting ul li p,
        #pixel7a .contents02 .setting ul .listcol p {
          font-size: clamp(12px, 0.903vw, 13px);
          margin-bottom: 0; }
          #pixel7a .contents02 .setting ul li p.sml,
          #pixel7a .contents02 .setting ul .listcol p.sml {
            font-size: clamp(12px, 0.833vw, 12px); }

#pixel7a .contents03 {
  background: url("../images/bg01.svg") no-repeat 50% 0%;
  background-size: 100% auto; }
  #pixel7a .contents03 .flex3 {
    margin: 6.66667% 0 2.5%;
    position: relative; }
    #pixel7a .contents03 .flex3 + ul.note {
      margin-bottom: 2.5%; }
    #pixel7a .contents03 .flex3 .col {
      position: relative; }
      @media (max-width: 767px) {
        #pixel7a .contents03 .flex3 .col {
          margin-top: 9.375%; }
          #pixel7a .contents03 .flex3 .col .spflex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; } }
      #pixel7a .contents03 .flex3 .col .tag {
        width: 17.77188%;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, -80%);
        -ms-transform: translate(-50%, -80%);
        transform: translate(-50%, -80%); }
        @media (max-width: 767px) {
          #pixel7a .contents03 .flex3 .col .tag {
            width: 17.24138%;
            left: .5em;
            top: 0;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0); } }
      #pixel7a .contents03 .flex3 .col .thumb {
        border-radius: 188px 188px 0 0;
        background-color: #eff8ff;
        overflow: hidden;
        text-align: center;
        padding: 7.95756% 15.91512% 0; }
        @media (max-width: 767px) {
          #pixel7a .contents03 .flex3 .col .thumb {
            width: 100%;
            border-radius: 135px 135px 0 0;
            padding: 0;
            padding-top: 7.8125%; }
            #pixel7a .contents03 .flex3 .col .thumb img {
              width: 52.73438%;
              margin: 0 auto;
              display: block; } }
      #pixel7a .contents03 .flex3 .col .txt {
        border-radius: 0 0 30px 30px;
        background-color: #eff8ff;
        padding: 0 7.95756% 7.95756%;
        text-align: center; }
        @media (max-width: 767px) {
          #pixel7a .contents03 .flex3 .col .txt {
            border-radius: 0 0 30px 30px;
            padding: 5.17241%; } }
        #pixel7a .contents03 .flex3 .col .txt .ttl-h3 {
          color: #009cef;
          font-weight: bold;
          line-height: calc(35/24);
          margin-bottom: 0;
          font-size: clamp(16px, 1.944vw, 28px);
          text-align: center; }
          #pixel7a .contents03 .flex3 .col .txt .ttl-h3 span {
            font-size: clamp(11px, 1.389vw, 20px);
            color: #01012c;
            display: block; }
        #pixel7a .contents03 .flex3 .col .txt .ttl_s {
          text-align: center; }
        #pixel7a .contents03 .flex3 .col .txt p {
          margin-bottom: 0; }
      #pixel7a .contents03 .flex3 .col .btnset {
        text-align: center; }
      #pixel7a .contents03 .flex3 .col .button {
        background: #009cef;
        border-radius: 30px;
        color: #FFF;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .5em;
        line-height: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media all and (min-width: 768px) and (max-width: 900px) {
          #pixel7a .contents03 .flex3 .col .button {
            width: 194px; } }
        #pixel7a .contents03 .flex3 .col .button span::before {
          content: "詳細を表示"; }
  #pixel7a .contents03 .slide {
    height: 60px;
    margin: 15px auto; }
    @media (max-width: 767px) {
      #pixel7a .contents03 .slide {
        height: 80px;
        margin: 2.58621% auto; } }
    #pixel7a .contents03 .slide::before {
      height: 50px;
      /*グラデーションで隠す高さ*/
      background: -webkit-linear-gradient(top, rgba(239, 248, 255, 0) 0%, rgba(239, 248, 255, 0.9) 50%, rgba(239, 248, 255, 0.9) 50%, #eff8ff 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 248, 255, 0)), color-stop(50%, rgba(239, 248, 255, 0.9)), color-stop(50%, rgba(239, 248, 255, 0.9)), to(#eff8ff));
      background: -o-linear-gradient(top, rgba(239, 248, 255, 0) 0%, rgba(239, 248, 255, 0.9) 50%, rgba(239, 248, 255, 0.9) 50%, #eff8ff 100%);
      background: linear-gradient(top, rgba(239, 248, 255, 0) 0%, rgba(239, 248, 255, 0.9) 50%, rgba(239, 248, 255, 0.9) 50%, #eff8ff 100%); }
  #pixel7a .contents03 .grad-trigger:checked ~ .button span::before {
    content: "詳細を閉じる" !important;
    /*チェックされていたら、文言を変更する*/ }

#pixel7a .contents04 {
  background: url("../images/bg_lineup.svg") no-repeat 0 0;
  background-size: cover;
  padding-bottom: 12.5%; }
  #pixel7a .contents04 .flex1 {
    background: #FFF;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 2.5%; }
    #pixel7a .contents04 .flex1 .check {
      background: #FFF;
      padding: 10px 1em;
      border-radius: 10px; }
    #pixel7a .contents04 .flex1 .thumb {
      width: 31.33333%;
      position: relative;
      padding-top: 36%;
      overflow: hidden; }
      @media (max-width: 767px) {
        #pixel7a .contents04 .flex1 .thumb {
          width: 100%;
          padding: 0; } }
      #pixel7a .contents04 .flex1 .thumb img {
        width: 153.45745%;
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        max-width: 200%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
        @media (max-width: 767px) {
          #pixel7a .contents04 .flex1 .thumb img {
            width: 100%;
            position: static;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none; } }
    #pixel7a .contents04 .flex1 .txt {
      width: 68.5%;
      padding: 3.33333%; }
      @media (max-width: 767px) {
        #pixel7a .contents04 .flex1 .txt {
          width: 100%;
          padding: 5.17241%; } }
    #pixel7a .contents04 .flex1 .btn {
      margin: 0; }
      @media (max-width: 767px) {
        #pixel7a .contents04 .flex1 .btn {
          margin: 0 auto; } }
  #pixel7a .contents04 .flex3 {
    margin-bottom: 2.5%; }
    #pixel7a .contents04 .flex3 .col {
      background: #FFF;
      border-radius: 30px;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 2.5%; }
      @media (max-width: 767px) {
        #pixel7a .contents04 .flex3 .col {
          margin-top: 5.17241%; } }
      #pixel7a .contents04 .flex3 .col .thumb {
        position: relative; }
        #pixel7a .contents04 .flex3 .col .thumb span {
          position: absolute;
          color: #FFF;
          left: 1em;
          top: 1em;
          font-size: clamp(14px, 1.111vw, 16px);
          display: none; }
      #pixel7a .contents04 .flex3 .col .txt {
        padding: 7.95756%;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        min-height: 0%; }
        @media (max-width: 767px) {
          #pixel7a .contents04 .flex3 .col .txt .ttl_s {
            font-size: clamp(21px, 2.222vw, 32px);
            text-align: left; } }
        #pixel7a .contents04 .flex3 .col .txt p {
          -webkit-box-flex: 2;
          -ms-flex: 2;
          flex: 2;
          height: 100%;
          min-height: 0%; }
        #pixel7a .contents04 .flex3 .col .txt .btn {
          margin-top: auto;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          height: 100%;
          max-height: 50px; }
          #pixel7a .contents04 .flex3 .col .txt .btn a p {
            padding-bottom: 0.7em;
            line-height: 1; }

#pixel7a .contents05 {
  background: url("../images/bg_fllow.svg") no-repeat 50% calc(-6.66667% + 3vw);
  background-size: 100% auto;
  padding-top: 6.66667%; }
  @media (max-width: 767px) {
    #pixel7a .contents05 {
      background: url("../images/bg_fllow_sp.svg") no-repeat 50% 30px;
      background-size: 100% auto; } }
  #pixel7a .contents05::before {
    content: '';
    width: 50%;
    position: absolute;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent;
    border-bottom: 100px solid #fff;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
    @media (max-width: 767px) {
      #pixel7a .contents05::before {
        border-bottom: 30px solid #fff; } }
  #pixel7a .contents05::after {
    content: '';
    width: 50%;
    position: absolute;
    top: 0;
    left: -50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent;
    border-bottom: 100px solid #fff;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
    @media (max-width: 767px) {
      #pixel7a .contents05::after {
        border-bottom: 30px solid #fff; } }
  #pixel7a .contents05 .flex3 {
    margin: 6.66667% 0 2.5%;
    position: relative; }
    #pixel7a .contents05 .flex3 .col {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative; }
      @media (max-width: 767px) {
        #pixel7a .contents05 .flex3 .col {
          margin-top: 21.875%; } }
      #pixel7a .contents05 .flex3 .col .tag {
        width: 17.77188%;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, -80%);
        -ms-transform: translate(-50%, -80%);
        transform: translate(-50%, -80%); }
        @media (max-width: 767px) {
          #pixel7a .contents05 .flex3 .col .tag {
            width: 17.24138%;
            left: .5em;
            top: 0;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0); } }
      #pixel7a .contents05 .flex3 .col .thumb {
        border-radius: 188px 188px 0 0;
        background-color: #FFF;
        overflow: hidden;
        text-align: center;
        padding: 7.95756% 15.91512% 0; }
        @media (max-width: 767px) {
          #pixel7a .contents05 .flex3 .col .thumb {
            width: 100%;
            border-radius: 135px 135px 0 0;
            background-color: #FFF;
            padding: 0;
            padding: 5.17241% 0; }
            #pixel7a .contents05 .flex3 .col .thumb img {
              width: 52.73438%;
              margin: 0 auto;
              display: block; } }
      #pixel7a .contents05 .flex3 .col .arrow {
        width: 37.13528%;
        position: absolute;
        top: 24.44444%;
        right: 0;
        z-index: 3;
        -webkit-transform: translateX(71.42857%);
        -ms-transform: translateX(71.42857%);
        transform: translateX(71.42857%); }
        @media (max-width: 767px) {
          #pixel7a .contents05 .flex3 .col .arrow {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            text-orientation: upright;
            position: absolute;
            right: 50%;
            -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
            transform: translateX(50%);
            top: 90%; }
            #pixel7a .contents05 .flex3 .col .arrow img {
              -webkit-transform: rotate(0.25turn) translateX(0);
              -ms-transform: rotate(0.25turn) translateX(0);
              transform: rotate(0.25turn) translateX(0); } }
        #pixel7a .contents05 .flex3 .col .arrow span {
          position: absolute;
          top: 50%;
          left: 50%;
          font-size: clamp(13px, 1.389vw, 20px);
          line-height: calc(25/20);
          font-weight: bold;
          color: #FFF;
          display: block;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          white-space: nowrap; }
          @media (max-width: 767px) {
            #pixel7a .contents05 .flex3 .col .arrow span {
              -webkit-transform: translate(-50%, calc(-50% - .5em));
              -ms-transform: translate(-50%, calc(-50% - .5em));
              transform: translate(-50%, calc(-50% - .5em)); } }
          #pixel7a .contents05 .flex3 .col .arrow span span {
            position: static;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            display: inline; }
            @media (max-width: 767px) {
              #pixel7a .contents05 .flex3 .col .arrow span span {
                display: inline-block;
                -webkit-writing-mode: horizontal-tb;
                -ms-writing-mode: lr-tb;
                writing-mode: horizontal-tb; } }
      #pixel7a .contents05 .flex3 .col .txt {
        border-radius: 0 0 30px 30px;
        background-color: #FFF;
        padding: 0 7.95756% 7.95756%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        min-height: 0%; }
        #pixel7a .contents05 .flex3 .col .txt .ttl-h3 {
          color: #009cef;
          font-weight: bold;
          line-height: calc(35/24);
          margin-bottom: .5em;
          font-size: clamp(14px, 1.944vw, 28px);
          text-align: center; }
          #pixel7a .contents05 .flex3 .col .txt .ttl-h3 span {
            font-size: clamp(13px, 1.389vw, 20px);
            color: #01012c;
            display: block; }
        #pixel7a .contents05 .flex3 .col .txt .ttl_s {
          text-align: center; }
        #pixel7a .contents05 .flex3 .col .txt p {
          margin-bottom: 0; }
  #pixel7a .contents05 .bg-white {
    background: #FFF;
    border-radius: 30px;
    text-align: left;
    padding: 2.5%;
    position: relative;
    margin-bottom: 3.33333%; }
    @media (max-width: 767px) {
      #pixel7a .contents05 .bg-white {
        margin-top: 5.76923%;
        padding: 5.17241%;
        margin-bottom: 7.69231%;
        text-align: center; } }
    #pixel7a .contents05 .bg-white .ttl-h2 {
      margin-bottom: 0; }
      #pixel7a .contents05 .bg-white .ttl-h2 em {
        font-size: clamp(21px, 2.431vw, 34px); }
      @media (max-width: 767px) {
        #pixel7a .contents05 .bg-white .ttl-h2 {
          text-align: center; } }
    #pixel7a .contents05 .bg-white .button {
      background: #009cef;
      border-radius: 30px;
      color: #FFF;
      text-decoration: none;
      font-weight: bold;
      text-align: center;
      position: absolute;
      right: 2.5%;
      top: 2.5vw; }
      @media (max-width: 767px) {
        #pixel7a .contents05 .bg-white .button {
          position: relative;
          right: auto;
          top: auto;
          display: inline-block; } }
      #pixel7a .contents05 .bg-white .button span::before {
        content: "詳細を表示"; }
    #pixel7a .contents05 .bg-white .slide {
      height: 100px; }
      @media (max-width: 767px) {
        #pixel7a .contents05 .bg-white .slide {
          margin: 5.17241% auto; } }
      #pixel7a .contents05 .bg-white .slide::before {
        height: 50px;
        /*グラデーションで隠す高さ*/
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
        background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%); }
    #pixel7a .contents05 .bg-white .grad-trigger:checked ~ .button span::before {
      content: "詳細を閉じる" !important;
      /*チェックされていたら、文言を変更する*/ }
    #pixel7a .contents05 .bg-white .flex2 {
      margin-top: 2.5%; }
      #pixel7a .contents05 .bg-white .flex2 .col {
        border-radius: 120px 120px 30px 30px;
        background-color: #eff8ff; }
        @media (max-width: 767px) {
          #pixel7a .contents05 .bg-white .flex2 .col + .col {
            margin-top: 5.76923%; } }
      #pixel7a .contents05 .bg-white .flex2 .thumb {
        width: 49.04215%;
        margin: 0 auto;
        padding: 5.15464% 5.15464% 0; }
        @media (max-width: 767px) {
          #pixel7a .contents05 .bg-white .flex2 .thumb {
            padding: 5.17241% 5.17241%; } }
      #pixel7a .contents05 .bg-white .flex2 .ttl-h3 {
        color: #01012c;
        font-weight: bold;
        line-height: calc(35/24);
        margin-bottom: .5em;
        font-size: clamp(14px, 1.944vw, 28px);
        text-align: center; }
        #pixel7a .contents05 .bg-white .flex2 .ttl-h3 span {
          color: #009cef; }
      #pixel7a .contents05 .bg-white .flex2 .txt {
        padding: 0 5.15464% 5.15464%; }
        #pixel7a .contents05 .bg-white .flex2 .txt ul {
          margin-bottom: 0; }
  #pixel7a .contents05 .charge {
    background-color: #eff8ff;
    border-radius: 30px;
    padding: 2.5%;
    overflow: hidden;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 767px) {
      #pixel7a .contents05 .charge {
        margin-top: 5.76923%;
        padding: 5.17241%;
        border-radius: 120px 120px 30px 30px;
        background-color: #eff8ff; } }
    #pixel7a .contents05 .charge .thumb {
      width: 21.33333%; }
      @media (max-width: 767px) {
        #pixel7a .contents05 .charge .thumb {
          width: 47.89272%;
          padding-bottom: 5.17241%;
          margin: 0 auto; } }
    #pixel7a .contents05 .charge .txt {
      width: 75.33333%; }
      #pixel7a .contents05 .charge .txt .ttl-h3 {
        color: #009cef;
        font-weight: bold;
        line-height: calc(35/24);
        margin-bottom: .5em;
        font-size: clamp(14px, 1.944vw, 28px); }

#pixel7a .contents06 {
  background: url("../images/bg01.svg") no-repeat 50% 0%;
  background-size: 100% auto; }
  @media (max-width: 767px) {
    #pixel7a .contents06 {
      background: url("../images/bg01_sp.svg") no-repeat 50% 0%;
      background-size: 100% auto; } }
  #pixel7a .contents06 .flex2 {
    margin-top: 5%;
    margin-bottom: 2.5%; }
    @media (max-width: 767px) {
      #pixel7a .contents06 .flex2 {
        margin-top: 13.7931%; } }
    #pixel7a .contents06 .flex2 .col {
      position: relative;
      background: #eff8ff;
      border-radius: 30px;
      padding: 4.58333% 2.5% 2.5%;
      text-align: center; }
      @media (max-width: 767px) {
        #pixel7a .contents06 .flex2 .col {
          padding: 13.7931% 5.17241% 5.17241%; }
          #pixel7a .contents06 .flex2 .col + .col {
            margin-top: 13.7931%; } }
      #pixel7a .contents06 .flex2 .col .tag {
        width: 92.78351%;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #FFF;
        background: #009cef;
        border-radius: 30px;
        text-align: center;
        padding: .5em; }
        #pixel7a .contents06 .flex2 .col .tag::after {
          position: absolute;
          left: 50%;
          bottom: 0;
          -webkit-transform: translate(-50%, 90%);
          -ms-transform: translate(-50%, 90%);
          transform: translate(-50%, 90%);
          content: '';
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 14px 7px 0 7px;
          border-color: #009cef transparent transparent transparent; }
      #pixel7a .contents06 .flex2 .col .ttl_s {
        margin-bottom: 0; }
      #pixel7a .contents06 .flex2 .col .price {
        font-weight: bold;
        margin-bottom: 1.66667%;
        margin-top: .5em; }
        #pixel7a .contents06 .flex2 .col .price span {
          font-weight: normal; }
          @media (max-width: 900px) {
            #pixel7a .contents06 .flex2 .col .price span {
              font-size: clamp(12px, 0.833vw, 12px); } }
        #pixel7a .contents06 .flex2 .col .price em {
          position: relative;
          color: #009cef;
          position: relative;
          font-size: clamp(21px, 2.778vw, 40px);
          line-height: 1.2;
          display: inline-block;
          color: #009cef;
          position: relative;
          z-index: 2; }
          #pixel7a .contents06 .flex2 .col .price em span {
            white-space: nowrap;
            position: absolute;
            top: 0;
            left: 50%;
            -webkit-transform: translate(-50%, -1em);
            -ms-transform: translate(-50%, -1em);
            transform: translate(-50%, -1em);
            width: 100%;
            color: #01012c;
            font-weight: normal; }
          #pixel7a .contents06 .flex2 .col .price em::after {
            position: absolute;
            content: '';
            display: block;
            width: 100%;
            height: 5px;
            background: #fef633;
            bottom: 0;
            z-index: -1; }
      #pixel7a .contents06 .flex2 .col dl {
        text-align: center;
        margin-bottom: 2.5%;
        font-size: clamp(14px, 1.111vw, 16px); }
        #pixel7a .contents06 .flex2 .col dl dt {
          color: #009cef;
          font-weight: bold;
          -webkit-transform: translateY(0.5em);
          -ms-transform: translateY(0.5em);
          transform: translateY(0.5em);
          font-size: clamp(15px, 1.25vw, 18px); }
        #pixel7a .contents06 .flex2 .col dl dd {
          background: #FFF;
          border-radius: 10px;
          padding: 1em; }
          #pixel7a .contents06 .flex2 .col dl dd p {
            margin-bottom: 0; }
          @media (min-width: 768px) {
            #pixel7a .contents06 .flex2 .col dl dd {
              letter-spacing: -0.005em; } }
      #pixel7a .contents06 .flex2 .col .thumb {
        border-radius: 188px 188px 0 0;
        background-color: #FFF;
        overflow: hidden;
        text-align: center;
        padding: 7.95756% 15.91512% 0; }
      #pixel7a .contents06 .flex2 .col .txt {
        border-radius: 0 0 30px 30px;
        background-color: #FFF;
        padding: 0 7.95756% 7.95756%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        min-height: 0%; }
        #pixel7a .contents06 .flex2 .col .txt .ttl-h3 {
          color: #009cef;
          font-weight: bold;
          line-height: calc(35/24);
          margin-bottom: .5em;
          font-size: clamp(14px, 1.944vw, 28px);
          text-align: center; }
          #pixel7a .contents06 .flex2 .col .txt .ttl-h3 span {
            font-size: clamp(13px, 1.389vw, 20px);
            color: #01012c;
            display: block; }
        #pixel7a .contents06 .flex2 .col .txt .ttl_s {
          text-align: center; }
        #pixel7a .contents06 .flex2 .col .txt p {
          margin-bottom: 0; }
  #pixel7a .contents06 .bg-white {
    background: #FFF;
    border-radius: 30px;
    text-align: left;
    padding: 2.5%;
    position: relative;
    margin-bottom: 3.33333%; }
    #pixel7a .contents06 .bg-white .ttl-h2 {
      margin-bottom: 0; }
      #pixel7a .contents06 .bg-white .ttl-h2 em {
        font-size: clamp(21px, 2.431vw, 34px); }
    #pixel7a .contents06 .bg-white .btnset {
      position: absolute;
      right: 2.5%;
      top: 2.5vw;
      width: 16.16667%; }
      #pixel7a .contents06 .bg-white .btnset .button {
        background: #009cef;
        border-radius: 30px;
        color: #FFF;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .5em;
        line-height: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #pixel7a .contents06 .bg-white .btnset .button img {
          width: 14.94845%;
          vertical-align: text-bottom; }
        #pixel7a .contents06 .bg-white .btnset .button span {
          padding-left: .5em; }
        #pixel7a .contents06 .bg-white .btnset .button.boxopen img {
          -webkit-transform: rotate(0.125turn);
          -ms-transform: rotate(0.125turn);
          transform: rotate(0.125turn); }
    #pixel7a .contents06 .bg-white .flex2 {
      margin-top: 2.5%; }
      #pixel7a .contents06 .bg-white .flex2 .col {
        border-radius: 120px 120px 30px 30px;
        background-color: #eff8ff; }
      #pixel7a .contents06 .bg-white .flex2 .thumb {
        width: 49.04215%;
        margin: 0 auto;
        padding: 5.15464% 5.15464% 0; }
      #pixel7a .contents06 .bg-white .flex2 .ttl-h3 {
        color: #01012c;
        font-weight: bold;
        line-height: calc(35/24);
        margin-bottom: .5em;
        font-size: clamp(14px, 1.944vw, 28px);
        text-align: center; }
        #pixel7a .contents06 .bg-white .flex2 .ttl-h3 span {
          color: #009cef; }
      #pixel7a .contents06 .bg-white .flex2 .txt {
        padding: 0 5.15464% 5.15464%; }
        #pixel7a .contents06 .bg-white .flex2 .txt ul {
          margin-bottom: 0; }
  #pixel7a .contents06 .charge {
    background-color: #eff8ff;
    border-radius: 30px;
    padding: 2.5%;
    overflow: hidden;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #pixel7a .contents06 .charge .thumb {
      width: 21.33333%; }
    #pixel7a .contents06 .charge .txt {
      width: 75.33333%; }
      #pixel7a .contents06 .charge .txt .ttl-h3 {
        color: #009cef;
        font-weight: bold;
        line-height: calc(35/24);
        margin-bottom: .5em;
        font-size: clamp(14px, 1.944vw, 28px); }

#pixel7a .contents07 {
  background: #eff8ff url("../images/bg_sustainability.svg") no-repeat 50% 0%;
  background-size: 100% auto; }
  @media (max-width: 767px) {
    #pixel7a .contents07 {
      background: #eff8ff url("../images/bg_sustainability_sp.svg") no-repeat 50% 0%;
      background-size: 100% auto; } }
  #pixel7a .contents07 .thumb {
    background: #fff;
    border-radius: 30px;
    padding: 4.58333% 2.5%;
    margin: 2.91667% 0 3.75%; }
    @media (max-width: 767px) {
      #pixel7a .contents07 .thumb {
        padding: 8.59375% 4.6875%;
        margin: 5.46875% 0 7.03125%; } }
    #pixel7a .contents07 .thumb .thumbs {
      display: block;
      margin: 0 auto 2.5%; }
      #pixel7a .contents07 .thumb .thumbs svg {
        vertical-align: bottom; }
      @media (max-width: 767px) {
        #pixel7a .contents07 .thumb .thumbs {
          margin: 0 auto 4.6875%; } }
      #pixel7a .contents07 .thumb .thumbs.thumbs_end {
        margin-bottom: 0; }

#pixel7a .contents08 {
  background: #eff8ff url("../images/bg_worry.svg") no-repeat 50% 0%;
  background-size: cover;
  padding-bottom: 8.33333%; }
  @media (max-width: 767px) {
    #pixel7a .contents08 {
      background: #eff8ff url("../images/bg_worry_bg.svg") no-repeat 50% 0%;
      background-size: cover;
      padding-bottom: 8.33333%; } }
  #pixel7a .contents08 .ttl-h3 em {
    font-size: clamp(24px, 3.194vw, 40px);
    font-weight: bold; }
    @media (max-width: 767px) {
      #pixel7a .contents08 .ttl-h3 em {
        line-height: 2; } }
    #pixel7a .contents08 .ttl-h3 em span {
      position: relative;
      display: inline-block; }
      #pixel7a .contents08 .ttl-h3 em span img {
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: rotate(-0.04turn) translate(50%, -90%);
        -ms-transform: rotate(-0.04turn) translate(50%, -90%);
        transform: rotate(-0.04turn) translate(50%, -90%);
        width: .7em; }
        @media (max-width: 767px) {
          #pixel7a .contents08 .ttl-h3 em span img {
            -webkit-transform: rotate(-0.04turn) translate(50%, -20%);
            -ms-transform: rotate(-0.04turn) translate(50%, -20%);
            transform: rotate(-0.04turn) translate(50%, -20%); } }
      #pixel7a .contents08 .ttl-h3 em span.tx1 {
        -webkit-transform: rotate(-0.02turn);
        -ms-transform: rotate(-0.02turn);
        transform: rotate(-0.02turn); }
      #pixel7a .contents08 .ttl-h3 em span.tx2 {
        -webkit-transform: rotate(0.02turn);
        -ms-transform: rotate(0.02turn);
        transform: rotate(0.02turn); }
      #pixel7a .contents08 .ttl-h3 em span.tx3 {
        -webkit-transform: rotate(0.04turn) translateY(0.1em);
        -ms-transform: rotate(0.04turn) translateY(0.1em);
        transform: rotate(0.04turn) translateY(0.1em); }
  #pixel7a .contents08 .flex3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 3.33333%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 767px) {
      #pixel7a .contents08 .flex3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    #pixel7a .contents08 .flex3 .col {
      margin: 0.95833%; }
      @media (max-width: 767px) {
        #pixel7a .contents08 .flex3 .col {
          width: 47.75862%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          #pixel7a .contents08 .flex3 .col:last-child {
            width: 100%; }
            #pixel7a .contents08 .flex3 .col:last-child .thumb {
              width: 25%; } }
      #pixel7a .contents08 .flex3 .col a {
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        min-height: 0%;
        display: flex; }
        #pixel7a .contents08 .flex3 .col a .txt {
          border-width: 2px;
          border-color: #009cef;
          border-style: solid;
          border-radius: 30px;
          background-color: white;
          text-align: center;
          position: relative;
          padding: 10.61008% calc(7.95756% + 15px) 7.95756% 7.95756%;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          height: 100%;
          min-height: 0%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          #pixel7a .contents08 .flex3 .col a .txt::after {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            background: url(../images/down.svg) no-repeat;
            background-size: cover !important;
            position: absolute;
            top: 50%;
            right: 15px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
            @media (max-width: 767px) {
              #pixel7a .contents08 .flex3 .col a .txt::after {
                left: 50%;
                right: auto;
                top: auto;
                bottom: 10px;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%); } }
          @media (max-width: 767px) {
            #pixel7a .contents08 .flex3 .col a .txt {
              border-radius: 10px;
              padding: 1.5em 5.17241% 35px; }
              #pixel7a .contents08 .flex3 .col a .txt p {
                text-align: center; } }
          #pixel7a .contents08 .flex3 .col a .txt p {
            margin-bottom: 0;
            line-height: calc(35/20); }
            @media (max-width: 767px) {
              #pixel7a .contents08 .flex3 .col a .txt p {
                line-height: calc(30/20); } }
            #pixel7a .contents08 .flex3 .col a .txt p em {
              color: #fe7a0d; }
              @media (max-width: 767px) {
                #pixel7a .contents08 .flex3 .col a .txt p em {
                  font-size: clamp(16px, 1.389vw, 20px); } }
        #pixel7a .contents08 .flex3 .col a:hover .txt {
          background: #009cef;
          -webkit-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
          color: #FFF; }
          #pixel7a .contents08 .flex3 .col a:hover .txt .tag {
            background: #FFF;
            color: #009cef;
            border: 2px solid #009cef; }
          #pixel7a .contents08 .flex3 .col a:hover .txt::after {
            background: url(../images/down_white.svg) no-repeat; }
      #pixel7a .contents08 .flex3 .col .tag {
        font-size: clamp(13px, 1.111vw, 16px);
        width: 68.96552%;
        background: #009cef;
        border-radius: 30px;
        color: #FFF;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #pixel7a .contents08 .flex3 .col .tag em {
          font-size: clamp(13px, 1.389vw, 20px);
          font-weight: bold; }
        @media (max-width: 767px) {
          #pixel7a .contents08 .flex3 .col .tag {
            width: 100%;
            border-radius: 8px 8px 0 0;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            left: 0;
            white-space: nowrap; } }
      #pixel7a .contents08 .flex3 .col .thumb {
        width: 28.64721%;
        margin: 10px auto 2.5%; }
        @media (max-width: 767px) {
          #pixel7a .contents08 .flex3 .col .thumb {
            width: 50%; } }

#pixel7a .contents09 {
  padding-top: 6.66667%; }
  #pixel7a .contents09::before {
    content: '';
    width: 50%;
    position: absolute;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent;
    border-bottom: 100px solid #fff;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
    @media (max-width: 767px) {
      #pixel7a .contents09::before {
        border-bottom: 30px solid #fff; } }
  #pixel7a .contents09::after {
    content: '';
    width: 50%;
    position: absolute;
    top: 0;
    left: -50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent;
    border-bottom: 100px solid #fff;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
    @media (max-width: 767px) {
      #pixel7a .contents09::after {
        border-bottom: 30px solid #fff; } }
  #pixel7a .contents09 .tag {
    position: absolute;
    background: #009cf0;
    color: #FFF;
    font-size: clamp(14px, 1.667vw, 24px);
    line-height: calc(35/24);
    font-weight: bold;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    border-radius: 5px;
    padding: .3em 1.5em; }
    #pixel7a .contents09 .tag::after {
      content: '';
      width: 50%;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-right: 4em solid transparent;
      border-left: 4em solid transparent;
      border-top: 15px solid #009cf0;
      -webkit-transform: translate(-50%, calc(100% - 1px));
      -ms-transform: translate(-50%, calc(100% - 1px));
      transform: translate(-50%, calc(100% - 1px)); }
      @media (max-width: 767px) {
        #pixel7a .contents09 .tag::after {
          border-top: 10px solid #009cf0; } }
  #pixel7a .contents09 .ttl-h3 em {
    font-size: clamp(21px, 3.194vw, 40px);
    color: #009cef; }
    @media (max-width: 767px) {
      #pixel7a .contents09 .ttl-h3 em {
        line-height: 2; } }
    #pixel7a .contents09 .ttl-h3 em span {
      position: relative;
      display: inline-block; }
      @media (max-width: 767px) {
        #pixel7a .contents09 .ttl-h3 em span {
          line-height: 1; } }
      #pixel7a .contents09 .ttl-h3 em span::after {
        content: '.';
        top: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(calc(-100% + .1em), -100%);
        -ms-transform: translate(calc(-100% + .1em), -100%);
        transform: translate(calc(-100% + .1em), -100%); }
  #pixel7a .contents09 .ttl-h4 {
    line-height: calc(30/24);
    font-weight: bold;
    background: #0c0d6a;
    color: #FFF;
    border-radius: 30px;
    text-align: center;
    padding: .3em 0;
    margin: 2.5% 0 0.83333%; }
    @media (max-width: 767px) {
      #pixel7a .contents09 .ttl-h4 {
        margin: 5.17241% 0; } }
  #pixel7a .contents09 .flex3 .col {
    background: #eff8ff;
    border-radius: 30px;
    overflow: hidden; }
    @media (max-width: 767px) {
      #pixel7a .contents09 .flex3 .col + .col {
        margin: 5.17241% 0; } }
    #pixel7a .contents09 .flex3 .col .txt {
      padding: 7.95756%; }
      @media (max-width: 767px) {
        #pixel7a .contents09 .flex3 .col .txt {
          padding: 5.17241%; } }
      #pixel7a .contents09 .flex3 .col .txt .ttl_s {
        text-align: center; }
      #pixel7a .contents09 .flex3 .col .txt p {
        margin-bottom: 0; }

/* スクロールエフェクト
---------------------------------------------------------------------------- */
.is-effect {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  -moz-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  -o-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.is-effect-delay {
  opacity: 0;
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s; }

.is-effect-on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }