@charset "UTF-8";
/*----------------------------------------------
variable
----------------------------------------------*/
/* 1280pxデザイン時のpxからvwを計算 ------------*/
/* calc内で使いたい場合: calc( 100% - vw(10) ); */
/* 375pxデザイン時のpxからvwを計算 ------------*/
/* calc内で使いたい場合: calc( 100% - vw(10) ); */
/* 1920pxデザイン時のpxからvwを計算 ------------*/
/* calc内で使いたい場合: calc( 100% - 2.5445292621vw ); */
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");
*, *::before, *::after {
  box-sizing: border-box; }

* {
  margin: 0; }

html, body {
  height: 100%; }

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; }

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%; }

input, button, textarea, select {
  font: inherit; }

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; }

#root, #__next {
  isolation: isolate; }

/*----------------------------------------------
SCSS
----------------------------------------------*/
html, body {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  position: relative;
  -webkit-text-size-adjust: 100%; }

* {
  box-sizing: border-box; }

html, body, #wrapper {
  min-height: 100%; }

body.overlay {
  height: 100vh;
  overflow: hidden; }

#wrapper {
  z-index: 1;
  background: #fff;
  overflow: hidden; }
  #wrapper.caseWrapper {
    overflow: initial; }

figure {
  margin: 0; }
  @media (max-width: 767px) {
    figure {
      width: 100% !important;
      text-align: center; } }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  backface-visibility: hidden; }

.btn.focus, .btn:focus, .btn:hover {
  outline: none; }

a, a img, button {
  transition: all 0.2s ease-out 0s;
  will-change: transform; }

section {
  padding: 50px 0; }
  @media (max-width: 767px) {
    section {
      padding: 8.9058524173vw 0; } }

a {
  text-decoration: none; }

iframe {
  max-width: 100%; }

/*----------------------------------------------
module
----------------------------------------------*/
.mg0 {
  margin: 0px !important; }
  @media (max-width: 767px) {
    .mg0 {
      margin: 0vw !important; } }

.mt0 {
  margin-top: 0px !important; }
  @media (max-width: 767px) {
    .mt0 {
      margin-top: 0vw !important; } }

.mr0 {
  margin-right: 0px !important; }
  @media (max-width: 767px) {
    .mr0 {
      margin-right: 0vw !important; } }

.mb0 {
  margin-bottom: 0px !important; }
  @media (max-width: 767px) {
    .mb0 {
      margin-bottom: 0vw !important; } }

.ml0 {
  margin-left: 0px !important; }
  @media (max-width: 767px) {
    .ml0 {
      margin-left: 0vw !important; } }

.mg5 {
  margin: 5px !important; }
  @media (max-width: 767px) {
    .mg5 {
      margin: 1.272264631vw !important; } }

.mt5 {
  margin-top: 5px !important; }
  @media (max-width: 767px) {
    .mt5 {
      margin-top: 1.272264631vw !important; } }

.mr5 {
  margin-right: 5px !important; }
  @media (max-width: 767px) {
    .mr5 {
      margin-right: 1.272264631vw !important; } }

.mb5 {
  margin-bottom: 5px !important; }
  @media (max-width: 767px) {
    .mb5 {
      margin-bottom: 1.272264631vw !important; } }

.ml5 {
  margin-left: 5px !important; }
  @media (max-width: 767px) {
    .ml5 {
      margin-left: 1.272264631vw !important; } }

.mg10 {
  margin: 10px !important; }
  @media (max-width: 767px) {
    .mg10 {
      margin: 2.5445292621vw !important; } }

.mt10 {
  margin-top: 10px !important; }
  @media (max-width: 767px) {
    .mt10 {
      margin-top: 2.5445292621vw !important; } }

.mr10 {
  margin-right: 10px !important; }
  @media (max-width: 767px) {
    .mr10 {
      margin-right: 2.5445292621vw !important; } }

.mb10 {
  margin-bottom: 10px !important; }
  @media (max-width: 767px) {
    .mb10 {
      margin-bottom: 2.5445292621vw !important; } }

.ml10 {
  margin-left: 10px !important; }
  @media (max-width: 767px) {
    .ml10 {
      margin-left: 2.5445292621vw !important; } }

.mg15 {
  margin: 15px !important; }
  @media (max-width: 767px) {
    .mg15 {
      margin: 3.8167938931vw !important; } }

.mt15 {
  margin-top: 15px !important; }
  @media (max-width: 767px) {
    .mt15 {
      margin-top: 3.8167938931vw !important; } }

.mr15 {
  margin-right: 15px !important; }
  @media (max-width: 767px) {
    .mr15 {
      margin-right: 3.8167938931vw !important; } }

.mb15 {
  margin-bottom: 15px !important; }
  @media (max-width: 767px) {
    .mb15 {
      margin-bottom: 3.8167938931vw !important; } }

.ml15 {
  margin-left: 15px !important; }
  @media (max-width: 767px) {
    .ml15 {
      margin-left: 3.8167938931vw !important; } }

.mg20 {
  margin: 20px !important; }
  @media (max-width: 767px) {
    .mg20 {
      margin: 5.0890585242vw !important; } }

.mt20 {
  margin-top: 20px !important; }
  @media (max-width: 767px) {
    .mt20 {
      margin-top: 5.0890585242vw !important; } }

.mr20 {
  margin-right: 20px !important; }
  @media (max-width: 767px) {
    .mr20 {
      margin-right: 5.0890585242vw !important; } }

.mb20 {
  margin-bottom: 20px !important; }
  @media (max-width: 767px) {
    .mb20 {
      margin-bottom: 5.0890585242vw !important; } }

.ml20 {
  margin-left: 20px !important; }
  @media (max-width: 767px) {
    .ml20 {
      margin-left: 5.0890585242vw !important; } }

.mg25 {
  margin: 25px !important; }
  @media (max-width: 767px) {
    .mg25 {
      margin: 6.3613231552vw !important; } }

.mt25 {
  margin-top: 25px !important; }
  @media (max-width: 767px) {
    .mt25 {
      margin-top: 6.3613231552vw !important; } }

.mr25 {
  margin-right: 25px !important; }
  @media (max-width: 767px) {
    .mr25 {
      margin-right: 6.3613231552vw !important; } }

.mb25 {
  margin-bottom: 25px !important; }
  @media (max-width: 767px) {
    .mb25 {
      margin-bottom: 6.3613231552vw !important; } }

.ml25 {
  margin-left: 25px !important; }
  @media (max-width: 767px) {
    .ml25 {
      margin-left: 6.3613231552vw !important; } }

.mg30 {
  margin: 30px !important; }
  @media (max-width: 767px) {
    .mg30 {
      margin: 7.6335877863vw !important; } }

.mt30 {
  margin-top: 30px !important; }
  @media (max-width: 767px) {
    .mt30 {
      margin-top: 7.6335877863vw !important; } }

.mr30 {
  margin-right: 30px !important; }
  @media (max-width: 767px) {
    .mr30 {
      margin-right: 7.6335877863vw !important; } }

.mb30 {
  margin-bottom: 30px !important; }
  @media (max-width: 767px) {
    .mb30 {
      margin-bottom: 7.6335877863vw !important; } }

.ml30 {
  margin-left: 30px !important; }
  @media (max-width: 767px) {
    .ml30 {
      margin-left: 7.6335877863vw !important; } }

.mg35 {
  margin: 35px !important; }
  @media (max-width: 767px) {
    .mg35 {
      margin: 8.9058524173vw !important; } }

.mt35 {
  margin-top: 35px !important; }
  @media (max-width: 767px) {
    .mt35 {
      margin-top: 8.9058524173vw !important; } }

.mr35 {
  margin-right: 35px !important; }
  @media (max-width: 767px) {
    .mr35 {
      margin-right: 8.9058524173vw !important; } }

.mb35 {
  margin-bottom: 35px !important; }
  @media (max-width: 767px) {
    .mb35 {
      margin-bottom: 8.9058524173vw !important; } }

.ml35 {
  margin-left: 35px !important; }
  @media (max-width: 767px) {
    .ml35 {
      margin-left: 8.9058524173vw !important; } }

.mg40 {
  margin: 40px !important; }
  @media (max-width: 767px) {
    .mg40 {
      margin: 10.1781170483vw !important; } }

.mt40 {
  margin-top: 40px !important; }
  @media (max-width: 767px) {
    .mt40 {
      margin-top: 10.1781170483vw !important; } }

.mr40 {
  margin-right: 40px !important; }
  @media (max-width: 767px) {
    .mr40 {
      margin-right: 10.1781170483vw !important; } }

.mb40 {
  margin-bottom: 40px !important; }
  @media (max-width: 767px) {
    .mb40 {
      margin-bottom: 10.1781170483vw !important; } }

.ml40 {
  margin-left: 40px !important; }
  @media (max-width: 767px) {
    .ml40 {
      margin-left: 10.1781170483vw !important; } }

.mg45 {
  margin: 45px !important; }
  @media (max-width: 767px) {
    .mg45 {
      margin: 11.4503816794vw !important; } }

.mt45 {
  margin-top: 45px !important; }
  @media (max-width: 767px) {
    .mt45 {
      margin-top: 11.4503816794vw !important; } }

.mr45 {
  margin-right: 45px !important; }
  @media (max-width: 767px) {
    .mr45 {
      margin-right: 11.4503816794vw !important; } }

.mb45 {
  margin-bottom: 45px !important; }
  @media (max-width: 767px) {
    .mb45 {
      margin-bottom: 11.4503816794vw !important; } }

.ml45 {
  margin-left: 45px !important; }
  @media (max-width: 767px) {
    .ml45 {
      margin-left: 11.4503816794vw !important; } }

.mg50 {
  margin: 50px !important; }
  @media (max-width: 767px) {
    .mg50 {
      margin: 12.7226463104vw !important; } }

.mt50 {
  margin-top: 50px !important; }
  @media (max-width: 767px) {
    .mt50 {
      margin-top: 12.7226463104vw !important; } }

.mr50 {
  margin-right: 50px !important; }
  @media (max-width: 767px) {
    .mr50 {
      margin-right: 12.7226463104vw !important; } }

.mb50 {
  margin-bottom: 50px !important; }
  @media (max-width: 767px) {
    .mb50 {
      margin-bottom: 12.7226463104vw !important; } }

.ml50 {
  margin-left: 50px !important; }
  @media (max-width: 767px) {
    .ml50 {
      margin-left: 12.7226463104vw !important; } }

.mg55 {
  margin: 55px !important; }
  @media (max-width: 767px) {
    .mg55 {
      margin: 13.9949109415vw !important; } }

.mt55 {
  margin-top: 55px !important; }
  @media (max-width: 767px) {
    .mt55 {
      margin-top: 13.9949109415vw !important; } }

.mr55 {
  margin-right: 55px !important; }
  @media (max-width: 767px) {
    .mr55 {
      margin-right: 13.9949109415vw !important; } }

.mb55 {
  margin-bottom: 55px !important; }
  @media (max-width: 767px) {
    .mb55 {
      margin-bottom: 13.9949109415vw !important; } }

.ml55 {
  margin-left: 55px !important; }
  @media (max-width: 767px) {
    .ml55 {
      margin-left: 13.9949109415vw !important; } }

.mg60 {
  margin: 60px !important; }
  @media (max-width: 767px) {
    .mg60 {
      margin: 15.2671755725vw !important; } }

.mt60 {
  margin-top: 60px !important; }
  @media (max-width: 767px) {
    .mt60 {
      margin-top: 15.2671755725vw !important; } }

.mr60 {
  margin-right: 60px !important; }
  @media (max-width: 767px) {
    .mr60 {
      margin-right: 15.2671755725vw !important; } }

.mb60 {
  margin-bottom: 60px !important; }
  @media (max-width: 767px) {
    .mb60 {
      margin-bottom: 15.2671755725vw !important; } }

.ml60 {
  margin-left: 60px !important; }
  @media (max-width: 767px) {
    .ml60 {
      margin-left: 15.2671755725vw !important; } }

.mg65 {
  margin: 65px !important; }
  @media (max-width: 767px) {
    .mg65 {
      margin: 16.5394402036vw !important; } }

.mt65 {
  margin-top: 65px !important; }
  @media (max-width: 767px) {
    .mt65 {
      margin-top: 16.5394402036vw !important; } }

.mr65 {
  margin-right: 65px !important; }
  @media (max-width: 767px) {
    .mr65 {
      margin-right: 16.5394402036vw !important; } }

.mb65 {
  margin-bottom: 65px !important; }
  @media (max-width: 767px) {
    .mb65 {
      margin-bottom: 16.5394402036vw !important; } }

.ml65 {
  margin-left: 65px !important; }
  @media (max-width: 767px) {
    .ml65 {
      margin-left: 16.5394402036vw !important; } }

.mg70 {
  margin: 70px !important; }
  @media (max-width: 767px) {
    .mg70 {
      margin: 17.8117048346vw !important; } }

.mt70 {
  margin-top: 70px !important; }
  @media (max-width: 767px) {
    .mt70 {
      margin-top: 17.8117048346vw !important; } }

.mr70 {
  margin-right: 70px !important; }
  @media (max-width: 767px) {
    .mr70 {
      margin-right: 17.8117048346vw !important; } }

.mb70 {
  margin-bottom: 70px !important; }
  @media (max-width: 767px) {
    .mb70 {
      margin-bottom: 17.8117048346vw !important; } }

.ml70 {
  margin-left: 70px !important; }
  @media (max-width: 767px) {
    .ml70 {
      margin-left: 17.8117048346vw !important; } }

.mg75 {
  margin: 75px !important; }
  @media (max-width: 767px) {
    .mg75 {
      margin: 19.0839694656vw !important; } }

.mt75 {
  margin-top: 75px !important; }
  @media (max-width: 767px) {
    .mt75 {
      margin-top: 19.0839694656vw !important; } }

.mr75 {
  margin-right: 75px !important; }
  @media (max-width: 767px) {
    .mr75 {
      margin-right: 19.0839694656vw !important; } }

.mb75 {
  margin-bottom: 75px !important; }
  @media (max-width: 767px) {
    .mb75 {
      margin-bottom: 19.0839694656vw !important; } }

.ml75 {
  margin-left: 75px !important; }
  @media (max-width: 767px) {
    .ml75 {
      margin-left: 19.0839694656vw !important; } }

.mg80 {
  margin: 80px !important; }
  @media (max-width: 767px) {
    .mg80 {
      margin: 20.3562340967vw !important; } }

.mt80 {
  margin-top: 80px !important; }
  @media (max-width: 767px) {
    .mt80 {
      margin-top: 20.3562340967vw !important; } }

.mr80 {
  margin-right: 80px !important; }
  @media (max-width: 767px) {
    .mr80 {
      margin-right: 20.3562340967vw !important; } }

.mb80 {
  margin-bottom: 80px !important; }
  @media (max-width: 767px) {
    .mb80 {
      margin-bottom: 20.3562340967vw !important; } }

.ml80 {
  margin-left: 80px !important; }
  @media (max-width: 767px) {
    .ml80 {
      margin-left: 20.3562340967vw !important; } }

.mg85 {
  margin: 85px !important; }
  @media (max-width: 767px) {
    .mg85 {
      margin: 21.6284987277vw !important; } }

.mt85 {
  margin-top: 85px !important; }
  @media (max-width: 767px) {
    .mt85 {
      margin-top: 21.6284987277vw !important; } }

.mr85 {
  margin-right: 85px !important; }
  @media (max-width: 767px) {
    .mr85 {
      margin-right: 21.6284987277vw !important; } }

.mb85 {
  margin-bottom: 85px !important; }
  @media (max-width: 767px) {
    .mb85 {
      margin-bottom: 21.6284987277vw !important; } }

.ml85 {
  margin-left: 85px !important; }
  @media (max-width: 767px) {
    .ml85 {
      margin-left: 21.6284987277vw !important; } }

.mg90 {
  margin: 90px !important; }
  @media (max-width: 767px) {
    .mg90 {
      margin: 22.9007633588vw !important; } }

.mt90 {
  margin-top: 90px !important; }
  @media (max-width: 767px) {
    .mt90 {
      margin-top: 22.9007633588vw !important; } }

.mr90 {
  margin-right: 90px !important; }
  @media (max-width: 767px) {
    .mr90 {
      margin-right: 22.9007633588vw !important; } }

.mb90 {
  margin-bottom: 90px !important; }
  @media (max-width: 767px) {
    .mb90 {
      margin-bottom: 22.9007633588vw !important; } }

.ml90 {
  margin-left: 90px !important; }
  @media (max-width: 767px) {
    .ml90 {
      margin-left: 22.9007633588vw !important; } }

.mg95 {
  margin: 95px !important; }
  @media (max-width: 767px) {
    .mg95 {
      margin: 24.1730279898vw !important; } }

.mt95 {
  margin-top: 95px !important; }
  @media (max-width: 767px) {
    .mt95 {
      margin-top: 24.1730279898vw !important; } }

.mr95 {
  margin-right: 95px !important; }
  @media (max-width: 767px) {
    .mr95 {
      margin-right: 24.1730279898vw !important; } }

.mb95 {
  margin-bottom: 95px !important; }
  @media (max-width: 767px) {
    .mb95 {
      margin-bottom: 24.1730279898vw !important; } }

.ml95 {
  margin-left: 95px !important; }
  @media (max-width: 767px) {
    .ml95 {
      margin-left: 24.1730279898vw !important; } }

.mg100 {
  margin: 100px !important; }
  @media (max-width: 767px) {
    .mg100 {
      margin: 25.4452926209vw !important; } }

.mt100 {
  margin-top: 100px !important; }
  @media (max-width: 767px) {
    .mt100 {
      margin-top: 25.4452926209vw !important; } }

.mr100 {
  margin-right: 100px !important; }
  @media (max-width: 767px) {
    .mr100 {
      margin-right: 25.4452926209vw !important; } }

.mb100 {
  margin-bottom: 100px !important; }
  @media (max-width: 767px) {
    .mb100 {
      margin-bottom: 25.4452926209vw !important; } }

.ml100 {
  margin-left: 100px !important; }
  @media (max-width: 767px) {
    .ml100 {
      margin-left: 25.4452926209vw !important; } }

.txtRed {
  color: #F00; }

.txtLeft {
  text-align: left; }

.txtCenter {
  text-align: center; }

.txtRight {
  text-align: right; }

.pconly {
  display: block !important; }
  @media (max-width: 767px) {
    .pconly {
      display: none !important; } }

.sponly {
  display: none !important; }
  @media (max-width: 767px) {
    .sponly {
      display: block !important; } }

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

/*----------------------------------------------
pageHead
----------------------------------------------*/
#pageHead {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #707070;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999; }
  #pageHead.min .container {
    height: 100px;
    padding-left: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 767px) {
      #pageHead.min .container {
        height: 17.8117048346vw; } }
  #pageHead .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px; }
    @media (max-width: 767px) {
      #pageHead .container {
        padding: 4.5801526718vw 3.0534351145vw;
        gap: 0; } }
  #pageHead .logo {
    font-size: 12px;
    font-weight: normal;
    text-indent: 7px;
    flex-shrink: 0; }
    @media (max-width: 767px) {
      #pageHead .logo span {
        display: none; } }
    #pageHead .logo img {
      margin-top: 8px; }
      @media (max-width: 767px) {
        #pageHead .logo img {
          width: 43.0025445293vw;
          height: 8.6513994911vw;
          margin-top: 0; } }
    #pageHead .logo a {
      color: #000; }
      #pageHead .logo a:hover {
        opacity: .6; }
  #pageHead .hamburger {
    display: none; }
    @media (max-width: 767px) {
      #pageHead .hamburger {
        width: 10.1781170483vw;
        height: 5.5979643766vw;
        display: block;
        position: relative; }
        #pageHead .hamburger span {
          width: 10.1781170483vw;
          height: 0.5089058524vw;
          background: #033A7A;
          display: block;
          position: absolute;
          transition: all 0.2s ease-out 0s; }
          #pageHead .hamburger span:nth-of-type(1) {
            top: 0; }
          #pageHead .hamburger span:nth-of-type(2) {
            top: 50%;
            transform: translate(0, -50%); }
          #pageHead .hamburger span:nth-of-type(3) {
            top: 100%;
            transform: translate(0, -100%); }
        #pageHead .hamburger.active span:nth-of-type(1) {
          top: 50%;
          transform: rotate(45deg); }
        #pageHead .hamburger.active span:nth-of-type(2) {
          display: none; }
        #pageHead .hamburger.active span:nth-of-type(3) {
          top: 50%;
          transform: rotate(-45deg); } }
  @media (max-width: 767px) {
    #pageHead .menuList {
      display: none;
      padding: 5.0890585242vw 5.0890585242vw 7.6335877863vw;
      background: #fff;
      position: absolute;
      top: 15.7760814249vw;
      left: 0;
      z-index: 999; } }
  #pageHead .menuList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: auto auto auto auto 176px;
    grid-auto-columns: auto;
    grid-auto-rows: 50px;
    gap: 0 45px; }
    @media (max-width: 767px) {
      #pageHead .menuList ul {
        display: flex;
        flex-wrap: wrap; } }
    #pageHead .menuList ul li {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        #pageHead .menuList ul li {
          width: 100%; } }
      #pageHead .menuList ul li:nth-of-type(1), #pageHead .menuList ul li:nth-of-type(2), #pageHead .menuList ul li:nth-of-type(3), #pageHead .menuList ul li:nth-of-type(4) {
        grid-row: 1 / 3; }
        #pageHead .menuList ul li:nth-of-type(1) a, #pageHead .menuList ul li:nth-of-type(2) a, #pageHead .menuList ul li:nth-of-type(3) a, #pageHead .menuList ul li:nth-of-type(4) a {
          color: #333;
          font-size: 16px;
          font-weight: bold; }
          @media (max-width: 767px) {
            #pageHead .menuList ul li:nth-of-type(1) a, #pageHead .menuList ul li:nth-of-type(2) a, #pageHead .menuList ul li:nth-of-type(3) a, #pageHead .menuList ul li:nth-of-type(4) a {
              padding: 3.8167938931vw;
              font-size: 4.0712468193vw; } }
          #pageHead .menuList ul li:nth-of-type(1) a:hover, #pageHead .menuList ul li:nth-of-type(2) a:hover, #pageHead .menuList ul li:nth-of-type(3) a:hover, #pageHead .menuList ul li:nth-of-type(4) a:hover {
            opacity: .6; }
      #pageHead .menuList ul li:nth-of-type(5) a, #pageHead .menuList ul li:nth-of-type(6) a {
        width: 176px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 767px) {
          #pageHead .menuList ul li:nth-of-type(5) a, #pageHead .menuList ul li:nth-of-type(6) a {
            width: 44.7837150127vw;
            height: 12.7226463104vw;
            margin-top: 3.8167938931vw; } }
        #pageHead .menuList ul li:nth-of-type(5) a:hover, #pageHead .menuList ul li:nth-of-type(6) a:hover {
          opacity: .6; }
      #pageHead .menuList ul li:nth-of-type(5) a {
        background: #FDD05B;
        color: #000;
        font-size: 16px;
        font-weight: bold; }
        @media (max-width: 767px) {
          #pageHead .menuList ul li:nth-of-type(5) a {
            font-size: 4.0712468193vw; } }
      #pageHead .menuList ul li:nth-of-type(6) a {
        background: #191919;
        color: #fff;
        font-size: 16px;
        font-weight: bold; }
        @media (max-width: 767px) {
          #pageHead .menuList ul li:nth-of-type(6) a {
            font-size: 4.0712468193vw; } }

