/*
  media query */
/*---------------------------------------*/
/*----------------------------------------*/
/* media query for uikit */
/*----------------------------------------*/
/*
  layout */
/*---------------------------------------*/
/*
  font */
/*---------------------------------------*/
/*
  uikit */
/*---------------------------------------*/
/*
  reset */
/*---------------------------------------*/
html {
  color: #444444 !important; }

body {
  margin: 0px; }

div {
  margin: 0px; }

span {
  margin: 0px; }

p {
  margin: 0px;
  color: #444444; }

ul {
  margin: 0;
  list-style-type: none;
  -webkit-margin-after: 0;
          margin-block-end: 0; }

li {
  color: #333; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  transition-duration: .3s;
  transition-timing-function: ease; }
  a:hover {
    text-decoration: none;
    opacity: .85; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/*
  uikit 3 */
/*---------------------------------------*/
/*
  components */
/*---------------------------------------*/
html body {
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  color: #444444;
  font-family: 'Noto Sans JP', sans-serif;
  /* */
  /*---------------------------------------*/
  font-size: 14px;
  line-height: 1.6; }

/* --------------------------------------- */
/* util */
/* --------------------------------------- */
/*---------------------------------------*/
/* mixin */
/*---------------------------------------*/
/*---------------------------------------*/
/* common */
/*---------------------------------------*/

.contentsInner {
  max-width: 90vw;
  margin: 0 auto; }

.clm3block {
  margin-top: 80px;
  display: flex;
  justify-content: space-between; }
  .clm3block .child {
    width: 25vw; }
  .clm3block ul {
    padding: 0;
    display: block;
    margin-bottom: 30px !important; }
    .clm3block ul li {
      font-size: 16px;
      font-size: 1rem;
      font-weight: 700;
      text-align: center;
      padding: 7px 0;
      border-bottom: dotted 2px #03A6FF; }

h2.title {
  margin: 0 auto;
  position: relative;
  z-index: 998; }

/*---------------------------------------*/
/* indivisual */
/*---------------------------------------*/
.kvBlock {
  position: relative; }
  .kvBlock .kvInner {
    position: relative;
    min-height: 840px; }
    .kvBlock .kvInner .kvbg {
      width: 100%;
      height: 0;
      padding-top: 48.57143%;
      background: url(../images/top_kv.png) center center no-repeat;
      background-size: cover;
      margin-top: -110px; }
    .kvBlock .kvInner .contentsInner {
      position: relative; }
      .kvBlock .kvInner .contentsInner .txtBox {
        position: absolute;
        right: 0;
        bottom: 38px; }
        .kvBlock .kvInner .contentsInner .txtBox .titleImage {
          width: 524px; }
          .kvBlock .kvInner .contentsInner .txtBox .titleImage .titleImageBg {
            width: 100%;
            height: 0;
            padding-top: 37.40458%;
            background: url(../images/top_kv_text01.svg) center center no-repeat;
            background-size: cover; }
        .kvBlock .kvInner .contentsInner .txtBox p {
          margin: 20px 0 30px 0 !important; }
        .kvBlock .kvInner .contentsInner .txtBox .chatImage {
          width: 508px; }
          .kvBlock .kvInner .contentsInner .txtBox .chatImage .chatImageBg {
            width: 100%;
            height: 0;
            padding-top: 33.07087%;
            background: url(../images/top_kv_text02.png) center center no-repeat;
            background-size: cover; }

.orangeBlock, .orangeBlock__contents, .orangeBlock__about {
  background: #FE9226;
  background: linear-gradient(to left, #FE710B 0%, #FE9226 100%); }
  .orangeBlock__contents .contentsInner {
    position: relative;
    padding: 80px 0 100px; }
    .orangeBlock__contents .contentsInner::after {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      right: -10%;
      width: 736px;
      height: 163px;
      background: url(../images/orangeContents_02.svg) center center no-repeat;
      background-size: contain;
      overflow: hidden; }
    .orangeBlock__contents .contentsInner h2.title {
      width: 587px;
      height: 92px;
      background: url(../images/orangeContents_01.svg) center center no-repeat;
      background-size: contain;
      margin-bottom: 40px; }
    .orangeBlock__contents .contentsInner .gridList {
      display: grid;
      grid-template-columns: repeat(2, 1fr); }
      .orangeBlock__contents .contentsInner .gridList p {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700; }
      .orangeBlock__contents .contentsInner .gridList p.whiteBox {
        padding: 6px;
        background-color: #fff;
        border-radius: 10px;
        width: 80%;
        margin: 20px auto 0;
        box-shadow: 3px 3px 6px -4px rgba(0, 0, 0, 0.6);
        text-align: center; }
      .orangeBlock__contents .contentsInner .gridList p.whiteTxt {
        width: 80%;
        margin: 20px auto 0;
        color: #fff;
        text-align: right; }
  .orangeBlock__about .contentsInner {
    position: relative;
    padding: 80px 0 100px; }
    .orangeBlock__about .contentsInner::after {
      content: '';
      position: absolute;
      display: block;
      top: 30px;
      left: -10%;
      width: 696px;
      height: 163px;
      background: url(../images/orangeAbout_02.svg) center center no-repeat;
      background-size: contain;
      overflow: hidden; }
    .orangeBlock__about .contentsInner h2.title {
      width: 468px;
      height: 38px;
      background: url(../images/orangeAbout_01.svg) center center no-repeat;
      background-size: contain;
      margin-bottom: 50px; }
    .orangeBlock__about .contentsInner p.caption {
      color: #fff;
      text-align: center; }

.grayBlock, .grayBlock__reason, .grayBlock__faq, .grayBlock__service {
  background-color: #F4F4F4; }
  .grayBlock__reason .contentsInner {
    position: relative;
    padding: 80px 0 100px; }
    .grayBlock__reason .contentsInner::after {
      content: '';
      position: absolute;
      display: block;
      top: 20px;
      left: -10%;
      width: 556px;
      height: 162px;
      background: url(../images/grayReason_02.svg) center center no-repeat;
      background-size: contain;
      overflow: hidden; }
    .grayBlock__reason .contentsInner h2.title {
      width: 384px;
      height: 46px;
      background: url(../images/grayReason_01.svg) center center no-repeat;
      background-size: contain; }
    .grayBlock__reason .contentsInner .flexBox {
      margin-top: 80px;
      display: flex;
      justify-content: center;
      flex-flow: row wrap; }
      .grayBlock__reason .contentsInner .flexBox .child {
        width: 33%;
        margin-bottom: 40px; }
        .grayBlock__reason .contentsInner .flexBox .child .imageBox {
          width: 250px;
          height: 250px;
          margin: 0 auto 20px; }
          .grayBlock__reason .contentsInner .flexBox .child .imageBox .bg01 {
            width: 100%;
            height: 0;
            padding-top: 100%;
            background: url(../images/grayReason_num01.png) center center no-repeat;
            background-size: contain; }
          .grayBlock__reason .contentsInner .flexBox .child .imageBox .bg02 {
            width: 100%;
            height: 0;
            padding-top: 100%;
            background: url(../images/grayReason_num02.png) center center no-repeat;
            background-size: contain; }
          .grayBlock__reason .contentsInner .flexBox .child .imageBox .bg03 {
            width: 100%;
            height: 0;
            padding-top: 100%;
            background: url(../images/grayReason_num03.png) center center no-repeat;
            background-size: contain; }
          .grayBlock__reason .contentsInner .flexBox .child .imageBox .bg04 {
            width: 100%;
            height: 0;
            padding-top: 100%;
            background: url(../images/grayReason_num04.png) center center no-repeat;
            background-size: contain; }
          .grayBlock__reason .contentsInner .flexBox .child .imageBox .bg05 {
            width: 100%;
            height: 0;
            padding-top: 100%;
            background: url(../images/grayReason_num05.png) center center no-repeat;
            background-size: contain; }
        .grayBlock__reason .contentsInner .flexBox .child p {
          text-align: center; }
        .grayBlock__reason .contentsInner .flexBox .child .title {
          font-size: 24px;
          font-size: 1.5rem;
          color: #FA710D;
          font-weight: 700;
          margin-bottom: 3px; }
        .grayBlock__reason .contentsInner .flexBox .child p.caption {
          margin: 6px 0 !important; }
  .grayBlock__faq .contentsInner {
    position: relative;
    padding: 80px 0 100px;
    z-index: 998; }
    .grayBlock__faq .contentsInner::after {
      content: 'FAQ';
      position: absolute;
      display: block;
      font-family: 'Bebas Neue', cursive;
      font-size: 230px;
      font-size: 14.375rem;
      color: #EBF2DB;
      line-height: 0.5;
      top: 100px;
      left: -10%;
      z-index: 1; }
    .grayBlock__faq .contentsInner h2.faqtitle {
      width: 248px;
      height: 46px;
      background: url(../images/grayFaq_01.svg) center center no-repeat;
      background-size: contain; }
    .grayBlock__faq .contentsInner .faqBox {
      position: relative;
      z-index: 998;
      margin-top: 30px; }
      .grayBlock__faq .contentsInner .faqBox ul {
        padding-top: 60px; }
        .grayBlock__faq .contentsInner .faqBox ul:first-child {
          padding-top: 60px; }
        .grayBlock__faq .contentsInner .faqBox ul li {
          padding-bottom: 10px; }
          .grayBlock__faq .contentsInner .faqBox ul li .num, .grayBlock__faq .contentsInner .faqBox ul li .num__Q, .grayBlock__faq .contentsInner .faqBox ul li .num__A {
            font-family: 'Bebas Neue', cursive;
            font-size: 40px;
            font-size: 2.5rem;
            float: left;
            line-height: 1.0;
            display: block;
            margin-right: 5px; }
            .grayBlock__faq .contentsInner .faqBox ul li .num__Q {
              color: #FA710D; }
            .grayBlock__faq .contentsInner .faqBox ul li .num__A {
              color: #82B714; }
          .grayBlock__faq .contentsInner .faqBox ul li .title {
            font-size: 20px;
            font-size: 1.25rem;
            font-weight: 700;
            display: block;
            overflow: hidden; }
  .grayBlock__service .contentsInner {
    position: relative;
    padding: 80px 0 100px;
    z-index: 998; }
    .grayBlock__service .contentsInner::after {
      content: '';
      position: absolute;
      display: block;
      top: 20px;
      left: -10%;
      width: 594px;
      height: 162px;
      background: url(../images/grayService_02.svg) center center no-repeat;
      background-size: contain;
      overflow: hidden;
      z-index: 0; }
    .grayBlock__service .contentsInner h2.title {
      width: 240px;
      height: 46px;
      background: url(../images/grayService_01.svg) center center no-repeat;
      background-size: contain; }
    .grayBlock__service .contentsInner h3 {
      text-align: center;
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 500; }
    .grayBlock__service .contentsInner .gridBlock {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 1fr auto;
        grid-template-rows-z-index: 2;
      margin-top: 40px;
      -moz-column-gap: 20px;
           column-gap: 20px;
      row-gap: 40px; }
      .grayBlock__service .contentsInner .gridBlock .listBox {
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 3px 3px 6px -4px rgba(0, 0, 0, 0.6);
        padding: 30px 20px;
        box-sizing: border-box; }
        .grayBlock__service .contentsInner .gridBlock .listBox p.mainTitle {
          font-family: 'Bebas Neue', cursive;
          font-size: 60px;
          font-size: 3.75rem;
          color: #FA710D;
          text-align: center;
          line-height: 0.5;
          transform: translateY(-40px); }
        .grayBlock__service .contentsInner .gridBlock .listBox .mainImage, .grayBlock__service .contentsInner .gridBlock .listBox .mainImage__input, .grayBlock__service .contentsInner .gridBlock .listBox .mainImage__lists, .grayBlock__service .contentsInner .gridBlock .listBox .mainImage__style {
          width: 100%;
          height: 0;
          padding-top: 53.28467%; }
          .grayBlock__service .contentsInner .gridBlock .listBox .mainImage__input {
            background: url(../images/grayService_03.png) center center no-repeat;
            background-size: contain; }
          .grayBlock__service .contentsInner .gridBlock .listBox .mainImage__lists {
            background: url(../images/grayService_04.png) center center no-repeat;
            background-size: contain; }
          .grayBlock__service .contentsInner .gridBlock .listBox .mainImage__style {
            background: url(../images/grayService_05.png) center center no-repeat;
            background-size: contain; }
        .grayBlock__service .contentsInner .gridBlock .listBox p.title {
          font-size: 22px;
          font-size: 1.375rem;
          font-weight: 700;
          text-align: center;
          margin: 24px 0; }
        .grayBlock__service .contentsInner .gridBlock .listBox ul {
          -webkit-padding-start: 20px !important;
                  padding-inline-start: 20px !important; }
          .grayBlock__service .contentsInner .gridBlock .listBox ul li {
            position: relative;
            font-size: 14px;
            font-size: 0.875rem; }
            .grayBlock__service .contentsInner .gridBlock .listBox ul li::after {
              content: '';
              position: absolute;
              display: block;
              top: 50%;
              left: -14px;
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background-color: #FA710D;
              transform: translateY(-50%); }
      .grayBlock__service .contentsInner .gridBlock .otherBox {
        grid-column: 1/4;
        grid-row: 2/3; }
        .grayBlock__service .contentsInner .gridBlock .otherBox p.title {
          position: relative;
          font-size: 18px;
          font-size: 1.125rem;
          font-weight: 400;
          margin: 10px 0; }
          .grayBlock__service .contentsInner .gridBlock .otherBox p.title::after {
            content: '';
            position: absolute;
            display: block;
            top: -50%;
            left: 14vw;
            width: 48px;
            height: 54px;
            background: url(../images/grayService_06.png) center center no-repeat;
            background-size: contain; }
        .grayBlock__service .contentsInner .gridBlock .otherBox .flexBox {
          display: flex;
          justify-content: center;
          -moz-column-gap: 50px;
               column-gap: 50px; }
          .grayBlock__service .contentsInner .gridBlock .otherBox .flexBox .child {
            margin-top: 20px; }
            .grayBlock__service .contentsInner .gridBlock .otherBox .flexBox .child ul li {
              position: relative;
              font-size: 14px;
              font-size: 0.875rem; }
              .grayBlock__service .contentsInner .gridBlock .otherBox .flexBox .child ul li::after {
                content: '';
                position: absolute;
                display: block;
                top: 50%;
                left: -14px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #82B714;
                transform: translateY(-50%); }

.yellowBlock, .yellowBlock__customer {
  background-color: #FEDC7F; }
  .yellowBlock__customer .contentsInner {
    position: relative;
    padding: 80px 0 100px;
    z-index: 998; }
    .yellowBlock__customer .contentsInner::after {
      content: '';
      position: absolute;
      display: block;
      top: 30px;
      right: 0;
      width: 767px;
      height: 162px;
      background: url(../images/yellowCustomer_02.svg) center center no-repeat;
      background-size: contain;
      overflow: hidden;
      z-index: 1; }
    .yellowBlock__customer .contentsInner h2.title {
      width: 200px;
      height: 46px;
      background: url(../images/yellowCustomer_01.svg) center center no-repeat;
      background-size: contain; }
    .yellowBlock__customer .contentsInner h2.Jirei {
      width: 94px;
      height: 46px;
      background: url(../images/yellowCustomer_03.svg) center center no-repeat;
      background-size: contain; }
    .yellowBlock__customer .contentsInner .ichiranBlock {
      margin-top: 100px; }
      .yellowBlock__customer .contentsInner .ichiranBlock h2.ichiran {
        width: 278px;
        height: 46px;
        background: url(../images/yellowCustomer_04.svg) center center no-repeat;
        background-size: contain; }
      .yellowBlock__customer .contentsInner .ichiranBlock .tableBlock {
        width: 100%;
        margin-top: 50px; }
        .yellowBlock__customer .contentsInner .ichiranBlock .tableBlock tr th {
          background-color: #FA710D;
          color: #fff;
          border: 2px solid #FEDC7F; }
        .yellowBlock__customer .contentsInner .ichiranBlock .tableBlock tr td {
          padding: 6px 10px;
          border: 2px solid #FEDC7F; }
        .yellowBlock__customer .contentsInner .ichiranBlock .tableBlock tr.whiteLine {
          background-color: #fff; }
        .yellowBlock__customer .contentsInner .ichiranBlock .tableBlock tr.orangeLine {
          background-color: rgba(255, 255, 255, 0.5); }
    .yellowBlock__customer .contentsInner .gridList {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      z-index: 2;
      margin-top: 40px; }
      .yellowBlock__customer .contentsInner .gridList p {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700; }
      .yellowBlock__customer .contentsInner .gridList .whiteBox {
        padding: 44px 20px;
        background-color: #fff;
        box-sizing: border-box;
        border-radius: 10px;
        width: 200px;
        margin: 20px auto 0;
        box-shadow: 3px 3px 6px -4px rgba(0, 0, 0, 0.6);
        text-align: center; }
        .yellowBlock__customer .contentsInner .gridList .whiteBox .logoImage, .yellowBlock__customer .contentsInner .gridList .whiteBox .logoImage__01, .yellowBlock__customer .contentsInner .gridList .whiteBox .logoImage__02, .yellowBlock__customer .contentsInner .gridList .whiteBox .logoImage__03, .yellowBlock__customer .contentsInner .gridList .whiteBox .logoImage__04 {
          width: 100%;
          height: 0;
          padding-top: 61.11111%;
          margin: auto; }
          .yellowBlock__customer .contentsInner .gridList .whiteBox .logoImage__01 {
            background: url(../images/yellowCustomer_logo01.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .gridList .whiteBox .logoImage__02 {
            background: url(../images/yellowCustomer_logo02.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .gridList .whiteBox .logoImage__03 {
            background: url(../images/yellowCustomer_logo03.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .gridList .whiteBox .logoImage__04 {
            background: url(../images/yellowCustomer_logo04.png) center center no-repeat;
            background-size: contain; }
    .yellowBlock__customer .contentsInner p.rightTxt {
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 700;
      text-align: right; }
    .yellowBlock__customer .contentsInner .jireiWhitebox {
      margin-top: 80px;
      position: relative;
      z-index: 998;
      border-radius: 10px;
      background-color: #fff;
      box-shadow: 3px 3px 6px -4px rgba(0, 0, 0, 0.6);
      padding: 50px 30px;
      box-sizing: border-box; }
      .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox {
        display: flex;
        justify-content: center;
        flex-flow: row wrap; }
        .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__01, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__02, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__03, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__04, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__05, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__06, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__07, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__08, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__09 {
          width: 136px;
          height: 136px;
          margin: 10px 14px; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__01 {
            background: url(../images/yellowCustomer_jirei01.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__02 {
            background: url(../images/yellowCustomer_jirei02.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__03 {
            background: url(../images/yellowCustomer_jirei03.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__04 {
            background: url(../images/yellowCustomer_jirei04.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__05 {
            background: url(../images/yellowCustomer_jirei05.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__06 {
            background: url(../images/yellowCustomer_jirei06.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__07 {
            background: url(../images/yellowCustomer_jirei07.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__08 {
            background: url(../images/yellowCustomer_jirei08.png) center center no-repeat;
            background-size: contain; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__09 {
            background: url(../images/yellowCustomer_jirei09.png) center center no-repeat;
            background-size: contain; }
      .yellowBlock__customer .contentsInner .jireiWhitebox .flexBox {
        display: flex;
        justify-content: center;
        -moz-column-gap: 2px;
             column-gap: 2px; }
        .yellowBlock__customer .contentsInner .jireiWhitebox .flexBox .child {
          margin-top: 20px; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .flexBox .child ul li {
            position: relative;
            font-size: 12px;
            font-size: 0.75rem; }
            .yellowBlock__customer .contentsInner .jireiWhitebox .flexBox .child ul li::after {
              content: '';
              position: absolute;
              display: block;
              top: 50%;
              left: -14px;
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background-color: #FA710D;
              transform: translateY(-50%); }

.whiteBlock__flow .contentsInner {
  position: relative;
  padding: 80px 0 100px;
  z-index: 998; }
  .whiteBlock__flow .contentsInner::after {
    content: '';
    position: absolute;
    display: block;
    top: 30px;
    right: -10%;
    width: 380px;
    height: 162px;
    background: url(../images/whiteFlow_02.svg) center center no-repeat;
    background-size: contain;
    overflow: hidden;
    z-index: 1; }
  .whiteBlock__flow .contentsInner h2.title {
    width: 230px;
    height: 46px;
    background: url(../images/whiteFlow_01.svg) center center no-repeat;
    background-size: contain; }
  .whiteBlock__flow .contentsInner .flowBox {
    position: relative;
    z-index: 2;
    margin-top: 70px; }
    .whiteBlock__flow .contentsInner .flowBox::after {
      content: '';
      position: absolute;
      top: 0;
      left: 30px;
      width: 4px;
      border-left: 4px dotted #82B714;
      height: 96%;
      z-index: 1; }
    .whiteBlock__flow .contentsInner .flowBox .child {
      position: relative;
      z-index: 3;
      margin-top: 40px; }
      .whiteBlock__flow .contentsInner .flowBox .child .Inner {
        display: flex;
        justify-content: space-between; }
        .whiteBlock__flow .contentsInner .flowBox .child .Inner .numBox {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: #82B714;
          padding: 10px;
          box-shadow: 6px 6px 6px -4px rgba(0, 0, 0, 0.2); }
          .whiteBlock__flow .contentsInner .flowBox .child .Inner .numBox p {
            font-size: 32px;
            font-size: 2rem;
            font-family: 'Bebas Neue', cursive;
            color: #fff;
            line-height: 46px;
            text-align: center; }
        .whiteBlock__flow .contentsInner .flowBox .child .Inner .txtBox {
          width: 68vw; }
          .whiteBlock__flow .contentsInner .flowBox .child .Inner .txtBox p.title {
            font-size: 24px;
            font-size: 1.5rem;
            font-weight: 700;
            color: #5C8400;
            margin-bottom: 16px !important; }
          .whiteBlock__flow .contentsInner .flowBox .child .Inner .txtBox p {
            margin: 8px 0 !important; }

.whiteBlock__contact .contentsInner {
  position: relative;
  padding: 80px 0 100px;
  z-index: 998; }
  .whiteBlock__contact .contentsInner h2.title {
    width: 764px;
    height: 38px;
    background: url(../images/whiteContact_01.svg) center center no-repeat;
    background-size: contain; }
  .whiteBlock__contact .contentsInner .formBox {
    width: 100%;
    margin: 80px auto 60px; }
    .whiteBlock__contact .contentsInner .formBox p {
      text-align: center; }

.thanksBlock .contentsInner {
  padding-top: 30px;
  position: relative;
  height: calc(100vh - 67px); }
  .thanksBlock .contentsInner h2 {
    text-align: center;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 700; }
  .thanksBlock .contentsInner .flexBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 140px;
    margin-top: 40px; }
    .thanksBlock .contentsInner .flexBox .imageBox {
      width: 44%; }
      .thanksBlock .contentsInner .flexBox .imageBox .imageInner {
        width: 100%;
        height: 0;
        padding-top: 74.77064%;
        background: url(../images/foot_thanks.png) center center no-repeat;
        background-size: contain; }
    .thanksBlock .contentsInner .flexBox .txtBox {
      width: 45%; }
      .thanksBlock .contentsInner .flexBox .txtBox .orangeTxt {
        font-family: 'Bebas Neue', cursive;
        font-size: 108px;
        font-size: 6.75rem;
        line-height: 108px;
        color: #FA710D; }

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

/*----------------------------------------*/
/* media query for uikit */
/*----------------------------------------*/
/*---------------------------------------*/
/* mixin */
/*---------------------------------------*/
.uk-sticky-fixed {
  z-index: 999 !important; }

.header {
  position: relative;
  padding-top: 20px;
  z-index: 999;
  background-color: #fff; }
  .header .contentsInner a.logoBox {
    position: relative;
    display: inline-block;
    width: 348px;
    height: 94px;
    margin: 0 auto; }
    .header .contentsInner a.logoBox .logoImage, .header .yellowBlock__customer .contentsInner a.logoBox .gridList .whiteBox .logoImage__01, .yellowBlock__customer .header .contentsInner a.logoBox .gridList .whiteBox .logoImage__01, .header .yellowBlock__customer .contentsInner .gridList .whiteBox a.logoBox .logoImage__01, .yellowBlock__customer .header .contentsInner .gridList .whiteBox a.logoBox .logoImage__01, .header .yellowBlock__customer .contentsInner a.logoBox .gridList .whiteBox .logoImage__02, .yellowBlock__customer .header .contentsInner a.logoBox .gridList .whiteBox .logoImage__02, .header .yellowBlock__customer .contentsInner .gridList .whiteBox a.logoBox .logoImage__02, .yellowBlock__customer .header .contentsInner .gridList .whiteBox a.logoBox .logoImage__02, .header .yellowBlock__customer .contentsInner a.logoBox .gridList .whiteBox .logoImage__03, .yellowBlock__customer .header .contentsInner a.logoBox .gridList .whiteBox .logoImage__03, .header .yellowBlock__customer .contentsInner .gridList .whiteBox a.logoBox .logoImage__03, .yellowBlock__customer .header .contentsInner .gridList .whiteBox a.logoBox .logoImage__03, .header .yellowBlock__customer .contentsInner a.logoBox .gridList .whiteBox .logoImage__04, .yellowBlock__customer .header .contentsInner a.logoBox .gridList .whiteBox .logoImage__04, .header .yellowBlock__customer .contentsInner .gridList .whiteBox a.logoBox .logoImage__04, .yellowBlock__customer .header .contentsInner .gridList .whiteBox a.logoBox .logoImage__04 {
      width: 100%;
      height: 0;
      padding-top: 27.01149%;
      background: url(../images/head_logo.svg) center center no-repeat;
      background-size: contain; }
  .header .contentsInner a.contactBox {
    display: inline-block;
    float: right;
    padding: 12px 20px;
    box-sizing: border-box;
    background-color: #FA710D;
    color: #fff !important;
    border-radius: 6px;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    box-shadow: 0px 4px 0px 0 #A34A1A; }
    .header .contentsInner a.contactBox:hover {
      transform: translateY(4px);
      box-shadow: none;
      text-decoration: none; }

.footer {
  background: #FE9226;
  background: linear-gradient(to left, #FE710B 0%, #FE9226 100%);
  padding: 10px 0; }
  .footer p {
    color: #fff !important;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin: 8px 0 !important; }
  .footer .linkBox {
    text-align: center; }
    .footer .linkBox a {
      color: #fff !important;
      font-size: 14px;
      font-size: 0.875rem;
      text-decoration: underline; }
    .footer .linkBox .kaisyagaiyou {
      display: inline-block;
      margin-right: 20px; }
    @media screen and (min-width: 960px) {
    html body {
      font-size: 16px;
      letter-spacing: 1px;
      line-height: 2; }
  .sp_br {
    display: none; } }
    @media screen and (min-width: 960px) and (max-width: 1199px) {
  .sp_br {
    display: none; }
        .clm3block ul li {
          font-size: 15px;
          font-size: 0.9375rem; }
          .kvBlock .kvInner .contentsInner .txtBox {
            right: 0px;
            bottom: 8px; } }
    @media screen and (min-width: 1200px) {
  .sp_br {
    display: none; } }
    @media screen and (min-width: 1200px) and (max-width: 1599px) {
  .sp_br {
    display: none; }
    .contentsInner {
      max-width: 75vw;
      margin: 0 auto; }
      .clm3block .child {
        margin: 0 10px; }
          .kvBlock .kvInner .contentsInner .txtBox {
            right: 0px;
            bottom: 8px; } }
    @media screen and (min-width: 1600px) {
  .sp_br {
    display: none; }
    .contentsInner {
      max-width: 60vw; }
        .kvBlock .kvInner .kvbg {
          margin-top: -300px; }
          .kvBlock .kvInner .contentsInner .txtBox {
            right: 0;
            bottom: 100px; }
            .grayBlock__reason .contentsInner .flexBox .child .imageBox {
              width: 300px;
              height: 300px; }
        .yellowBlock__customer .contentsInner .ichiranBlock {
          width: 60vw;
          margin: 100px auto 0; }
        .yellowBlock__customer .contentsInner .gridList {
          width: 60vw;
          margin: 40px auto 0; }
            .whiteBlock__flow .contentsInner .flowBox .child .Inner .txtBox {
              width: 54vw; } }
    @media screen and (max-width: 639px) {
  .pc_br {
    display: none; }
    .clm3block {
      margin-top: 40px;
      display: block; }
      .clm3block .child {
        width: 100%;
        margin-bottom: 50px; }
        .kvBlock .kvInner .kvbg {
          padding-top: 200%;
          background: url(../images/top_kv_sp.png) center center no-repeat;
          background-size: contain; }
          .kvBlock .kvInner .contentsInner .txtBox {
            right: 0;
            bottom: -40px; }
            .kvBlock .kvInner .contentsInner .txtBox .titleImage {
              width: 100%; }
            .kvBlock .kvInner .contentsInner .txtBox .chatImage {
              width: 100%; }
      .orangeBlock__contents .contentsInner::after {
        right: 0;
        width: 294.4px;
        height: 65.2px; }
        .orangeBlock__contents .contentsInner h2.title {
          width: 92vw;
          height: 202px;
          background: url(../images/orangeContents_01_sp.svg) center center no-repeat;
          background-size: contain; }
          .orangeBlock__contents .contentsInner .gridList p {
            font-size: 18px;
            font-size: 1.125rem; }
      .orangeBlock__about .contentsInner::after {
        content: '';
        position: absolute;
        display: block;
        top: 30px;
        left: -10%;
        width: 278.4px;
        height: 65.2px;
        background: url(../images/orangeAbout_02.svg) center center no-repeat;
        background-size: contain;
        overflow: hidden; }
        .orangeBlock__about .contentsInner h2.title {
          width: 80vw;
          height: 89px;
          background: url(../images/orangeAbout_01_sp.svg) center center no-repeat;
          background-size: contain; }
        .orangeBlock__about .contentsInner p.caption {
          text-align: left; }
      .grayBlock__reason .contentsInner::after {
        width: 222.4px;
        height: 64.8px; }
        .grayBlock__reason .contentsInner h2.title {
          width: 60vw;
          height: 104px;
          background: url(../images/grayReason_01_sp.svg) center center no-repeat;
          background-size: contain; }
        .grayBlock__reason .contentsInner .flexBox {
          justify-content: space-between; }
          .grayBlock__reason .contentsInner .flexBox .child {
            width: 47%; }
            .grayBlock__reason .contentsInner .flexBox .child .imageBox {
              width: 150px;
              height: 150px; }
            .grayBlock__reason .contentsInner .flexBox .child .title {
              font-size: 18px;
              font-size: 1.125rem; }
      .grayBlock__faq .contentsInner::after {
        content: 'FAQ';
        position: absolute;
        display: block;
        font-family: 'Bebas Neue', cursive;
        font-size: 100px;
        font-size: 6.25rem;
        color: #EBF2DB;
        line-height: 0.5;
        top: 50px;
        left: 0;
        z-index: 1; }
          .grayBlock__faq .contentsInner .faqBox ul {
            padding: 60px 0 0 0; }
            .grayBlock__faq .contentsInner .faqBox ul:first-child {
              padding-top: 20px; }
      .grayBlock__service .contentsInner::after {
        top: 20px;
        left: 0;
        width: 237.6px;
        height: 64.8px; }
        .grayBlock__service .contentsInner h2.title {
          width: 50vw;
          height: 46px; }
        .grayBlock__service .contentsInner .gridBlock {
          display: block; }
          .grayBlock__service .contentsInner .gridBlock .listBox {
            padding: 0px 20px 30px 20px;
            margin-top: 60px; }
            .grayBlock__service .contentsInner .gridBlock .listBox p.mainTitle {
              transform: translateY(40px); }
            .grayBlock__service .contentsInner .gridBlock .listBox .mainImage, .grayBlock__service .contentsInner .gridBlock .listBox .mainImage__input, .grayBlock__service .contentsInner .gridBlock .listBox .mainImage__lists, .grayBlock__service .contentsInner .gridBlock .listBox .mainImage__style {
              width: 70%;
              margin: 0 auto; }
            .grayBlock__service .contentsInner .gridBlock .listBox p.title {
              margin: 0 0 10px; }
            .grayBlock__service .contentsInner .gridBlock .otherBox p.title {
              padding-top: 30px; }
              .grayBlock__service .contentsInner .gridBlock .otherBox p.title::after {
                top: 10%;
                left: 0; }
            .grayBlock__service .contentsInner .gridBlock .otherBox .flexBox {
              display: block; }
              .grayBlock__service .contentsInner .gridBlock .otherBox .flexBox .child {
                margin-top: 0px; }
              .grayBlock__service .contentsInner .gridBlock .otherBox .flexBox .child ul {
                margin: 0px; }
        .yellowBlock__customer .contentsInner::after {
          width: 306.8px;
          height: 64.8px; }
        .yellowBlock__customer .contentsInner h2.title {
          width: 160px;
          height: 36.8px; }
        .yellowBlock__customer .contentsInner h2.Jirei {
          width: 75.2px;
          height: 36.8px; }
          .yellowBlock__customer .contentsInner .ichiranBlock h2.ichiran {
            width: 222.4px;
            height: 36.8px; }
        .yellowBlock__customer .contentsInner .gridList {
          grid-template-columns: repeat(2, 1fr); }
          .yellowBlock__customer .contentsInner .gridList .whiteBox {
            width: 94%; }
        .yellowBlock__customer .contentsInner .jireiWhitebox {
          padding: 40px 15px; }
            .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__01, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__02, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__03, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__04, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__05, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__06, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__07, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__08, .yellowBlock__customer .contentsInner .jireiWhitebox .logoBox .logo__09 {
              width: 100px;
              height: 100px; }
          .yellowBlock__customer .contentsInner .jireiWhitebox .flexBox {
            display: block; }
            .yellowBlock__customer .contentsInner .jireiWhitebox .flexBox .child {
              margin-top: 0px; }
            .yellowBlock__customer .contentsInner .jireiWhitebox .flexBox .child ul {
              margin-bottom: 0 !important; }
    .whiteBlock__flow .contentsInner::after {
      right: 10%;
      width: 152px;
      height: 64.8px; }
      .whiteBlock__flow .contentsInner h2.title {
        width: 60vw;
        height: 46px; }
      .whiteBlock__flow .contentsInner .flowBox::after {
        top: 48px;
        left: 22px; }
            .whiteBlock__flow .contentsInner .flowBox .child .Inner .numBox {
              width: 26px;
              height: 26px; }
              .whiteBlock__flow .contentsInner .flowBox .child .Inner .numBox p {
                line-height: 33px; }
            .whiteBlock__flow .contentsInner .flowBox .child .Inner .txtBox {
              width: 71vw; }
              .whiteBlock__flow .contentsInner .flowBox .child .Inner .txtBox p.title {
                font-size: 20px;
                font-size: 1.25rem; }
      .whiteBlock__contact .contentsInner h2.title {
        width: 85vw;
        height: 98px;
        background: url(../images/whiteContact_01_sp.svg) center center no-repeat;
        background-size: contain; }
      .thanksBlock .contentsInner .flexBox {
        display: block; }
        .thanksBlock .contentsInner .flexBox .imageBox {
          width: 100%; }
        .thanksBlock .contentsInner .flexBox .txtBox {
          width: 100%;
          margin-top: 40px; }
          .thanksBlock .contentsInner .flexBox .txtBox .orangeTxt {
            text-align: center; }
    .header {
      padding-bottom: 10px; }
      .header .contentsInner a.logoBox {
        width: 40vw;
        height: 38px; }
      .header .contentsInner a.contactBox {
        padding: 8px;
        font-size: 14px;
        font-size: 0.875rem; } }