/*----------------------------------------------
pageFoot
----------------------------------------------*/
#pageFoot {
  padding: 57px 0 51px;
  background: #000; }
  @media (max-width: 767px) {
    #pageFoot {
      padding: 12.7226463104vw 0 10.941475827vw; } }
  #pageFoot.min {
    padding: 60px 0; }
  #pageFoot .container {
    padding-left: 55px;
    padding-right: 55px; }
    @media (max-width: 767px) {
      #pageFoot .container {
        padding: 0 9.1603053435vw; } }
  #pageFoot .logo {
    width: fit-content;
    margin: 0 auto; }
    #pageFoot .logo a:hover {
      opacity: .6; }
    #pageFoot .logo img {
      margin: 0 auto;
      display: block; }
      @media (max-width: 767px) {
        #pageFoot .logo img {
          width: 51.7709923664vw;
          height: 10.0687022901vw; } }
  #pageFoot .column3 {
    margin: 61px 0 82px 55px;
    display: flex;
    justify-content: space-around; }
    @media (max-width: 767px) {
      #pageFoot .column3 {
        margin: 11.9592875318vw 0 12.4681933842vw;
        flex-wrap: wrap;
        gap: 11.9592875318vw; } }
    #pageFoot .column3 .item {
      width: fit-content; }
      @media (max-width: 767px) {
        #pageFoot .column3 .item {
          width: 100%; } }
      #pageFoot .column3 .item ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        #pageFoot .column3 .item ul li a {
          color: #fff;
          font-size: 18px;
          font-weight: bold;
          line-height: 1; }
          @media (max-width: 767px) {
            #pageFoot .column3 .item ul li a {
              font-size: 4.5801526718vw; } }
          #pageFoot .column3 .item ul li a:hover {
            opacity: 0.6; }
          #pageFoot .column3 .item ul li a.icon-blank {
            display: flex;
            align-items: center;
            gap: 14px; }
            @media (max-width: 767px) {
              #pageFoot .column3 .item ul li a.icon-blank {
                gap: 3.5623409669vw; } }
            #pageFoot .column3 .item ul li a.icon-blank::after {
              width: 18px;
              height: 18px;
              background: url("../images/ico-external-link_w.svg") center center/cover no-repeat;
              content: "";
              display: block; }
              @media (max-width: 767px) {
                #pageFoot .column3 .item ul li a.icon-blank::after {
                  width: 4.5801526718vw;
                  height: 4.5801526718vw; } }
        #pageFoot .column3 .item ul li + li {
          margin-top: calc(50em / 18); }
  #pageFoot .footerSubMenu {
    margin-bottom: 36px; }
    @media (max-width: 767px) {
      #pageFoot .footerSubMenu {
        margin-bottom: 12.4681933842vw; } }
    #pageFoot .footerSubMenu ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        #pageFoot .footerSubMenu ul {
          flex-wrap: wrap; } }
      #pageFoot .footerSubMenu ul li {
        line-height: 1; }
        @media (max-width: 767px) {
          #pageFoot .footerSubMenu ul li {
            width: 100%; } }
        #pageFoot .footerSubMenu ul li a {
          color: #fff;
          font-size: 12px;
          font-weight: bold; }
          @media (max-width: 767px) {
            #pageFoot .footerSubMenu ul li a {
              font-size: 3.0534351145vw; } }
          #pageFoot .footerSubMenu ul li a:hover {
            opacity: .6; }
        @media (max-width: 767px) {
          #pageFoot .footerSubMenu ul li + li {
            margin-top: calc(47.05em / 12); } }
        #pageFoot .footerSubMenu ul li + li::before {
          color: #fff;
          content: "　｜　";
          display: inline;
          font-size: 12px;
          font-weight: bold; }
          @media (max-width: 767px) {
            #pageFoot .footerSubMenu ul li + li::before {
              display: none; } }
  #pageFoot small {
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: block; }
    @media (max-width: 767px) {
      #pageFoot small {
        font-size: 2.7989821883vw; } }

/*----------------------------------------------
mainVisual
----------------------------------------------*/
#Top .mainVisual {
  padding-top: 100px;
  background: #FDD05B;
  border-bottom: 1px solid #000;
  overflow: hidden; }
  @media (max-width: 767px) {
    #Top .mainVisual {
      padding-top: 17.8117048346vw; } }
  #Top .mainVisual .container {
    width: 1280px;
    padding: 30px 55px 57px;
    position: relative; }
    @media (min-width: 768px) and (max-width: 1279px) {
      #Top .mainVisual .container {
        width: 100vw;
        padding: 2.34375vw 4.296875vw 4.453125vw;
        position: relative; } }
    @media (max-width: 767px) {
      #Top .mainVisual .container {
        padding: 4.5801526718vw 3.0534351145vw 0; } }
  #Top .mainVisual h2 {
    color: #191919;
    font-size: 60px;
    font-weight: bold;
    line-height: calc(70em / 60);
    text-shadow: 0 1px 1px #fff;
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) and (max-width: 1279px) {
      #Top .mainVisual h2 {
        font-size: 4.6875vw; } }
    @media (max-width: 767px) {
      #Top .mainVisual h2 {
        font-size: 9.4147582697vw;
        line-height: calc(42em / 37);
        text-shadow: 0 0.2544529262vw 0.2544529262vw #fff; } }
  #Top .mainVisual p {
    margin-top: 16px;
    color: #191919;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) and (max-width: 1279px) {
      #Top .mainVisual p {
        margin-top: 1.25vw;
        font-size: 1.71875vw; } }
    @media (max-width: 767px) {
      #Top .mainVisual p {
        margin-top: 5.0890585242vw;
        font-size: 4.0712468193vw; } }
  #Top .mainVisual .btnWrap {
    margin-top: 45px;
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) and (max-width: 1279px) {
      #Top .mainVisual .btnWrap {
        margin-top: 3.515625vw; } }
    @media (max-width: 767px) {
      #Top .mainVisual .btnWrap {
        margin-top: 6.8702290076vw; } }
    #Top .mainVisual .btnWrap a {
      width: 259px;
      height: 63px;
      background: #191919;
      border-radius: 100px;
      color: #fff;
      font-size: 22px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      @media (min-width: 768px) and (max-width: 1279px) {
        #Top .mainVisual .btnWrap a {
          width: 20.234375vw;
          height: 4.921875vw;
          border-radius: 7.8125vw;
          font-size: 1.71875vw; } }
      @media (max-width: 767px) {
        #Top .mainVisual .btnWrap a {
          width: 65.903307888vw;
          height: 16.0305343511vw;
          margin: 0 auto;
          border-radius: 25.4452926209vw;
          font-size: 5.5979643766vw; } }
      #Top .mainVisual .btnWrap a .ico_svg_01 {
        width: 12.35px;
        height: 18.53px; }
        @media (max-width: 767px) {
          #Top .mainVisual .btnWrap a .ico_svg_01 {
            width: 3.2697201018vw;
            height: 4.8422391858vw; } }
        #Top .mainVisual .btnWrap a .ico_svg_01 .ico_svg_01_use {
          fill: #fff; }
      #Top .mainVisual .btnWrap a:hover {
        opacity: .6; }
  #Top .mainVisual .img {
    width: 505px;
    height: 402px;
    position: absolute;
    right: 92px;
    bottom: 10px;
    z-index: 0; }
    @media (min-width: 768px) and (max-width: 1279px) {
      #Top .mainVisual .img {
        width: 39.453125vw;
        height: auto;
        right: 7.1875vw;
        bottom: 0.78125vw; } }
    @media (max-width: 767px) {
      #Top .mainVisual .img {
        width: 93.893129771vw;
        height: auto;
        margin-top: 12.213740458vw;
        position: static; } }
    #Top .mainVisual .img img {
      width: 100%;
      height: auto; }
  #Top .mainVisual .name {
    color: #020202;
    font-size: 14px;
    font-weight: 600;
    line-height: calc(20em / 14);
    text-align: right;
    position: absolute;
    right: 103px;
    bottom: 307px;
    font-feature-settings: "palt"; }
    @media (min-width: 768px) and (max-width: 1279px) {
      #Top .mainVisual .name {
        font-size: 1.09375vw;
        right: 8.046875vw;
        bottom: 23.984375vw; } }
    @media (max-width: 767px) {
      #Top .mainVisual .name {
        font-size: 2.7989821883vw;
        line-height: calc(20em / 11);
        right: 3.0534351145vw;
        bottom: 55.4707379135vw; } }

/*----------------------------------------------
style
----------------------------------------------*/
.defs {
  display: none; }

.container {
  width: 1210px;
  max-width: 100%;
  padding: 0 20px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .container {
      width: 100%;
      padding: 0 3.0534351145vw; } }

/*-----------------------------------------
    ボタンの基本設定 幅高さテキストサイズは個別指定
-----------------------------------------*/
.btnWrap {
  text-align: center; }

.btn {
  display: inline-flex;
  background: #000;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #000 url("../images/icon_arrow.svg") no-repeat center/contain;
  background-size: 16px 23px;
  background-position: center right 34px; }
  @media (max-width: 767px) {
    .btn {
      border-radius: 25.4452926209vw;
      background-size: 2.8371501272vw 4.2086513995vw;
      background-position: center right 7.1246819338vw; } }
  .btn.-bgPink {
    background: #DD624E url("../images/icon_arrow.svg") no-repeat center/contain;
    background-size: 16px 23px;
    background-position: center right 34px; }
    @media (max-width: 767px) {
      .btn.-bgPink {
        border-radius: 25.4452926209vw;
        background-size: 2.8371501272vw 4.2086513995vw;
        background-position: center right 7.1246819338vw; } }

.baloonBtn {
  display: inline-flex;
  background: #000;
  border-radius: 32px;
  color: #fff;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #000;
  width: 259px;
  height: 63px;
  font-size: 22px;
  line-height: calc(32/22); }
  @media (max-width: 767px) {
    .baloonBtn {
      width: 65.903307888vw;
      height: 16.0305343511vw;
      padding: 3.8167938931vw 2.5445292621vw;
      font-size: 5.5979643766vw;
      border-radius: 25.4452926209vw; } }
  .baloonBtn::before {
    content: "";
    background-image: url("../images/icon_baloon.svg");
    background-repeat: no-repeat;
    width: 28px;
    height: 24px;
    background-size: cover;
    display: inline-block;
    margin-right: 11px;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .baloonBtn::before {
        width: 7.1246819338vw;
        height: 6.106870229vw; } }

.btn.pink {
  background-color: #DD624E; }

/*-----------------------------------------
    home
-----------------------------------------*/
.achievements {
  padding: 20px 0;
  border-bottom: 1px solid #000; }
  @media (max-width: 767px) {
    .achievements {
      padding: 3.8167938931vw 0 4.5801526718vw; } }
  .achievements h2 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .achievements h2 {
        margin-bottom: 5.3435114504vw;
        font-size: 5.0890585242vw; } }

.logoSlider:not(.slick-slider) {
  height: 100px;
  overflow: hidden;
  opacity: 0; }
  @media (max-width: 767px) {
    .logoSlider:not(.slick-slider) {
      height: 19.0839694656vw; } }
.logoSlider .slick-track {
  display: flex;
  align-items: center; }
.logoSlider .item {
  padding: 0 20px; }
  @media (max-width: 767px) {
    .logoSlider .item {
      height: 19.0839694656vw;
      padding: 0 2.5445292621vw; }
      .logoSlider .item img {
        width: auto;
        height: 19.0839694656vw; } }

.sec01 {
  border-bottom: 1px solid #000;
  padding: 45px 0 50px;
  background: #FDD05B; }
  @media (max-width: 767px) {
    .sec01 {
      padding: 5.0890585242vw 0 6.6157760814vw; } }
  .sec01 h2 {
    font-size: 60px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 59px; }
    @media (max-width: 767px) {
      .sec01 h2 {
        margin-bottom: 7.6335877863vw;
        font-size: 6.6157760814vw; } }
    .sec01 h2 span {
      font-size: 30px; }
      @media (max-width: 767px) {
        .sec01 h2 span {
          margin-top: 3.0534351145vw;
          font-size: 4.5801526718vw;
          display: inline-block; } }
  .sec01 .documentSlider:not(.slick-slider) {
    height: 596px;
    overflow: hidden;
    opacity: 0; }
    @media (max-width: 767px) {
      .sec01 .documentSlider:not(.slick-slider) {
        height: 80.9160305344vw; } }
  .sec01 .documentSlider .slick-list {
    padding-bottom: 10px !important; }
    @media (max-width: 767px) {
      .sec01 .documentSlider .slick-list {
        padding-bottom: 2.5445292621vw !important; } }
  .sec01 .documentSlider .slick-track {
    display: flex;
    gap: 22px; }
    @media (min-width: 768px) {
      .sec01 .documentSlider .slick-track {
        gap: 1.1458333333vw; } }
    @media (max-width: 767px) {
      .sec01 .documentSlider .slick-track {
        gap: 7.6335877863vw; } }
  .sec01 .documentSlider .item {
    transition: all .5s ease 0s; }
    @media (min-width: 768px) {
      .sec01 .documentSlider .item {
        width: 19.1666666667vw; } }
    @media (max-width: 767px) {
      .sec01 .documentSlider .item {
        width: 49.6183206107vw; } }
  .sec01 .documentSlider .industry {
    margin-bottom: 6px;
    font-size: 21px;
    font-weight: bold; }
    @media (min-width: 768px) {
      .sec01 .documentSlider .industry {
        font-size: 1.09375vw;
        margin-bottom: 0.3125vw; } }
    @media (max-width: 767px) {
      .sec01 .documentSlider .industry {
        margin-bottom: 0.7633587786vw;
        font-size: 2.7989821883vw; } }
  .sec01 .documentSlider .document {
    margin-bottom: 22px;
    font-size: 22px;
    font-weight: bold; }
    @media (min-width: 768px) {
      .sec01 .documentSlider .document {
        font-size: 1.1458333333vw;
        margin-bottom: 1.1458333333vw; } }
    @media (max-width: 767px) {
      .sec01 .documentSlider .document {
        margin-bottom: 3.3078880407vw;
        font-size: 3.3078880407vw; } }
  .sec01 .documentSlider .image {
    padding: 18px 16px;
    background: #FFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.28); }
    @media (min-width: 768px) {
      .sec01 .documentSlider .image {
        padding: 0.9375vw 0.8333333333vw; } }
    @media (max-width: 767px) {
      .sec01 .documentSlider .image {
        padding: 3.4351145038vw 2.2900763359vw; } }
    .sec01 .documentSlider .image img {
      display: block;
      width: 100%; }
      @media (max-width: 767px) {
        .sec01 .documentSlider .image img {
          width: 45.0127226463vw;
          height: auto; } }
  .sec01 .documentSlider .item:not(.slick-current) {
    transform: scale(0.888) translateY(20px); }
    @media (min-width: 768px) {
      .sec01 .documentSlider .item:not(.slick-current) {
        transform: scale(0.888) translateY(calc(20/1920 * 100vw)); } }
    @media (max-width: 767px) {
      .sec01 .documentSlider .item:not(.slick-current) {
        transform: scale(0.888) translateY(calc(10/393 * 100vw)); } }
    .sec01 .documentSlider .item:not(.slick-current).landscape {
      transform: scale(0.888) translateY(24px); }
      @media (min-width: 768px) {
        .sec01 .documentSlider .item:not(.slick-current).landscape {
          transform: scale(0.888) translateY(calc(24/1920 * 100vw)); } }
      @media (max-width: 767px) {
        .sec01 .documentSlider .item:not(.slick-current).landscape {
          transform: scale(0.888) translateY(calc(24/393 * 100vw)); } }

.sec02 {
  padding: 58px 0 102.5px;
  border-bottom: 1px solid #000; }
  @media (max-width: 767px) {
    .sec02 {
      padding: 8.3969465649vw 0 21.3740458015vw; } }
  .sec02 h2 {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 71px; }
    @media (max-width: 767px) {
      .sec02 h2 {
        margin-bottom: 14.2493638677vw;
        font-size: 6.6157760814vw; } }
  .sec02 .flex {
    display: flex; }
    @media (max-width: 767px) {
      .sec02 .flex {
        display: block; } }
    .sec02 .flex .item {
      text-align: center;
      border-right: #707070 solid 1px; }
      @media (max-width: 767px) {
        .sec02 .flex .item {
          border-right: none; }
          .sec02 .flex .item + .item {
            margin-top: 13.9949109415vw;
            padding-top: 13.9949109415vw;
            position: relative; }
            .sec02 .flex .item + .item::before {
              width: 63.6132315522vw;
              height: 0.2544529262vw;
              background: #707070;
              content: "";
              display: block;
              position: absolute;
              top: 0;
              left: 50%;
              transform: translate(-50%, 0); } }
      .sec02 .flex .item:nth-child(1) {
        width: 31%; }
        @media (max-width: 767px) {
          .sec02 .flex .item:nth-child(1) {
            width: 100%; } }
      .sec02 .flex .item:nth-child(2) {
        width: 38%; }
        @media (max-width: 767px) {
          .sec02 .flex .item:nth-child(2) {
            width: 100%; } }
      .sec02 .flex .item:nth-child(3) {
        width: 31%;
        border: none; }
        @media (max-width: 767px) {
          .sec02 .flex .item:nth-child(3) {
            width: 100%; } }
      .sec02 .flex .item figure {
        height: 87px;
        display: grid;
        align-items: center;
        justify-items: center;
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          .sec02 .flex .item figure {
            height: 22.1374045802vw;
            margin-bottom: 3.8167938931vw; } }
      .sec02 .flex .item img {
        display: inline-block; }
      .sec02 .flex .item h3 {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 17px; }
        @media (max-width: 767px) {
          .sec02 .flex .item h3 {
            margin-bottom: 3.8167938931vw;
            font-size: 6.6157760814vw; } }
      .sec02 .flex .item p {
        font-size: 18px; }
        @media (max-width: 767px) {
          .sec02 .flex .item p {
            font-size: 4.0712468193vw;
            line-height: calc(28em / 16); } }

.sec03 {
  background: #FEF1CE;
  border-bottom: 1px solid #000;
  padding: 0; }
  .sec03 .flex {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 767px) {
      .sec03 .flex {
        display: block;
        padding: 10.1781170483vw 0 0; } }
    .sec03 .flex.reverse {
      flex-direction: row-reverse; }
  .sec03 .ico-dct {
    font-size: 30px;
    font-weight: bold;
    color: #FEBF03;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 20px; }
    @media (max-width: 767px) {
      .sec03 .ico-dct {
        margin-bottom: 6.3613231552vw;
        font-size: 7.6335877863vw;
        gap: 3.8167938931vw; } }
    .sec03 .ico-dct::before {
      content: '';
      width: 45px;
      height: 45px;
      display: inline-block;
      background: url("../images/ico-dct.svg") no-repeat center/contain; }
      @media (max-width: 767px) {
        .sec03 .ico-dct::before {
          width: 11.4503816794vw;
          height: 11.4503816794vw; } }
  .sec03 h2 {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 1.36; }
    @media (max-width: 767px) {
      .sec03 h2 {
        margin-bottom: 5.5979643766vw;
        font-size: 6.6157760814vw;
        line-height: calc(36em / 26); } }
  .sec03 p {
    font-size: 26px;
    line-height: 1.54; }
    @media (max-width: 767px) {
      .sec03 p {
        font-size: 4.5801526718vw;
        line-height: calc(32em / 18); } }
  .sec03 .feature01 {
    position: relative; }
    @media (max-width: 767px) {
      .sec03 .feature01 {
        background: #fff;
        overflow: hidden; } }
    .sec03 .feature01::after {
      width: 100%;
      height: 1px;
      background-image: linear-gradient(to right, #000 2px, transparent 2px);
      background-size: 8px 1px;
      background-repeat: repeat-x;
      background-position: left bottom;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0; }
    .sec03 .feature01 .text {
      width: 525px; }
      @media (max-width: 767px) {
        .sec03 .feature01 .text {
          width: 100%; } }
    .sec03 .feature01 figure {
      padding: 92px 0 38px; }
      @media (max-width: 767px) {
        .sec03 .feature01 figure {
          margin: 0 0 -0.7633587786vw;
          padding: 5.0890585242vw 0; } }
  .sec03 .feature02 {
    position: relative; }
    @media (max-width: 767px) {
      .sec03 .feature02 {
        background: #fff; } }
    .sec03 .feature02::after {
      width: 100%;
      height: 1px;
      background-image: linear-gradient(to right, #000 2px, transparent 2px);
      background-size: 8px 1px;
      background-repeat: repeat-x;
      background-position: left bottom;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0; }
    .sec03 .feature02 .text {
      width: 549px; }
      @media (max-width: 767px) {
        .sec03 .feature02 .text {
          width: 100%; } }
    .sec03 .feature02 figure {
      padding: 30px 0 58px; }
      @media (max-width: 767px) {
        .sec03 .feature02 figure {
          padding: 5.5979643766vw 0 9.4147582697vw; } }
  .sec03 .feature03 {
    border-bottom: 1px solid #000; }
    @media (max-width: 767px) {
      .sec03 .feature03 {
        overflow: hidden; } }
    .sec03 .feature03 .text {
      width: 531px; }
      @media (max-width: 767px) {
        .sec03 .feature03 .text {
          width: 100%; } }
    .sec03 .feature03 figure {
      padding: 50px 0 38px; }
      @media (max-width: 767px) {
        .sec03 .feature03 figure {
          width: 103.6208651399vw !important;
          margin: 0 0 -0.5089058524vw -5.3435114504vw;
          padding: 3.3078880407vw 0 5.0890585242vw; } }
  .sec03 .btnWrap {
    padding: 50px 0; }
    @media (max-width: 767px) {
      .sec03 .btnWrap {
        padding: 13.7404580153vw 0; } }
    .sec03 .btnWrap .btn {
      width: 431px;
      height: 93px;
      font-size: 28px; }
      @media (max-width: 767px) {
        .sec03 .btnWrap .btn {
          width: 69.7201017812vw;
          height: 19.8473282443vw;
          font-size: 5.5979643766vw; } }

.sec04 {
  background: #FDD05B;
  padding: 155px 0 130px;
  position: relative;
  border-bottom: 1px solid #000;
  overflow: hidden; }
  @media (max-width: 767px) {
    .sec04 {
      padding: 13.9949109415vw 0 11.4503816794vw; } }
  .sec04 h2 {
    max-width: calc(50% - 117px);
    font-size: 50px;
    font-weight: bold;
    line-height: 1.36;
    margin-bottom: 224px; }
    @media (max-width: 767px) {
      .sec04 h2 {
        margin-bottom: 5.0890585242vw;
        font-size: 6.6157760814vw;
        max-width: 100%; }
        .sec04 h2 br {
          display: none; } }
  .sec04 .btnWrap {
    width: 367px; }
    @media (max-width: 767px) {
      .sec04 .btnWrap {
        width: 100%;
        margin-top: 9.9236641221vw; } }
  .sec04 .btn {
    width: 234px;
    height: 73px;
    font-size: 22px; }
    @media (max-width: 767px) {
      .sec04 .btn {
        width: 59.5419847328vw;
        height: 18.5750636132vw;
        font-size: 5.5979643766vw; } }
  .sec04 .caseSliderWrapper {
    position: absolute;
    top: 96px;
    left: 50%;
    transform: translate(-117px, 0); }
    @media (max-width: 767px) {
      .sec04 .caseSliderWrapper {
        padding: 0 0 0 3.0534351145vw;
        position: static;
        transform: translate(0, 0); } }
    .sec04 .caseSliderWrapper h3 {
      margin-bottom: 22px;
      color: #333;
      font-size: 26px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .sec04 .caseSliderWrapper h3 {
          margin-bottom: 8.3969465649vw;
          font-size: 5.0890585242vw; } }
  @media (max-width: 767px) {
    .sec04 .caseSlider {
      padding-bottom: 27.989821883vw;
      position: relative; }
      .sec04 .caseSlider .casePrev, .sec04 .caseSlider .caseNext {
        width: 16.2849872774vw;
        height: 16.2849872774vw;
        background: url("../images/top/icon_slider_arrow.svg") center center/99% no-repeat;
        position: absolute;
        bottom: 0; }
      .sec04 .caseSlider .casePrev {
        left: 29.0076335878vw; }
      .sec04 .caseSlider .caseNext {
        left: 48.6005089059vw;
        transform: rotate(180deg); } }
  .sec04 .caseSlider:not(.slick-slider) {
    height: 518px;
    overflow: hidden;
    opacity: 0; }
    @media (max-width: 767px) {
      .sec04 .caseSlider:not(.slick-slider) {
        height: 93.6386768448vw; } }
  .sec04 .caseSlider .slick-track {
    display: flex;
    gap: 35px; }
    @media (max-width: 767px) {
      .sec04 .caseSlider .slick-track {
        gap: 7.8880407125vw; } }
  .sec04 .caseSlider .item {
    width: 515px; }
    @media (max-width: 767px) {
      .sec04 .caseSlider .item {
        width: 67.4300254453vw; } }
    .sec04 .caseSlider .item .img {
      width: 100%;
      margin-bottom: 22px;
      border-radius: 20px;
      display: block;
      overflow: hidden; }
      @media (max-width: 767px) {
        .sec04 .caseSlider .item .img {
          margin-bottom: 5.8524173028vw;
          border-radius: 5.0890585242vw; } }
    .sec04 .caseSlider .item .name {
      margin-bottom: 22px;
      color: #333;
      font-size: 28px;
      font-weight: bold;
      display: block; }
      @media (max-width: 767px) {
        .sec04 .caseSlider .item .name {
          margin-bottom: 3.3078880407vw;
          font-size: 5.0890585242vw; } }
    .sec04 .caseSlider .item .category {
      width: fit-content;
      margin-bottom: 21px;
      padding: 4px 27px 6px;
      background: #fff;
      border-radius: 15px;
      color: #333;
      font-size: 14px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .sec04 .caseSlider .item .category {
          margin-bottom: 5.8524173028vw;
          padding: 1.272264631vw 6.8702290076vw 1.5267175573vw;
          border-radius: 3.8167938931vw;
          font-size: 3.5623409669vw; } }
    .sec04 .caseSlider .item .description {
      color: #333;
      font-size: 20px;
      font-weight: 500;
      line-height: calc(40em / 20); }
      @media (max-width: 767px) {
        .sec04 .caseSlider .item .description {
          font-size: 4.0712468193vw;
          line-height: calc(31em / 16); } }

.sec05 {
  padding: 93px 0 81px;
  border-bottom: 1px solid #000;
  overflow: hidden; }
  @media (max-width: 767px) {
    .sec05 {
      padding: 10.1781170483vw 3.0534351145vw; } }
  .sec05 h2 {
    font-size: 50px;
    font-weight: bold;
    line-height: 1.36;
    margin-bottom: 38px;
    text-align: center; }
    @media (max-width: 767px) {
      .sec05 h2 {
        margin-bottom: 8.6513994911vw;
        font-size: 6.6157760814vw; } }
  .sec05 h3 {
    font-size: 30px;
    font-weight: bold; }
    @media (max-width: 767px) {
      .sec05 h3 {
        font-size: 6.106870229vw; } }
  .sec05 .priceBox {
    width: 586px;
    margin: 0 auto;
    position: relative;
    padding: 68px 40px 79px;
    text-align: center;
    background: #FDD05B;
    border-radius: 54px; }
    @media (max-width: 767px) {
      .sec05 .priceBox {
        width: 100%;
        padding: 8.6513994911vw 9.9236641221vw 0;
        border-radius: 5.0890585242vw; } }
  .sec05 .price {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 42px; }
    @media (max-width: 767px) {
      .sec05 .price {
        margin-bottom: 5.8524173028vw;
        font-size: 10.1781170483vw; } }
    .sec05 .price .txtSmall {
      font-size: 32px; }
      @media (max-width: 767px) {
        .sec05 .price .txtSmall {
          font-size: 6.6157760814vw; } }
  .sec05 .btnWrap {
    margin-top: 63px; }
    @media (max-width: 767px) {
      .sec05 .btnWrap {
        margin-top: 4.0712468193vw; } }
  .sec05 .btn {
    width: 358px;
    height: 73px;
    font-size: 22px; }
    @media (max-width: 767px) {
      .sec05 .btn {
        width: 73.7913486005vw;
        height: 19.0839694656vw;
        font-size: 5.5979643766vw; } }
  .sec05 figure {
    position: absolute;
    bottom: 0;
    right: -210px; }
    @media (max-width: 767px) {
      .sec05 figure {
        width: 57.3994910941vw !important;
        margin-top: 8.1424936387vw;
        margin-left: 11.7048346056vw;
        position: static; } }

.sec06 {
  background: #FEF1CE;
  padding: 78px 0 163px;
  border-bottom: 1px solid #000; }
  @media (max-width: 767px) {
    .sec06 {
      padding: 12.9770992366vw 0 6.6157760814vw; } }
  .sec06 h2 {
    font-size: 50px;
    font-weight: bold;
    line-height: 1.36;
    margin-bottom: 80px;
    text-align: center; }
    @media (max-width: 767px) {
      .sec06 h2 {
        margin-bottom: 10.4325699746vw;
        font-size: 6.6157760814vw; } }
  .sec06 .mediaList {
    padding: 0 0 0 60px; }
    @media (max-width: 767px) {
      .sec06 .mediaList {
        padding: 0; } }
    .sec06 .mediaList li {
      padding-top: 10px;
      display: flex;
      align-items: flex-start;
      margin-bottom: 28px;
      gap: 25px; }
      @media (max-width: 767px) {
        .sec06 .mediaList li {
          margin-bottom: 9.6692111959vw;
          padding-top: 1.7811704835vw;
          gap: 4.0712468193vw; } }
    .sec06 .mediaList a {
      color: #000;
      text-decoration: underline;
      font-size: 20px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .sec06 .mediaList a {
          font-size: 3.5623409669vw;
          line-height: calc(28em / 14); } }
      .sec06 .mediaList a::after {
        width: 20px;
        height: 20px;
        margin-left: 14px;
        background: url("../images/ico-external-link.svg") no-repeat center/contain;
        content: '';
        display: inline-block;
        vertical-align: middle; }
        @media (max-width: 767px) {
          .sec06 .mediaList a::after {
            width: 3.0534351145vw;
            height: 3.0534351145vw;
            margin-left: 1.7811704835vw; } }
    .sec06 .mediaList .category {
      margin-top: -10px;
      font-size: 20px;
      width: 200px;
      height: 47px;
      border: 2px solid #000;
      background: #FDD05B;
      display: grid;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      border-radius: 24px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .sec06 .mediaList .category {
          width: 28.2442748092vw;
          height: 9.6692111959vw;
          margin-top: -1.7811704835vw;
          border-radius: 6.106870229vw;
          border-width: 0.5089058524vw;
          font-size: 3.0534351145vw; } }

.secCTA.-chohyo {
  padding: 95px 20px 104px;
  background: #FDD05B; }
  @media (max-width: 767px) {
    .secCTA.-chohyo {
      padding: 8.9058524173vw 0; } }
  .secCTA.-chohyo .ctaChohyodx a {
    background: #112C5D;
    width: 100%;
    max-width: 1024px;
    min-height: 130px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    color: #FFF; }
    @media (max-width: 767px) {
      .secCTA.-chohyo .ctaChohyodx a {
        width: 83.9694656489vw;
        max-width: 100%;
        height: 74.0458015267vw;
        min-height: 0;
        padding: 0;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 7.6335877863vw; }
        .secCTA.-chohyo .ctaChohyodx a img {
          width: 63.4580152672vw;
          height: auto; } }
    .secCTA.-chohyo .ctaChohyodx a .text {
      font-size: 20px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .secCTA.-chohyo .ctaChohyodx a .text {
          font-size: 4.3256997455vw;
          text-align: center; } }
    .secCTA.-chohyo .ctaChohyodx a .ctaBtn {
      width: 243px;
      height: 61px;
      display: block;
      font-size: 17px;
      font-weight: bold;
      display: grid;
      align-items: center;
      justify-content: center;
      background: #3F8FC4;
      border-radius: 4px; }
      @media (max-width: 767px) {
        .secCTA.-chohyo .ctaChohyodx a .ctaBtn {
          width: 61.8320610687vw;
          height: 15.5216284987vw;
          font-size: 4.3256997455vw;
          border-radius: 1.0178117048vw; } }
.secCTA.-chohyo2 {
  padding: 95px 20px 104px;
  background: #FDD05B; }
  @media (max-width: 767px) {
    .secCTA.-chohyo2 {
      padding: 8.9058524173vw 0; } }
  .secCTA.-chohyo2 .ctaChohyodx a {
    background: #112C5D;
    width: 100%;
    max-width: 1024px;
    min-height: 130px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    color: #FFF;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); }
    @media (max-width: 767px) {
      .secCTA.-chohyo2 .ctaChohyodx a {
        width: 83.9694656489vw;
        max-width: 100%;
        height: 74.0458015267vw;
        min-height: 0;
        padding: 0;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 7.6335877863vw; }
        .secCTA.-chohyo2 .ctaChohyodx a img {
          width: 63.4580152672vw;
          height: auto; } }
    .secCTA.-chohyo2 .ctaChohyodx a .text {
      font-size: 20px;
      font-weight: bold;
      width: 372px;
      flex-shrink: 1; }
      @media (max-width: 767px) {
        .secCTA.-chohyo2 .ctaChohyodx a .text {
          font-size: 4.3256997455vw;
          text-align: center;
          width: 100%; } }
    .secCTA.-chohyo2 .ctaChohyodx a .ctaBtn {
      width: 243px;
      height: 61px;
      display: block;
      font-size: 17px;
      font-weight: bold;
      display: grid;
      align-items: center;
      justify-content: center;
      background: #3F8FC4;
      border-radius: 4px; }
      @media (max-width: 767px) {
        .secCTA.-chohyo2 .ctaChohyodx a .ctaBtn {
          width: 61.8320610687vw;
          height: 15.5216284987vw;
          font-size: 4.3256997455vw;
          border-radius: 1.0178117048vw; } }
.secCTA.-all {
  padding: 0;
  position: relative;
  border-top: 1px solid #000; }
  .secCTA.-all .container {
    width: 1280px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0; }
    @media (max-width: 767px) {
      .secCTA.-all .container {
        width: 100%;
        display: block; } }
  .secCTA.-all .contact, .secCTA.-all .trial {
    width: 50%; }
    @media (max-width: 767px) {
      .secCTA.-all .contact, .secCTA.-all .trial {
        width: 100%; } }
    .secCTA.-all .contact .inner, .secCTA.-all .trial .inner {
      width: 100%;
      max-width: 680px;
      padding: 64px 20px;
      text-align: center; }
      @media (max-width: 767px) {
        .secCTA.-all .contact .inner, .secCTA.-all .trial .inner {
          padding: 10.1781170483vw 2.5445292621vw;
          padding: 10.4325699746vw 3.0534351145vw 12.213740458vw; } }
      .secCTA.-all .contact .inner h2, .secCTA.-all .trial .inner h2 {
        margin-bottom: 24px;
        color: #000;
        font-size: 45px;
        font-weight: bold; }
        @media (max-width: 767px) {
          .secCTA.-all .contact .inner h2, .secCTA.-all .trial .inner h2 {
            font-size: 6.6157760814vw;
            margin-bottom: 5.5979643766vw;
            margin-bottom: 5.5979643766vw;
            font-size: 6.6157760814vw; } }
      .secCTA.-all .contact .inner p, .secCTA.-all .trial .inner p {
        margin-bottom: 24px;
        color: #333;
        font-size: 26px;
        font-weight: bold;
        line-height: calc(40em / 26); }
        @media (max-width: 767px) {
          .secCTA.-all .contact .inner p, .secCTA.-all .trial .inner p {
            font-size: 4.5801526718vw;
            margin-bottom: 7.6335877863vw;
            margin-bottom: 7.6335877863vw;
            color: #191919;
            font-size: 4.5801526718vw;
            line-height: calc(30em / 18); } }
      .secCTA.-all .contact .inner .img, .secCTA.-all .trial .inner .img {
        height: 159px;
        margin-bottom: 31px;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 767px) {
          .secCTA.-all .contact .inner .img, .secCTA.-all .trial .inner .img {
            height: auto;
            margin-bottom: 10.6870229008vw; } }
      .secCTA.-all .contact .inner .btnWrap .btn, .secCTA.-all .trial .inner .btnWrap .btn {
        width: 338px;
        height: 78px;
        font-size: 26px; }
        @media (max-width: 767px) {
          .secCTA.-all .contact .inner .btnWrap .btn, .secCTA.-all .trial .inner .btnWrap .btn {
            width: 73.7913486005vw;
            height: 19.0839694656vw;
            font-size: 5.5979643766vw; } }
  .secCTA.-all .contact {
    background: #FEF1CE;
    position: relative;
    z-index: 0; }
    .secCTA.-all .contact::before {
      content: "";
      display: block;
      position: absolute;
      width: 50vw;
      top: 0;
      right: 0;
      background: #FEF1CE;
      height: 100%;
      z-index: -1; }
    .secCTA.-all .contact::after {
      width: 1px;
      height: 100%;
      background-image: linear-gradient(to bottom, #000 2px, transparent 2px);
      background-size: 1px 8px;
      background-repeat: repeat-y;
      background-position: left bottom;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0; }
      @media (max-width: 767px) {
        .secCTA.-all .contact::after {
          display: none; } }
    .secCTA.-all .contact .inner {
      margin-left: auto; }
.secCTA.-bgWhite {
  background: #fff !important; }

/*-----------------------------------------
    下層ページ
-----------------------------------------*/
.contentWidth1074 {
  max-width: 1074px;
  margin: 0 auto; }

.titleArea.-price + .breadcrumb {
  background: #FEF1CE; }

.topBreadcrumb {
  max-width: 1210px;
  margin: -20px auto 35px;
  padding: 0 20px; }
  @media (max-width: 767px) {
    .topBreadcrumb {
      margin: 0 auto 5.0890585242vw;
      padding: 0 3.8167938931vw; } }
  .topBreadcrumb .container {
    padding: 18px 20px; }
    @media (max-width: 767px) {
      .topBreadcrumb .container {
        padding: 3.8167938931vw 3.8167938931vw; } }
  .topBreadcrumb ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0; }
    .topBreadcrumb ul li {
      font-size: 12px;
      line-height: calc(17/12);
      color: #000;
      font-weight: normal;
      list-style: none; }
      @media (max-width: 767px) {
        .topBreadcrumb ul li {
          font-size: 3.0534351145vw; } }
      .topBreadcrumb ul li a {
        color: #000;
        text-decoration: none; }
        .topBreadcrumb ul li a:hover {
          text-decoration: underline;
          opacity: 1; }
      .topBreadcrumb ul li:last-of-type {
        color: #000; }
      .topBreadcrumb ul li:not(:last-of-type) {
        color: #000; }
        .topBreadcrumb ul li:not(:last-of-type)::after {
          content: ">";
          display: inline-block;
          margin-left: 7px;
          margin-right: 7px; }
          @media (max-width: 767px) {
            .topBreadcrumb ul li:not(:last-of-type)::after {
              margin-right: 1.7811704835vw;
              margin-left: 1.7811704835vw; } }

@media (max-width: 767px) {
  .breadcrumb {
    display: none; } }
.breadcrumb .container {
  padding: 18px 20px; }
  @media (max-width: 767px) {
    .breadcrumb .container {
      padding: 3.8167938931vw 3.8167938931vw; } }
.breadcrumb ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0; }
  .breadcrumb ul li {
    font-size: 13px;
    line-height: calc(19/13);
    color: #555555;
    font-weight: normal;
    list-style: none; }
    @media (max-width: 767px) {
      .breadcrumb ul li {
        font-size: 3.0534351145vw; } }
    .breadcrumb ul li a {
      color: #555555;
      text-decoration: none; }
      .breadcrumb ul li a:hover {
        text-decoration: underline;
        opacity: 1; }
    .breadcrumb ul li:last-of-type {
      color: #555555; }
    .breadcrumb ul li:not(:last-of-type) {
      color: #666; }
      .breadcrumb ul li:not(:last-of-type)::after {
        content: ">";
        display: inline-block;
        margin-left: 7px;
        margin-right: 7px; }
        @media (max-width: 767px) {
          .breadcrumb ul li:not(:last-of-type)::after {
            margin-right: 1.7811704835vw;
            margin-left: 1.7811704835vw; } }

#second .titleArea {
  background: #FDD05B;
  margin-top: 100px;
  padding: 0;
  border-bottom: 1px solid #000; }
  @media (max-width: 767px) {
    #second .titleArea {
      margin-top: 17.8117048346vw; } }
  #second .titleArea.-price .container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 250px;
    padding: 20px; }
    @media (max-width: 767px) {
      #second .titleArea.-price .container {
        min-height: 38.1679389313vw;
        padding: 3.8167938931vw 3.0534351145vw; } }
  #second .titleArea.-price .title {
    font-size: 60px;
    font-weight: bold;
    margin: 0;
    line-height: calc(87/60);
    text-shadow: 0 1px 1px #fff;
    letter-spacing: 0.114em; }
    @media (max-width: 767px) {
      #second .titleArea.-price .title {
        font-size: 9.1603053435vw;
        letter-spacing: 0; } }
  #second .titleArea.-price .note {
    font-size: 13px;
    line-height: calc(19/13);
    font-weight: 500;
    margin-top: 4px; }
    @media (max-width: 767px) {
      #second .titleArea.-price .note {
        margin-top: 3.0534351145vw;
        font-size: 2.7989821883vw; } }
  #second .titleArea.-about .container {
    min-height: 470px;
    padding: 93px 20px 40px;
    position: relative; }
    @media (min-width: 768px) and (max-width: 1279px) {
      #second .titleArea.-about .container {
        min-height: 36.71875vw;
        padding: 7.265625vw 1.5625vw 3.125vw; } }
    @media (max-width: 767px) {
      #second .titleArea.-about .container {
        min-height: 126.4631043257vw;
        padding: 4.5801526718vw 3.0534351145vw 5.0890585242vw; } }
  #second .titleArea.-about .title {
    font-size: 60px;
    font-weight: bold;
    margin: 0;
    line-height: calc(84/60);
    text-shadow: 0 1px 1px #fff;
    margin-bottom: 50px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) and (max-width: 1279px) {
      #second .titleArea.-about .title {
        font-size: 4.6875vw;
        margin-bottom: 3.90625vw; } }
    @media (max-width: 767px) {
      #second .titleArea.-about .title {
        font-size: 9.4147582697vw;
        margin-bottom: 2.7989821883vw; } }
  #second .titleArea.-about .btnWrap {
    text-align: left;
    position: relative;
    z-index: 2; }
    @media (max-width: 767px) {
      #second .titleArea.-about .btnWrap {
        text-align: center; } }
  #second .titleArea.-about .charactor {
    position: absolute;
    bottom: 50px;
    right: 72px;
    z-index: 1; }
    @media (min-width: 768px) and (max-width: 1279px) {
      #second .titleArea.-about .charactor {
        right: 5.625vw;
        bottom: 3.90625vw; } }
    @media (max-width: 767px) {
      #second .titleArea.-about .charactor {
        position: static; } }
    #second .titleArea.-about .charactor .name {
      position: absolute;
      top: 55px;
      right: 9px;
      font-size: 14px;
      line-height: calc(20/14);
      font-weight: 500;
      text-align: right;
      font-feature-settings: "palt"; }
      @media (min-width: 768px) and (max-width: 1279px) {
        #second .titleArea.-about .charactor .name {
          top: 4.296875vw;
          right: 0.703125vw;
          font-size: 1.09375vw; } }
      @media (max-width: 767px) {
        #second .titleArea.-about .charactor .name {
          font-size: 2.7989821883vw;
          top: 10.941475827vw;
          right: -3.0534351145vw; } }
    @media (min-width: 768px) and (max-width: 1279px) {
      #second .titleArea.-about .charactor .img {
        width: 31.40625vw;
        height: 26.5625vw; } }
    @media (max-width: 767px) {
      #second .titleArea.-about .charactor .img {
        width: 81.9338422392vw;
        height: auto;
        margin: 0 auto; }
        #second .titleArea.-about .charactor .img img {
          width: 100%; } }
#second .priceSec01 {
  background: #FEF1CE; }
  #second .priceSec01 .priceBox {
    max-width: 1070px;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
    padding: 30px 60px 30px 60px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 53px;
    justify-content: space-between;
    position: relative; }
    @media (max-width: 767px) {
      #second .priceSec01 .priceBox {
        border-radius: 5.0890585242vw;
        gap: 10.1781170483vw;
        flex-direction: column;
        padding: 7.6335877863vw 3.0534351145vw 40.7124681934vw; } }
    #second .priceSec01 .priceBox .charactor {
      position: absolute;
      bottom: 0;
      right: 15px;
      z-index: 1; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceBox .charactor {
          width: 49.6183206107vw;
          height: 36.2010178117vw;
          bottom: 0;
          right: 12.7226463104vw; }
          #second .priceSec01 .priceBox .charactor img {
            width: 100%; } }
    #second .priceSec01 .priceBox .left, #second .priceSec01 .priceBox .right {
      text-align: center;
      width: 100%;
      padding: 30px 0;
      position: relative;
      z-index: 2; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceBox .left, #second .priceSec01 .priceBox .right {
          padding: 0; } }
    #second .priceSec01 .priceBox .left::after {
      content: "";
      width: 2px;
      height: 100%;
      top: 0;
      right: -28px;
      position: absolute;
      display: block;
      background-size: 2px 6px;
      background-image: linear-gradient(to bottom, #666, #666 2px, transparent 2px, transparent 6px);
      background-repeat: repeat-y;
      background-position: right top; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceBox .left::after {
          background-size: 6px 2px;
          background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
          background-repeat: repeat-x;
          background-position: left bottom;
          right: 0;
          bottom: -5.0890585242vw;
          width: 100%;
          height: 2px;
          left: 0;
          top: initial; } }
    #second .priceSec01 .priceBox .priceBoxTitle {
      font-size: 36px;
      font-weight: bold; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceBox .priceBoxTitle {
          font-size: 7.1246819338vw; } }
    #second .priceSec01 .priceBox .value {
      font-size: 60px;
      line-height: calc(78/60);
      font-weight: bold; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceBox .value {
          font-size: 11.7048346056vw; } }
      #second .priceSec01 .priceBox .value span {
        font-size: 38px; }
        @media (max-width: 767px) {
          #second .priceSec01 .priceBox .value span {
            font-size: 7.3791348601vw; } }
    #second .priceSec01 .priceBox .note {
      margin-top: 26px;
      font-size: 20px;
      line-height: 1.45; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceBox .note {
          margin-top: 2.7989821883vw;
          font-size: 4.0712468193vw; } }
  #second .priceSec01 .priceTableWrapper {
    max-width: 1074px;
    margin: 70px auto;
    border-radius: 20px;
    border: 2px solid #707070; }
    @media (max-width: 767px) {
      #second .priceSec01 .priceTableWrapper {
        margin: 10.1781170483vw auto;
        border-radius: 5.0890585242vw; } }
  #second .priceSec01 .priceTable {
    width: 100%;
    border-collapse: collapse; }
    #second .priceSec01 .priceTable thead th {
      background: #000;
      color: #fff;
      text-align: center;
      font-size: 26px;
      line-height: calc(37/26);
      font-weight: bold;
      border-radius: 18px 18px 0 0;
      padding: 25px 10px; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceTable thead th {
          font-size: 5.0890585242vw;
          padding: 7.3791348601vw 2.5445292621vw;
          border-radius: 4.5801526718vw 4.5801526718vw 0 0; } }
    #second .priceSec01 .priceTable tbody tr:not(:last-of-type) th::before, #second .priceSec01 .priceTable tbody tr:not(:last-of-type) td::before {
      content: "";
      width: 100%;
      height: 1px;
      bottom: 0;
      left: 0;
      position: absolute;
      display: block;
      background-size: 6px 1px;
      background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
      background-repeat: repeat-x;
      background-position: left bottom; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceTable tbody tr:not(:last-of-type) th::before, #second .priceSec01 .priceTable tbody tr:not(:last-of-type) td::before {
          display: none; } }
    @media (max-width: 767px) {
      #second .priceSec01 .priceTable tbody tr:not(:last-of-type) td::before {
        content: "";
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        position: absolute;
        display: block;
        background-size: 6px 1px;
        background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
        background-repeat: repeat-x;
        background-position: left bottom; } }
    #second .priceSec01 .priceTable tbody th {
      background: #ECECEC;
      padding: 15px 40px;
      height: 120px;
      font-size: 26px;
      line-height: calc(37/26);
      text-align: left;
      width: 35.5%;
      position: relative; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceTable tbody th {
          display: flex;
          height: auto;
          min-height: 20.3562340967vw;
          padding: 3.8167938931vw;
          text-align: center;
          width: 100%;
          font-size: 5.0890585242vw;
          align-items: center;
          justify-content: center; } }
      #second .priceSec01 .priceTable tbody th::after {
        content: "";
        width: 2px;
        height: 100%;
        top: 0;
        right: -1px;
        position: absolute;
        display: block;
        background-size: 2px 6px;
        background-image: linear-gradient(to bottom, #000, #000 2px, transparent 2px, transparent 6px);
        background-repeat: repeat-y;
        background-position: right top; }
        @media (max-width: 767px) {
          #second .priceSec01 .priceTable tbody th::after {
            display: none; } }
    #second .priceSec01 .priceTable tbody tr:last-of-type th {
      border-radius: 0 0 0 18px; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceTable tbody tr:last-of-type th {
          border-radius: 0; } }
    #second .priceSec01 .priceTable tbody tr:last-of-type td {
      border-radius: 0 0 18px 0; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceTable tbody tr:last-of-type td {
          border-radius: 0 0 4.5801526718vw 4.5801526718vw; } }
    #second .priceSec01 .priceTable tbody td {
      background: #FFFFFF;
      padding: 15px 24px;
      height: 120px;
      font-size: 20px;
      line-height: calc(38/20);
      position: relative; }
      @media (max-width: 767px) {
        #second .priceSec01 .priceTable tbody td {
          display: block;
          height: auto;
          min-height: 30.534351145vw;
          font-size: 4.0712468193vw;
          padding: 3.8167938931vw; }
          #second .priceSec01 .priceTable tbody td::after {
            content: "";
            width: 100%;
            height: 1px;
            top: 0;
            left: 0;
            position: absolute;
            display: block;
            background-size: 6px 2px;
            background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 6px);
            background-repeat: repeat-x;
            background-position: left bottom; } }
      #second .priceSec01 .priceTable tbody td a {
        text-decoration: underline;
        color: #000; }
  #second .priceSec01 .h3Title {
    font-size: 30px;
    line-height: calc(44/30);
    font-weight: bold;
    margin: 0 0 30px; }
    @media (max-width: 767px) {
      #second .priceSec01 .h3Title {
        font-size: 5.0890585242vw;
        margin: 0 0 6.3613231552vw; } }
  #second .priceSec01 .list {
    padding: 0;
    margin: 0; }
    @media (max-width: 767px) {
      #second .priceSec01 .list {
        padding-right: 2.2900763359vw; } }
    #second .priceSec01 .list li {
      list-style: none;
      position: relative;
      font-size: 20px;
      font-weight: 500;
      line-height: 1.45;
      padding-left: 54px; }
      #second .priceSec01 .list li span {
        font-size: 15px;
        font-weight: bold; }
        @media (max-width: 767px) {
          #second .priceSec01 .list li span {
            display: block;
            font-size: 3.3078880407vw;
            margin-top: 8px;
            font-weight: 500; } }
      @media (max-width: 767px) {
        #second .priceSec01 .list li {
          font-size: 4.0712468193vw;
          padding-left: 12.213740458vw; } }
      #second .priceSec01 .list li + li {
        margin-top: 30px; }
        @media (max-width: 767px) {
          #second .priceSec01 .list li + li {
            margin-top: 5.8524173028vw; } }
      #second .priceSec01 .list li::before {
        content: "";
        width: 10px;
        height: 10px;
        background: #EFAC00;
        border-radius: 50%;
        display: block;
        position: absolute;
        left: 24px;
        top: 10px; }
        @media (max-width: 767px) {
          #second .priceSec01 .list li::before {
            width: 2.5445292621vw;
            height: 2.5445292621vw;
            left: 4.5801526718vw;
            top: 1.5267175573vw; } }
      #second .priceSec01 .list li a {
        text-decoration: underline;
        color: #000; }
  #second .priceSec01 .btnWrap {
    margin-top: 85px; }
    @media (max-width: 767px) {
      #second .priceSec01 .btnWrap {
        margin-top: 12.7226463104vw; } }
  #second .priceSec01 .btn {
    width: 431px;
    height: 93px;
    font-size: 28px; }
    @media (max-width: 767px) {
      #second .priceSec01 .btn {
        width: 69.7201017812vw;
        height: 19.8473282443vw;
        font-size: 5.5979643766vw; } }
#second .linkArrowDown {
  font-size: 22px;
  line-height: calc(32/22);
  font-weight: bold;
  color: #191919;
  text-decoration: underline;
  display: inline-flex;
  gap: 19px;
  align-items: center; }
  @media (max-width: 767px) {
    #second .linkArrowDown {
      font-size: 4.5801526718vw; } }
  #second .linkArrowDown::after {
    content: "";
    background: url("../images/icon_arrow_down.svg");
    background-size: cover;
    display: inline-block;
    width: 35px;
    height: 35px; }
    @media (max-width: 767px) {
      #second .linkArrowDown::after {
        width: 7.6335877863vw;
        height: 7.6335877863vw; } }
#second .aboutSec01 .title {
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  line-height: calc(58/40);
  margin-bottom: 42px; }
  @media (max-width: 767px) {
    #second .aboutSec01 .title {
      font-size: 6.6157760814vw;
      margin-bottom: 9.4147582697vw; } }
#second .aboutSec01 .lead {
  font-size: 26px;
  line-height: calc(40/26);
  margin: 1em 0; }
  @media (max-width: 767px) {
    #second .aboutSec01 .lead {
      font-size: 4.834605598vw; } }
#second .aboutSec01 .imgColumn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin: 105px auto 70px;
  gap: 150px; }
  @media (max-width: 767px) {
    #second .aboutSec01 .imgColumn {
      margin: 12.7226463104vw auto;
      gap: 30.534351145vw;
      flex-direction: column; } }
  @media (max-width: 767px) {
    #second .aboutSec01 .imgColumn img {
      margin: 0 auto; } }
  #second .aboutSec01 .imgColumn .item01 {
    position: relative; }
    #second .aboutSec01 .imgColumn .item01::after {
      content: "";
      width: 62px;
      height: 43px;
      display: block;
      position: absolute;
      background-image: url("../images/about/icon_arrow.svg");
      background-size: contain;
      background-repeat: no-repeat;
      right: -119px;
      top: 166px; }
      @media (max-width: 767px) {
        #second .aboutSec01 .imgColumn .item01::after {
          transform: translateX(50%) rotate(90deg);
          width: 15.7760814249vw;
          height: 10.941475827vw;
          top: initial;
          bottom: -17.8117048346vw;
          right: 50%; } }
#second .aboutSec01 .grayBox {
  position: relative;
  padding: 30px 20px;
  background: #F5F5F5;
  border-radius: 20px; }
  @media (max-width: 767px) {
    #second .aboutSec01 .grayBox {
      padding: 7.6335877863vw 3.8167938931vw 33.8422391858vw;
      border-radius: 5.0890585242vw; } }
  #second .aboutSec01 .grayBox .grayBoxtitle {
    font-size: 30px;
    line-height: calc(43/30);
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      #second .aboutSec01 .grayBox .grayBoxtitle {
        font-size: 6.6157760814vw;
        margin-bottom: 7.6335877863vw; } }
  #second .aboutSec01 .grayBox .listColumn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 74px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    z-index: 2; }
    @media (max-width: 767px) {
      #second .aboutSec01 .grayBox .listColumn {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4.3256997455vw 2.5445292621vw; } }
    #second .aboutSec01 .grayBox .listColumn ul {
      margin: 0;
      padding: 0;
      width: 167px; }
      @media (max-width: 767px) {
        #second .aboutSec01 .grayBox .listColumn ul {
          width: 100%; }
          #second .aboutSec01 .grayBox .listColumn ul.list1 {
            grid-column: 1 / 2;
            grid-row: 1 / 2; }
          #second .aboutSec01 .grayBox .listColumn ul.list2 {
            grid-column: 1 / 2;
            grid-row: 2 / 3; }
          #second .aboutSec01 .grayBox .listColumn ul.list3 {
            grid-column: 2 / 3;
            grid-row: 1 / 2; }
          #second .aboutSec01 .grayBox .listColumn ul.list4 {
            grid-column: 2 / 3;
            grid-row: 2 / 3; } }
      #second .aboutSec01 .grayBox .listColumn ul li {
        margin: 0;
        padding: 0;
        font-size: 18px;
        line-height: 1.5;
        list-style: none;
        position: relative;
        padding-left: 1em; }
        @media (max-width: 767px) {
          #second .aboutSec01 .grayBox .listColumn ul li {
            font-size: 4.3256997455vw; } }
        #second .aboutSec01 .grayBox .listColumn ul li + li {
          margin-top: 14px; }
          @media (max-width: 767px) {
            #second .aboutSec01 .grayBox .listColumn ul li + li {
              margin-top: 4.3256997455vw; } }
        #second .aboutSec01 .grayBox .listColumn ul li::before {
          content: "・";
          position: absolute;
          display: block;
          top: 0;
          left: 0; }
        #second .aboutSec01 .grayBox .listColumn ul li.noListStyle::before {
          display: none; }
  #second .aboutSec01 .grayBox .img {
    position: absolute;
    bottom: 0;
    right: 17px;
    z-index: 1; }
    @media (min-width: 768px) and (max-width: 1279px) {
      #second .aboutSec01 .grayBox .img {
        width: 17.78203125vw; } }
    @media (max-width: 767px) {
      #second .aboutSec01 .grayBox .img {
        width: 45.524173028vw;
        height: 29.1781170483vw;
        right: 50%;
        transform: translateX(50%); }
        #second .aboutSec01 .grayBox .img img {
          width: 100%; } }
#second .aboutSec02 {
  background: #FEF1CE;
  border-top: 1px solid #191919;
  border-bottom: 1px solid #191919; }
  @media (max-width: 767px) {
    #second .aboutSec02 {
      padding-bottom: 0; } }
  #second .aboutSec02 .container {
    width: 1264px; }
  #second .aboutSec02 .aboutSec02Column {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 56px; }
    @media (max-width: 767px) {
      #second .aboutSec02 .aboutSec02Column {
        flex-direction: column;
        gap: 12.7226463104vw; } }
    #second .aboutSec02 .aboutSec02Column .item {
      width: calc((100% - 56px)/2); }
      @media (max-width: 767px) {
        #second .aboutSec02 .aboutSec02Column .item {
          width: 100%; } }
      #second .aboutSec02 .aboutSec02Column .item .itemTitle {
        font-size: 40px;
        font-weight: bold;
        line-height: calc(58/40);
        margin-bottom: 40px; }
        @media (max-width: 767px) {
          #second .aboutSec02 .aboutSec02Column .item .itemTitle {
            font-size: 6.6157760814vw;
            margin-bottom: 6.3613231552vw; } }
      #second .aboutSec02 .aboutSec02Column .item.-item01 {
        position: relative; }
        #second .aboutSec02 .aboutSec02Column .item.-item01 .img {
          margin-top: 39px; }
          @media (max-width: 767px) {
            #second .aboutSec02 .aboutSec02Column .item.-item01 .img {
              margin-top: 6.3613231552vw; } }
        #second .aboutSec02 .aboutSec02Column .item.-item01::after {
          width: 1px;
          height: 100%;
          background-image: linear-gradient(to bottom, #000 2px, transparent 2px);
          background-size: 1px 8px;
          background-repeat: repeat-y;
          background-position: left bottom;
          content: "";
          display: block;
          position: absolute;
          top: 0;
          right: -28px; }
          @media (max-width: 767px) {
            #second .aboutSec02 .aboutSec02Column .item.-item01::after {
              display: none; } }
      #second .aboutSec02 .aboutSec02Column .item.-item02 .img {
        margin-top: 86px; }
        @media (max-width: 767px) {
          #second .aboutSec02 .aboutSec02Column .item.-item02 .img {
            margin-top: 8.9058524173vw; } }
    #second .aboutSec02 .aboutSec02Column p {
      font-size: 20px;
      line-height: 2; }
      @media (max-width: 767px) {
        #second .aboutSec02 .aboutSec02Column p {
          font-size: 4.5801526718vw;
          line-height: 1.5; } }
    #second .aboutSec02 .aboutSec02Column .img img {
      margin: 0 auto; }
#second .aboutSec03 .aboutBnr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #000;
  gap: 70px;
  padding: 10px 42px 0 26px;
  background: #FDD05B;
  border-radius: 27px;
  border: 2px solid #707070;
  max-width: 1046px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    #second .aboutSec03 .aboutBnr {
      gap: 10.1781170483vw;
      padding: 5.0890585242vw 3.8167938931vw 0vw;
      flex-direction: column-reverse;
      max-width: 76.3358778626vw;
      overflow: hidden; } }
  #second .aboutSec03 .aboutBnr .img {
    align-items: flex-end;
    transform: translateY(1px);
    width: 317px; }
    @media (max-width: 767px) {
      #second .aboutSec03 .aboutBnr .img {
        width: 75.0636132316vw;
        height: 43.4605597964vw;
        margin-left: -3.8167938931vw; }
        #second .aboutSec03 .aboutBnr .img img {
          width: 100%; } }
  #second .aboutSec03 .aboutBnr .textArea {
    width: 589px; }
    @media (max-width: 767px) {
      #second .aboutSec03 .aboutBnr .textArea {
        width: 100%; } }
    #second .aboutSec03 .aboutBnr .textArea .title {
      margin-top: 10px;
      font-size: 22px;
      line-height: calc(32/22);
      font-weight: bold;
      padding-left: 8px;
      border-left: 6px solid #191919;
      margin-bottom: 4px; }
      @media (max-width: 767px) {
        #second .aboutSec03 .aboutBnr .textArea .title {
          font-size: 5.5979643766vw;
          padding-left: 1.5267175573vw;
          border-left-width: 1.0178117048vw;
          margin-bottom: 5.5979643766vw; } }
    #second .aboutSec03 .aboutBnr .textArea p {
      font-size: 25px;
      line-height: calc(32/25);
      font-weight: bold;
      margin-bottom: 14px; }
      @media (max-width: 767px) {
        #second .aboutSec03 .aboutBnr .textArea p {
          font-size: 5.8524173028vw;
          margin-bottom: 8.3969465649vw; } }
    #second .aboutSec03 .aboutBnr .textArea .bnrBtn {
      width: 204px;
      border-radius: 47px;
      background: #DD624E;
      border: 2px solid #191919;
      color: #fff;
      text-align: center;
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold;
      padding: 4px 10px;
      position: relative;
      margin-bottom: 15px;
      margin-left: auto; }
      @media (max-width: 767px) {
        #second .aboutSec03 .aboutBnr .textArea .bnrBtn {
          width: 51.9083969466vw;
          border-radius: 11.9592875318vw;
          border-width: 0.5089058524vw;
          font-size: 4.0712468193vw;
          padding: 1.0178117048vw 2.5445292621vw;
          margin-bottom: 0;
          margin: 0 auto; } }
      #second .aboutSec03 .aboutBnr .textArea .bnrBtn::after {
        content: "";
        width: 9.92px;
        height: 14.81px;
        background-image: url("../images/icon_arrow.svg");
        display: block;
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
        background-size: cover; }
        @media (max-width: 767px) {
          #second .aboutSec03 .aboutBnr .textArea .bnrBtn::after {
            width: 2.524173028vw;
            height: 3.7684478372vw;
            right: 4.0712468193vw; } }
#second .aboutSec04 {
  padding: 0;
  border-bottom: 1px solid #000000; }
  @media (max-width: 767px) {
    #second .aboutSec04 {
      border-bottom: none; } }
  #second .aboutSec04 .container {
    width: 1280px;
    padding: 0; }
    #second .aboutSec04 .container .title {
      font-size: 40px;
      line-height: calc(58/40);
      font-weight: bold;
      text-align: center; }
      @media (max-width: 767px) {
        #second .aboutSec04 .container .title {
          font-size: 6.6157760814vw; } }
    #second .aboutSec04 .container .feature {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-wrap: wrap;
      gap: 0;
      margin-top: 40px;
      position: relative; }
      @media (max-width: 767px) {
        #second .aboutSec04 .container .feature {
          flex-direction: column;
          margin-top: 7.6335877863vw;
          padding: 0 3.0534351145vw;
          margin-bottom: 6.3613231552vw; } }
      #second .aboutSec04 .container .feature::before {
        content: "";
        width: 100vw;
        height: 1px;
        display: block;
        left: calc(50% - 50vw);
        top: 0;
        position: absolute;
        background: #707070;
        display: block;
        z-index: 1; }
        @media (max-width: 767px) {
          #second .aboutSec04 .container .feature::before {
            width: 1px;
            height: 100%;
            background: none;
            background-image: linear-gradient(to bottom, #000 2px, transparent 2px);
            background-size: 1px 8px;
            background-repeat: repeat-y;
            background-position: left bottom;
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 3.0534351145vw;
            left: initial; } }
      #second .aboutSec04 .container .feature::after {
        width: 1px;
        height: 100%;
        background-image: linear-gradient(to bottom, #000 2px, transparent 2px);
        background-size: 1px 8px;
        background-repeat: repeat-y;
        background-position: left bottom;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0; }
        @media (max-width: 767px) {
          #second .aboutSec04 .container .feature::after {
            left: 3.0534351145vw; } }
      #second .aboutSec04 .container .feature .featureItem {
        width: calc(100%/3);
        position: relative;
        min-height: 400px;
        padding: 7px 18px 30px;
        z-index: 0; }
        @media (max-width: 767px) {
          #second .aboutSec04 .container .feature .featureItem {
            width: 100%;
            min-height: 73.0279898219vw;
            padding: 2.7989821883vw 3.8167938931vw 2.7989821883vw; } }
        #second .aboutSec04 .container .feature .featureItem:nth-of-type(1), #second .aboutSec04 .container .feature .featureItem:nth-of-type(2), #second .aboutSec04 .container .feature .featureItem:nth-of-type(3) {
          background-image: linear-gradient(to bottom, #000 2px, transparent 2px);
          background-repeat: repeat-y;
          background-size: 1px 8px;
          background-position: right bottom; }
          @media (max-width: 767px) {
            #second .aboutSec04 .container .feature .featureItem:nth-of-type(1), #second .aboutSec04 .container .feature .featureItem:nth-of-type(2), #second .aboutSec04 .container .feature .featureItem:nth-of-type(3) {
              background-image: linear-gradient(to right, #000 2px, transparent 2px);
              background-repeat: repeat-x;
              background-size: 8px 1px;
              background-position: right top; } }
        #second .aboutSec04 .container .feature .featureItem:nth-of-type(n+4) {
          background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to bottom, #000 2px, transparent 2px);
          background-repeat: repeat-x,repeat-y;
          background-size: 8px 1px,1px 8px;
          background-position: left top, right bottom; }
          @media (max-width: 767px) {
            #second .aboutSec04 .container .feature .featureItem:nth-of-type(n+4) {
              background-image: linear-gradient(to right, #000 2px, transparent 2px);
              background-repeat: repeat-x;
              background-size: 8px 1px;
              background-position: left top; } }
        #second .aboutSec04 .container .feature .featureItem:nth-of-type(1)::after, #second .aboutSec04 .container .feature .featureItem:nth-of-type(3)::after {
          content: "";
          width: 100%;
          height: 100%;
          display: block;
          background: #FEF1CE;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          background-image: linear-gradient(to bottom, #000 2px, transparent 2px);
          background-repeat: repeat-y;
          background-size: 1px 8px;
          background-position: right bottom; }
          @media (max-width: 767px) {
            #second .aboutSec04 .container .feature .featureItem:nth-of-type(1)::after, #second .aboutSec04 .container .feature .featureItem:nth-of-type(3)::after {
              background-image: linear-gradient(to right, #000 2px, transparent 2px);
              background-repeat: repeat-x;
              background-size: 8px 1px;
              background-position: left top; } }
        #second .aboutSec04 .container .feature .featureItem:nth-of-type(5)::after {
          content: "";
          width: 100%;
          height: 100%;
          display: block;
          background: #FEF1CE;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to bottom, #000 2px, transparent 2px);
          background-repeat: repeat-x,repeat-y;
          background-size: 8px 1px,1px 8px;
          background-position: left top, right bottom; }
          @media (max-width: 767px) {
            #second .aboutSec04 .container .feature .featureItem:nth-of-type(5)::after {
              background-image: linear-gradient(to right, #000 2px, transparent 2px);
              background-repeat: repeat-x;
              background-size: 8px 1px;
              background-position: left top; } }
        @media (max-width: 767px) {
          #second .aboutSec04 .container .feature .featureItem.-item06 {
            background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to right, #000 2px, transparent 2px);
            background-repeat: repeat-x,repeat-x;
            background-size: 8px 1px,8px 1px;
            background-position: left top,left bottom; } }
        #second .aboutSec04 .container .feature .featureItem .itemTitle {
          font-size: 25px;
          font-weight: bold;
          line-height: calc(36/25); }
          @media (max-width: 767px) {
            #second .aboutSec04 .container .feature .featureItem .itemTitle {
              font-size: 5.5979643766vw; } }
          #second .aboutSec04 .container .feature .featureItem .itemTitle .num {
            display: inline-block;
            font-size: 60px;
            line-height: calc(87/60);
            color: #F4B819;
            margin-right: 9px;
            vertical-align: sub; }
            @media (max-width: 767px) {
              #second .aboutSec04 .container .feature .featureItem .itemTitle .num {
                font-size: 10.1781170483vw;
                margin-right: 2.5445292621vw; } }
        #second .aboutSec04 .container .feature .featureItem .itemImg {
          margin-top: 40px;
          height: 118px;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          justify-content: center;
          align-items: center; }
          @media (max-width: 767px) {
            #second .aboutSec04 .container .feature .featureItem .itemImg {
              margin-top: 1.7811704835vw; } }
        #second .aboutSec04 .container .feature .featureItem .itemText {
          margin-top: 35px;
          font-size: 20px;
          line-height: calc(32/20);
          font-weight: bold; }
          @media (max-width: 767px) {
            #second .aboutSec04 .container .feature .featureItem .itemText {
              font-size: 4.0712468193vw;
              margin-top: 7.6335877863vw; } }
#second .aboutSec05 {
  background: #F2F2F2;
  border-bottom: 1px solid #000000; }
  #second .aboutSec05 .title {
    font-size: 40px;
    line-height: calc(58/40);
    text-align: center;
    font-weight: bold; }
    @media (max-width: 767px) {
      #second .aboutSec05 .title {
        font-size: 6.6157760814vw; } }
  #second .aboutSec05 .aboutSec04Column {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    gap: 50px;
    margin-top: 65px;
    align-items: center; }
    @media (max-width: 767px) {
      #second .aboutSec05 .aboutSec04Column {
        gap: 10.1781170483vw;
        margin-top: 10.1781170483vw;
        flex-direction: column-reverse; } }
    #second .aboutSec05 .aboutSec04Column .img, #second .aboutSec05 .aboutSec04Column .textArea {
      width: calc((100% - 50px)/2); }
      @media (max-width: 767px) {
        #second .aboutSec05 .aboutSec04Column .img, #second .aboutSec05 .aboutSec04Column .textArea {
          width: 100%; } }
    #second .aboutSec05 .aboutSec04Column .img img {
      margin: 0 auto; }
      @media (max-width: 767px) {
        #second .aboutSec05 .aboutSec04Column .img img {
          width: 61.0687022901vw;
          height: 61.0687022901vw; } }
    #second .aboutSec05 .aboutSec04Column .problemList {
      margin: 0;
      padding: 0; }
      #second .aboutSec05 .aboutSec04Column .problemList li {
        list-style: none;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center; }
        #second .aboutSec05 .aboutSec04Column .problemList li + li {
          margin-top: 60px; }
          @media (max-width: 767px) {
            #second .aboutSec05 .aboutSec04Column .problemList li + li {
              margin-top: 12.7226463104vw; } }
        #second .aboutSec05 .aboutSec04Column .problemList li .itemImg {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 94px;
          margin-right: 16px;
          flex-shrink: 0; }
        #second .aboutSec05 .aboutSec04Column .problemList li .itemText {
          font-size: 24px;
          line-height: calc(40/24);
          font-weight: bold; }
          @media (max-width: 767px) {
            #second .aboutSec05 .aboutSec04Column .problemList li .itemText {
              font-size: 4.0712468193vw; } }
#second .aboutCTA {
  background: #FDD05B; }
  #second .aboutCTA .title {
    font-size: 40px;
    line-height: calc(68/40);
    font-weight: bold;
    text-align: center;
    margin-bottom: 45px; }
    @media (max-width: 767px) {
      #second .aboutCTA .title {
        font-size: 6.6157760814vw;
        margin-bottom: 7.6335877863vw; } }
  #second .aboutCTA .btn {
    width: 431px;
    height: 93px;
    font-size: 28px; }
    @media (max-width: 767px) {
      #second .aboutCTA .btn {
        width: 69.7201017812vw;
        height: 19.8473282443vw;
        font-size: 5.5979643766vw; } }

#second .titleArea.-caseDetail {
  min-height: 470px;
  padding: 37px 0; }
  @media (max-width: 767px) {
    #second .titleArea.-caseDetail {
      min-height: 171.5012722646vw;
      padding: 6.3613231552vw 0; } }
  #second .titleArea.-caseDetail .attribute {
    font-size: 24px;
    line-height: calc(32/24);
    font-weight: bold;
    margin-bottom: 23px; }
    @media (max-width: 767px) {
      #second .titleArea.-caseDetail .attribute {
        font-size: 4.0712468193vw;
        margin-bottom: 2.5445292621vw; } }
  #second .titleArea.-caseDetail .title {
    font-size: 50px;
    line-height: calc(72/50);
    font-weight: bold;
    margin-bottom: 50px;
    text-shadow: 0 1px 1px #fff; }
    @media (max-width: 767px) {
      #second .titleArea.-caseDetail .title {
        font-size: 9.4147582697vw;
        margin-bottom: 20px; } }
  #second .titleArea.-caseDetail .caseDetailInfo {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    max-width: 1128px;
    margin: 0 auto;
    align-items: flex-start; }
    @media (max-width: 767px) {
      #second .titleArea.-caseDetail .caseDetailInfo {
        flex-direction: column;
        padding: 0 2.5445292621vw;
        gap: 7.6335877863vw; } }
  #second .titleArea.-caseDetail .left {
    width: 742px; }
    @media (max-width: 767px) {
      #second .titleArea.-caseDetail .left {
        width: 100%; } }
  #second .titleArea.-caseDetail .img {
    width: 356px;
    flex-shrink: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 20px;
    min-height: 207px; }
    @media (max-width: 767px) {
      #second .titleArea.-caseDetail .img {
        width: 100%;
        padding: 2.5445292621vw;
        border-radius: 5.0890585242vw;
        min-height: 51.9083969466vw; } }
    #second .titleArea.-caseDetail .img img {
      width: 223px;
      height: auto; }
      @media (max-width: 767px) {
        #second .titleArea.-caseDetail .img img {
          width: 55.4707379135vw; } }
  #second .titleArea.-caseDetail .infoList {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 10px 17px;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      #second .titleArea.-caseDetail .infoList {
        gap: 3.0534351145vw 2.5445292621vw; } }
    #second .titleArea.-caseDetail .infoList dt {
      width: 157px;
      padding: 9px 10px;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
      line-height: 1.5;
      background: rgba(255, 255, 255, 0.79);
      border-radius: 10px;
      flex-shrink: 0;
      align-self: flex-start; }
      @media (max-width: 767px) {
        #second .titleArea.-caseDetail .infoList dt {
          width: 34.6055979644vw;
          font-size: 3.5623409669vw;
          padding: 2.2900763359vw 2.5445292621vw;
          border-radius: 2.5445292621vw; } }
    #second .titleArea.-caseDetail .infoList dd {
      width: calc(100% - 174px);
      font-size: 16px;
      font-weight: bold;
      align-self: center; }
      @media (max-width: 767px) {
        #second .titleArea.-caseDetail .infoList dd {
          font-size: 3.5623409669vw;
          width: 50.8905852417vw; } }
#second .titleArea.-caseDetail2 .container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 60px;
  min-height: 250px;
  align-items: center;
  padding: 15px 20px; }
  @media (max-width: 767px) {
    #second .titleArea.-caseDetail2 .container {
      min-height: initial;
      padding: 3.8167938931vw 3.0534351145vw;
      gap: 3.8167938931vw;
      flex-direction: column; } }
#second .titleArea.-caseDetail2 .attribute {
  font-size: 60px;
  line-height: calc(84/60);
  font-weight: bold;
  flex-shrink: 0;
  text-shadow: 0 1px 1px #fff; }
  @media (max-width: 767px) {
    #second .titleArea.-caseDetail2 .attribute {
      font-size: 7.1246819338vw;
      margin-bottom: 0; } }
#second .titleArea.-caseDetail2 .title {
  font-size: 30px;
  line-height: calc(58/30);
  font-weight: bold;
  flex-shrink: 1;
  position: relative; }
  @media (max-width: 767px) {
    #second .titleArea.-caseDetail2 .title {
      font-size: 5.5979643766vw; } }
  #second .titleArea.-caseDetail2 .title::before {
    content: "";
    display: block;
    position: absolute;
    background: #000;
    width: 3px;
    height: 100%;
    left: -30px;
    top: 0; }
    @media (max-width: 767px) {
      #second .titleArea.-caseDetail2 .title::before {
        content: none; } }
#second .caseDetailContent .page-main {
  /*.main-box3-img,.main-box3-img2,.main-box3-txt{
    &:has(+ .h4-style1){
      position: relative;
      margin-bottom: 145px;
      @include media_query_sp{
        margin-bottom: vw(75);
      }
      &::before{
        content:"";
        display: block;
        position: absolute;
        bottom: -90px;
        left: 0;
        width: 100%;
        height: 1.5px;
        background-image: linear-gradient(to right, #666 5px, transparent 5px);
        background-repeat: repeat-x;
        background-size: 10px 1.5px;
        background-position: left top;
        @include media_query_sp{
          bottom: vw(-38);
        }
      }
    }
  }*/ }
  #second .caseDetailContent .page-main .page-main-inner {
    max-width: 1210px;
    margin: 0 auto;
    padding: 50px 20px; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .page-main-inner {
        padding: 8.9058524173vw 3.0534351145vw; } }
    #second .caseDetailContent .page-main .page-main-inner .h4-style1:has(+ .productslink-list), #second .caseDetailContent .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2) {
      position: relative;
      margin-top: 145px; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .page-main-inner .h4-style1:has(+ .productslink-list), #second .caseDetailContent .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2) {
          margin-bottom: 8.9058524173vw; } }
      #second .caseDetailContent .page-main .page-main-inner .h4-style1:has(+ .productslink-list)::before, #second .caseDetailContent .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2)::before {
        content: "";
        display: block;
        position: absolute;
        top: -55px;
        left: 0;
        width: 100%;
        height: 1.5px;
        background-image: linear-gradient(to right, #666 5px, transparent 5px);
        background-repeat: repeat-x;
        background-size: 10px 1.5px;
        background-position: left top; }
        @media (max-width: 767px) {
          #second .caseDetailContent .page-main .page-main-inner .h4-style1:has(+ .productslink-list)::before, #second .caseDetailContent .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2)::before {
            bottom: -9.6692111959vw; } }
  #second .caseDetailContent .page-main .main-intro {
    margin-bottom: 40px; }
    #second .caseDetailContent .page-main .main-intro > :first-child {
      margin-top: 0 !important; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .main-intro {
        margin-bottom: 5.0890585242vw; } }
    #second .caseDetailContent .page-main .main-intro .h2-style2 {
      font-size: 40px !important;
      line-height: calc(58/40);
      text-align: center; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .main-intro .h2-style2 {
          font-size: 6.6157760814vw !important; } }
  #second .caseDetailContent .page-main .main-box2 p {
    font-size: 16px;
    line-height: 1.5; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .main-box2 p {
        font-size: 4.0712468193vw; } }
  #second .caseDetailContent .page-main .main-box2 a {
    font-size: 16px; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .main-box2 a {
        font-size: 4.0712468193vw; } }
  #second .caseDetailContent .page-main .main-intro {
    text-align: center; }
  #second .caseDetailContent .page-main .main-intro-inner1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .main-intro-inner1 {
        flex-direction: column;
        align-items: center; } }
    #second .caseDetailContent .page-main .main-intro-inner1.img-wide .main-intro-inner1-img {
      width: 200px; }
      #second .caseDetailContent .page-main .main-intro-inner1.img-wide .main-intro-inner1-img img {
        max-width: 200px; }
    #second .caseDetailContent .page-main .main-intro-inner1.img-wide .main-intro-inner1-txt {
      width: calc(100% - 220px); }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .main-intro-inner1.img-wide .main-intro-inner1-txt {
          width: 100%; } }
    #second .caseDetailContent .page-main .main-intro-inner1 .main-intro-inner1-img {
      width: 120px; }
      #second .caseDetailContent .page-main .main-intro-inner1 .main-intro-inner1-img img {
        width: 100%;
        max-width: 120px;
        height: auto; }
    #second .caseDetailContent .page-main .main-intro-inner1 .main-intro-inner1-txt {
      text-align: left;
      margin-left: 20px;
      width: calc(100% - 140px); }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .main-intro-inner1 .main-intro-inner1-txt {
          width: 100%;
          margin-left: 0;
          margin-top: 2.5445292621vw; } }
  #second .caseDetailContent .page-main .main-box3 > :first-child {
    margin-top: 0 !important; }
  #second .caseDetailContent .page-main .main-box3 img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 20px; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .main-box3 img {
        border-radius: 5.0890585242vw; } }
  #second .caseDetailContent .page-main .main-box3 .main-box3-img {
    margin: 40px auto;
    max-width: 995px; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .main-box3 .main-box3-img {
        margin: 5.0890585242vw auto 10.1781170483vw; } }
    #second .caseDetailContent .page-main .main-box3 .main-box3-img img {
      width: 100%;
      border-radius: 20px; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .main-box3 .main-box3-img img {
          border-radius: 5.0890585242vw; } }
  #second .caseDetailContent .page-main .main-box3 .lead {
    font-size: 20px;
    line-height: calc(35/20);
    font-weight: 500;
    margin: 40px 0; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .main-box3 .lead {
        font-size: 4.3256997455vw;
        margin: 10.1781170483vw 0 11.4503816794vw; } }
  #second .caseDetailContent .page-main .main-box3 .main-box3-txt {
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .main-box3 .main-box3-txt {
        margin-bottom: 10.1781170483vw; } }
    #second .caseDetailContent .page-main .main-box3 .main-box3-txt .main-box3-txt-img-right {
      float: right;
      margin-left: 10px; }
  #second .caseDetailContent .page-main .main-box3 .main-box3-img2 {
    margin-bottom: 70px; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .main-box3 .main-box3-img2 {
        margin-bottom: 10.1781170483vw; } }
  #second .caseDetailContent .page-main .main-box3 .main-box3-ttl {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }
    #second .caseDetailContent .page-main .main-box3 .main-box3-ttl img {
      width: 50px;
      vertical-align: middle;
      display: inline-block; }
  #second .caseDetailContent .page-main .benefits-box {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-bottom: 70px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .benefits-box {
        flex-direction: column;
        gap: 7.6335877863vw;
        margin-bottom: 12.7226463104vw; } }
    #second .caseDetailContent .page-main .benefits-box .ben-left {
      width: 183px;
      margin: 0 25px;
      border-radius: 110px;
      background: #FEF1CE;
      font-size: 22px;
      padding: 15.5px 0;
      line-height: calc(32/22);
      text-align: center;
      font-weight: bold;
      flex-shrink: 0; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .benefits-box .ben-left {
          width: 43.2569974555vw;
          margin: 6.3613231552vw auto 0;
          border-radius: 27.989821883vw;
          font-size: 4.5801526718vw;
          padding: 3.8167938931vw 2.5445292621vw; } }
    #second .caseDetailContent .page-main .benefits-box .ben-right {
      width: calc(100% - 233px);
      padding: 30px 40px 30px 0; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .benefits-box .ben-right {
          width: 100%;
          padding: 0 0 6.3613231552vw; } }
      #second .caseDetailContent .page-main .benefits-box .ben-right ul {
        padding: 0;
        margin: 0; }
        #second .caseDetailContent .page-main .benefits-box .ben-right ul li {
          font-size: 18px;
          line-height: calc(30/18);
          list-style: none; }
          #second .caseDetailContent .page-main .benefits-box .ben-right ul li span {
            font-weight: bold; }
            @media (max-width: 767px) {
              #second .caseDetailContent .page-main .benefits-box .ben-right ul li span {
                flex-shrink: 0; } }
          @media (max-width: 767px) {
            #second .caseDetailContent .page-main .benefits-box .ben-right ul li {
              font-size: 4.0712468193vw;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: -o-flex;
              display: flex; } }
          #second .caseDetailContent .page-main .benefits-box .ben-right ul li .fas {
            display: none; }
          #second .caseDetailContent .page-main .benefits-box .ben-right ul li + li {
            margin-top: 37px; }
            @media (max-width: 767px) {
              #second .caseDetailContent .page-main .benefits-box .ben-right ul li + li {
                margin-top: 7.6335877863vw; } }
  #second .caseDetailContent .page-main a {
    color: #000;
    text-decoration: underline; }
  #second .caseDetailContent .page-main h3 {
    font-size: 26px;
    line-height: calc(38/26);
    font-weight: 500;
    padding-bottom: 11px;
    border-bottom: 5px solid #EFAC00;
    margin-bottom: 50px;
    margin-top: 145px; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main h3 {
        font-size: 5.0890585242vw;
        padding-bottom: 1.0178117048vw;
        border-bottom-width: 1.272264631vw;
        margin-bottom: 6.3613231552vw;
        margin-top: 17.8117048346vw; } }
  #second .caseDetailContent .page-main p {
    font-size: 18px;
    line-height: calc(34/18);
    margin-bottom: 1.5em; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main p {
        font-size: 4.0712468193vw; } }
    #second .caseDetailContent .page-main p:has(img) {
      font-size: 15px;
      margin-bottom: 70px !important; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main p:has(img) {
          font-size: 3.0534351145vw; } }
      #second .caseDetailContent .page-main p:has(img) img {
        margin-bottom: 20px !important; }
        @media (max-width: 767px) {
          #second .caseDetailContent .page-main p:has(img) img {
            margin-bottom: 3.8167938931vw; } }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main p:has(img) {
          margin-bottom: 10.1781170483vw; } }
    #second .caseDetailContent .page-main p + p:has(img) img {
      margin-top: 70px !important; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main p + p:has(img) img {
          margin-top: 10.1781170483vw; } }
  #second .caseDetailContent .page-main .h4-style1, #second .caseDetailContent .page-main h4 {
    font-size: 30px;
    line-height: calc(44/30);
    font-weight: bold;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .h4-style1, #second .caseDetailContent .page-main h4 {
        font-size: 5.0890585242vw;
        margin-bottom: 6.3613231552vw; } }
  #second .caseDetailContent .page-main .productslink-list {
    margin-top: 55px;
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .productslink-list {
        margin-top: 6.3613231552vw;
        margin-bottom: 12.7226463104vw; } }
    #second .caseDetailContent .page-main .productslink-list ul {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-wrap: wrap;
      gap: 30px 50px;
      padding: 0;
      margin: 0; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .productslink-list ul {
          gap: 5.0890585242vw;
          justify-content: center;
          align-items: center;
          flex-direction: column; } }
      #second .caseDetailContent .page-main .productslink-list ul li {
        width: 447px;
        max-width: 100%;
        border: 1px solid #191919;
        background: #fff;
        border-radius: 20px;
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0; }
        @media (max-width: 767px) {
          #second .caseDetailContent .page-main .productslink-list ul li {
            width: 76.3358778626vw;
            border-radius: 5.0890585242vw; } }
        #second .caseDetailContent .page-main .productslink-list ul li a {
          display: block;
          padding: 33px 50px 44px 45px;
          text-decoration: none;
          position: relative; }
          @media (max-width: 767px) {
            #second .caseDetailContent .page-main .productslink-list ul li a {
              padding: 4.834605598vw 4.5801526718vw 8.1424936387vw; } }
          #second .caseDetailContent .page-main .productslink-list ul li a::after {
            content: "";
            width: 16px;
            height: 23px;
            display: block;
            position: absolute;
            background-image: url("../images/icon_arrow_black.svg");
            background-size: cover;
            background-repeat: no-repeat;
            top: 50%;
            right: 37px;
            transform: translateY(-50%); }
            @media (max-width: 767px) {
              #second .caseDetailContent .page-main .productslink-list ul li a::after {
                width: 3.8117048346vw;
                height: 5.6615776081vw;
                right: 3.8167938931vw;
                top: 62%; } }
        #second .caseDetailContent .page-main .productslink-list ul li .productslink-list-copy {
          font-size: 20px;
          line-height: 1.45;
          font-weight: bold;
          margin-bottom: 22px;
          margin-left: 7px;
          letter-spacing: 0.1em; }
          @media (max-width: 767px) {
            #second .caseDetailContent .page-main .productslink-list ul li .productslink-list-copy {
              font-size: 4.834605598vw;
              text-align: center;
              margin-bottom: 4.3256997455vw;
              margin-left: 0;
              letter-spacing: 0; } }
        #second .caseDetailContent .page-main .productslink-list ul li .productslink-list-name {
          display: none; }
        #second .caseDetailContent .page-main .productslink-list ul li .productslink-list-logo img {
          width: auto;
          height: 55px !important; }
          @media (max-width: 767px) {
            #second .caseDetailContent .page-main .productslink-list ul li .productslink-list-logo img {
              height: 12.213740458vw !important; } }
        #second .caseDetailContent .page-main .productslink-list ul li .icn-btn {
          display: none; }
  #second .caseDetailContent .page-main .customerRelatedInfo2 {
    max-width: 995px;
    margin: 0 auto 70px;
    background: #ffffff;
    border-radius: 22px;
    padding: 30px 50px 40px 46px;
    min-height: 177px;
    box-sizing: border-box;
    border: 1px solid #191919; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .customerRelatedInfo2 {
        padding: 5.0890585242vw 2.5445292621vw;
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
    #second .caseDetailContent .page-main .customerRelatedInfo2 .text {
      color: #191919;
      font-size: 20px;
      line-height: 1.5;
      font-weight: bold;
      margin-left: 6px; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .customerRelatedInfo2 .text {
          font-size: 3.3078880407vw;
          margin-left: 0;
          text-align: center; } }
    #second .caseDetailContent .page-main .customerRelatedInfo2 .serviceNameArea {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      margin-top: 16px;
      justify-content: space-between;
      align-items: center;
      gap: 20px; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .customerRelatedInfo2 .serviceNameArea {
          flex-direction: column;
          align-items: center;
          margin-top: 4.0712468193vw;
          gap: 5.0890585242vw; } }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .customerRelatedInfo2 .logo {
        width: 69.2111959288vw; }
        #second .caseDetailContent .page-main .customerRelatedInfo2 .logo img {
          width: 100%; } }
    #second .caseDetailContent .page-main .customerRelatedInfo2 .btnArea {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      gap: 38px;
      align-items: center; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .customerRelatedInfo2 .btnArea {
          gap: 5.0890585242vw;
          flex-direction: column; } }
      #second .caseDetailContent .page-main .customerRelatedInfo2 .btnArea a {
        width: 250px;
        max-width: 100%;
        display: inline-block;
        background: #DD624E url(../images/icon_arrow.svg) no-repeat center/contain;
        background-size: 12px 19px;
        background-position: center right 24px;
        padding: 17px 35px;
        font-size: 20px;
        line-height: 1.35;
        font-weight: bold;
        color: #fff;
        border-radius: 47px;
        position: relative;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none; }
        @media (max-width: 767px) {
          #second .caseDetailContent .page-main .customerRelatedInfo2 .btnArea a {
            width: 63.6132315522vw;
            background-size: 3.0534351145vw 4.834605598vw;
            background-position: center right 6.106870229vw;
            padding: 4.3256997455vw 8.9058524173vw;
            font-size: 5.0890585242vw;
            border-radius: 11.9592875318vw; } }
  #second .caseDetailContent .page-main .docutone-popup-bnr {
    z-index: 100;
    position: fixed;
    right: 24px;
    bottom: 20px;
    width: 250px; }
    #second .caseDetailContent .page-main .docutone-popup-bnr.hidden {
      display: none; }
    @media (max-width: 767px) {
      #second .caseDetailContent .page-main .docutone-popup-bnr {
        width: 170px;
        right: 15px;
        bottom: 10px; } }
    #second .caseDetailContent .page-main .docutone-popup-bnr .inner {
      width: 100%;
      padding: 0; }
      #second .caseDetailContent .page-main .docutone-popup-bnr .inner img {
        width: 100%;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
    #second .caseDetailContent .page-main .docutone-popup-bnr .closeBtn {
      position: absolute;
      top: -8px;
      right: -8px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
      border-radius: 50%;
      cursor: pointer;
      transition: all 0.2s ease-out 0s; }
      #second .caseDetailContent .page-main .docutone-popup-bnr .closeBtn:hover {
        opacity: 0.8; }
      @media (max-width: 767px) {
        #second .caseDetailContent .page-main .docutone-popup-bnr .closeBtn img {
          width: 25px;
          height: 25px; } }
#second .caseDetailContent2 .page-main .page-main-inner, #second .caseDetailContent3 .page-main .page-main-inner {
  max-width: 955px;
  margin: 0 auto;
  padding: 20px 0px 50px; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .page-main-inner, #second .caseDetailContent3 .page-main .page-main-inner {
      padding: 7.6335877863vw 3.0534351145vw; } }
  #second .caseDetailContent2 .page-main .page-main-inner .h4-style1:has(+ .productslink-list), #second .caseDetailContent2 .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2), #second .caseDetailContent3 .page-main .page-main-inner .h4-style1:has(+ .productslink-list), #second .caseDetailContent3 .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2) {
    position: relative;
    margin-top: 145px; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .page-main-inner .h4-style1:has(+ .productslink-list), #second .caseDetailContent2 .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2), #second .caseDetailContent3 .page-main .page-main-inner .h4-style1:has(+ .productslink-list), #second .caseDetailContent3 .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2) {
        margin-bottom: 8.9058524173vw; } }
    #second .caseDetailContent2 .page-main .page-main-inner .h4-style1:has(+ .productslink-list)::before, #second .caseDetailContent2 .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2)::before, #second .caseDetailContent3 .page-main .page-main-inner .h4-style1:has(+ .productslink-list)::before, #second .caseDetailContent3 .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2)::before {
      content: "";
      display: block;
      position: absolute;
      top: -55px;
      left: 0;
      width: 100%;
      height: 1.5px;
      background-image: linear-gradient(to right, #666 5px, transparent 5px);
      background-repeat: repeat-x;
      background-size: 10px 1.5px;
      background-position: left top; }
      @media (max-width: 767px) {
        #second .caseDetailContent2 .page-main .page-main-inner .h4-style1:has(+ .productslink-list)::before, #second .caseDetailContent2 .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2)::before, #second .caseDetailContent3 .page-main .page-main-inner .h4-style1:has(+ .productslink-list)::before, #second .caseDetailContent3 .page-main .page-main-inner .h4-style1:has(+ .customerRelatedInfo2)::before {
          bottom: -9.6692111959vw; } }
#second .caseDetailContent2 .page-main .main-intro, #second .caseDetailContent3 .page-main .main-intro {
  margin-bottom: 35px; }
  #second .caseDetailContent2 .page-main .main-intro > :first-child, #second .caseDetailContent3 .page-main .main-intro > :first-child {
    margin-top: 0 !important; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .main-intro, #second .caseDetailContent3 .page-main .main-intro {
      margin-bottom: 6.3613231552vw; } }
  #second .caseDetailContent2 .page-main .main-intro .h2-style2, #second .caseDetailContent2 .page-main .main-intro h3, #second .caseDetailContent3 .page-main .main-intro .h2-style2, #second .caseDetailContent3 .page-main .main-intro h3 {
    font-size: 30px;
    line-height: calc(47/30);
    text-align: left !important;
    border-bottom: none !important;
    padding-bottom: 0px !important;
    font-weight: bold; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .main-intro .h2-style2, #second .caseDetailContent2 .page-main .main-intro h3, #second .caseDetailContent3 .page-main .main-intro .h2-style2, #second .caseDetailContent3 .page-main .main-intro h3 {
        font-size: 6.6157760814vw; } }
#second .caseDetailContent2 .page-main .main-box2 p, #second .caseDetailContent3 .page-main .main-box2 p {
  font-size: 16px;
  line-height: 1.5; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .main-box2 p, #second .caseDetailContent3 .page-main .main-box2 p {
      font-size: 4.0712468193vw; } }
#second .caseDetailContent2 .page-main .main-box2 a, #second .caseDetailContent3 .page-main .main-box2 a {
  font-size: 16px; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .main-box2 a, #second .caseDetailContent3 .page-main .main-box2 a {
      font-size: 4.0712468193vw; } }
#second .caseDetailContent2 .page-main .main-intro, #second .caseDetailContent3 .page-main .main-intro {
  text-align: center; }
#second .caseDetailContent2 .page-main .main-intro-inner1, #second .caseDetailContent3 .page-main .main-intro-inner1 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .main-intro-inner1, #second .caseDetailContent3 .page-main .main-intro-inner1 {
      flex-direction: column;
      align-items: center; } }
  #second .caseDetailContent2 .page-main .main-intro-inner1.img-wide .main-intro-inner1-img, #second .caseDetailContent3 .page-main .main-intro-inner1.img-wide .main-intro-inner1-img {
    width: 200px; }
    #second .caseDetailContent2 .page-main .main-intro-inner1.img-wide .main-intro-inner1-img img, #second .caseDetailContent3 .page-main .main-intro-inner1.img-wide .main-intro-inner1-img img {
      max-width: 200px; }
  #second .caseDetailContent2 .page-main .main-intro-inner1.img-wide .main-intro-inner1-txt, #second .caseDetailContent3 .page-main .main-intro-inner1.img-wide .main-intro-inner1-txt {
    width: calc(100% - 220px); }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .main-intro-inner1.img-wide .main-intro-inner1-txt, #second .caseDetailContent3 .page-main .main-intro-inner1.img-wide .main-intro-inner1-txt {
        width: 100%; } }
  #second .caseDetailContent2 .page-main .main-intro-inner1 .main-intro-inner1-img, #second .caseDetailContent3 .page-main .main-intro-inner1 .main-intro-inner1-img {
    width: 120px; }
    #second .caseDetailContent2 .page-main .main-intro-inner1 .main-intro-inner1-img img, #second .caseDetailContent3 .page-main .main-intro-inner1 .main-intro-inner1-img img {
      width: 100%;
      max-width: 120px;
      height: auto; }
  #second .caseDetailContent2 .page-main .main-intro-inner1 .main-intro-inner1-txt, #second .caseDetailContent3 .page-main .main-intro-inner1 .main-intro-inner1-txt {
    text-align: left;
    margin-left: 20px;
    width: calc(100% - 140px); }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .main-intro-inner1 .main-intro-inner1-txt, #second .caseDetailContent3 .page-main .main-intro-inner1 .main-intro-inner1-txt {
        width: 100%;
        margin-left: 0;
        margin-top: 2.5445292621vw; } }
#second .caseDetailContent2 .page-main .main-box3 > :first-child, #second .caseDetailContent3 .page-main .main-box3 > :first-child {
  margin-top: 0 !important; }
#second .caseDetailContent2 .page-main .main-box3 img, #second .caseDetailContent3 .page-main .main-box3 img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 20px; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .main-box3 img, #second .caseDetailContent3 .page-main .main-box3 img {
      border-radius: 5.0890585242vw; } }
#second .caseDetailContent2 .page-main .main-box3 .main-box3-img, #second .caseDetailContent3 .page-main .main-box3 .main-box3-img {
  margin: 40px auto;
  max-width: 995px; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .main-box3 .main-box3-img, #second .caseDetailContent3 .page-main .main-box3 .main-box3-img {
      margin: 5.0890585242vw auto 10.1781170483vw; } }
  #second .caseDetailContent2 .page-main .main-box3 .main-box3-img img, #second .caseDetailContent3 .page-main .main-box3 .main-box3-img img {
    width: 100%;
    border-radius: 20px; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .main-box3 .main-box3-img img, #second .caseDetailContent3 .page-main .main-box3 .main-box3-img img {
        border-radius: 5.0890585242vw; } }
  #second .caseDetailContent2 .page-main .main-box3 .main-box3-img p, #second .caseDetailContent3 .page-main .main-box3 .main-box3-img p {
    text-align: center;
    margin-top: 10px;
    font-size: 14px; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .main-box3 .main-box3-img p, #second .caseDetailContent3 .page-main .main-box3 .main-box3-img p {
        font-size: 3.5623409669vw;
        margin-top: 2.5445292621vw; } }
#second .caseDetailContent2 .page-main .main-box3 .lead, #second .caseDetailContent3 .page-main .main-box3 .lead {
  font-size: 20px;
  line-height: calc(42/20);
  font-weight: 600;
  margin: 40px 0; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .main-box3 .lead, #second .caseDetailContent3 .page-main .main-box3 .lead {
      font-size: 4.3256997455vw;
      margin: 10.1781170483vw 0 11.4503816794vw; } }
#second .caseDetailContent2 .page-main .main-box3 .main-box3-txt, #second .caseDetailContent3 .page-main .main-box3 .main-box3-txt {
  margin-bottom: 60px; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .main-box3 .main-box3-txt, #second .caseDetailContent3 .page-main .main-box3 .main-box3-txt {
      margin-bottom: 10.1781170483vw; } }
  #second .caseDetailContent2 .page-main .main-box3 .main-box3-txt .main-box3-txt-img-right, #second .caseDetailContent3 .page-main .main-box3 .main-box3-txt .main-box3-txt-img-right {
    float: right;
    margin-left: 10px; }
#second .caseDetailContent2 .page-main .main-box3 .main-box3-img2, #second .caseDetailContent3 .page-main .main-box3 .main-box3-img2 {
  margin-bottom: 70px; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .main-box3 .main-box3-img2, #second .caseDetailContent3 .page-main .main-box3 .main-box3-img2 {
      margin-bottom: 10.1781170483vw; } }
#second .caseDetailContent2 .page-main .main-box3 .main-box3-ttl, #second .caseDetailContent3 .page-main .main-box3 .main-box3-ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px; }
  #second .caseDetailContent2 .page-main .main-box3 .main-box3-ttl img, #second .caseDetailContent3 .page-main .main-box3 .main-box3-ttl img {
    width: 50px;
    vertical-align: middle;
    display: inline-block; }
#second .caseDetailContent2 .page-main .benefits-box, #second .caseDetailContent3 .page-main .benefits-box {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin-bottom: 70px;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  flex-direction: column; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .benefits-box, #second .caseDetailContent3 .page-main .benefits-box {
      flex-direction: column;
      gap: 7.6335877863vw;
      margin-bottom: 12.7226463104vw; } }
  #second .caseDetailContent2 .page-main .benefits-box .ben-left, #second .caseDetailContent3 .page-main .benefits-box .ben-left {
    width: 150px;
    margin: 26px 25px 0;
    border-radius: 110px;
    background: #FEF1CE;
    font-size: 18px;
    padding: 11px 0;
    line-height: calc(32/22);
    text-align: center;
    font-weight: bold;
    flex-shrink: 0; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .benefits-box .ben-left, #second .caseDetailContent3 .page-main .benefits-box .ben-left {
        width: 38.1679389313vw;
        margin: 6.3613231552vw auto 0;
        border-radius: 27.989821883vw;
        font-size: 4.5801526718vw;
        padding: 2.7989821883vw 2.5445292621vw; } }
  #second .caseDetailContent2 .page-main .benefits-box .ben-right, #second .caseDetailContent3 .page-main .benefits-box .ben-right {
    padding: 35px 0 30px;
    align-self: flex-start; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .benefits-box .ben-right, #second .caseDetailContent3 .page-main .benefits-box .ben-right {
        width: 100%;
        padding: 0 0 6.3613231552vw; } }
    #second .caseDetailContent2 .page-main .benefits-box .ben-right ul, #second .caseDetailContent3 .page-main .benefits-box .ben-right ul {
      padding: 0;
      margin: 0; }
      #second .caseDetailContent2 .page-main .benefits-box .ben-right ul li, #second .caseDetailContent3 .page-main .benefits-box .ben-right ul li {
        font-size: 18px;
        line-height: calc(30/18);
        list-style: none;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        letter-spacing: 0.1em;
        gap: 4px; }
        #second .caseDetailContent2 .page-main .benefits-box .ben-right ul li span, #second .caseDetailContent3 .page-main .benefits-box .ben-right ul li span {
          font-weight: bold;
          flex-shrink: 0; }
          @media (max-width: 767px) {
            #second .caseDetailContent2 .page-main .benefits-box .ben-right ul li span, #second .caseDetailContent3 .page-main .benefits-box .ben-right ul li span {
              flex-shrink: 0; } }
        @media (max-width: 767px) {
          #second .caseDetailContent2 .page-main .benefits-box .ben-right ul li, #second .caseDetailContent3 .page-main .benefits-box .ben-right ul li {
            font-size: 4.0712468193vw;
            gap: 1.0178117048vw;
            letter-spacing: 0; } }
        #second .caseDetailContent2 .page-main .benefits-box .ben-right ul li .fas, #second .caseDetailContent3 .page-main .benefits-box .ben-right ul li .fas {
          display: none; }
        #second .caseDetailContent2 .page-main .benefits-box .ben-right ul li + li, #second .caseDetailContent3 .page-main .benefits-box .ben-right ul li + li {
          margin-top: 25px; }
          @media (max-width: 767px) {
            #second .caseDetailContent2 .page-main .benefits-box .ben-right ul li + li, #second .caseDetailContent3 .page-main .benefits-box .ben-right ul li + li {
              margin-top: 5.0890585242vw; } }
#second .caseDetailContent2 .page-main a, #second .caseDetailContent3 .page-main a {
  color: #000;
  text-decoration: underline; }
#second .caseDetailContent2 .page-main h3, #second .caseDetailContent3 .page-main h3 {
  font-size: 26px;
  line-height: calc(37/26);
  font-weight: 500;
  padding-bottom: 11px;
  border-bottom: 5px solid #EFAC00;
  margin-bottom: 45px;
  margin-top: 80px; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main h3, #second .caseDetailContent3 .page-main h3 {
      font-size: 5.0890585242vw;
      padding-bottom: 1.0178117048vw;
      border-bottom-width: 1.272264631vw;
      margin-bottom: 6.3613231552vw;
      margin-top: 12.7226463104vw; } }
#second .caseDetailContent2 .page-main p, #second .caseDetailContent3 .page-main p {
  font-size: 19px;
  line-height: calc(40/19);
  margin-bottom: 1.5em; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main p, #second .caseDetailContent3 .page-main p {
      font-size: 4.0712468193vw; } }
  #second .caseDetailContent2 .page-main p:has(img), #second .caseDetailContent3 .page-main p:has(img) {
    font-size: 15px;
    margin-bottom: 65px !important; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main p:has(img), #second .caseDetailContent3 .page-main p:has(img) {
        font-size: 3.0534351145vw; } }
    #second .caseDetailContent2 .page-main p:has(img) img, #second .caseDetailContent3 .page-main p:has(img) img {
      margin-bottom: 20px !important; }
      @media (max-width: 767px) {
        #second .caseDetailContent2 .page-main p:has(img) img, #second .caseDetailContent3 .page-main p:has(img) img {
          margin-bottom: 3.8167938931vw; } }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main p:has(img), #second .caseDetailContent3 .page-main p:has(img) {
        margin-bottom: 10.1781170483vw; } }
  #second .caseDetailContent2 .page-main p + p:has(img) img, #second .caseDetailContent3 .page-main p + p:has(img) img {
    margin-top: 65px !important; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main p + p:has(img) img, #second .caseDetailContent3 .page-main p + p:has(img) img {
        margin-top: 10.1781170483vw; } }
#second .caseDetailContent2 .page-main .h4-style1, #second .caseDetailContent2 .page-main h4, #second .caseDetailContent3 .page-main .h4-style1, #second .caseDetailContent3 .page-main h4 {
  font-size: 30px;
  line-height: calc(44/30);
  font-weight: bold;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .h4-style1, #second .caseDetailContent2 .page-main h4, #second .caseDetailContent3 .page-main .h4-style1, #second .caseDetailContent3 .page-main h4 {
      font-size: 5.0890585242vw;
      margin-bottom: 6.3613231552vw; } }
#second .caseDetailContent2 .page-main .productslink-list, #second .caseDetailContent3 .page-main .productslink-list {
  margin-top: 55px;
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .productslink-list, #second .caseDetailContent3 .page-main .productslink-list {
      margin-top: 6.3613231552vw;
      margin-bottom: 12.7226463104vw; } }
  #second .caseDetailContent2 .page-main .productslink-list ul, #second .caseDetailContent3 .page-main .productslink-list ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 50px;
    padding: 0;
    margin: 0; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .productslink-list ul, #second .caseDetailContent3 .page-main .productslink-list ul {
        gap: 5.0890585242vw;
        justify-content: center;
        align-items: center;
        flex-direction: column; } }
    #second .caseDetailContent2 .page-main .productslink-list ul li, #second .caseDetailContent3 .page-main .productslink-list ul li {
      width: 447px;
      max-width: 100%;
      border: 1px solid #191919;
      background: #fff;
      border-radius: 20px;
      position: relative;
      list-style: none;
      padding: 0;
      margin: 0; }
      @media (max-width: 767px) {
        #second .caseDetailContent2 .page-main .productslink-list ul li, #second .caseDetailContent3 .page-main .productslink-list ul li {
          width: 76.3358778626vw;
          border-radius: 5.0890585242vw; } }
      #second .caseDetailContent2 .page-main .productslink-list ul li a, #second .caseDetailContent3 .page-main .productslink-list ul li a {
        display: block;
        padding: 33px 50px 44px 45px;
        text-decoration: none;
        position: relative; }
        @media (max-width: 767px) {
          #second .caseDetailContent2 .page-main .productslink-list ul li a, #second .caseDetailContent3 .page-main .productslink-list ul li a {
            padding: 4.834605598vw 4.5801526718vw 8.1424936387vw; } }
        #second .caseDetailContent2 .page-main .productslink-list ul li a::after, #second .caseDetailContent3 .page-main .productslink-list ul li a::after {
          content: "";
          width: 16px;
          height: 23px;
          display: block;
          position: absolute;
          background-image: url("../images/icon_arrow_black.svg");
          background-size: cover;
          background-repeat: no-repeat;
          top: 50%;
          right: 37px;
          transform: translateY(-50%); }
          @media (max-width: 767px) {
            #second .caseDetailContent2 .page-main .productslink-list ul li a::after, #second .caseDetailContent3 .page-main .productslink-list ul li a::after {
              width: 3.8117048346vw;
              height: 5.6615776081vw;
              right: 3.8167938931vw;
              top: 62%; } }
      #second .caseDetailContent2 .page-main .productslink-list ul li .productslink-list-copy, #second .caseDetailContent3 .page-main .productslink-list ul li .productslink-list-copy {
        font-size: 20px;
        line-height: 1.45;
        font-weight: bold;
        margin-bottom: 22px;
        margin-left: 7px;
        letter-spacing: 0.1em; }
        @media (max-width: 767px) {
          #second .caseDetailContent2 .page-main .productslink-list ul li .productslink-list-copy, #second .caseDetailContent3 .page-main .productslink-list ul li .productslink-list-copy {
            font-size: 4.834605598vw;
            text-align: center;
            margin-bottom: 4.3256997455vw;
            margin-left: 0;
            letter-spacing: 0; } }
      #second .caseDetailContent2 .page-main .productslink-list ul li .productslink-list-name, #second .caseDetailContent3 .page-main .productslink-list ul li .productslink-list-name {
        display: none; }
      #second .caseDetailContent2 .page-main .productslink-list ul li .productslink-list-logo img, #second .caseDetailContent3 .page-main .productslink-list ul li .productslink-list-logo img {
        width: auto;
        height: 55px !important; }
        @media (max-width: 767px) {
          #second .caseDetailContent2 .page-main .productslink-list ul li .productslink-list-logo img, #second .caseDetailContent3 .page-main .productslink-list ul li .productslink-list-logo img {
            height: 12.213740458vw !important; } }
      #second .caseDetailContent2 .page-main .productslink-list ul li .icn-btn, #second .caseDetailContent3 .page-main .productslink-list ul li .icn-btn {
        display: none; }
#second .caseDetailContent2 .page-main .customerRelatedInfo2, #second .caseDetailContent3 .page-main .customerRelatedInfo2 {
  max-width: 995px;
  margin: 0 auto 70px;
  background: #ffffff;
  border-radius: 22px;
  padding: 30px 50px 40px 46px;
  min-height: 177px;
  box-sizing: border-box;
  border: 1px solid #191919; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .customerRelatedInfo2, #second .caseDetailContent3 .page-main .customerRelatedInfo2 {
      padding: 5.0890585242vw 2.5445292621vw;
      flex-direction: column;
      justify-content: center;
      align-items: center; } }
  #second .caseDetailContent2 .page-main .customerRelatedInfo2 .text, #second .caseDetailContent3 .page-main .customerRelatedInfo2 .text {
    color: #191919;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    margin-left: 6px; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .customerRelatedInfo2 .text, #second .caseDetailContent3 .page-main .customerRelatedInfo2 .text {
        font-size: 3.3078880407vw;
        margin-left: 0;
        text-align: center; } }
  #second .caseDetailContent2 .page-main .customerRelatedInfo2 .serviceNameArea, #second .caseDetailContent3 .page-main .customerRelatedInfo2 .serviceNameArea {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 16px;
    justify-content: space-between;
    align-items: center;
    gap: 20px; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .customerRelatedInfo2 .serviceNameArea, #second .caseDetailContent3 .page-main .customerRelatedInfo2 .serviceNameArea {
        flex-direction: column;
        align-items: center;
        margin-top: 4.0712468193vw;
        gap: 5.0890585242vw; } }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .customerRelatedInfo2 .logo, #second .caseDetailContent3 .page-main .customerRelatedInfo2 .logo {
      width: 69.2111959288vw; }
      #second .caseDetailContent2 .page-main .customerRelatedInfo2 .logo img, #second .caseDetailContent3 .page-main .customerRelatedInfo2 .logo img {
        width: 100%; } }
  #second .caseDetailContent2 .page-main .customerRelatedInfo2 .btnArea, #second .caseDetailContent3 .page-main .customerRelatedInfo2 .btnArea {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 38px;
    align-items: center; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .customerRelatedInfo2 .btnArea, #second .caseDetailContent3 .page-main .customerRelatedInfo2 .btnArea {
        gap: 5.0890585242vw;
        flex-direction: column; } }
    #second .caseDetailContent2 .page-main .customerRelatedInfo2 .btnArea a, #second .caseDetailContent3 .page-main .customerRelatedInfo2 .btnArea a {
      width: 250px;
      max-width: 100%;
      display: inline-block;
      background: #DD624E url(../images/icon_arrow.svg) no-repeat center/contain;
      background-size: 12px 19px;
      background-position: center right 24px;
      padding: 17px 35px;
      font-size: 20px;
      line-height: 1.35;
      font-weight: bold;
      color: #fff;
      border-radius: 47px;
      position: relative;
      box-sizing: border-box;
      text-align: center;
      text-decoration: none; }
      @media (max-width: 767px) {
        #second .caseDetailContent2 .page-main .customerRelatedInfo2 .btnArea a, #second .caseDetailContent3 .page-main .customerRelatedInfo2 .btnArea a {
          width: 63.6132315522vw;
          background-size: 3.0534351145vw 4.834605598vw;
          background-position: center right 6.106870229vw;
          padding: 4.3256997455vw 8.9058524173vw;
          font-size: 5.0890585242vw;
          border-radius: 11.9592875318vw; } }
#second .caseDetailContent2 .page-main .docutone-popup-bnr, #second .caseDetailContent3 .page-main .docutone-popup-bnr {
  display: none !important;
  z-index: 100;
  position: fixed;
  right: 24px;
  bottom: 20px;
  width: 250px; }
  #second .caseDetailContent2 .page-main .docutone-popup-bnr.hidden, #second .caseDetailContent3 .page-main .docutone-popup-bnr.hidden {
    display: none; }
  @media (max-width: 767px) {
    #second .caseDetailContent2 .page-main .docutone-popup-bnr, #second .caseDetailContent3 .page-main .docutone-popup-bnr {
      width: 170px;
      right: 15px;
      bottom: 10px; } }
  #second .caseDetailContent2 .page-main .docutone-popup-bnr .inner, #second .caseDetailContent3 .page-main .docutone-popup-bnr .inner {
    width: 100%;
    padding: 0; }
    #second .caseDetailContent2 .page-main .docutone-popup-bnr .inner img, #second .caseDetailContent3 .page-main .docutone-popup-bnr .inner img {
      width: 100%;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
  #second .caseDetailContent2 .page-main .docutone-popup-bnr .closeBtn, #second .caseDetailContent3 .page-main .docutone-popup-bnr .closeBtn {
    position: absolute;
    top: -8px;
    right: -8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease-out 0s; }
    #second .caseDetailContent2 .page-main .docutone-popup-bnr .closeBtn:hover, #second .caseDetailContent3 .page-main .docutone-popup-bnr .closeBtn:hover {
      opacity: 0.8; }
    @media (max-width: 767px) {
      #second .caseDetailContent2 .page-main .docutone-popup-bnr .closeBtn img, #second .caseDetailContent3 .page-main .docutone-popup-bnr .closeBtn img {
        width: 25px;
        height: 25px; } }
#second .caseDetailContent3 .page-main {
  flex-shrink: 1; }
  #second .caseDetailContent3 .page-main .page-main-inner {
    max-width: 800px;
    padding: 0 0 50px; }
    @media (max-width: 767px) {
      #second .caseDetailContent3 .page-main .page-main-inner {
        padding: 5.0890585242vw 0 12.7226463104vw; } }
  #second .caseDetailContent3 .page-main .customerRelatedInfo2 {
    display: none; }
  #second .caseDetailContent3 .page-main .h4-style1:has(+ .customerRelatedInfo2) {
    display: none; }
#second .caseColumn {
  max-width: 1777px;
  margin: 0 auto;
  padding: 0 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  gap: 38px; }
  @media (max-width: 767px) {
    #second .caseColumn {
      flex-direction: column-reverse;
      padding: 0;
      gap: 5.0890585242vw; } }
#second .caseSide {
  flex-shrink: 0;
  width: 100%;
  max-width: 333px;
  margin-top: 20px;
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    #second .caseSide {
      max-width: 100%;
      margin-top: 5.0890585242vw;
      margin-bottom: 0;
      padding: 0 3.0534351145vw; } }
  #second .caseSide .caseSideInfoArea {
    padding: 35px 25px 35px;
    margin-bottom: 35px;
    border-radius: 20px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); }
    @media (max-width: 767px) {
      #second .caseSide .caseSideInfoArea {
        padding: 5.0890585242vw;
        margin-bottom: 7.6335877863vw;
        border-radius: 5.0890585242vw; } }
    #second .caseSide .caseSideInfoArea .logo {
      text-align: center;
      margin-bottom: 30px; }
      @media (max-width: 767px) {
        #second .caseSide .caseSideInfoArea .logo {
          margin-bottom: 7.6335877863vw; } }
      #second .caseSide .caseSideInfoArea .logo img {
        width: 224px;
        height: auto;
        margin: 0 auto; }
        @media (max-width: 767px) {
          #second .caseSide .caseSideInfoArea .logo img {
            width: 56.9974554707vw; } }
    #second .caseSide .caseSideInfoArea .info {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      gap: 18px;
      align-items: center; }
      @media (max-width: 767px) {
        #second .caseSide .caseSideInfoArea .info {
          gap: 4.5801526718vw; } }
      #second .caseSide .caseSideInfoArea .info dt {
        width: 85px;
        border-radius: 10px;
        padding: 9px 10px;
        background: #FDD05B;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        flex-shrink: 0; }
        @media (max-width: 767px) {
          #second .caseSide .caseSideInfoArea .info dt {
            width: 21.6284987277vw;
            border-radius: 2.5445292621vw;
            padding: 2.2900763359vw 2.5445292621vw;
            font-size: 4.0712468193vw; } }
      #second .caseSide .caseSideInfoArea .info dd {
        font-size: 16px;
        font-weight: bold; }
        @media (max-width: 767px) {
          #second .caseSide .caseSideInfoArea .info dd {
            font-size: 4.0712468193vw; } }
      #second .caseSide .caseSideInfoArea .info + .info {
        margin-top: 10px; }
        @media (max-width: 767px) {
          #second .caseSide .caseSideInfoArea .info + .info {
            margin-top: 2.5445292621vw; } }
  #second .caseSide .caseSideBnr {
    background: #FDD05B;
    border-radius: 18px;
    padding: 0;
    position: sticky;
    top: 125px; }
    @media (max-width: 767px) {
      #second .caseSide .caseSideBnr {
        position: static;
        border-radius: 4.5801526718vw; } }
    #second .caseSide .caseSideBnr img {
      margin: 0 auto; }
#second .caseColumn2 {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row-reverse;
  gap: 37px;
  align-items: flex-start; }
  @media (max-width: 767px) {
    #second .caseColumn2 {
      flex-direction: column;
      gap: 7.6335877863vw;
      padding: 0 3.0534351145vw; } }
#second .caseSide2 {
  width: 100%;
  flex-shrink: 0;
  max-width: 333px;
  padding: 35px 25px 35px;
  position: sticky;
  top: -250px;
  margin-bottom: 50px;
  border-radius: 20px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); }
  @media (max-width: 767px) {
    #second .caseSide2 {
      position: static;
      width: 100%;
      max-width: 100%;
      padding: 5.0890585242vw;
      margin-top: 6.3613231552vw;
      margin-bottom: 0;
      border-radius: 5.0890585242vw; } }
  #second .caseSide2 .logo {
    text-align: center;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      #second .caseSide2 .logo {
        margin-bottom: 7.6335877863vw; } }
    #second .caseSide2 .logo img {
      width: 224px;
      height: auto;
      margin: 0 auto; }
      @media (max-width: 767px) {
        #second .caseSide2 .logo img {
          width: 56.9974554707vw; } }
  #second .caseSide2 .info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 18px;
    align-items: center; }
    @media (max-width: 767px) {
      #second .caseSide2 .info {
        gap: 4.5801526718vw; } }
    #second .caseSide2 .info dt {
      width: 85px;
      border-radius: 10px;
      padding: 9px 10px;
      background: #FDD05B;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      flex-shrink: 0; }
      @media (max-width: 767px) {
        #second .caseSide2 .info dt {
          width: 21.6284987277vw;
          border-radius: 2.5445292621vw;
          padding: 2.2900763359vw 2.5445292621vw;
          font-size: 4.0712468193vw; } }
    #second .caseSide2 .info dd {
      font-size: 16px;
      font-weight: bold; }
      @media (max-width: 767px) {
        #second .caseSide2 .info dd {
          font-size: 4.0712468193vw; } }
    #second .caseSide2 .info + .info {
      margin-top: 10px; }
      @media (max-width: 767px) {
        #second .caseSide2 .info + .info {
          margin-top: 2.5445292621vw; } }
  #second .caseSide2 .bnr {
    margin-top: 45px; }
    @media (max-width: 767px) {
      #second .caseSide2 .bnr {
        margin-top: 10.1781170483vw; } }
    #second .caseSide2 .bnr img {
      margin: 0 auto; }
#second .relatedInfoArea {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 20px; }
  @media (max-width: 767px) {
    #second .relatedInfoArea {
      padding: 0 3.0534351145vw; } }
  #second .relatedInfoArea .h4-style1 {
    font-size: 30px;
    line-height: calc(44 / 30);
    font-weight: bold;
    margin-bottom: 30px;
    position: relative; }
    @media (max-width: 767px) {
      #second .relatedInfoArea .h4-style1 {
        font-size: 5.0890585242vw;
        margin-bottom: 6.3613231552vw; } }
    #second .relatedInfoArea .h4-style1::before {
      content: "";
      display: block;
      top: -55px;
      left: 0;
      width: 100%;
      height: 1.5px;
      margin-bottom: 55px;
      background-image: linear-gradient(to right, #666 5px, transparent 5px);
      background-repeat: repeat-x;
      background-size: 10px 1.5px;
      background-position: left top; }
      @media (max-width: 767px) {
        #second .relatedInfoArea .h4-style1::before {
          margin-bottom: 7.6335877863vw; } }
#second .customerRelatedInfo2 {
  max-width: 995px;
  margin: 0 auto 70px;
  background: #ffffff;
  border-radius: 22px;
  padding: 30px 50px 40px 46px;
  min-height: 177px;
  box-sizing: border-box;
  border: 1px solid #191919; }
  @media (max-width: 767px) {
    #second .customerRelatedInfo2 {
      padding: 5.0890585242vw 2.5445292621vw;
      flex-direction: column;
      justify-content: center;
      align-items: center; } }
  #second .customerRelatedInfo2 .text {
    color: #191919;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    margin-left: 6px; }
    @media (max-width: 767px) {
      #second .customerRelatedInfo2 .text {
        font-size: 3.3078880407vw;
        margin-left: 0;
        text-align: center; } }
  #second .customerRelatedInfo2 .serviceNameArea {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 16px;
    justify-content: space-between;
    align-items: center;
    gap: 20px; }
    @media (max-width: 767px) {
      #second .customerRelatedInfo2 .serviceNameArea {
        flex-direction: column;
        align-items: center;
        margin-top: 4.0712468193vw;
        gap: 5.0890585242vw; } }
  @media (max-width: 767px) {
    #second .customerRelatedInfo2 .logo {
      width: 69.2111959288vw; }
      #second .customerRelatedInfo2 .logo img {
        width: 100%; } }
  #second .customerRelatedInfo2 .btnArea {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 38px;
    align-items: center; }
    @media (max-width: 767px) {
      #second .customerRelatedInfo2 .btnArea {
        gap: 5.0890585242vw;
        flex-direction: column; } }
    #second .customerRelatedInfo2 .btnArea a {
      width: 250px;
      max-width: 100%;
      display: inline-block;
      background: #DD624E url(../images/icon_arrow.svg) no-repeat center/contain;
      background-size: 12px 19px;
      background-position: center right 24px;
      padding: 17px 35px;
      font-size: 20px;
      line-height: 1.35;
      font-weight: bold;
      color: #fff;
      border-radius: 47px;
      position: relative;
      box-sizing: border-box;
      text-align: center;
      text-decoration: none; }
      @media (max-width: 767px) {
        #second .customerRelatedInfo2 .btnArea a {
          width: 63.6132315522vw;
          background-size: 3.0534351145vw 4.834605598vw;
          background-position: center right 6.106870229vw;
          padding: 4.3256997455vw 8.9058524173vw;
          font-size: 5.0890585242vw;
          border-radius: 11.9592875318vw; } }

/*-----------------------------------------
    フォーム系ページ用
-----------------------------------------*/
.formContentWrapper {
  background: #FDD05B;
  padding-top: 148px;
  padding-bottom: 70px; }
  @media (max-width: 767px) {
    .formContentWrapper {
      padding-top: 30.534351145vw;
      padding-bottom: 12.7226463104vw; } }
  .formContentWrapper .container {
    padding: 0 20px;
    max-width: 1134px;
    margin: 0 auto;
    width: 100%; }
    @media (max-width: 767px) {
      .formContentWrapper .container {
        padding: 0 3.8167938931vw; } }
  .formContentWrapper .title {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    line-height: calc(58/40);
    text-shadow: 0 1px 1px #fff;
    margin-bottom: 48px; }
    .formContentWrapper .title span {
      display: block;
      font-size: 22px; }
      @media (max-width: 767px) {
        .formContentWrapper .title span {
          font-size: 4.5801526718vw; } }
    @media (max-width: 767px) {
      .formContentWrapper .title {
        font-size: 7.6335877863vw;
        margin-bottom: 10.1781170483vw; } }
  .formContentWrapper .formContent {
    background: #fff;
    border-radius: 20px;
    padding: 45px 60px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 30px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); }
    @media (max-width: 767px) {
      .formContentWrapper .formContent {
        flex-direction: column;
        padding: 7.6335877863vw 3.8167938931vw;
        border-radius: 2.5445292621vw;
        gap: 7.6335877863vw; } }
    .formContentWrapper .formContent .left {
      width: 487px; }
      @media (max-width: 767px) {
        .formContentWrapper .formContent .left {
          width: 100%; } }
    .formContentWrapper .formContent .right {
      width: 457px; }
      .formContentWrapper .formContent .right p {
        margin-bottom: 20px; }
      @media (max-width: 767px) {
        .formContentWrapper .formContent .right {
          width: 100%; } }
    .formContentWrapper .formContent .img, .formContentWrapper .formContent .img2 {
      text-align: center; }
      .formContentWrapper .formContent .img img, .formContentWrapper .formContent .img2 img {
        margin: 0 auto; }
    .formContentWrapper .formContent .img2 {
      margin-bottom: 35px; }
      @media (max-width: 767px) {
        .formContentWrapper .formContent .img2 {
          margin-bottom: 7.6335877863vw; } }
    .formContentWrapper .formContent p {
      font-size: 16px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .formContentWrapper .formContent p {
          font-size: 3.8167938931vw; } }
      .formContentWrapper .formContent p a {
        text-decoration: underline;
        color: #000; }
    .formContentWrapper .formContent .lead {
      font-size: 20px;
      line-height: 1.45;
      font-weight: bold; }
      @media (max-width: 767px) {
        .formContentWrapper .formContent .lead {
          font-size: 4.5801526718vw; } }
    .formContentWrapper .formContent .box, .formContentWrapper .formContent .grayBox {
      margin: 30px 0 25px;
      background: #FEF1CE;
      border-radius: 20px;
      padding: 34px 28px; }
      @media (max-width: 767px) {
        .formContentWrapper .formContent .box, .formContentWrapper .formContent .grayBox {
          margin: 6.3613231552vw 0;
          padding: 7.6335877863vw 3.8167938931vw; } }
      .formContentWrapper .formContent .box h3, .formContentWrapper .formContent .grayBox h3 {
        font-size: 22px;
        line-height: calc(32/22);
        font-weight: bold;
        text-align: left;
        padding-bottom: 22px;
        border-bottom: 1px solid #191919;
        margin-bottom: 34px; }
        @media (max-width: 767px) {
          .formContentWrapper .formContent .box h3, .formContentWrapper .formContent .grayBox h3 {
            font-size: 5.0890585242vw;
            padding-bottom: 3.8167938931vw;
            margin-bottom: 7.6335877863vw; } }
      .formContentWrapper .formContent .box p, .formContentWrapper .formContent .grayBox p {
        font-size: 17px;
        line-height: 1.5;
        margin: 1em 0; }
        @media (max-width: 767px) {
          .formContentWrapper .formContent .box p, .formContentWrapper .formContent .grayBox p {
            font-size: 3.8167938931vw; } }
        .formContentWrapper .formContent .box p.small, .formContentWrapper .formContent .grayBox p.small {
          font-size: 13px;
          font-weight: normal; }
          @media (max-width: 767px) {
            .formContentWrapper .formContent .box p.small, .formContentWrapper .formContent .grayBox p.small {
              font-size: 3.0534351145vw; } }
        @media (max-width: 767px) {
          .formContentWrapper .formContent .box p, .formContentWrapper .formContent .grayBox p {
            font-size: 4.0712468193vw; } }
      .formContentWrapper .formContent .box ul, .formContentWrapper .formContent .grayBox ul {
        margin: 1em 0;
        padding: 0; }
        .formContentWrapper .formContent .box ul li, .formContentWrapper .formContent .grayBox ul li {
          list-style: none;
          position: relative;
          font-size: 20px;
          line-height: 1.5;
          padding-left: 34px;
          font-weight: 500; }
          @media (max-width: 767px) {
            .formContentWrapper .formContent .box ul li, .formContentWrapper .formContent .grayBox ul li {
              font-size: 4.5801526718vw;
              padding-left: 7.6335877863vw; } }
          .formContentWrapper .formContent .box ul li + li, .formContentWrapper .formContent .grayBox ul li + li {
            margin-top: 12px; }
          .formContentWrapper .formContent .box ul li::before, .formContentWrapper .formContent .grayBox ul li::before {
            content: "";
            display: block;
            position: absolute;
            width: 22px;
            height: 22px;
            background: url("../images/icon_list_arrow.svg");
            background-size: cover;
            top: 5px;
            left: 0; }
            @media (max-width: 767px) {
              .formContentWrapper .formContent .box ul li::before, .formContentWrapper .formContent .grayBox ul li::before {
                width: 5.0890585242vw;
                height: 5.0890585242vw;
                top: 1.272264631vw; } }
      .formContentWrapper .formContent .box .btnWrap, .formContentWrapper .formContent .grayBox .btnWrap {
        margin-top: 50px; }
        @media (max-width: 767px) {
          .formContentWrapper .formContent .box .btnWrap, .formContentWrapper .formContent .grayBox .btnWrap {
            margin-top: 12.7226463104vw; } }
        .formContentWrapper .formContent .box .btnWrap.scheduleBtn, .formContentWrapper .formContent .grayBox .btnWrap.scheduleBtn {
          position: relative;
          padding-bottom: 38px; }
          @media (max-width: 767px) {
            .formContentWrapper .formContent .box .btnWrap.scheduleBtn, .formContentWrapper .formContent .grayBox .btnWrap.scheduleBtn {
              padding-bottom: 9.6692111959vw; } }
          .formContentWrapper .formContent .box .btnWrap.scheduleBtn .btn, .formContentWrapper .formContent .grayBox .btnWrap.scheduleBtn .btn {
            width: 340px;
            height: 63px;
            font-size: 22px;
            font-weight: bold;
            color: #fff;
            background: #191919;
            padding: 10px 20px;
            border-radius: 30px;
            position: relative; }
            @media (max-width: 767px) {
              .formContentWrapper .formContent .box .btnWrap.scheduleBtn .btn, .formContentWrapper .formContent .grayBox .btnWrap.scheduleBtn .btn {
                width: 76.3358778626vw;
                height: 16.0305343511vw;
                font-size: 5.5979643766vw;
                padding: 2.5445292621vw 5.0890585242vw 2.5445292621vw 10.1781170483vw;
                text-align: left;
                justify-content: flex-start; } }
            .formContentWrapper .formContent .box .btnWrap.scheduleBtn .btn::before, .formContentWrapper .formContent .grayBox .btnWrap.scheduleBtn .btn::before {
              content: "";
              width: 23.83px;
              height: 24.03px;
              background-image: url("../images/icon_calendar.svg");
              background-size: cover;
              display: inline-block;
              vertical-align: middle;
              margin-right: 9px; }
              @media (max-width: 767px) {
                .formContentWrapper .formContent .box .btnWrap.scheduleBtn .btn::before, .formContentWrapper .formContent .grayBox .btnWrap.scheduleBtn .btn::before {
                  width: 6.0636132316vw;
                  height: 6.1145038168vw;
                  margin-right: 2.2900763359vw; } }
            .formContentWrapper .formContent .box .btnWrap.scheduleBtn .btn::after, .formContentWrapper .formContent .grayBox .btnWrap.scheduleBtn .btn::after {
              display: none; }
          .formContentWrapper .formContent .box .btnWrap.scheduleBtn .charaImg, .formContentWrapper .formContent .grayBox .btnWrap.scheduleBtn .charaImg {
            position: absolute;
            bottom: 0;
            right: 0; }
            @media (max-width: 767px) {
              .formContentWrapper .formContent .box .btnWrap.scheduleBtn .charaImg, .formContentWrapper .formContent .grayBox .btnWrap.scheduleBtn .charaImg {
                width: 28.7531806616vw;
                height: 26.6208651399vw;
                right: -3.8167938931vw; } }
        .formContentWrapper .formContent .box .btnWrap .btn, .formContentWrapper .formContent .grayBox .btnWrap .btn {
          width: 340px;
          height: 63px;
          font-size: 22px;
          font-weight: bold;
          color: #fff;
          background: #000;
          padding: 10px 20px;
          border-radius: 30px;
          position: relative; }
          @media (max-width: 767px) {
            .formContentWrapper .formContent .box .btnWrap .btn, .formContentWrapper .formContent .grayBox .btnWrap .btn {
              width: 76.3358778626vw;
              height: 16.0305343511vw;
              font-size: 4.834605598vw;
              padding: 2.5445292621vw 5.0890585242vw 2.5445292621vw 10.1781170483vw;
              text-align: left;
              justify-content: flex-start;
              border-radius: 7.6335877863vw; } }
          .formContentWrapper .formContent .box .btnWrap .btn::after, .formContentWrapper .formContent .grayBox .btnWrap .btn::after {
            position: absolute;
            content: "";
            background: url(../images/icon_arrow.svg);
            width: 12px;
            height: 17px;
            background-size: contain;
            background-repeat: no-repeat;
            right: 25px;
            top: 50%;
            transform: translateY(-50%); }
            @media (max-width: 767px) {
              .formContentWrapper .formContent .box .btnWrap .btn::after, .formContentWrapper .formContent .grayBox .btnWrap .btn::after {
                width: 3.0534351145vw;
                height: 4.3256997455vw;
                right: 6.3613231552vw; } }
    .formContentWrapper .formContent .grayBox {
      background: #F2F2F2; }

@media screen and (max-width: 767px) {
  .is-pc {
    display: none; } }
a:hover {
  opacity: 0.8; }

.inner {
  width: 1280px;
  max-width: 100%;
  padding: 0 55px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .inner {
      padding: 3.0534351145vw;
      min-height: 38.1679389313vw; } }

.mainVisual.-thanks {
  background: #FDD05B;
  margin-top: 100px; }
  @media (max-width: 767px) {
    .mainVisual.-thanks {
      margin-top: 17.8117048346vw;
      border-bottom: 1px solid #707070; } }
  .mainVisual.-thanks .container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    min-height: 250px;
    padding: 20px;
    justify-content: center;
    align-items: center; }
    @media (max-width: 767px) {
      .mainVisual.-thanks .container {
        min-height: 38.1679389313vw;
        padding: 2.5445292621vw 3.0534351145vw; } }

.mainVisual.-thanks h2 {
  font-size: 4.0rem;
  text-align: center;
  text-shadow: 0 1px 1px #fff; }
  @media (max-width: 767px) {
    .mainVisual.-thanks h2 {
      font-size: 8.9058524173vw; } }

.mainVisual.-thanks p {
  color: #333;
  font-size: 2.0rem;
  font-weight: 600;
  text-align: center;
  margin-top: 15px; }
  @media (max-width: 767px) {
    .mainVisual.-thanks p {
      font-size: 4.0712468193vw;
      margin-top: 1.5267175573vw; } }

.thanksContent {
  background: #FEF1CE;
  padding-bottom: 141px; }
  @media (max-width: 767px) {
    .thanksContent {
      padding-bottom: 12.7226463104vw; } }

.thanksContent p {
  color: #333;
  padding-top: 38px;
  font-weight: bold;
  font-size: 2.0rem;
  margin: 0 auto;
  text-align: center;
  line-height: calc(40 /20); }
  @media (max-width: 767px) {
    .thanksContent p {
      padding-top: 0;
      font-size: 4.0712468193vw;
      text-align: left; } }

.thanksContent .download__scadule {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  max-width: 850px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  margin: 43px auto 0;
  align-items: center; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule {
      border-radius: 5.0890585242vw;
      padding: 0 2.5445292621vw;
      margin: 7.6335877863vw auto 0;
      flex-direction: column; } }

.thanksContent .download__scadule .wrapper-1 {
  width: 50%;
  padding: 43px 0 43px 55px; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule .wrapper-1 {
      width: 100%;
      padding: 6.6157760814vw 3.8167938931vw; } }

.thanksContent .download__scadule .wrapper-2 {
  width: 50%;
  padding: 43px 50px; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule .wrapper-2 {
      width: 100%;
      padding: 0vw 12.7226463104vw 8.9058524173vw; } }

.thanksContent .download__scadule div .p-1 {
  color: #191919;
  font-size: 3.0rem;
  font-weight: bold;
  padding-top: 0; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule div .p-1 {
      font-size: 7.1246819338vw;
      text-align: center; } }

.thanksContent .download__scadule div .p-2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: calc(32/18);
  padding-top: 0;
  margin-top: 30px;
  text-align: left; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule div .p-2 {
      font-size: 4.0712468193vw;
      margin-top: 5.0890585242vw; } }

.thanksContent .download__scadule .wrapper-1 .button, .thanksContent .download__scadule .wrapper-1 .button2 {
  margin: 30px auto 0;
  width: fit-content; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule .wrapper-1 .button, .thanksContent .download__scadule .wrapper-1 .button2 {
      margin: 10.1781170483vw auto 0; } }

.thanksContent .download__scadule .wrapper-1 .button a {
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  background: #000;
  padding: 14.5px 40px 14.5px 49px;
  border-radius: 30px;
  position: relative;
  width: 270px;
  display: inline-block; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule .wrapper-1 .button a {
      font-size: 5.5979643766vw;
      padding: 3.68956743vw 10.1781170483vw 3.68956743vw 12.4681933842vw;
      width: 68.7022900763vw;
      border-radius: 7.6335877863vw; } }
  .thanksContent .download__scadule .wrapper-1 .button a::before {
    content: "";
    width: 23.83px;
    height: 24.03px;
    background-image: url(../images/icon_calendar.svg);
    background-size: cover;
    display: inline-block;
    vertical-align: sub;
    margin-right: 9px; }
    @media (max-width: 767px) {
      .thanksContent .download__scadule .wrapper-1 .button a::before {
        width: 6.0636132316vw;
        height: 6.1145038168vw;
        margin-right: 2.2900763359vw; } }

.thanksContent .download__scadule .wrapper-1 .button a::after {
  position: absolute;
  content: "";
  background: url(../images/icon_arrow.svg);
  width: 12px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 25px;
  top: 50%;
  transform: translateY(-50%); }
  @media (max-width: 767px) {
    .thanksContent .download__scadule .wrapper-1 .button a::after {
      width: 3.0534351145vw;
      height: 4.3256997455vw;
      right: 6.3613231552vw; } }

.thanksContent .download__scadule .wrapper-1 .button2 a {
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  background: #000;
  padding: 14.5px 30px;
  border-radius: 30px;
  position: relative;
  width: 340px;
  display: inline-block;
  text-align: center; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule .wrapper-1 .button2 a {
      font-size: 5.5979643766vw;
      padding: 3.68956743vw 7.6335877863vw 3.68956743vw;
      width: 76.3358778626vw;
      border-radius: 7.6335877863vw; } }

.thanksContent .download__scadule .wrapper-1 .button2 a::after {
  position: absolute;
  content: "";
  background: url(../images/icon_arrow.svg);
  width: 12px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 25px;
  top: 50%;
  transform: translateY(-50%); }
  @media (max-width: 767px) {
    .thanksContent .download__scadule .wrapper-1 .button2 a::after {
      width: 3.0534351145vw;
      height: 4.3256997455vw;
      right: 6.3613231552vw; } }

.thanksContent .download__scadule .wrapper-2 p {
  font-size: 1.3rem;
  font-weight: 600;
  text-align: right;
  max-width: 182px;
  padding-top: 0; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule .wrapper-2 p {
      font-size: 3.3078880407vw;
      max-width: 46.31043257vw; } }

.thanksContent .download__scadule .wrapper-2 img {
  width: 150px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule .wrapper-2 img {
      width: 38.1679389313vw; } }

.thanksContent .download__scadule .wrapper-2 .img2 {
  margin: 0 auto; }
  @media (max-width: 767px) {
    .thanksContent .download__scadule .wrapper-2 .img2 {
      width: 35.6234096692vw; } }

.thanksContent .button {
  margin: 60px auto 0px;
  width: fit-content; }
  @media (max-width: 767px) {
    .thanksContent .button {
      margin: 10.1781170483vw auto 0; } }

.thanksContent .button a {
  font-size: 1.6rem;
  color: #000;
  border-bottom: 1px solid #000;
  font-weight: bold; }
  @media (max-width: 767px) {
    .thanksContent .button a {
      font-size: 4.0712468193vw; } }

/*-----------------------------------------
    case
-----------------------------------------*/
.titleArea.-case .container {
  min-height: 470px;
  padding: 93px 20px 40px;
  position: relative; }
  @media (min-width: 768px) and (max-width: 1279px) {
    .titleArea.-case .container {
      min-height: 36.71875vw;
      padding: 7.265625vw 1.5625vw 3.125vw; } }
  @media (max-width: 767px) {
    .titleArea.-case .container {
      min-height: 126.4631043257vw;
      padding: 7.6335877863vw 3.0534351145vw 6.6157760814vw; } }
.titleArea.-case .title {
  font-size: 60px;
  font-weight: bold;
  margin: 0;
  line-height: calc(84/60);
  text-shadow: 0 1px 1px #fff;
  margin-bottom: 50px;
  position: relative;
  z-index: 2; }
  @media (min-width: 768px) and (max-width: 1279px) {
    .titleArea.-case .title {
      font-size: 4.6875vw;
      margin-bottom: 3.90625vw; } }
  @media (max-width: 767px) {
    .titleArea.-case .title {
      font-size: 9.4147582697vw;
      margin-bottom: 6.8702290076vw; } }
.titleArea.-case .btnWrap {
  text-align: left;
  position: relative;
  z-index: 2; }
  @media (max-width: 767px) {
    .titleArea.-case .btnWrap {
      text-align: center; } }
.titleArea.-case .img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: grid;
  align-items: center; }
  @media (min-width: 768px) and (max-width: 1279px) {
    .titleArea.-case .img {
      right: 1.5625vw; }
      .titleArea.-case .img img {
        width: 30.625vw; } }
  @media (max-width: 767px) {
    .titleArea.-case .img {
      position: relative;
      justify-content: center;
      margin-top: 1.7811704835vw;
      margin-bottom: 0; }
      .titleArea.-case .img img {
        width: 91.0941475827vw; } }

.caseSec01 {
  border-bottom: 1px solid #000;
  padding-bottom: 95px; }
  @media (max-width: 767px) {
    .caseSec01 {
      padding-top: 3.8167938931vw;
      padding-bottom: 12.7226463104vw;
      border-bottom: none;
      position: relative; }
      .caseSec01::after {
        width: 93.893129771vw;
        height: 1px;
        background: #000;
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 3.0534351145vw; } }
  .caseSec01 .title {
    font-size: 40px;
    text-align: center;
    margin-bottom: 62px; }
    @media (max-width: 767px) {
      .caseSec01 .title {
        margin-bottom: 5.0890585242vw;
        font-size: 5.0890585242vw; } }
  .caseSec01 .logoSlider {
    margin-bottom: 80px; }
    @media (max-width: 767px) {
      .caseSec01 .logoSlider {
        margin-bottom: 5.0890585242vw;
        padding-bottom: 5.0890585242vw;
        border-bottom: 1px solid #000; } }
    .caseSec01 .logoSlider:not(.slick-slider) {
      height: 100px;
      overflow: hidden;
      opacity: 0; }
      @media (max-width: 767px) {
        .caseSec01 .logoSlider:not(.slick-slider) {
          height: 19.0839694656vw; } }
    .caseSec01 .logoSlider .slick-track {
      display: flex;
      align-items: center; }
    .caseSec01 .logoSlider .item {
      padding: 0 20px; }
      @media (max-width: 767px) {
        .caseSec01 .logoSlider .item {
          height: 19.0839694656vw;
          padding: 0 2.5445292621vw; }
          .caseSec01 .logoSlider .item img {
            width: auto;
            height: 19.0839694656vw; } }
  .caseSec01 .lead {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 58px; }
    @media (max-width: 767px) {
      .caseSec01 .lead {
        font-size: 4.834605598vw;
        margin-bottom: 15.2671755725vw; } }

.caseSec02 {
  padding-top: 70px;
  padding-bottom: 120px; }
  @media (max-width: 767px) {
    .caseSec02 {
      padding-top: 11.1959287532vw;
      padding-bottom: 17.8117048346vw; } }
  .caseSec02 .title {
    font-size: 40px;
    text-align: center;
    margin-bottom: 72px; }
    @media (max-width: 767px) {
      .caseSec02 .title {
        margin-bottom: 12.7226463104vw;
        font-size: 6.6157760814vw; } }

.case_list {
  display: grid;
  gap: 115px 40px;
  grid-template-columns: repeat(2, 1fr); }
  .case_list.-type2 {
    grid-template-columns: repeat(3, 1fr);
    gap: 115px 20px; }
    @media (min-width: 768px) and (max-width: 1279px) {
      .case_list.-type2 {
        gap: 8.984375vw 1.5625vw; } }
    @media (max-width: 767px) {
      .case_list.-type2 {
        grid-template-columns: repeat(1, 1fr);
        gap: 13.9949109415vw; } }
    .case_list.-type2 .item {
      width: 100%; }
      .case_list.-type2 .item .img {
        margin-bottom: 27px; }
        @media (min-width: 768px) and (max-width: 1279px) {
          .case_list.-type2 .item .img {
            margin-bottom: 2.109375vw; } }
        @media (max-width: 767px) {
          .case_list.-type2 .item .img {
            margin-bottom: 6.3613231552vw; } }
      .case_list.-type2 .item .name {
        font-size: 24px;
        margin-bottom: 23px; }
        @media (min-width: 768px) and (max-width: 1279px) {
          .case_list.-type2 .item .name {
            font-size: 1.875vw;
            margin-bottom: 1.796875vw; } }
        @media (max-width: 767px) {
          .case_list.-type2 .item .name {
            font-size: 5.0890585242vw;
            margin-bottom: 4.0712468193vw; } }
      .case_list.-type2 .item .category {
        margin-bottom: 23px; }
        @media (min-width: 768px) and (max-width: 1279px) {
          .case_list.-type2 .item .category {
            margin-bottom: 1.796875vw; } }
        @media (max-width: 767px) {
          .case_list.-type2 .item .category {
            margin-bottom: 4.0712468193vw; } }
      .case_list.-type2 .item .description {
        font-size: 16px; }
        @media (min-width: 768px) and (max-width: 1279px) {
          .case_list.-type2 .item .description {
            font-size: 1.25vw; } }
        @media (max-width: 767px) {
          .case_list.-type2 .item .description {
            font-size: 3.5623409669vw; } }
  @media (min-width: 768px) and (max-width: 1279px) {
    .case_list {
      gap: 8.984375vw 3.125vw; } }
  @media (max-width: 767px) {
    .case_list {
      gap: 13.9949109415vw;
      grid-template-columns: repeat(1, 1fr);
      width: 85.2417302799vw;
      margin: 0 auto; } }
  .case_list .item {
    width: 565px; }
    @media (min-width: 768px) and (max-width: 1279px) {
      .case_list .item {
        width: 44.140625vw; } }
    @media (max-width: 767px) {
      .case_list .item {
        width: 85.2417302799vw; } }
    .case_list .item .img {
      width: 100%;
      margin-bottom: 35px;
      border-radius: 20px;
      display: block;
      overflow: hidden; }
      @media (min-width: 768px) and (max-width: 1279px) {
        .case_list .item .img {
          margin-bottom: 2.734375vw;
          border-radius: 1.5625vw; } }
      @media (max-width: 767px) {
        .case_list .item .img {
          margin-bottom: 5.8524173028vw;
          border-radius: 5.0890585242vw; } }
      .case_list .item .img img {
        width: 100%; }
    .case_list .item .name {
      margin-bottom: 22px;
      font-size: 28px;
      font-weight: bold;
      display: block; }
      @media (max-width: 767px) {
        .case_list .item .name {
          margin-bottom: 4.0712468193vw;
          font-size: 5.0890585242vw; } }
      .case_list .item .name a {
        color: #333; }
    .case_list .item .category {
      width: fit-content;
      margin-bottom: 21px;
      padding: 4px 27px 6px;
      background: #FDD05B;
      border-radius: 100px;
      color: #333;
      font-size: 14px;
      font-weight: bold; }
      @media (max-width: 767px) {
        .case_list .item .category {
          margin-bottom: 4.0712468193vw;
          padding: 1.272264631vw 6.8702290076vw 1.5267175573vw;
          border-radius: 3.8167938931vw;
          font-size: 3.5623409669vw; } }
    .case_list .item .description {
      color: #333;
      font-size: 20px;
      font-weight: 500;
      line-height: calc(40em / 20);
      margin-bottom: 35px; }
      @media (max-width: 767px) {
        .case_list .item .description {
          font-size: 4.0712468193vw;
          line-height: calc(31em / 16); } }
    .case_list .item .btnWrap {
      text-align: left; }
      @media (max-width: 767px) {
        .case_list .item .btnWrap {
          text-align: center; } }
    .case_list .item .btn {
      width: 177px;
      height: 56px;
      font-size: 18px;
      background-size: 13px 19px;
      background-position: center right 20px;
      text-indent: -6px; }
      @media (min-width: 768px) and (max-width: 1279px) {
        .case_list .item .btn {
          width: 13.828125vw;
          height: 4.375vw;
          font-size: 1.40625vw;
          background-size: 1.015625vw 1.484375vw;
          background-position: center right 1.5625vw;
          text-indent: -0.46875vw; } }
      @media (max-width: 767px) {
        .case_list .item .btn {
          width: 45.0381679389vw;
          height: 14.2493638677vw;
          font-size: 4.5801526718vw;
          background-size: 3.3078880407vw 4.834605598vw;
          background-position: center right 5.0890585242vw;
          text-indent: -1.5267175573vw; } }
  .case_list.-small {
    gap: 87px;
    grid-template-columns: repeat(3, 1fr); }
    @media (min-width: 768px) and (max-width: 1279px) {
      .case_list.-small {
        gap: 6.796875vw; } }
    @media (max-width: 767px) {
      .case_list.-small {
        gap: 16.0305343511vw;
        grid-template-columns: repeat(1, 1fr); } }
    .case_list.-small .item {
      width: 332px; }
      @media (min-width: 768px) and (max-width: 1279px) {
        .case_list.-small .item {
          width: 25.9375vw; } }
      @media (max-width: 767px) {
        .case_list.-small .item {
          width: 85.2417302799vw; } }
      .case_list.-small .item .img {
        margin-bottom: 23px; }
        @media (max-width: 767px) {
          .case_list.-small .item .img {
            margin-bottom: 5.8524173028vw; } }
      .case_list.-small .item .text {
        margin-bottom: 22px;
        color: #333;
        font-size: 28px;
        font-weight: bold; }
        @media (max-width: 767px) {
          .case_list.-small .item .text {
            margin-bottom: 6.106870229vw;
            font-size: 5.0890585242vw; } }

/*-----------------------------------------
 usecase
-----------------------------------------*/
.titleArea.-usecase {
  border: none !important; }
  .titleArea.-usecase .container {
    min-height: 450px;
    padding: 93px 20px 40px;
    position: relative; }
    @media (min-width: 768px) and (max-width: 1279px) {
      .titleArea.-usecase .container {
        min-height: 35.15625vw;
        padding: 7.265625vw 1.5625vw 3.125vw; } }
    @media (max-width: 767px) {
      .titleArea.-usecase .container {
        min-height: inherit;
        padding: 4.5801526718vw 3.0534351145vw 0; } }
  .titleArea.-usecase .title {
    font-size: 60px;
    font-weight: bold;
    margin: 0;
    line-height: calc(84/60);
    text-shadow: 0 1px 1px #fff;
    margin-bottom: 50px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) and (max-width: 1279px) {
      .titleArea.-usecase .title {
        font-size: 4.6875vw;
        margin-bottom: 3.90625vw; } }
    @media (max-width: 767px) {
      .titleArea.-usecase .title {
        font-size: 9.4147582697vw;
        margin-bottom: 7.3791348601vw;
        line-height: calc(42/37); }
        .titleArea.-usecase .title br {
          display: none; } }
  .titleArea.-usecase .btnWrap {
    text-align: left;
    position: relative;
    z-index: 2; }
    @media (max-width: 767px) {
      .titleArea.-usecase .btnWrap {
        text-align: center;
        margin-bottom: 10.1781170483vw; } }
  .titleArea.-usecase .img {
    position: absolute;
    right: 0;
    top: 118px;
    z-index: 1; }
    @media (min-width: 768px) and (max-width: 1279px) {
      .titleArea.-usecase .img {
        right: 1.5625vw;
        top: 9.21875vw; }
        .titleArea.-usecase .img img {
          width: 38.828125vw; } }
    @media (max-width: 767px) {
      .titleArea.-usecase .img {
        position: relative;
        text-align: center;
        top: 0; }
        .titleArea.-usecase .img img {
          width: 76.3358778626vw;
          display: inline-block; } }

.usecaseSec01 {
  background: #FDD05B;
  padding: 0 20px 96px;
  border-bottom: 1px solid #000;
  position: relative;
  z-index: 2; }
  @media (max-width: 767px) {
    .usecaseSec01 {
      padding-bottom: 17.048346056vw; } }
  .usecaseSec01 .usecaseContainer {
    width: 1224px;
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    background: #FFF;
    border-radius: 20px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    padding: 0;
    overflow: hidden;
    margin-bottom: 112px; }
    @media (max-width: 767px) {
      .usecaseSec01 .usecaseContainer {
        width: 89.058524173vw;
        margin-bottom: 12.213740458vw; } }
  .usecaseSec01 .breadcrumb {
    padding: 37px 0 0 27px; }
    @media (max-width: 767px) {
      .usecaseSec01 .breadcrumb {
        display: none; } }
  .usecaseSec01 .title {
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin-bottom: 66px;
    margin-top: 20px;
    color: #191919; }
    @media (max-width: 767px) {
      .usecaseSec01 .title {
        font-size: 7.1246819338vw;
        margin-top: 9.4147582697vw;
        margin-bottom: 8.6513994911vw; }
        .usecaseSec01 .title img {
          width: 52px; } }
  .usecaseSec01 .industry {
    display: flex;
    padding: 0 67px;
    align-items: flex-start;
    margin-bottom: 114px;
    gap: 70px; }
    @media (max-width: 767px) {
      .usecaseSec01 .industry {
        display: block;
        padding: 0 3.5623409669vw;
        margin-bottom: 10.4325699746vw; } }
    .usecaseSec01 .industry h3 {
      font-size: 30px;
      font-weight: bold;
      flex: none;
      text-shadow: 0px 1px 1px #fff; }
      @media (max-width: 767px) {
        .usecaseSec01 .industry h3 {
          font-size: 6.6157760814vw;
          margin-bottom: 4.834605598vw;
          text-align: center; } }
    .usecaseSec01 .industry .text {
      font-size: 18px; }
      @media (max-width: 767px) {
        .usecaseSec01 .industry .text {
          font-size: 4.0712468193vw; } }
  .usecaseSec01 .block h2 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 95px;
    height: 95px;
    border-radius: 50px;
    margin: 0 auto;
    position: relative;
    top: -47.5px;
    color: #FFF; }
    @media (max-width: 767px) {
      .usecaseSec01 .block h2 {
        top: -6.4885496183vw;
        height: 12.9770992366vw;
        line-height: 12.9770992366vw;
        font-size: 5.5979643766vw; } }
  .usecaseSec01 .block .inner {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 767px) {
      .usecaseSec01 .block .inner {
        display: block; } }
  .usecaseSec01 .block h3 {
    color: #191919;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 45px;
    margin-top: -20px; }
    @media (max-width: 767px) {
      .usecaseSec01 .block h3 {
        font-size: 6.6157760814vw;
        margin-top: 0; }
        .usecaseSec01 .block h3 br {
          display: none; } }
  .usecaseSec01 .block ul {
    padding: 0 0 50px; }
    @media (max-width: 767px) {
      .usecaseSec01 .block ul {
        padding: 0 2.5445292621vw; } }
  .usecaseSec01 .block li {
    font-size: 26px;
    font-weight: 600;
    display: flex;
    line-height: 45px;
    margin-bottom: 25px;
    gap: 30px; }
    .usecaseSec01 .block li::before {
      content: '';
      display: inline-block;
      width: 45px;
      height: 45px;
      background-size: contain;
      background-repeat: no-repeat;
      flex: none; }
    @media (max-width: 767px) {
      .usecaseSec01 .block li {
        font-size: 5.0890585242vw;
        line-height: calc(26/20);
        gap: 3.0534351145vw; }
        .usecaseSec01 .block li::before {
          width: 8.6513994911vw;
          height: 8.6513994911vw;
          position: relative;
          top: -1.272264631vw; } }
  .usecaseSec01 .block figure {
    flex: none; }
  .usecaseSec01 .block.-problem {
    background: #F2F2F2;
    position: relative; }
    .usecaseSec01 .block.-problem::before {
      width: 100%;
      height: 1px;
      background-image: linear-gradient(to right, #000 2px, transparent 6px);
      background-repeat: repeat-x;
      background-size: 8px 1px;
      background-position: left top;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
    .usecaseSec01 .block.-problem h2 {
      background: #000;
      width: 245px;
      background: #000;
      color: #fff;
      padding: 10px;
      text-align: center;
      font-size: 28px;
      font-weight: bold;
      line-height: calc(41/28);
      border-radius: 10px;
      height: 92px;
      top: -46px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 767px) {
        .usecaseSec01 .block.-problem h2 {
          top: -7.6335877863vw;
          height: 15.2671755725vw;
          font-size: 5.5979643766vw;
          padding: 2.5445292621vw;
          border-radius: 2.5445292621vw; } }
    .usecaseSec01 .block.-problem .inner {
      padding: 0 96px 26px 89px; }
      @media (max-width: 767px) {
        .usecaseSec01 .block.-problem .inner {
          padding: 0 3.5623409669vw 0; } }
      .usecaseSec01 .block.-problem .inner figure {
        transform: translateY(26px);
        align-self: flex-end; }
        @media (max-width: 767px) {
          .usecaseSec01 .block.-problem .inner figure {
            margin-top: 0;
            text-align: center;
            transform: none; }
            .usecaseSec01 .block.-problem .inner figure img {
              width: auto;
              height: 53.4351145038vw;
              display: inline-block; } }
    .usecaseSec01 .block.-problem li::before {
      background-image: url("../images/usecase/ico_problem.svg"); }
  .usecaseSec01 .block.-solve {
    background: #FEF1CE;
    padding-bottom: 75px; }
    @media (max-width: 767px) {
      .usecaseSec01 .block.-solve {
        position: relative;
        padding-bottom: 65.6488549618vw; }
        .usecaseSec01 .block.-solve::before {
          width: 100%;
          height: 1px;
          background-image: linear-gradient(to right, #000 2px, transparent 6px);
          background-repeat: repeat-x;
          background-size: 8px 1px;
          background-position: left top;
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0; } }
    .usecaseSec01 .block.-solve h2 {
      background: #000;
      width: 418px;
      background: #000;
      color: #fff;
      padding: 10px 10px;
      text-align: center;
      font-size: 28px;
      font-weight: bold;
      line-height: calc(41/28);
      border-radius: 10px;
      height: 92px;
      top: -46px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: center;
      justify-content: center; }
      .usecaseSec01 .block.-solve h2::before {
        content: "";
        display: inline-block;
        width: 57.02px;
        height: 55.4px;
        margin-right: 16px;
        background-image: url("../images/ico-dct.svg");
        background-size: cover;
        background-position: center; }
        @media (max-width: 767px) {
          .usecaseSec01 .block.-solve h2::before {
            width: 9.9618320611vw;
            height: 9.679389313vw;
            margin-right: 2.5445292621vw; } }
      @media (max-width: 767px) {
        .usecaseSec01 .block.-solve h2 {
          width: 73.7913486005vw;
          top: -7.6335877863vw;
          height: 15.2671755725vw;
          font-size: 5.5979643766vw;
          padding: 2.5445292621vw;
          border-radius: 2.5445292621vw; } }
    .usecaseSec01 .block.-solve h3 {
      margin-top: 15px; }
    .usecaseSec01 .block.-solve .inner {
      padding: 24px 27px 50px 89px; }
      @media (max-width: 767px) {
        .usecaseSec01 .block.-solve .inner {
          padding: 0 3.5623409669vw; } }
      .usecaseSec01 .block.-solve .inner .text {
        width: 680px; }
        @media (max-width: 767px) {
          .usecaseSec01 .block.-solve .inner .text {
            width: 100%; } }
      .usecaseSec01 .block.-solve .inner .img {
        width: 400px; }
        @media (max-width: 767px) {
          .usecaseSec01 .block.-solve .inner .img {
            width: 100%; } }
      .usecaseSec01 .block.-solve .inner figure {
        margin-top: -30px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (max-width: 767px) {
          .usecaseSec01 .block.-solve .inner figure {
            margin-top: 0;
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 56.2340966921vw; }
            .usecaseSec01 .block.-solve .inner figure img {
              width: auto;
              height: 56.2340966921vw;
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%); } }
    .usecaseSec01 .block.-solve li::before {
      background-image: url("../images/usecase/ico_solve.svg"); }
    .usecaseSec01 .block.-solve .img {
      text-align: center; }
      @media (max-width: 767px) {
        .usecaseSec01 .block.-solve .img {
          padding: 0 3.3078880407vw; } }
      .usecaseSec01 .block.-solve .img img {
        margin: 0 auto; }
  .usecaseSec01 .linkBlock {
    max-width: 1224px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
    gap: 54px;
    align-content: stretch; }
    @media (max-width: 767px) {
      .usecaseSec01 .linkBlock {
        width: 89.058524173vw;
        gap: 3.5623409669vw; } }
    .usecaseSec01 .linkBlock .card {
      height: 100%; }
      .usecaseSec01 .linkBlock .card a {
        display: grid;
        background: #FFF no-repeat;
        border-radius: 20px;
        padding: 26px 26px 24px 27px;
        color: #191919;
        height: 100%;
        align-content: start; }
        @media (max-width: 767px) {
          .usecaseSec01 .linkBlock .card a {
            background-size: 11.4503816794vw 11.4503816794vw;
            padding: 4.3256997455vw 4.5801526718vw;
            align-content: center; } }
      .usecaseSec01 .linkBlock .card .card-category {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 4px; }
        @media (max-width: 767px) {
          .usecaseSec01 .linkBlock .card .card-category {
            font-size: 3.0534351145vw; } }
      .usecaseSec01 .linkBlock .card .card-industry {
        font-size: 24px;
        font-weight: bold;
        border-bottom: 4px solid #EFAC00;
        padding-bottom: 12px;
        margin-bottom: 13px; }
        @media (max-width: 767px) {
          .usecaseSec01 .linkBlock .card .card-industry {
            border: none;
            padding-bottom: 0;
            margin-bottom: 0;
            font-size: 6.106870229vw; } }
      .usecaseSec01 .linkBlock .card .card-title {
        font-size: 22px;
        font-weight: bold;
        color: #333333; }
        @media (max-width: 767px) {
          .usecaseSec01 .linkBlock .card .card-title {
            display: none; } }
      .usecaseSec01 .linkBlock .card.-prev a {
        padding-left: 109px;
        background-image: url("../images/usecase/ico_prev.svg");
        background-position: center left 27px; }
        @media (max-width: 767px) {
          .usecaseSec01 .linkBlock .card.-prev a {
            padding-left: 16.0305343511vw;
            background-position: center left 2.2900763359vw; } }
      .usecaseSec01 .linkBlock .card.-next a {
        padding-right: 109px;
        background-image: url("../images/usecase/ico_next.svg");
        background-position: center right 27px; }
        @media (max-width: 767px) {
          .usecaseSec01 .linkBlock .card.-next a {
            padding-right: 16.0305343511vw;
            background-position: center right 2.2900763359vw; } }

.usecaseCTA {
  padding: 72px 0 61px;
  border-bottom: 1px solid #000; }
  @media (max-width: 767px) {
    .usecaseCTA {
      padding: 13.9949109415vw 0 9.6692111959vw; } }
  .usecaseCTA p {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 46px;
    color: #333333; }
    @media (max-width: 767px) {
      .usecaseCTA p {
        font-size: 5.0890585242vw;
        padding: 0 5.3435114504vw;
        margin-bottom: 9.6692111959vw; }
        .usecaseCTA p br {
          display: none; } }
  .usecaseCTA .btn {
    width: 431px;
    height: 93px;
    font-size: 28px; }
    @media (max-width: 767px) {
      .usecaseCTA .btn {
        width: 73.7913486005vw;
        height: 18.8295165394vw;
        font-size: 5.5979643766vw; } }

.usecaseCaselist {
  padding-top: 70px; }
  @media (max-width: 767px) {
    .usecaseCaselist {
      padding-top: 12.213740458vw; } }
  .usecaseCaselist h2 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 73px;
    text-align: center;
    color: #191919; }
    @media (max-width: 767px) {
      .usecaseCaselist h2 {
        font-size: 6.6157760814vw;
        margin-bottom: 11.9592875318vw; } }

.formdxFeature {
  border-top: 1px solid #000000; }
  .formdxFeature .container {
    max-width: 1110px;
    margin: 0 auto;
    width: 100%; }
  .formdxFeature h2 {
    text-align: center;
    font-size: 31px;
    line-height: calc(50/31);
    font-weight: bold;
    margin: 0 0 40px; }
    @media (max-width: 767px) {
      .formdxFeature h2 {
        font-size: 6.6157760814vw;
        margin: 0 0 7.6335877863vw; } }
  .formdxFeature .logo {
    text-align: center;
    margin-bottom: 45px; }
    @media (max-width: 767px) {
      .formdxFeature .logo {
        margin-bottom: 7.6335877863vw; } }
    .formdxFeature .logo img {
      margin: 0 auto; }
  .formdxFeature p {
    font-size: 18px;
    line-height: calc(24/18); }
    @media (max-width: 767px) {
      .formdxFeature p {
        font-size: 4.5801526718vw; } }
  .formdxFeature .compareTable {
    background: #FAFAFA;
    width: 100%;
    table-layout: fixed;
    margin-top: 110px;
    border-top: 1px solid #C4BFBF;
    border-collapse: collapse; }
    @media (max-width: 767px) {
      .formdxFeature .compareTable {
        margin-top: 27.989821883vw; } }
    .formdxFeature .compareTable thead .blank {
      width: 29%; }
    .formdxFeature .compareTable thead .tableHeader {
      width: 35.5%;
      padding: 0 15px; }
      @media (max-width: 767px) {
        .formdxFeature .compareTable thead .tableHeader {
          padding: 0 2.0356234097vw; } }
      .formdxFeature .compareTable thead .tableHeader.-docutone .content {
        background: #FDD05B;
        color: #000; }
      .formdxFeature .compareTable thead .tableHeader .content {
        background: #112C5D;
        border-radius: 6px;
        padding: 16px 15px 21px;
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: calc(26/18);
        font-weight: normal;
        margin: 0 auto;
        margin-top: -62.5px;
        position: relative;
        z-index: 1; }
        @media (max-width: 767px) {
          .formdxFeature .compareTable thead .tableHeader .content {
            border-radius: 1.5267175573vw;
            padding: 2.5445292621vw 2.0356234097vw;
            font-size: 3.3078880407vw;
            margin-top: -15.903307888vw;
            min-height: 31.8066157761vw; } }
      .formdxFeature .compareTable thead .tableHeader span {
        font-size: 22px;
        line-height: calc(30/22);
        font-weight: bold;
        display: block;
        margin-bottom: 8px; }
        @media (max-width: 767px) {
          .formdxFeature .compareTable thead .tableHeader span {
            font-size: 4.0712468193vw;
            margin-bottom: 1.272264631vw; } }
    .formdxFeature .compareTable tbody tr {
      border-bottom: 1px solid #C4BFBF; }
      .formdxFeature .compareTable tbody tr th, .formdxFeature .compareTable tbody tr td {
        font-size: 20px;
        font-weight: bold; }
        @media (max-width: 767px) {
          .formdxFeature .compareTable tbody tr th, .formdxFeature .compareTable tbody tr td {
            font-size: 4.0712468193vw; } }
      .formdxFeature .compareTable tbody tr th {
        padding: 10px 35px;
        text-align: left;
        height: 120px; }
        @media (max-width: 767px) {
          .formdxFeature .compareTable tbody tr th {
            padding: 5.0890585242vw 2.5445292621vw; } }
        .formdxFeature .compareTable tbody tr th .fontSmall {
          font-size: 14px;
          display: block;
          margin-top: 5px;
          font-weight: normal; }
          @media (max-width: 767px) {
            .formdxFeature .compareTable tbody tr th .fontSmall {
              font-size: 3.0534351145vw;
              margin-top: 1.272264631vw; } }
      .formdxFeature .compareTable tbody tr td {
        text-align: center;
        /*padding: 35px 10px;*/
        padding: 10px; }
        @media (max-width: 767px) {
          .formdxFeature .compareTable tbody tr td {
            padding: 5.0890585242vw 2.5445292621vw; } }
        .formdxFeature .compareTable tbody tr td img {
          margin: 0 auto; }
  .formdxFeature .btnWrap {
    padding: 50px 0 0; }
    @media (max-width: 767px) {
      .formdxFeature .btnWrap {
        padding: 12.7226463104vw 0 0; } }
    .formdxFeature .btnWrap .btn {
      width: 431px;
      height: 93px;
      font-size: 28px; }
      @media (max-width: 767px) {
        .formdxFeature .btnWrap .btn {
          width: 69.7201017812vw;
          height: 19.8473282443vw;
          font-size: 5.5979643766vw; } }

.border {
  height: 10px;
  width: 100%;
  background: #FDD05B;
  border-bottom: 1px solid #000000;
  margin-top: 100px;
  margin-bottom: 18px; }
  @media (max-width: 767px) {
    .border {
      margin-top: 17.8117048346vw; } }