@charset "UTF-8";
/*
@include css3(transform, translate(-50%, -50%));
@include css3(transition, 0.3s ease-in-out);  
transform: rotate(0.03deg);
*/
@keyframes slide1 {
  0% {
    transform: translateX(100%); }
  to {
    transform: translateX(-100%); } }
@keyframes slide2 {
  0% {
    transform: translateX(0); }
  to {
    transform: translateX(-200%); } }
@keyframes AnimationTitle {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/*----------------------------------------------------
　下層ページ
----------------------------------------------------*/
.pageMain {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0 0 0; }
  @media screen and (max-width: 1400px) {
    .pageMain {
      padding: 20px 20px 0;
      padding: 10px 10px 0; } }
  .pageMain .in {
    width: 1360px;
    height: 294px;
    border-radius: 40px;
    overflow: hidden;
    background-color: #E7E7E7;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 1400px) {
      .pageMain .in {
        width: 100%;
        padding: 0 20px;
        border-radius: 20px; } }
    @media screen and (max-width: 520px) {
      .pageMain .in {
        height: 200px;
        border-radius: 20px; } }
    .pageMain .in .title {
      max-width: 1000px;
      margin: 0 auto;
      font-size: 42px;
      font-weight: 700;
      padding: 150px 0 0 0;
      letter-spacing: 0.1em;
      line-height: 100%; }
      @media screen and (max-width: 520px) {
        .pageMain .in .title {
          font-size: 24px;
          padding: 110px 0 0 0; } }
      .pageMain .in .title span {
        font-size: 24px; }

.works .pageMain .in {
  background: url("../images/page/main-works.webp") no-repeat center;
  background-size: cover; }

.funding .pageMain .in {
  background: url("../images/page/main-funding.webp") no-repeat center;
  background-size: cover; }

.ht_finance .pageMain .in {
  background: url("../images/page/main-ht_finance.webp") no-repeat center;
  background-size: cover; }

.ht_pay .pageMain .in {
  background: url("../images/page/main-ht_pay.webp") no-repeat center;
  background-size: cover; }

.record .pageMain .in {
  background: url("../images/page/main-record.webp") no-repeat center;
  background-size: cover; }

.company .pageMain .in {
  background: url("../images/page/main-company.webp") no-repeat center;
  background-size: cover; }

.blog .pageMain .in {
  background: url("../images/page/main-blog.webp") no-repeat center;
  background-size: cover; }

.category .pageMain .in {
  background: url("../images/page/main-category.webp") no-repeat center;
  background-size: cover; }

.column .pageMain .in {
  background: url("../images/page/main-column.webp") no-repeat center;
  background-size: cover; }

.privacy-policy .pageMain .in {
  background: url("../images/page/main-privacy-policy.webp") no-repeat center;
  background-size: cover; }

.contents-policy .pageMain .in {
  background: url("../images/page/main-contents-policy.webp") no-repeat center;
  background-size: cover; }

.contact .pageMain .in {
  background: url("../images/page/main-contact.webp") no-repeat center;
  background-size: cover; }

/*====================================
　共通パーツ
=====================================*/
#content section {
  padding: 0 0 50px; }
#content .f22 {
  font-size: 22px; }
#content .f20 {
  font-size: 20px; }
#content .f18 {
  font-size: 18px; }
#content .f15 {
  font-size: 15px; }
#content .f14 {
  font-size: 14px; }
#content .b {
  font-weight: 700; }
#content .inner {
  max-width: 1000px; }
  @media screen and (max-width: 1040px) {
    #content .inner {
      padding: 0 20px; } }
#content p {
  line-height: 36px;
  padding: 0 0 1em; }
  @media screen and (max-width: 520px) {
    #content p {
      line-height: 28px;
      font-size: 15px; } }
  #content p:last-child {
    padding: 0; }
  #content p:empty {
    display: none;
    padding: 0;
    line-height: 0; }
#content table {
  width: 100%; }
  #content table th, #content table td {
    padding: 30px 10px;
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    letter-spacing: 0.1em;
    line-height: 30px; }
    @media screen and (max-width: 520px) {
      #content table th, #content table td {
        padding: 10px;
        display: block;
        width: 100% !important; } }
  #content table th {
    font-size: 16px;
    text-align: left;
    vertical-align: top;
    width: 25%; }
    @media screen and (max-width: 520px) {
      #content table th {
        border-top: none;
        border-bottom: none;
        padding: 10px 10px 0; } }
  #content table td {
    font-size: 16px;
    width: 75%; }
    @media screen and (max-width: 520px) {
      #content table td {
        border-top: none; } }
    #content table td div {
      padding: 20px 0; }
      @media screen and (max-width: 520px) {
        #content table td div {
          padding: 0 0 10px; } }
#content .flexBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

/*====================================
　事業紹介
=====================================*/
.works #content .worksMain {
  text-align: center;
  padding: 0 0 50px; }
  @media screen and (max-width: 790px) {
    .works #content .worksMain {
      padding: 0 20px 50px; } }
.works #content .workBox {
  position: relative;
  margin: 0 0 90px; }
  .works #content .workBox:last-child {
    margin: 0; }
  .works #content .workBox .inner {
    position: relative;
    z-index: 1;
    padding: 0 400px 0 0; }
    @media screen and (max-width: 1020px) {
      .works #content .workBox .inner {
        padding: 0 410px 0 20px; } }
    @media screen and (max-width: 800px) {
      .works #content .workBox .inner {
        padding: 230px 20px 0; } }
    .works #content .workBox .inner p {
      letter-spacing: 0.1em;
      line-height: 46px;
      padding: 0 0 20px; }
      @media screen and (max-width: 520px) {
        .works #content .workBox .inner p {
          line-height: 28px; } }
      .works #content .workBox .inner p.en {
        font-size: 32px;
        font-weight: 700;
        color: #00AFF5; }
        @media screen and (max-width: 520px) {
          .works #content .workBox .inner p.en {
            font-size: 20px;
            padding: 0; } }
        .works #content .workBox .inner p.en.type2 {
          letter-spacing: -0.04em; }
          @media screen and (max-width: 520px) {
            .works #content .workBox .inner p.en.type2 {
              letter-spacing: 0; } }
      .works #content .workBox .inner p.tx {
        line-height: 24px; }
    .works #content .workBox .inner h2 {
      font-size: 28px;
      letter-spacing: 0.1em;
      line-height: 40px;
      padding: 0 0 20px; }
      @media screen and (max-width: 520px) {
        .works #content .workBox .inner h2 {
          font-size: 22px;
          padding: 0 0 20px;
          line-height: 30px; }
          .works #content .workBox .inner h2 br {
            display: none; } }
      .works #content .workBox .inner h2.type2 {
        font-size: 24px; }
    .works #content .workBox .inner .btn {
      padding: 10px 0 0; }
      .works #content .workBox .inner .btn a {
        width: 220px;
        margin: 0; }
        @media screen and (max-width: 520px) {
          .works #content .workBox .inner .btn a {
            margin: 0 auto; } }
  .works #content .workBox .imgBox {
    position: absolute;
    top: 0;
    right: 0;
    width: 42%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px 0 0 20px;
    z-index: -1; }
    @media screen and (max-width: 1400px) {
      .works #content .workBox .imgBox {
        width: 40%; } }
    @media screen and (max-width: 1100px) {
      .works #content .workBox .imgBox {
        width: 38%; } }
    @media screen and (max-width: 950px) {
      .works #content .workBox .imgBox {
        width: 45%; } }
    @media screen and (max-width: 800px) {
      .works #content .workBox .imgBox {
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        width: 96%;
        top: 0;
        left: 50%;
        right: auto;
        height: 200px;
        border-radius: 20px;
        order: 1; } }
    .works #content .workBox .imgBox img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .works #content .workBox.type2 .inner {
    padding: 0 0 0 400px; }
    @media screen and (max-width: 1020px) {
      .works #content .workBox.type2 .inner {
        padding: 0 20px 0 410px; } }
    @media screen and (max-width: 800px) {
      .works #content .workBox.type2 .inner {
        padding: 230px 20px 0; } }
  .works #content .workBox.type2 .imgBox {
    right: auto;
    left: 0;
    border-radius: 0 20px 20px 0; }
    @media screen and (max-width: 800px) {
      .works #content .workBox.type2 .imgBox {
        left: 50%;
        border-radius: 20px; } }

/*====================================
　資金調達エージェント・HTペイ
=====================================*/
.funding #content .funding_main,
.ht_pay #content .funding_main {
  padding: 0 20px; }
  .funding #content .funding_main h2,
  .ht_pay #content .funding_main h2 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 0.1em;
    line-height: 40px;
    padding: 0 0 50px; }
    @media screen and (max-width: 520px) {
      .funding #content .funding_main h2,
      .ht_pay #content .funding_main h2 {
        font-size: 20px;
        padding: 0 0 20px;
        line-height: 150%; } }
  .funding #content .funding_main p,
  .ht_pay #content .funding_main p {
    letter-spacing: 0.1em; }
    .funding #content .funding_main p.c,
    .ht_pay #content .funding_main p.c {
      text-align: center;
      padding: 0 0 2em;
      line-height: 24px; }
      @media screen and (max-width: 520px) {
        .funding #content .funding_main p.c,
        .ht_pay #content .funding_main p.c {
          text-align: left; } }
  .funding #content .funding_main .flex,
  .ht_pay #content .funding_main .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 10px; }
    .funding #content .funding_main .flex .box,
    .ht_pay #content .funding_main .flex .box {
      background-color: #1250A2;
      border-radius: 10px;
      padding: 10px 40px;
      color: #FFF;
      line-height: 35px;
      letter-spacing: 0.1em;
      font-size: 24px;
      font-weight: 700; }
      @media screen and (max-width: 520px) {
        .funding #content .funding_main .flex .box,
        .ht_pay #content .funding_main .flex .box {
          padding: 10px;
          font-size: 18px; } }
    .funding #content .funding_main .flex .box2,
    .ht_pay #content .funding_main .flex .box2 {
      position: relative;
      width: 30px;
      height: 30px; }
      .funding #content .funding_main .flex .box2:before, .funding #content .funding_main .flex .box2:after,
      .ht_pay #content .funding_main .flex .box2:before,
      .ht_pay #content .funding_main .flex .box2:after {
        content: "";
        width: 26px;
        height: 3px;
        background-color: #707070;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -moz-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        -o-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg); }
      .funding #content .funding_main .flex .box2:after,
      .ht_pay #content .funding_main .flex .box2:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -moz-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        -o-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg); }
  .funding #content .funding_main .btn a,
  .ht_pay #content .funding_main .btn a {
    border-radius: 50px;
    font-size: 23px;
    padding: 20px 30px 20px 10px;
    height: auto;
    position: relative; }
    @media screen and (max-width: 520px) {
      .funding #content .funding_main .btn a,
      .ht_pay #content .funding_main .btn a {
        font-size: 18px; } }
    .funding #content .funding_main .btn a:before,
    .ht_pay #content .funding_main .btn a:before {
      content: '';
      width: 10px;
      height: 10px;
      border-top: solid 2px #FFF;
      border-right: solid 2px #FFF;
      position: absolute;
      right: 25px;
      top: 50%;
      -webkit-transform: translate(0%, -50%) rotate(45deg);
      -moz-transform: translate(0%, -50%) rotate(45deg);
      -ms-transform: translate(0%, -50%) rotate(45deg);
      -o-transform: translate(0%, -50%) rotate(45deg);
      transform: translate(0%, -50%) rotate(45deg); }
.funding #content .method,
.ht_pay #content .method {
  padding: 0 0 90px; }
  .funding #content .method .titleBox,
  .ht_pay #content .method .titleBox {
    height: 160px; }
    @media screen and (max-width: 520px) {
      .funding #content .method .titleBox,
      .ht_pay #content .method .titleBox {
        height: auto; } }
    .funding #content .method .titleBox h2,
    .ht_pay #content .method .titleBox h2 {
      line-height: 44px; }
      @media screen and (max-width: 520px) {
        .funding #content .method .titleBox h2,
        .ht_pay #content .method .titleBox h2 {
          line-height: 160%; } }
  .funding #content .method p.c,
  .ht_pay #content .method p.c {
    text-align: center;
    padding: 0 0 2em; }
    @media screen and (max-width: 520px) {
      .funding #content .method p.c,
      .ht_pay #content .method p.c {
        text-align: left; } }
.funding #content .example,
.ht_pay #content .example {
  padding: 0 0 70px; }
  .funding #content .example .titleBox,
  .ht_pay #content .example .titleBox {
    height: 160px; }
    @media screen and (max-width: 520px) {
      .funding #content .example .titleBox,
      .ht_pay #content .example .titleBox {
        height: auto; } }
    .funding #content .example .titleBox h2,
    .ht_pay #content .example .titleBox h2 {
      line-height: 44px; }
      @media screen and (max-width: 520px) {
        .funding #content .example .titleBox h2,
        .ht_pay #content .example .titleBox h2 {
          line-height: 160%; }
          .funding #content .example .titleBox h2 br,
          .ht_pay #content .example .titleBox h2 br {
            display: none; } }
  .funding #content .example .flexBox,
  .ht_pay #content .example .flexBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .funding #content .example .flexBox .inBox,
    .ht_pay #content .example .flexBox .inBox {
      position: relative;
      border-radius: 10px;
      width: 48%;
      background-color: #FFF;
      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16);
      margin: 0 0 60px;
      padding: 30px 20px; }
      @media screen and (max-width: 767px) {
        .funding #content .example .flexBox .inBox,
        .ht_pay #content .example .flexBox .inBox {
          width: 100%; } }
      .funding #content .example .flexBox .inBox h3,
      .ht_pay #content .example .flexBox .inBox h3 {
        background-color: #01AFF4;
        text-align: center;
        color: #FFF;
        font-size: 20px;
        letter-spacing: 0.1em;
        padding: 5px 30px;
        width: 140px;
        border-radius: 50px;
        position: absolute;
        top: -20px;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%); }
      .funding #content .example .flexBox .inBox ul li,
      .ht_pay #content .example .flexBox .inBox ul li {
        position: relative;
        padding: 0 0 0 1em;
        font-size: 18px;
        left: 0.06em;
        line-height: 42px; }
        @media screen and (max-width: 520px) {
          .funding #content .example .flexBox .inBox ul li,
          .ht_pay #content .example .flexBox .inBox ul li {
            line-height: 26px;
            padding: 5px 0 5px 1em;
            font-size: 16px; } }
        .funding #content .example .flexBox .inBox ul li:before,
        .ht_pay #content .example .flexBox .inBox ul li:before {
          content: "・";
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translate(0%, -50%);
          -moz-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          -o-transform: translate(0%, -50%);
          transform: translate(0%, -50%); }
.funding #content .achievement,
.ht_pay #content .achievement {
  padding: 50px 0 60px;
  background-color: #90C9F4; }
  .funding #content .achievement .flexBox,
  .ht_pay #content .achievement .flexBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .funding #content .achievement .flexBox .inBox,
    .ht_pay #content .achievement .flexBox .inBox {
      border-radius: 10px;
      overflow: hidden;
      width: 23%;
      background-color: #FFF; }
      @media screen and (max-width: 767px) {
        .funding #content .achievement .flexBox .inBox,
        .ht_pay #content .achievement .flexBox .inBox {
          width: 48%;
          margin: 0 0 20px; } }
      .funding #content .achievement .flexBox .inBox .imgBox,
      .ht_pay #content .achievement .flexBox .inBox .imgBox {
        height: 140px;
        width: 100%;
        position: relative;
        overflow: hidden; }
        @media screen and (max-width: 520px) {
          .funding #content .achievement .flexBox .inBox .imgBox,
          .ht_pay #content .achievement .flexBox .inBox .imgBox {
            height: 100px; } }
        .funding #content .achievement .flexBox .inBox .imgBox img,
        .ht_pay #content .achievement .flexBox .inBox .imgBox img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          top: 30%; }
          @media screen and (max-width: 950px) {
            .funding #content .achievement .flexBox .inBox .imgBox img,
            .ht_pay #content .achievement .flexBox .inBox .imgBox img {
              top: 50%; } }
          @media screen and (max-width: 767px) {
            .funding #content .achievement .flexBox .inBox .imgBox img,
            .ht_pay #content .achievement .flexBox .inBox .imgBox img {
              width: 100%;
              height: auto; } }
      .funding #content .achievement .flexBox .inBox .txBox,
      .ht_pay #content .achievement .flexBox .inBox .txBox {
        padding: 20px 25px; }
        @media screen and (max-width: 520px) {
          .funding #content .achievement .flexBox .inBox .txBox,
          .ht_pay #content .achievement .flexBox .inBox .txBox {
            padding: 10px 25px; } }
        .funding #content .achievement .flexBox .inBox .txBox p,
        .ht_pay #content .achievement .flexBox .inBox .txBox p {
          font-size: 16px;
          font-weight: 700;
          line-height: 24px; }
          .funding #content .achievement .flexBox .inBox .txBox p span,
          .ht_pay #content .achievement .flexBox .inBox .txBox p span {
            display: block;
            font-size: 12px; }
            .funding #content .achievement .flexBox .inBox .txBox p span.color1,
            .ht_pay #content .achievement .flexBox .inBox .txBox p span.color1 {
              color: #F48C0F; }
            .funding #content .achievement .flexBox .inBox .txBox p span.color2,
            .ht_pay #content .achievement .flexBox .inBox .txBox p span.color2 {
              color: #3BB54E; }
            .funding #content .achievement .flexBox .inBox .txBox p span.color3,
            .ht_pay #content .achievement .flexBox .inBox .txBox p span.color3 {
              color: #BFD729; }
  .funding #content .achievement .btn,
  .ht_pay #content .achievement .btn {
    width: 360px;
    background: linear-gradient(90deg, #014188 0%, #04aceb 100%);
    margin: 50px auto 0;
    padding: 0;
    border-radius: 50px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 520px) {
      .funding #content .achievement .btn,
      .ht_pay #content .achievement .btn {
        width: 340px;
        margin-top: 20px; } }
    .funding #content .achievement .btn a,
    .ht_pay #content .achievement .btn a {
      height: 62px;
      width: 356px;
      font-size: 14px;
      border-radius: 50px;
      background-color: #FFF;
      color: #40adf2;
      background-image: none; }
      @media screen and (max-width: 520px) {
        .funding #content .achievement .btn a,
        .ht_pay #content .achievement .btn a {
          width: 336px; } }
      .funding #content .achievement .btn a:hover,
      .ht_pay #content .achievement .btn a:hover {
        opacity: 1;
        color: #0520a7; }
.funding #content .ht_pay_main,
.ht_pay #content .ht_pay_main {
  padding: 0 20px; }
  .funding #content .ht_pay_main h2,
  .ht_pay #content .ht_pay_main h2 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 0.1em;
    line-height: 40px;
    padding: 0 0 50px; }
    @media screen and (max-width: 520px) {
      .funding #content .ht_pay_main h2,
      .ht_pay #content .ht_pay_main h2 {
        font-size: 20px;
        padding: 0 0 20px;
        line-height: 150%; } }
    @media screen and (max-width: 450px) {
      .funding #content .ht_pay_main h2,
      .ht_pay #content .ht_pay_main h2 {
        text-align: left; }
        .funding #content .ht_pay_main h2 br,
        .ht_pay #content .ht_pay_main h2 br {
          display: none; }
          .funding #content .ht_pay_main h2 br.spbr,
          .ht_pay #content .ht_pay_main h2 br.spbr {
            display: none !important; } }
  .funding #content .ht_pay_main p,
  .ht_pay #content .ht_pay_main p {
    letter-spacing: 0.1em; }
    .funding #content .ht_pay_main p.c,
    .ht_pay #content .ht_pay_main p.c {
      text-align: center;
      padding: 0;
      line-height: 24px; }
      @media screen and (max-width: 520px) {
        .funding #content .ht_pay_main p.c,
        .ht_pay #content .ht_pay_main p.c {
          text-align: left; } }
  .funding #content .ht_pay_main .flex,
  .ht_pay #content .ht_pay_main .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 50px; }
    .funding #content .ht_pay_main .flex div,
    .ht_pay #content .ht_pay_main .flex div {
      padding: 0 10px; }
  .funding #content .ht_pay_main .btn a,
  .ht_pay #content .ht_pay_main .btn a {
    border-radius: 50px;
    font-size: 23px;
    padding: 20px 30px 20px 10px;
    height: auto;
    position: relative; }
    @media screen and (max-width: 520px) {
      .funding #content .ht_pay_main .btn a,
      .ht_pay #content .ht_pay_main .btn a {
        font-size: 16px; } }
    .funding #content .ht_pay_main .btn a:before,
    .ht_pay #content .ht_pay_main .btn a:before {
      content: '';
      width: 10px;
      height: 10px;
      border-top: solid 2px #FFF;
      border-right: solid 2px #FFF;
      position: absolute;
      right: 25px;
      top: 50%;
      -webkit-transform: translate(0%, -50%) rotate(45deg);
      -moz-transform: translate(0%, -50%) rotate(45deg);
      -ms-transform: translate(0%, -50%) rotate(45deg);
      -o-transform: translate(0%, -50%) rotate(45deg);
      transform: translate(0%, -50%) rotate(45deg); }
.funding #content .titleBox,
.ht_pay #content .titleBox {
  height: 130px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0 0 40px;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    .funding #content .titleBox,
    .ht_pay #content .titleBox {
      height: auto;
      flex-wrap: wrap; } }
  .funding #content .titleBox .en,
  .ht_pay #content .titleBox .en {
    font-size: 120px;
    font-weight: 300;
    color: #dddddd;
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 0;
    letter-spacing: 0.08em;
    line-height: 100%;
    white-space: nowrap; }
    @media screen and (max-width: 1000px) {
      .funding #content .titleBox .en,
      .ht_pay #content .titleBox .en {
        font-size: 90px; } }
    @media screen and (max-width: 767px) {
      .funding #content .titleBox .en,
      .ht_pay #content .titleBox .en {
        font-size: 70px; } }
    @media screen and (max-width: 600px) {
      .funding #content .titleBox .en,
      .ht_pay #content .titleBox .en {
        font-size: 50px;
        text-align: center;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%); } }
    @media screen and (max-width: 520px) {
      .funding #content .titleBox .en,
      .ht_pay #content .titleBox .en {
        position: relative;
        left: auto;
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        font-size: 20px;
        top: 0;
        padding: 0 0 10px;
        width: 100%; } }
  .funding #content .titleBox h2,
  .ht_pay #content .titleBox h2 {
    position: relative;
    text-align: center;
    z-index: 1;
    font-size: 30px;
    letter-spacing: 0.08em;
    line-height: 100%; }
    @media screen and (max-width: 767px) {
      .funding #content .titleBox h2,
      .ht_pay #content .titleBox h2 {
        font-size: 26px; } }
    @media screen and (max-width: 520px) {
      .funding #content .titleBox h2,
      .ht_pay #content .titleBox h2 {
        line-height: 140%;
        font-size: 22px;
        letter-spacing: 0; } }
.funding #content .tableBox,
.ht_pay #content .tableBox {
  border-radius: 10px;
  border-right: 1px solid #01AFF4;
  border-bottom: 1px solid #01AFF4;
  overflow: hidden; }
  @media screen and (max-width: 520px) {
    .funding #content .tableBox,
    .ht_pay #content .tableBox {
      width: 220%; } }
  @media screen and (max-width: 400px) {
    .funding #content .tableBox,
    .ht_pay #content .tableBox {
      width: 260%; } }
  .funding #content .tableBox table,
  .ht_pay #content .tableBox table {
    overflow: hidden; }
    .funding #content .tableBox table tr th,
    .ht_pay #content .tableBox table tr th {
      font-size: 15px;
      width: auto;
      background-color: #01AFF4;
      color: #FFF;
      text-align: center;
      padding: 10px;
      border: none;
      border-right: 1px solid #01AFF4;
      line-height: 24px;
      vertical-align: middle;
      height: 70px; }
      @media screen and (max-width: 520px) {
        .funding #content .tableBox table tr th,
        .ht_pay #content .tableBox table tr th {
          display: table-cell;
          width: auto !important;
          font-size: 13px; } }
      .funding #content .tableBox table tr th.none,
      .ht_pay #content .tableBox table tr th.none {
        background-color: #FFF;
        border: none; }
      .funding #content .tableBox table tr th.first,
      .ht_pay #content .tableBox table tr th.first {
        border-radius: 10px 0 0 0;
        border-right: 1px solid #FFF; }
      .funding #content .tableBox table tr th.first2,
      .ht_pay #content .tableBox table tr th.first2 {
        border-radius: 10px 0 0 0; }
      .funding #content .tableBox table tr th.sec,
      .ht_pay #content .tableBox table tr th.sec {
        border-bottom: 1px solid #FFF;
        text-align: left;
        width: 25%;
        padding-left: 20px; }
      .funding #content .tableBox table tr th.last,
      .ht_pay #content .tableBox table tr th.last {
        border-bottom: 1px solid #01AFF4; }
    .funding #content .tableBox table tr td,
    .ht_pay #content .tableBox table tr td {
      font-size: 15px;
      height: 70px;
      width: auto;
      border: 1px solid #01AFF4;
      padding: 10px;
      width: 35%;
      line-height: 24px; }
      @media screen and (max-width: 520px) {
        .funding #content .tableBox table tr td,
        .ht_pay #content .tableBox table tr td {
          display: table-cell;
          width: auto !important;
          font-size: 13px; } }
      .funding #content .tableBox table tr td.last,
      .ht_pay #content .tableBox table tr td.last {
        border-bottom: none; }
      .funding #content .tableBox table tr td:last-child,
      .ht_pay #content .tableBox table tr td:last-child {
        border-right: none; }
.funding #content .features,
.ht_pay #content .features {
  background-color: #F2FDFF;
  padding: 50px 0 30px; }
  .funding #content .features p.c,
  .ht_pay #content .features p.c {
    letter-spacing: 0.1em;
    line-height: 24px;
    text-align: center;
    padding-bottom: 30px; }
    @media screen and (max-width: 1250px) {
      .funding #content .features p.c,
      .ht_pay #content .features p.c {
        text-align: left; }
        .funding #content .features p.c br,
        .ht_pay #content .features p.c br {
          display: none; } }
  .funding #content .features .features_funding .inBox,
  .ht_pay #content .features .features_funding .inBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 30px;
    margin: 0 0 20px;
    min-height: 70px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #FFF;
    border-radius: 20px; }
    @media screen and (max-width: 520px) {
      .funding #content .features .features_funding .inBox,
      .ht_pay #content .features .features_funding .inBox {
        padding: 20px 10px; } }
    .funding #content .features .features_funding .inBox .lBox,
    .ht_pay #content .features .features_funding .inBox .lBox {
      padding: 0 20px 0 0;
      color: #00B0F8; }
      @media screen and (max-width: 520px) {
        .funding #content .features .features_funding .inBox .lBox,
        .ht_pay #content .features .features_funding .inBox .lBox {
          padding: 0 10px 0 0; } }
      .funding #content .features .features_funding .inBox .lBox p,
      .ht_pay #content .features .features_funding .inBox .lBox p {
        font-size: 48px;
        text-align: center;
        line-height: 31px; }
        @media screen and (max-width: 520px) {
          .funding #content .features .features_funding .inBox .lBox p,
          .ht_pay #content .features .features_funding .inBox .lBox p {
            font-size: 28px;
            line-height: 100%; } }
        .funding #content .features .features_funding .inBox .lBox p span,
        .ht_pay #content .features .features_funding .inBox .lBox p span {
          font-size: 16px;
          display: block; }
          @media screen and (max-width: 520px) {
            .funding #content .features .features_funding .inBox .lBox p span,
            .ht_pay #content .features .features_funding .inBox .lBox p span {
              font-size: 12px; } }
    .funding #content .features .features_funding .inBox .rBox,
    .ht_pay #content .features .features_funding .inBox .rBox {
      padding: 0 0 0 20px;
      border-left: 2px solid #00B0F8; }
      @media screen and (max-width: 520px) {
        .funding #content .features .features_funding .inBox .rBox,
        .ht_pay #content .features .features_funding .inBox .rBox {
          padding: 0 0 0 10px; } }
      .funding #content .features .features_funding .inBox .rBox p.tx1,
      .ht_pay #content .features .features_funding .inBox .rBox p.tx1 {
        font-size: 20px;
        letter-spacing: 0.1em;
        line-height: 29px;
        padding: 0 0 10px; }
        @media screen and (max-width: 520px) {
          .funding #content .features .features_funding .inBox .rBox p.tx1,
          .ht_pay #content .features .features_funding .inBox .rBox p.tx1 {
            font-size: 18px; } }
      .funding #content .features .features_funding .inBox .rBox ul li,
      .ht_pay #content .features .features_funding .inBox .rBox ul li {
        position: relative;
        line-height: 24px;
        padding: 0 0 0 1em; }
        @media screen and (max-width: 520px) {
          .funding #content .features .features_funding .inBox .rBox ul li,
          .ht_pay #content .features .features_funding .inBox .rBox ul li {
            padding: 5px 0 5px 1em;
            font-size: 14px; } }
        .funding #content .features .features_funding .inBox .rBox ul li:before,
        .ht_pay #content .features .features_funding .inBox .rBox ul li:before {
          content: "・";
          position: absolute;
          top: 0;
          left: 0; }
          @media screen and (max-width: 520px) {
            .funding #content .features .features_funding .inBox .rBox ul li:before,
            .ht_pay #content .features .features_funding .inBox .rBox ul li:before {
              top: 5px; } }
  .funding #content .features .features_ht_pay,
  .ht_pay #content .features .features_ht_pay {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 75px;
    padding: 0 0 20px; }
    @media screen and (max-width: 600px) {
      .funding #content .features .features_ht_pay,
      .ht_pay #content .features .features_ht_pay {
        gap: 0 20px; } }
    @media screen and (max-width: 800px) {
      .funding #content .features .features_ht_pay .inBox,
      .ht_pay #content .features .features_ht_pay .inBox {
        padding: 0  0 30px; } }
    .funding #content .features .features_ht_pay .inBox p,
    .ht_pay #content .features .features_ht_pay .inBox p {
      letter-spacing: 0.1em;
      text-align: center;
      padding: 0; }
      .funding #content .features .features_ht_pay .inBox p.catch,
      .ht_pay #content .features .features_ht_pay .inBox p.catch {
        border: 1px solid #00AFF8;
        background-color: #FFF;
        color: #00AFF8;
        font-size: 16px;
        line-height: 24px;
        border-radius: 5px;
        padding: 5px;
        position: relative; }
        @media screen and (max-width: 520px) {
          .funding #content .features .features_ht_pay .inBox p.catch,
          .ht_pay #content .features .features_ht_pay .inBox p.catch {
            font-size: 14px; } }
        .funding #content .features .features_ht_pay .inBox p.catch:before,
        .ht_pay #content .features .features_ht_pay .inBox p.catch:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 50%;
          border-style: solid;
          border-width: 15px 0 0 20px;
          border-color: #00AFF8 transparent transparent;
          translate: -50% 100%;
          transform: skew(26deg);
          transform-origin: top; }
        .funding #content .features .features_ht_pay .inBox p.catch:after,
        .ht_pay #content .features .features_ht_pay .inBox p.catch:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 50%;
          border-style: solid;
          border-width: 13px 0 0 17.3px;
          border-color: #FFF transparent transparent;
          translate: calc(-50% + 0.7px) 100%;
          transform: skew(26deg);
          transform-origin: top; }
      .funding #content .features .features_ht_pay .inBox p.tx,
      .ht_pay #content .features .features_ht_pay .inBox p.tx {
        font-size: 20px; }
        @media screen and (max-width: 520px) {
          .funding #content .features .features_ht_pay .inBox p.tx,
          .ht_pay #content .features .features_ht_pay .inBox p.tx {
            font-size: 16px; } }
    .funding #content .features .features_ht_pay .inBox .imgBox,
    .ht_pay #content .features .features_ht_pay .inBox .imgBox {
      padding: 10px 0 0 0; }
  .funding #content .features .features_ht_pay2,
  .ht_pay #content .features .features_ht_pay2 {
    background-color: #FFF;
    padding: 50px 0 20px; }
    .funding #content .features .features_ht_pay2 h2,
    .ht_pay #content .features .features_ht_pay2 h2 {
      text-align: center;
      font-size: 28px;
      letter-spacing: 0.1em;
      padding: 0 0 1em; }
      @media screen and (max-width: 520px) {
        .funding #content .features .features_ht_pay2 h2,
        .ht_pay #content .features .features_ht_pay2 h2 {
          font-size: 20px; } }
    .funding #content .features .features_ht_pay2 p,
    .ht_pay #content .features .features_ht_pay2 p {
      letter-spacing: 0.1em;
      line-height: 24px;
      text-align: center;
      padding-bottom: 30px; }
      @media screen and (max-width: 767px) {
        .funding #content .features .features_ht_pay2 p,
        .ht_pay #content .features .features_ht_pay2 p {
          text-align: left; } }
      .funding #content .features .features_ht_pay2 p.mini,
      .ht_pay #content .features .features_ht_pay2 p.mini {
        font-size: 14px;
        text-align: center;
        padding: 20px 0 0 0; }
    .funding #content .features .features_ht_pay2 .imgBox,
    .ht_pay #content .features .features_ht_pay2 .imgBox {
      max-width: 750px;
      text-align: center;
      margin: 0 auto 50px; }
      .funding #content .features .features_ht_pay2 .imgBox .tx,
      .ht_pay #content .features .features_ht_pay2 .imgBox .tx {
        background-color: #00AFF8;
        border-radius: 5px;
        color: #FFF;
        padding: 10px;
        font-size: 20px;
        line-height: 29px;
        letter-spacing: 0.1em;
        margin: 10px 0 0 0; }
        @media screen and (max-width: 520px) {
          .funding #content .features .features_ht_pay2 .imgBox .tx,
          .ht_pay #content .features .features_ht_pay2 .imgBox .tx {
            font-size: 16px; } }
.funding #content .nayami,
.ht_pay #content .nayami {
  position: relative;
  background-color: #90C9F4;
  overflow: hidden;
  padding: 40px 20px 0; }
  @media screen and (max-width: 520px) {
    .funding #content .nayami,
    .ht_pay #content .nayami {
      padding: 10px 20px 0; } }
  .funding #content .nayami:before, .funding #content .nayami:after,
  .ht_pay #content .nayami:before,
  .ht_pay #content .nayami:after {
    content: "";
    width: 50%;
    height: 60px;
    background-color: #FFF;
    position: absolute;
    bottom: -1px;
    left: 0%;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    z-index: 2; }
    @media screen and (max-width: 600px) {
      .funding #content .nayami:before, .funding #content .nayami:after,
      .ht_pay #content .nayami:before,
      .ht_pay #content .nayami:after {
        height: 25px; } }
  .funding #content .nayami:before,
  .ht_pay #content .nayami:before {
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    left: auto;
    right: 0; }
  .funding #content .nayami img,
  .ht_pay #content .nayami img {
    position: relative;
    bottom: -2px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 1; }
.funding #content .solution,
.ht_pay #content .solution {
  padding: 50px 0 30px; }
  .funding #content .solution .inner p.tx,
  .ht_pay #content .solution .inner p.tx {
    letter-spacing: 0.1em;
    line-height: 24px; }
  .funding #content .solution .inner p.c,
  .ht_pay #content .solution .inner p.c {
    text-align: center;
    padding-bottom: 30px; }
    @media screen and (max-width: 1250px) {
      .funding #content .solution .inner p.c,
      .ht_pay #content .solution .inner p.c {
        text-align: left; }
        .funding #content .solution .inner p.c br,
        .ht_pay #content .solution .inner p.c br {
          display: none; } }
.funding #content .reason,
.ht_pay #content .reason {
  padding: 50px 0 30px; }
  .funding #content .reason .head_flex,
  .ht_pay #content .reason .head_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 30px; }
    @media screen and (max-width: 767px) {
      .funding #content .reason .head_flex,
      .ht_pay #content .reason .head_flex {
        justify-content: center;
        gap: 0 2%; } }
    .funding #content .reason .head_flex .inBox,
    .ht_pay #content .reason .head_flex .inBox {
      flex: 1;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .funding #content .reason .head_flex .inBox,
        .ht_pay #content .reason .head_flex .inBox {
          flex: none;
          width: 32%; } }
      .funding #content .reason .head_flex .inBox p,
      .ht_pay #content .reason .head_flex .inBox p {
        padding: 0;
        letter-spacing: 0.1em;
        font-size: 20px; }
        @media screen and (max-width: 960px) {
          .funding #content .reason .head_flex .inBox p,
          .ht_pay #content .reason .head_flex .inBox p {
            font-size: 16px; } }
        @media screen and (max-width: 520px) {
          .funding #content .reason .head_flex .inBox p,
          .ht_pay #content .reason .head_flex .inBox p {
            font-size: 12px;
            line-height: 150%; } }
  .funding #content .reason .flexBox,
  .ht_pay #content .reason .flexBox {
    display: block; }
    .funding #content .reason .flexBox .inBox,
    .ht_pay #content .reason .flexBox .inBox {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      padding: 0 0 60px; }
      .funding #content .reason .flexBox .inBox.type2 .imgBox,
      .ht_pay #content .reason .flexBox .inBox.type2 .imgBox {
        order: 1; }
        @media screen and (max-width: 767px) {
          .funding #content .reason .flexBox .inBox.type2 .imgBox,
          .ht_pay #content .reason .flexBox .inBox.type2 .imgBox {
            order: 2; } }
      .funding #content .reason .flexBox .inBox.type2 .txBox,
      .ht_pay #content .reason .flexBox .inBox.type2 .txBox {
        order: 2; }
        @media screen and (max-width: 767px) {
          .funding #content .reason .flexBox .inBox.type2 .txBox,
          .ht_pay #content .reason .flexBox .inBox.type2 .txBox {
            order: 1; } }
      .funding #content .reason .flexBox .inBox .imgBox,
      .ht_pay #content .reason .flexBox .inBox .imgBox {
        width: 48%;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .funding #content .reason .flexBox .inBox .imgBox,
          .ht_pay #content .reason .flexBox .inBox .imgBox {
            width: 100%; } }
      .funding #content .reason .flexBox .inBox .txBox,
      .ht_pay #content .reason .flexBox .inBox .txBox {
        width: 48%; }
        @media screen and (max-width: 767px) {
          .funding #content .reason .flexBox .inBox .txBox,
          .ht_pay #content .reason .flexBox .inBox .txBox {
            width: 100%;
            padding: 0 0 20px; } }
        .funding #content .reason .flexBox .inBox .txBox .title,
        .ht_pay #content .reason .flexBox .inBox .txBox .title {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          color: #00B0F8;
          padding: 0 0 30px;
          min-height: 70px; }
          .funding #content .reason .flexBox .inBox .txBox .title .lBox,
          .ht_pay #content .reason .flexBox .inBox .txBox .title .lBox {
            padding: 0 10px 0 0;
            border-right: 2px solid #00B0F8; }
            .funding #content .reason .flexBox .inBox .txBox .title .lBox p,
            .ht_pay #content .reason .flexBox .inBox .txBox .title .lBox p {
              font-size: 33px;
              text-align: center;
              line-height: 31px; }
              @media screen and (max-width: 520px) {
                .funding #content .reason .flexBox .inBox .txBox .title .lBox p,
                .ht_pay #content .reason .flexBox .inBox .txBox .title .lBox p {
                  font-size: 22px;
                  line-height: 100%; } }
              .funding #content .reason .flexBox .inBox .txBox .title .lBox p span,
              .ht_pay #content .reason .flexBox .inBox .txBox .title .lBox p span {
                font-size: 18px;
                display: block; }
                @media screen and (max-width: 520px) {
                  .funding #content .reason .flexBox .inBox .txBox .title .lBox p span,
                  .ht_pay #content .reason .flexBox .inBox .txBox .title .lBox p span {
                    font-size: 15px; } }
          .funding #content .reason .flexBox .inBox .txBox .title .rBox,
          .ht_pay #content .reason .flexBox .inBox .txBox .title .rBox {
            padding: 0 0 0 10px;
            font-size: 28px;
            font-weight: 700;
            letter-spacing: 0.1em;
            line-height: 31px; }
            @media screen and (max-width: 520px) {
              .funding #content .reason .flexBox .inBox .txBox .title .rBox,
              .ht_pay #content .reason .flexBox .inBox .txBox .title .rBox {
                font-size: 20px; } }
.funding #content .price,
.ht_pay #content .price {
  background-color: #F2FDFF;
  padding: 50px 0 70px; }
  @media screen and (max-width: 520px) {
    .funding #content .price,
    .ht_pay #content .price {
      padding: 35px 0 35px; } }
  .funding #content .price .flexBox,
  .ht_pay #content .price .flexBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .funding #content .price .flexBox .inBox,
    .ht_pay #content .price .flexBox .inBox {
      width: 32%; }
      @media screen and (max-width: 860px) {
        .funding #content .price .flexBox .inBox,
        .ht_pay #content .price .flexBox .inBox {
          width: 100%;
          padding: 0 0 30px; } }
      .funding #content .price .flexBox .inBox p,
      .ht_pay #content .price .flexBox .inBox p {
        font-size: 22px;
        letter-spacing: 0.1em;
        text-align: center; }
        @media screen and (max-width: 1270px) {
          .funding #content .price .flexBox .inBox p,
          .ht_pay #content .price .flexBox .inBox p {
            font-size: 18px; } }
      .funding #content .price .flexBox .inBox .in,
      .ht_pay #content .price .flexBox .inBox .in {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #FFF;
        border-radius: 20px;
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
        padding: 10px;
        height: 130px; }
        @media screen and (max-width: 860px) {
          .funding #content .price .flexBox .inBox .in,
          .ht_pay #content .price .flexBox .inBox .in {
            width: 80%;
            margin: 0 auto; } }
        @media screen and (max-width: 500px) {
          .funding #content .price .flexBox .inBox .in,
          .ht_pay #content .price .flexBox .inBox .in {
            width: 100%;
            margin: 0 auto; } }
        .funding #content .price .flexBox .inBox .in p,
        .ht_pay #content .price .flexBox .inBox .in p {
          line-height: 34px;
          font-size: 16px; }
          .funding #content .price .flexBox .inBox .in p.tx1,
          .ht_pay #content .price .flexBox .inBox .in p.tx1 {
            font-size: 30px;
            font-weight: 700;
            letter-spacing: 0.06em;
            padding: 0 0 10px; }
            @media screen and (max-width: 600px) {
              .funding #content .price .flexBox .inBox .in p.tx1,
              .ht_pay #content .price .flexBox .inBox .in p.tx1 {
                font-size: 25px; } }
  .funding #content .price .flexBox_pay,
  .ht_pay #content .price .flexBox_pay {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding: 0 0 80px; }
    @media screen and (max-width: 767px) {
      .funding #content .price .flexBox_pay,
      .ht_pay #content .price .flexBox_pay {
        padding: 0 0 20px;
        width: 80%;
        margin: 0 auto; } }
    .funding #content .price .flexBox_pay:after,
    .ht_pay #content .price .flexBox_pay:after {
      content: "";
      width: 250px;
      height: 25px;
      background-color: #90C9F4;
      position: absolute;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      clip-path: polygon(100% 0, 0 0, 50% 100%); }
    .funding #content .price .flexBox_pay .inBox,
    .ht_pay #content .price .flexBox_pay .inBox {
      width: 30%;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 137px;
      border-radius: 20px;
      box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.16);
      padding: 10px;
      background-color: #FFF; }
      @media screen and (max-width: 767px) {
        .funding #content .price .flexBox_pay .inBox,
        .ht_pay #content .price .flexBox_pay .inBox {
          width: 100%;
          height: 90px;
          margin: 0 0 50px; } }
      .funding #content .price .flexBox_pay .inBox:after,
      .ht_pay #content .price .flexBox_pay .inBox:after {
        content: "×";
        font-size: 50px;
        position: absolute;
        top: 50%;
        right: -52px;
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        transform: translate(0%, -50%); }
        @media screen and (max-width: 1000px) {
          .funding #content .price .flexBox_pay .inBox:after,
          .ht_pay #content .price .flexBox_pay .inBox:after {
            font-size: 36px;
            right: -42px; } }
        @media screen and (max-width: 767px) {
          .funding #content .price .flexBox_pay .inBox:after,
          .ht_pay #content .price .flexBox_pay .inBox:after {
            right: auto;
            top: auto;
            left: 50%;
            bottom: -50px;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%); } }
      .funding #content .price .flexBox_pay .inBox:last-child:after,
      .ht_pay #content .price .flexBox_pay .inBox:last-child:after {
        display: none; }
      .funding #content .price .flexBox_pay .inBox div,
      .ht_pay #content .price .flexBox_pay .inBox div {
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 34px;
        text-align: center; }
        @media screen and (max-width: 1000px) {
          .funding #content .price .flexBox_pay .inBox div,
          .ht_pay #content .price .flexBox_pay .inBox div {
            font-size: 24px; } }
        @media screen and (max-width: 520px) {
          .funding #content .price .flexBox_pay .inBox div,
          .ht_pay #content .price .flexBox_pay .inBox div {
            font-size: 20px; } }
        .funding #content .price .flexBox_pay .inBox div p,
        .ht_pay #content .price .flexBox_pay .inBox div p {
          font-size: 20px;
          font-weight: 500; }
          @media screen and (max-width: 520px) {
            .funding #content .price .flexBox_pay .inBox div p,
            .ht_pay #content .price .flexBox_pay .inBox div p {
              font-size: 15px; } }
  .funding #content .price .pay_tx1,
  .ht_pay #content .price .pay_tx1 {
    font-size: 20px;
    letter-spacing: 0.1em;
    padding: 0 0 2em; }
    @media screen and (max-width: 520px) {
      .funding #content .price .pay_tx1,
      .ht_pay #content .price .pay_tx1 {
        font-size: 16px; } }
  .funding #content .price .payBox,
  .ht_pay #content .price .payBox {
    width: 400px;
    position: relative;
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.16);
    background-color: #FFF;
    overflow: hidden;
    text-align: center; }
    @media screen and (max-width: 520px) {
      .funding #content .price .payBox,
      .ht_pay #content .price .payBox {
        width: 100%; } }
    .funding #content .price .payBox .top,
    .ht_pay #content .price .payBox .top {
      background-color: #00B0F8;
      color: #FFF;
      font-size: 20px;
      letter-spacing: 0.1em;
      padding: 5px; }
      @media screen and (max-width: 520px) {
        .funding #content .price .payBox .top,
        .ht_pay #content .price .payBox .top {
          font-size: 16px; } }
    .funding #content .price .payBox .bottom,
    .ht_pay #content .price .payBox .bottom {
      background-color: #FFF;
      padding: 15px 10px; }
      .funding #content .price .payBox .bottom p,
      .ht_pay #content .price .payBox .bottom p {
        text-align: left;
        color: #00B0F8;
        font-size: 20px;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 520px) {
          .funding #content .price .payBox .bottom p,
          .ht_pay #content .price .payBox .bottom p {
            font-size: 16px; } }
.funding #content .works_contact.type1,
.ht_pay #content .works_contact.type1 {
  padding: 60px 0 0 0; }
  .funding #content .works_contact.type1 .listBox,
  .ht_pay #content .works_contact.type1 .listBox {
    background-color: #F2FDFF;
    border-radius: 18px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
    max-width: 745px;
    margin: 0 auto 70px; }
    @media screen and (max-width: 520px) {
      .funding #content .works_contact.type1 .listBox,
      .ht_pay #content .works_contact.type1 .listBox {
        padding: 20px 15px;
        border-radius: 10px; } }
    .funding #content .works_contact.type1 .listBox ul,
    .ht_pay #content .works_contact.type1 .listBox ul {
      position: relative;
      padding: 0 0 50px; }
      .funding #content .works_contact.type1 .listBox ul:after,
      .ht_pay #content .works_contact.type1 .listBox ul:after {
        content: "";
        width: 250px;
        height: 25px;
        background-color: #90C9F4;
        position: absolute;
        bottom: 10px;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        clip-path: polygon(100% 0, 0 0, 50% 100%); }
        @media screen and (max-width: 520px) {
          .funding #content .works_contact.type1 .listBox ul:after,
          .ht_pay #content .works_contact.type1 .listBox ul:after {
            width: 120px; } }
      .funding #content .works_contact.type1 .listBox ul li,
      .ht_pay #content .works_contact.type1 .listBox ul li {
        font-size: 20px;
        letter-spacing: 0.06em;
        line-height: 45px;
        position: relative;
        padding: 0 0 0 20px; }
        @media screen and (max-width: 767px) {
          .funding #content .works_contact.type1 .listBox ul li,
          .ht_pay #content .works_contact.type1 .listBox ul li {
            font-size: 15px;
            line-height: 24px;
            padding: 5px 0 5px 20px; } }
        .funding #content .works_contact.type1 .listBox ul li:before,
        .ht_pay #content .works_contact.type1 .listBox ul li:before {
          content: "";
          width: 15px;
          height: 12px;
          position: absolute;
          top: 50%;
          left: 0;
          background: url("../images/page/works_arrow.svg") no-repeat center;
          background-size: 100%;
          -webkit-transform: translate(0%, -50%);
          -moz-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          -o-transform: translate(0%, -50%);
          transform: translate(0%, -50%); }
    .funding #content .works_contact.type1 .listBox p,
    .ht_pay #content .works_contact.type1 .listBox p {
      font-size: 24px;
      text-align: center;
      letter-spacing: 0.06em;
      line-height: 36px; }
      @media screen and (max-width: 767px) {
        .funding #content .works_contact.type1 .listBox p,
        .ht_pay #content .works_contact.type1 .listBox p {
          font-size: 20px; } }
      @media screen and (max-width: 520px) {
        .funding #content .works_contact.type1 .listBox p,
        .ht_pay #content .works_contact.type1 .listBox p {
          font-size: 18px; } }
.funding #content .works_contact .conBtn.bg,
.ht_pay #content .works_contact .conBtn.bg {
  background: url("../images/page/works_contact.webp") no-repeat center;
  background-size: cover;
  padding: 65px 0 0; }
  @media screen and (max-width: 800px) {
    .funding #content .works_contact .conBtn.bg,
    .ht_pay #content .works_contact .conBtn.bg {
      padding: 65px 20px 0; } }
  @media screen and (max-width: 520px) {
    .funding #content .works_contact .conBtn.bg,
    .ht_pay #content .works_contact .conBtn.bg {
      padding: 40px 20px 0; } }
.funding #content .works_contact .conBtn h2,
.ht_pay #content .works_contact .conBtn h2 {
  text-align: center;
  font-size: 28px;
  padding: 0 0 40px; }
  @media screen and (max-width: 767px) {
    .funding #content .works_contact .conBtn h2,
    .ht_pay #content .works_contact .conBtn h2 {
      font-size: 22px; } }
.funding #content .works_contact .conBtn p,
.ht_pay #content .works_contact .conBtn p {
  text-align: center;
  line-height: 36px;
  letter-spacing: 0.1em;
  padding: 0; }
  @media screen and (max-width: 600px) {
    .funding #content .works_contact .conBtn p,
    .ht_pay #content .works_contact .conBtn p {
      text-align: left; } }
  @media screen and (max-width: 520px) {
    .funding #content .works_contact .conBtn p,
    .ht_pay #content .works_contact .conBtn p {
      line-height: 160%; } }
  .funding #content .works_contact .conBtn p.tx1,
  .ht_pay #content .works_contact .conBtn p.tx1 {
    font-size: 19px;
    font-weight: 600;
    line-height: 27px;
    padding: 0 0 1em; }
    @media screen and (max-width: 600px) {
      .funding #content .works_contact .conBtn p.tx1,
      .ht_pay #content .works_contact .conBtn p.tx1 {
        text-align: center; } }
    .funding #content .works_contact .conBtn p.tx1 br,
    .ht_pay #content .works_contact .conBtn p.tx1 br {
      display: none; }
      @media screen and (max-width: 767px) {
        .funding #content .works_contact .conBtn p.tx1 br,
        .ht_pay #content .works_contact .conBtn p.tx1 br {
          display: block; } }
.funding #content .works_contact .conBtn .btn a,
.ht_pay #content .works_contact .conBtn .btn a {
  font-size: 28px;
  height: auto;
  padding: 15px; }
  @media screen and (max-width: 600px) {
    .funding #content .works_contact .conBtn .btn a,
    .ht_pay #content .works_contact .conBtn .btn a {
      font-size: 20px; } }
.funding #content .flow,
.ht_pay #content .flow {
  padding: 80px 0 60px; }
  @media screen and (max-width: 520px) {
    .funding #content .flow,
    .ht_pay #content .flow {
      padding: 40px 0 30px; } }
  .funding #content .flow .flowBox,
  .ht_pay #content .flow .flowBox {
    padding: 15px 0 0 0;
    max-width: 780px;
    margin: 0 auto; }
    .funding #content .flow .flowBox .flex,
    .ht_pay #content .flow .flowBox .flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      @media screen and (max-width: 520px) {
        .funding #content .flow .flowBox .flex,
        .ht_pay #content .flow .flowBox .flex {
          align-items: flex-start; } }
      .funding #content .flow .flowBox .flex:last-child .lBox:after,
      .ht_pay #content .flow .flowBox .flex:last-child .lBox:after {
        display: none; }
      .funding #content .flow .flowBox .flex:last-child .rBox,
      .ht_pay #content .flow .flowBox .flex:last-child .rBox {
        border-bottom: none; }
      .funding #content .flow .flowBox .flex .lBox,
      .ht_pay #content .flow .flowBox .flex .lBox {
        width: 150px;
        min-height: 190px;
        padding: 20px 0 0 0;
        position: relative; }
        @media screen and (max-width: 520px) {
          .funding #content .flow .flowBox .flex .lBox,
          .ht_pay #content .flow .flowBox .flex .lBox {
            width: 100px;
            min-height: 0; } }
        @media screen and (max-width: 400px) {
          .funding #content .flow .flowBox .flex .lBox,
          .ht_pay #content .flow .flowBox .flex .lBox {
            width: 70px; } }
        .funding #content .flow .flowBox .flex .lBox:after,
        .ht_pay #content .flow .flowBox .flex .lBox:after {
          content: "";
          width: 32px;
          height: 30px;
          background-color: #04A5E4;
          clip-path: polygon(0 0, 50% 100%, 100% 0);
          position: absolute;
          bottom: -15px;
          left: 50%;
          -webkit-transform: translate(-50%, 0%);
          -moz-transform: translate(-50%, 0%);
          -ms-transform: translate(-50%, 0%);
          -o-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%); }
          @media screen and (max-width: 520px) {
            .funding #content .flow .flowBox .flex .lBox:after,
            .ht_pay #content .flow .flowBox .flex .lBox:after {
              bottom: -35px; } }
      .funding #content .flow .flowBox .flex .rBox,
      .ht_pay #content .flow .flowBox .flex .rBox {
        width: calc(100% - 190px);
        padding: 15px 0 40px;
        border-bottom: 1px solid #04A5E4; }
        @media screen and (max-width: 520px) {
          .funding #content .flow .flowBox .flex .rBox,
          .ht_pay #content .flow .flowBox .flex .rBox {
            width: calc(100% - 120px); } }
        @media screen and (max-width: 400px) {
          .funding #content .flow .flowBox .flex .rBox,
          .ht_pay #content .flow .flowBox .flex .rBox {
            width: calc(100% - 90px); } }
        .funding #content .flow .flowBox .flex .rBox h3,
        .ht_pay #content .flow .flowBox .flex .rBox h3 {
          font-size: 24px;
          color: #04A5E4;
          letter-spacing: 0.1em;
          padding: 0 0 25px; }
          @media screen and (max-width: 400px) {
            .funding #content .flow .flowBox .flex .rBox h3,
            .ht_pay #content .flow .flowBox .flex .rBox h3 {
              font-size: 18px;
              padding: 0 0 10px; } }
        .funding #content .flow .flowBox .flex .rBox p,
        .ht_pay #content .flow .flowBox .flex .rBox p {
          line-height: 24px;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 400px) {
            .funding #content .flow .flowBox .flex .rBox p,
            .ht_pay #content .flow .flowBox .flex .rBox p {
              line-height: 160%; } }
.funding #content .messerge,
.ht_pay #content .messerge {
  background-color: #F2FDFF;
  padding: 30px 0 75px; }
  .funding #content .messerge .inner .flexBox,
  .ht_pay #content .messerge .inner .flexBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    .funding #content .messerge .inner .flexBox .lBox,
    .ht_pay #content .messerge .inner .flexBox .lBox {
      width: calc(100% - 430px); }
      @media screen and (max-width: 800px) {
        .funding #content .messerge .inner .flexBox .lBox,
        .ht_pay #content .messerge .inner .flexBox .lBox {
          width: 100%;
          padding: 0 0 20px; } }
      .funding #content .messerge .inner .flexBox .lBox p,
      .ht_pay #content .messerge .inner .flexBox .lBox p {
        font-size: 18px;
        letter-spacing: 0.1em;
        line-height: 36px; }
        @media screen and (max-width: 520px) {
          .funding #content .messerge .inner .flexBox .lBox p,
          .ht_pay #content .messerge .inner .flexBox .lBox p {
            font-size: 16px;
            line-height: 160%; } }
        .funding #content .messerge .inner .flexBox .lBox p.name,
        .ht_pay #content .messerge .inner .flexBox .lBox p.name {
          font-size: 20px; }
          @media screen and (max-width: 520px) {
            .funding #content .messerge .inner .flexBox .lBox p.name,
            .ht_pay #content .messerge .inner .flexBox .lBox p.name {
              font-size: 18px; } }
    .funding #content .messerge .inner .flexBox .rBox,
    .ht_pay #content .messerge .inner .flexBox .rBox {
      width: 386px; }
      @media screen and (max-width: 800px) {
        .funding #content .messerge .inner .flexBox .rBox,
        .ht_pay #content .messerge .inner .flexBox .rBox {
          width: 100%;
          text-align: center; } }
@media screen and (max-width: 600px) {
  .funding #content .faqBox,
  .ht_pay #content .faqBox {
    padding: 50px 0 0; } }
.funding #content .faqBox .in,
.ht_pay #content .faqBox .in {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1), -1px -1px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px 20px;
  margin: 0 0 20px;
  position: relative; }
  @media screen and (max-width: 520px) {
    .funding #content .faqBox .in,
    .ht_pay #content .faqBox .in {
      padding: 10px; } }
  .funding #content .faqBox .in:before, .funding #content .faqBox .in:after,
  .ht_pay #content .faqBox .in:before,
  .ht_pay #content .faqBox .in:after {
    content: "";
    background-color: #04A5E4;
    width: 18px;
    height: 2px;
    position: absolute;
    top: 40px;
    right: 20px; }
    @media screen and (max-width: 520px) {
      .funding #content .faqBox .in:before, .funding #content .faqBox .in:after,
      .ht_pay #content .faqBox .in:before,
      .ht_pay #content .faqBox .in:after {
        right: 10px;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        transform: translate(0%, -50%); } }
  .funding #content .faqBox .in:after,
  .ht_pay #content .faqBox .in:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    transform: rotate(90deg); }
    @media screen and (max-width: 520px) {
      .funding #content .faqBox .in:after,
      .ht_pay #content .faqBox .in:after {
        -webkit-transform: translate(0%, -50%) rotate(90deg);
        -moz-transform: translate(0%, -50%) rotate(90deg);
        -ms-transform: translate(0%, -50%) rotate(90deg);
        -o-transform: translate(0%, -50%) rotate(90deg);
        transform: translate(0%, -50%) rotate(90deg); } }
  .funding #content .faqBox .in.open:after,
  .ht_pay #content .faqBox .in.open:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    transform: rotate(0deg); }
    @media screen and (max-width: 520px) {
      .funding #content .faqBox .in.open:after,
      .ht_pay #content .faqBox .in.open:after {
        -webkit-transform: translate(0%, 0%) rotate(0deg);
        -moz-transform: translate(0%, 0%) rotate(0deg);
        -ms-transform: translate(0%, 0%) rotate(0deg);
        -o-transform: translate(0%, 0%) rotate(0deg);
        transform: translate(0%, 0%) rotate(0deg);
        top: 30px; } }
  @media screen and (max-width: 520px) {
    .funding #content .faqBox .in.open:before,
    .ht_pay #content .faqBox .in.open:before {
      top: 30px; } }
  .funding #content .faqBox .in.open .qTx,
  .ht_pay #content .faqBox .in.open .qTx {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    margin: 0 0 10px;
    min-height: 0px; }
  .funding #content .faqBox .in.open .aTx,
  .ht_pay #content .faqBox .in.open .aTx {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
    padding: 10px 0 0 2.5em;
    height: auto;
    display: block !important; }
  .funding #content .faqBox .in .qTx,
  .ht_pay #content .faqBox .in .qTx {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 29px;
    position: relative;
    padding: 5px 20px 5px 2.5em;
    margin: 0;
    cursor: pointer; }
    @media screen and (max-width: 520px) {
      .funding #content .faqBox .in .qTx,
      .ht_pay #content .faqBox .in .qTx {
        font-size: 16px;
        line-height: 140%;
        min-height: 50px;
        display: flex;
        justify-content: flex-start;
        align-items: center; } }
    .funding #content .faqBox .in .qTx:before,
    .ht_pay #content .faqBox .in .qTx:before {
      content: "Q";
      font-size: 33px;
      font-weight: 700;
      color: #04A5E4;
      position: absolute;
      top: 50%;
      left: 5px;
      -webkit-transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      -o-transform: translate(0%, -50%);
      transform: translate(0%, -50%); }
      @media screen and (max-width: 520px) {
        .funding #content .faqBox .in .qTx:before,
        .ht_pay #content .faqBox .in .qTx:before {
          font-size: 24px; } }
  .funding #content .faqBox .in .aTx,
  .ht_pay #content .faqBox .in .aTx {
    height: 0;
    opacity: 0;
    visibility: hidden;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 36px;
    position: relative;
    border-top: 1px solid #E3E3E3;
    padding: 0; }
    @media screen and (max-width: 520px) {
      .funding #content .faqBox .in .aTx,
      .ht_pay #content .faqBox .in .aTx {
        font-size: 14px;
        line-height: 160%; } }
    .funding #content .faqBox .in .aTx:before,
    .ht_pay #content .faqBox .in .aTx:before {
      content: "A";
      font-size: 33px;
      font-weight: 700;
      color: #BC0000;
      position: absolute;
      top: 10px;
      left: 7px; }
      @media screen and (max-width: 520px) {
        .funding #content .faqBox .in .aTx:before,
        .ht_pay #content .faqBox .in .aTx:before {
          font-size: 24px; } }

/*====================================
　事業実績
=====================================*/
.record #content {
  padding-bottom: 0; }
  .record #content h2 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 0.1em;
    line-height: 40px;
    padding: 0 0 30px; }
    @media screen and (max-width: 520px) {
      .record #content h2 {
        font-size: 22px;
        line-height: 30px; } }
  .record #content p {
    letter-spacing: 0.1em;
    line-height: 24px; }
    .record #content p.c {
      text-align: center; }
  .record #content .tabs {
    padding: 50px 0 0 0; }
    @media screen and (max-width: 520px) {
      .record #content .tabs {
        padding: 25px 0 0 0; } }
    .record #content .tabs .flexBox {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 0 50px; }
      @media screen and (max-width: 540px) {
        .record #content .tabs .flexBox {
          padding: 0 0 20px; } }
      .record #content .tabs .flexBox .tab {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        width: 32%;
        border: 2px solid #00AFF8;
        border-radius: 10px;
        background-color: #FFF;
        color: #00AFF8;
        text-align: center;
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0.1em;
        padding: 15px;
        cursor: pointer; }
        @media screen and (max-width: 840px) {
          .record #content .tabs .flexBox .tab {
            font-size: 16px; } }
        @media screen and (max-width: 730px) {
          .record #content .tabs .flexBox .tab {
            font-size: 14px;
            padding: 15px 5px; } }
        @media screen and (max-width: 580px) {
          .record #content .tabs .flexBox .tab {
            font-size: 13px;
            padding: 5px 5px;
            letter-spacing: 0; } }
        @media screen and (max-width: 500px) {
          .record #content .tabs .flexBox .tab {
            font-size: 10px;
            padding: 5px 5px;
            line-height: 150%; } }
        @media screen and (max-width: 400px) {
          .record #content .tabs .flexBox .tab {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 44px; } }
        .record #content .tabs .flexBox .tab br {
          display: none; }
          @media screen and (max-width: 400px) {
            .record #content .tabs .flexBox .tab br {
              display: block; } }
        .record #content .tabs .flexBox .tab.active {
          -webkit-transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -ms-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
          background-color: #00AFF8;
          color: #FFF; }
    .record #content .tabs .conBox .con {
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      display: none;
      position: relative; }
      .record #content .tabs .conBox .con:before {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        opacity: 1;
        visibility: visible;
        content: "";
        width: 100%;
        height: 100%;
        background-color: #FFF;
        position: absolute;
        top: 0;
        left: 0; }
      .record #content .tabs .conBox .con.show {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        display: block; }
        .record #content .tabs .conBox .con.show:before {
          -webkit-transition: 1.3s ease-in-out;
          -moz-transition: 1.3s ease-in-out;
          -ms-transition: 1.3s ease-in-out;
          -o-transition: 1.3s ease-in-out;
          transition: 1.3s ease-in-out;
          opacity: 0;
          visibility: hidden; }
      .record #content .tabs .conBox .con.lcon .inBox {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1), -1px -1px 6px rgba(0, 0, 0, 0.1);
        background-color: #FFF;
        margin: 0 0 40px; }
        .record #content .tabs .conBox .con.lcon .inBox .imgBox {
          width: 40%;
          overflow: hidden;
          border-radius: 10px; }
          @media screen and (max-width: 520px) {
            .record #content .tabs .conBox .con.lcon .inBox .imgBox {
              width: 100%;
              text-align: center; } }
        .record #content .tabs .conBox .con.lcon .inBox .txBox {
          width: 58%; }
          @media screen and (max-width: 520px) {
            .record #content .tabs .conBox .con.lcon .inBox .txBox {
              width: 100%;
              padding: 20px 0 0 0; } }
          .record #content .tabs .conBox .con.lcon .inBox .txBox h3 {
            font-size: 24px;
            font-weight: 500;
            padding: 0 0 10px; }
          .record #content .tabs .conBox .con.lcon .inBox .txBox table {
            margin: 0 0 30px; }
            .record #content .tabs .conBox .con.lcon .inBox .txBox table tr th, .record #content .tabs .conBox .con.lcon .inBox .txBox table tr td {
              padding: 3px 0;
              border: none;
              font-weight: normal;
              font-size: 16px; }
            .record #content .tabs .conBox .con.lcon .inBox .txBox table tr th {
              width: 20%; }
              @media screen and (max-width: 520px) {
                .record #content .tabs .conBox .con.lcon .inBox .txBox table tr th {
                  font-weight: 700; } }
            .record #content .tabs .conBox .con.lcon .inBox .txBox table tr td {
              width: 80%; }
              @media screen and (max-width: 520px) {
                .record #content .tabs .conBox .con.lcon .inBox .txBox table tr td {
                  font-size: 14px;
                  padding: 0 0 10px 10px; } }
              .record #content .tabs .conBox .con.lcon .inBox .txBox table tr td.price {
                font-size: 24px; }
          .record #content .tabs .conBox .con.lcon .inBox .txBox .tx {
            font-size: 18px;
            letter-spacing: 0.06em;
            line-height: 32px; }
            @media screen and (max-width: 520px) {
              .record #content .tabs .conBox .con.lcon .inBox .txBox .tx {
                font-size: 16px; } }
      .record #content .tabs .conBox .con.rcon .inBox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding: 20px 40px 20px 60px;
        border-radius: 10px;
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1), -1px -1px 6px rgba(0, 0, 0, 0.1);
        background-color: #FFF;
        font-size: 20px;
        margin: 0 0 20px; }
        @media screen and (max-width: 767px) {
          .record #content .tabs .conBox .con.rcon .inBox {
            padding: 15px 10px; } }
        .record #content .tabs .conBox .con.rcon .inBox .lBox {
          width: 65%;
          line-height: 29px;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 767px) {
            .record #content .tabs .conBox .con.rcon .inBox .lBox {
              order: 2;
              width: 100%;
              padding: 5px 0 0 0; } }
          @media screen and (max-width: 520px) {
            .record #content .tabs .conBox .con.rcon .inBox .lBox {
              font-size: 16px;
              padding: 5px 15px; } }
        .record #content .tabs .conBox .con.rcon .inBox .rBox {
          background-color: #00AFF8;
          color: #FFF;
          width: 33%;
          border-radius: 50px;
          text-align: center;
          line-height: 29px;
          letter-spacing: 0.1em;
          padding: 5px; }
          @media screen and (max-width: 767px) {
            .record #content .tabs .conBox .con.rcon .inBox .rBox {
              order: 1;
              width: auto;
              font-size: 16px;
              margin-bottom: 10px; } }

/*====================================
　会社概要
=====================================*/
.company #content {
  padding-bottom: 0; }
  .company #content .navBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 10px;
    padding: 0 0 50px; }
    @media screen and (max-width: 950px) {
      .company #content .navBox {
        gap: 0 2%; } }
    .company #content .navBox .box {
      flex: 1; }
      @media screen and (max-width: 950px) {
        .company #content .navBox .box {
          flex: none;
          width: 49%;
          margin: 5px 0; } }
      .company #content .navBox .box a {
        display: block;
        width: 100%;
        color: #00AFF8;
        border: 1px solid #00AFF8;
        border-radius: 5px;
        font-size: 20px;
        letter-spacing: 0.1em;
        line-height: 29px;
        text-align: center;
        padding: 10px 20px 10px 10px;
        position: relative; }
        @media screen and (max-width: 520px) {
          .company #content .navBox .box a {
            font-size: 14px; } }
        .company #content .navBox .box a:before {
          content: '';
          width: 10px;
          height: 10px;
          border-top: solid 2px #00AFF8;
          border-right: solid 2px #00AFF8;
          position: absolute;
          right: 15px;
          top: 50%;
          -webkit-transform: translate(0%, -50%) rotate(45deg);
          -moz-transform: translate(0%, -50%) rotate(45deg);
          -ms-transform: translate(0%, -50%) rotate(45deg);
          -o-transform: translate(0%, -50%) rotate(45deg);
          transform: translate(0%, -50%) rotate(45deg); }
  .company #content .companyBox h2 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 0.1em;
    line-height: 40px;
    padding: 0 0 30px; }
    @media screen and (max-width: 767px) {
      .company #content .companyBox h2 {
        font-size: 22px; } }
    @media screen and (max-width: 520px) {
      .company #content .companyBox h2 {
        text-align: left;
        line-height: 150%;
        font-size: 20px; } }
    @media screen and (max-width: 950px) {
      .company #content .companyBox h2 br {
        display: none; } }
  .company #content .companyBox h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 40px;
    padding: 0 0 30px; }
    @media screen and (max-width: 767px) {
      .company #content .companyBox h3 {
        font-size: 18px; } }
    @media screen and (max-width: 520px) {
      .company #content .companyBox h3 {
        text-align: left;
        line-height: 150%;
        border-bottom: 1px solid #949494;
        padding: 0 0 10px;
        margin: 0 0 30px; } }
  .company #content .companyBox p {
    letter-spacing: 0.1em;
    line-height: 24px; }
    .company #content .companyBox p.c {
      text-align: center; }
  .company #content .companyBox#nav1 {
    padding: 0 0 50px; }
    .company #content .companyBox#nav1 table tr th, .company #content .companyBox#nav1 table tr td {
      border-top: none;
      line-height: 24px;
      font-weight: 500; }
    .company #content .companyBox#nav1 table tr th {
      padding: 15px 0 15px 30px; }
      @media screen and (max-width: 520px) {
        .company #content .companyBox#nav1 table tr th {
          padding: 15px 0 0 0; } }
    .company #content .companyBox#nav1 table tr td {
      padding: 15px 0 15px 10px; }
      @media screen and (max-width: 520px) {
        .company #content .companyBox#nav1 table tr td {
          font-size: 14px; } }
    .company #content .companyBox#nav1 table tr:last-child th, .company #content .companyBox#nav1 table tr:last-child td {
      border-bottom: none; }
  .company #content .companyBox#nav2 {
    background-color: #F9F9F9;
    padding: 50px 0 0; }
    .company #content .companyBox#nav2 .box {
      padding: 0 0 60px; }
      @media screen and (max-width: 520px) {
        .company #content .companyBox#nav2 .box {
          padding: 0 0 30px; } }
      .company #content .companyBox#nav2 .box p {
        line-height: 32px;
        font-size: 18px;
        letter-spacing: 0.06em; }
        @media screen and (max-width: 520px) {
          .company #content .companyBox#nav2 .box p {
            font-size: 16px;
            line-height: 160%; } }
      .company #content .companyBox#nav2 .box ul {
        padding: 0 0 1em; }
        .company #content .companyBox#nav2 .box ul li {
          line-height: 32px;
          font-size: 18px;
          letter-spacing: 0.06em; }
          @media screen and (max-width: 520px) {
            .company #content .companyBox#nav2 .box ul li {
              font-size: 16px;
              line-height: 160%; } }
      .company #content .companyBox#nav2 .box .in {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        border-radius: 10px;
        background-color: #FFF;
        padding: 20px 20px;
        margin: 15px 0; }
        .company #content .companyBox#nav2 .box .in h4 {
          font-size: 20px;
          padding: 0 0 20px;
          letter-spacing: 0.06em; }
          @media screen and (max-width: 520px) {
            .company #content .companyBox#nav2 .box .in h4 {
              font-size: 18px;
              line-height: 160%; } }
  .company #content .companyBox#nav3 {
    padding: 60px 0 30px; }
    @media screen and (max-width: 520px) {
      .company #content .companyBox#nav3 {
        padding: 30px 0; } }
    .company #content .companyBox#nav3 .box {
      margin: 0 0 30px;
      border: 1px solid #00AFF8;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
      border-radius: 10px;
      background-color: #FFF;
      overflow: hidden; }
      .company #content .companyBox#nav3 .box .head {
        background-color: #00AFF8;
        color: #FFF;
        text-align: center;
        padding: 20px; }
        @media screen and (max-width: 520px) {
          .company #content .companyBox#nav3 .box .head {
            text-align: left; } }
        .company #content .companyBox#nav3 .box .head h2 {
          padding: 0 0 10px; }
        .company #content .companyBox#nav3 .box .head .name {
          font-size: 24px;
          letter-spacing: 0.1em;
          line-height: 24px; }
          @media screen and (max-width: 520px) {
            .company #content .companyBox#nav3 .box .head .name {
              font-size: 16px;
              line-height: 160%; } }
      .company #content .companyBox#nav3 .box .txBox {
        background-color: #FFF;
        padding: 30px 20px; }
        .company #content .companyBox#nav3 .box .txBox h3 {
          font-weight: 700; }
        .company #content .companyBox#nav3 .box .txBox .in {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          background-color: #F2FDFF;
          border-radius: 10px;
          padding: 20px;
          margin: 0 0 20px; }
          .company #content .companyBox#nav3 .box .txBox .in .lBox {
            width: calc(100% - 320px); }
            @media screen and (max-width: 767px) {
              .company #content .companyBox#nav3 .box .txBox .in .lBox {
                width: 100%; } }
            .company #content .companyBox#nav3 .box .txBox .in .lBox div {
              padding: 0 0 1em; }
              .company #content .companyBox#nav3 .box .txBox .in .lBox div h4 {
                font-size: 14px;
                font-weight: 500; }
                .company #content .companyBox#nav3 .box .txBox .in .lBox div h4:before {
                  content: "■"; }
              .company #content .companyBox#nav3 .box .txBox .in .lBox div ul li {
                font-size: 14px;
                letter-spacing: 0.06em;
                line-height: 24px;
                position: relative;
                padding: 0 0 0 1em; }
                @media screen and (max-width: 520px) {
                  .company #content .companyBox#nav3 .box .txBox .in .lBox div ul li {
                    line-height: 160%; } }
                .company #content .companyBox#nav3 .box .txBox .in .lBox div ul li:before {
                  content: "・";
                  position: absolute;
                  top: 0;
                  left: 0; }
          .company #content .companyBox#nav3 .box .txBox .in .rBox {
            width: 307px; }
            @media screen and (max-width: 767px) {
              .company #content .companyBox#nav3 .box .txBox .in .rBox {
                width: 100%;
                text-align: center; } }
        .company #content .companyBox#nav3 .box .txBox .tx {
          line-height: 36px; }
          @media screen and (max-width: 520px) {
            .company #content .companyBox#nav3 .box .txBox .tx {
              line-height: 160%; } }
        .company #content .companyBox#nav3 .box .txBox .nameBox {
          text-align: right;
          padding: 10px 0 0 0; }
          .company #content .companyBox#nav3 .box .txBox .nameBox p {
            font-weight: 700;
            padding: 0; }
            .company #content .companyBox#nav3 .box .txBox .nameBox p.tx1 {
              font-size: 18px;
              padding: 0 0 1em; }
              @media screen and (max-width: 520px) {
                .company #content .companyBox#nav3 .box .txBox .nameBox p.tx1 {
                  font-size: 16px;
                  line-height: 160%; } }
            .company #content .companyBox#nav3 .box .txBox .nameBox p.tx2 {
              font-size: 22px; }
            .company #content .companyBox#nav3 .box .txBox .nameBox p.tx3 {
              font-size: 18px; }
              @media screen and (max-width: 520px) {
                .company #content .companyBox#nav3 .box .txBox .nameBox p.tx3 {
                  font-size: 16px;
                  line-height: 160%; } }
  .company #content .companyBox#nav4 {
    background-color: #F9F9F9;
    padding: 50px 0 30px; }
    .company #content .companyBox#nav4 .box {
      margin: 0 0 60px; }
      .company #content .companyBox#nav4 .box:last-child {
        margin: 0; }
      .company #content .companyBox#nav4 .box table tr th, .company #content .companyBox#nav4 .box table tr td {
        border-top: none;
        line-height: 24px;
        font-weight: 500; }
        .company #content .companyBox#nav4 .box table tr th p span.t, .company #content .companyBox#nav4 .box table tr td p span.t {
          display: block; }
        .company #content .companyBox#nav4 .box table tr th ul li, .company #content .companyBox#nav4 .box table tr td ul li {
          font-size: 16px;
          letter-spacing: 0.1em;
          line-height: 24px;
          position: relative;
          padding: 0 0 0 1em; }
          @media screen and (max-width: 520px) {
            .company #content .companyBox#nav4 .box table tr th ul li, .company #content .companyBox#nav4 .box table tr td ul li {
              line-height: 160%;
              font-size: 14px; } }
          .company #content .companyBox#nav4 .box table tr th ul li:before, .company #content .companyBox#nav4 .box table tr td ul li:before {
            content: "・";
            position: absolute;
            top: 0;
            left: 0; }
        .company #content .companyBox#nav4 .box table tr th a, .company #content .companyBox#nav4 .box table tr td a {
          color: #00AFF8;
          text-decoration: underline; }
      .company #content .companyBox#nav4 .box table tr th {
        padding: 15px 0 15px 30px; }
        @media screen and (max-width: 520px) {
          .company #content .companyBox#nav4 .box table tr th {
            padding: 15px 0 0; } }
        @media screen and (max-width: 520px) {
          .company #content .companyBox#nav4 .box table tr th br {
            display: none; } }
      .company #content .companyBox#nav4 .box table tr td {
        padding: 15px 0 15px 10px; }
        @media screen and (max-width: 520px) {
          .company #content .companyBox#nav4 .box table tr td {
            font-size: 14px; } }
      .company #content .companyBox#nav4 .box table tr:last-child th, .company #content .companyBox#nav4 .box table tr:last-child td {
        border-bottom: none; }

/*====================================
　プライバシーポリシー
=====================================*/
.privacy-policy #content,
.contents-policy #content,
.privacy #content {
  padding: 30px 0 0; }
  .privacy-policy #content p,
  .contents-policy #content p,
  .privacy #content p {
    line-height: 32px;
    letter-spacing: 0.06em; }
    .privacy-policy #content p.tx,
    .contents-policy #content p.tx,
    .privacy #content p.tx {
      padding: 0 0 30px; }
  .privacy-policy #content h2,
  .contents-policy #content h2,
  .privacy #content h2 {
    text-align: center;
    font-size: 28px;
    padding: 0 0 40px; }
    @media screen and (max-width: 520px) {
      .privacy-policy #content h2,
      .contents-policy #content h2,
      .privacy #content h2 {
        font-size: 20px;
        padding: 0 0 20px; } }
  .privacy-policy #content .section,
  .contents-policy #content .section,
  .privacy #content .section {
    padding: 0 0 60px; }
    @media screen and (max-width: 520px) {
      .privacy-policy #content .section,
      .contents-policy #content .section,
      .privacy #content .section {
        padding: 0 0 30px; } }
  .privacy-policy #content .box,
  .contents-policy #content .box,
  .privacy #content .box {
    padding: 0 0 50px; }
    @media screen and (max-width: 520px) {
      .privacy-policy #content .box,
      .contents-policy #content .box,
      .privacy #content .box {
        padding: 0 0 20px; } }
    .privacy-policy #content .box h3,
    .contents-policy #content .box h3,
    .privacy #content .box h3 {
      font-size: 24px;
      font-weight: 600;
      padding: 0 0 20px; }
      @media screen and (max-width: 520px) {
        .privacy-policy #content .box h3,
        .contents-policy #content .box h3,
        .privacy #content .box h3 {
          font-size: 18px; } }
    .privacy-policy #content .box p,
    .contents-policy #content .box p,
    .privacy #content .box p {
      color: #333333;
      font-size: 18px;
      font-weight: 400;
      padding: 0 0 20px; }
      @media screen and (max-width: 520px) {
        .privacy-policy #content .box p,
        .contents-policy #content .box p,
        .privacy #content .box p {
          font-size: 14px;
          line-height: 160%; } }
    .privacy-policy #content .box .tx,
    .contents-policy #content .box .tx,
    .privacy #content .box .tx {
      font-weight: 900; }
    .privacy-policy #content .box ul li,
    .privacy-policy #content .box ol li,
    .contents-policy #content .box ul li,
    .contents-policy #content .box ol li,
    .privacy #content .box ul li,
    .privacy #content .box ol li {
      font-size: 18px;
      font-weight: 400;
      list-style-type: none;
      position: relative;
      line-height: 32px;
      letter-spacing: 0.06em;
      padding: 0 0 0 1em;
      color: #333333; }
      @media screen and (max-width: 520px) {
        .privacy-policy #content .box ul li,
        .privacy-policy #content .box ol li,
        .contents-policy #content .box ul li,
        .contents-policy #content .box ol li,
        .privacy #content .box ul li,
        .privacy #content .box ol li {
          font-size: 14px;
          line-height: 160%; } }
      .privacy-policy #content .box ul li:before,
      .privacy-policy #content .box ol li:before,
      .contents-policy #content .box ul li:before,
      .contents-policy #content .box ol li:before,
      .privacy #content .box ul li:before,
      .privacy #content .box ol li:before {
        content: "・";
        position: absolute;
        left: 0;
        top: 0; }
    .privacy-policy #content .box ol,
    .contents-policy #content .box ol,
    .privacy #content .box ol {
      margin: 0 0 0 1.5em; }
      .privacy-policy #content .box ol li,
      .contents-policy #content .box ol li,
      .privacy #content .box ol li {
        list-style: decimal;
        padding: 0 10px 5px 0; }
        .privacy-policy #content .box ol li:before,
        .contents-policy #content .box ol li:before,
        .privacy #content .box ol li:before {
          display: none; }
        .privacy-policy #content .box ol li ul,
        .contents-policy #content .box ol li ul,
        .privacy #content .box ol li ul {
          padding: 0 0 20px; }
          .privacy-policy #content .box ol li ul li,
          .contents-policy #content .box ol li ul li,
          .privacy #content .box ol li ul li {
            list-style: none;
            padding: 0 10px 5px 2em; }
            .privacy-policy #content .box ol li ul li span,
            .contents-policy #content .box ol li ul li span,
            .privacy #content .box ol li ul li span {
              position: absolute;
              top: 0;
              left: 0; }
  .privacy-policy #content .privacyBox,
  .contents-policy #content .privacyBox,
  .privacy #content .privacyBox {
    background-color: #F9F9F9;
    padding: 70px 0; }
    @media screen and (max-width: 520px) {
      .privacy-policy #content .privacyBox,
      .contents-policy #content .privacyBox,
      .privacy #content .privacyBox {
        padding: 35px 0; } }
    .privacy-policy #content .privacyBox .tx,
    .contents-policy #content .privacyBox .tx,
    .privacy #content .privacyBox .tx {
      text-align: center;
      font-size: 24px;
      letter-spacing: 0.1em;
      line-height: 35px; }
      @media screen and (max-width: 520px) {
        .privacy-policy #content .privacyBox .tx,
        .contents-policy #content .privacyBox .tx,
        .privacy #content .privacyBox .tx {
          font-size: 20px; } }
    .privacy-policy #content .privacyBox .flexBox,
    .contents-policy #content .privacyBox .flexBox,
    .privacy #content .privacyBox .flexBox {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 0 2%; }
      @media screen and (max-width: 520px) {
        .privacy-policy #content .privacyBox .flexBox,
        .contents-policy #content .privacyBox .flexBox,
        .privacy #content .privacyBox .flexBox {
          gap: 0 0; } }
      .privacy-policy #content .privacyBox .flexBox .inBox,
      .contents-policy #content .privacyBox .flexBox .inBox,
      .privacy #content .privacyBox .flexBox .inBox {
        width: 32%;
        border-radius: 20px;
        overflow: hidden;
        background-color: #FFF; }
        @media screen and (max-width: 520px) {
          .privacy-policy #content .privacyBox .flexBox .inBox,
          .contents-policy #content .privacyBox .flexBox .inBox,
          .privacy #content .privacyBox .flexBox .inBox {
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin: 10px 0; } }
        .privacy-policy #content .privacyBox .flexBox .inBox .imgBox,
        .contents-policy #content .privacyBox .flexBox .inBox .imgBox,
        .privacy #content .privacyBox .flexBox .inBox .imgBox {
          width: 100%; }
          @media screen and (max-width: 520px) {
            .privacy-policy #content .privacyBox .flexBox .inBox .imgBox,
            .contents-policy #content .privacyBox .flexBox .inBox .imgBox,
            .privacy #content .privacyBox .flexBox .inBox .imgBox {
              width: 45%;
              position: relative;
              overflow: hidden; } }
          .privacy-policy #content .privacyBox .flexBox .inBox .imgBox img,
          .contents-policy #content .privacyBox .flexBox .inBox .imgBox img,
          .privacy #content .privacyBox .flexBox .inBox .imgBox img {
            max-width: none;
            width: 100%;
            height: auto; }
            @media screen and (max-width: 520px) {
              .privacy-policy #content .privacyBox .flexBox .inBox .imgBox img,
              .contents-policy #content .privacyBox .flexBox .inBox .imgBox img,
              .privacy #content .privacyBox .flexBox .inBox .imgBox img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                height: 100%;
                width: auto; } }
        .privacy-policy #content .privacyBox .flexBox .inBox .txBox,
        .contents-policy #content .privacyBox .flexBox .inBox .txBox,
        .privacy #content .privacyBox .flexBox .inBox .txBox {
          padding: 30px; }
          @media screen and (max-width: 520px) {
            .privacy-policy #content .privacyBox .flexBox .inBox .txBox,
            .contents-policy #content .privacyBox .flexBox .inBox .txBox,
            .privacy #content .privacyBox .flexBox .inBox .txBox {
              width: 55%;
              padding: 40px; } }
          @media screen and (max-width: 400px) {
            .privacy-policy #content .privacyBox .flexBox .inBox .txBox,
            .contents-policy #content .privacyBox .flexBox .inBox .txBox,
            .privacy #content .privacyBox .flexBox .inBox .txBox {
              padding: 25px 10px; } }
          .privacy-policy #content .privacyBox .flexBox .inBox .txBox p span,
          .contents-policy #content .privacyBox .flexBox .inBox .txBox p span,
          .privacy #content .privacyBox .flexBox .inBox .txBox p span {
            font-size: 20px; }
    .privacy-policy #content .privacyBox .btn a,
    .contents-policy #content .privacyBox .btn a,
    .privacy #content .privacyBox .btn a {
      width: 287px;
      border-radius: 50px; }
    .privacy-policy #content .privacyBox .flowBox,
    .contents-policy #content .privacyBox .flowBox,
    .privacy #content .privacyBox .flowBox {
      padding: 15px 0 0 0; }
      .privacy-policy #content .privacyBox .flowBox .flex,
      .contents-policy #content .privacyBox .flowBox .flex,
      .privacy #content .privacyBox .flowBox .flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        @media screen and (max-width: 520px) {
          .privacy-policy #content .privacyBox .flowBox .flex,
          .contents-policy #content .privacyBox .flowBox .flex,
          .privacy #content .privacyBox .flowBox .flex {
            align-items: flex-start; } }
        .privacy-policy #content .privacyBox .flowBox .flex:last-child .lBox:after,
        .contents-policy #content .privacyBox .flowBox .flex:last-child .lBox:after,
        .privacy #content .privacyBox .flowBox .flex:last-child .lBox:after {
          display: none; }
        .privacy-policy #content .privacyBox .flowBox .flex:last-child .rBox,
        .contents-policy #content .privacyBox .flowBox .flex:last-child .rBox,
        .privacy #content .privacyBox .flowBox .flex:last-child .rBox {
          border-bottom: none; }
        .privacy-policy #content .privacyBox .flowBox .flex .lBox,
        .contents-policy #content .privacyBox .flowBox .flex .lBox,
        .privacy #content .privacyBox .flowBox .flex .lBox {
          width: 150px;
          min-height: 190px;
          padding: 20px 0 0 0;
          position: relative; }
          @media screen and (max-width: 520px) {
            .privacy-policy #content .privacyBox .flowBox .flex .lBox,
            .contents-policy #content .privacyBox .flowBox .flex .lBox,
            .privacy #content .privacyBox .flowBox .flex .lBox {
              width: 100px;
              min-height: 0; } }
          @media screen and (max-width: 400px) {
            .privacy-policy #content .privacyBox .flowBox .flex .lBox,
            .contents-policy #content .privacyBox .flowBox .flex .lBox,
            .privacy #content .privacyBox .flowBox .flex .lBox {
              width: 70px; } }
          .privacy-policy #content .privacyBox .flowBox .flex .lBox:after,
          .contents-policy #content .privacyBox .flowBox .flex .lBox:after,
          .privacy #content .privacyBox .flowBox .flex .lBox:after {
            content: "";
            width: 32px;
            height: 30px;
            background-color: #04A5E4;
            clip-path: polygon(0 0, 50% 100%, 100% 0);
            position: absolute;
            bottom: -15px;
            left: 50%;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%); }
            @media screen and (max-width: 520px) {
              .privacy-policy #content .privacyBox .flowBox .flex .lBox:after,
              .contents-policy #content .privacyBox .flowBox .flex .lBox:after,
              .privacy #content .privacyBox .flowBox .flex .lBox:after {
                bottom: -35px; } }
        .privacy-policy #content .privacyBox .flowBox .flex .rBox,
        .contents-policy #content .privacyBox .flowBox .flex .rBox,
        .privacy #content .privacyBox .flowBox .flex .rBox {
          width: calc(100% - 190px);
          padding: 15px 0 40px;
          border-bottom: 1px solid #04A5E4; }
          @media screen and (max-width: 520px) {
            .privacy-policy #content .privacyBox .flowBox .flex .rBox,
            .contents-policy #content .privacyBox .flowBox .flex .rBox,
            .privacy #content .privacyBox .flowBox .flex .rBox {
              width: calc(100% - 120px); } }
          @media screen and (max-width: 400px) {
            .privacy-policy #content .privacyBox .flowBox .flex .rBox,
            .contents-policy #content .privacyBox .flowBox .flex .rBox,
            .privacy #content .privacyBox .flowBox .flex .rBox {
              width: calc(100% - 90px); } }
          .privacy-policy #content .privacyBox .flowBox .flex .rBox h3,
          .contents-policy #content .privacyBox .flowBox .flex .rBox h3,
          .privacy #content .privacyBox .flowBox .flex .rBox h3 {
            font-size: 24px;
            color: #04A5E4;
            letter-spacing: 0.1em;
            padding: 0 0 25px; }
            @media screen and (max-width: 400px) {
              .privacy-policy #content .privacyBox .flowBox .flex .rBox h3,
              .contents-policy #content .privacyBox .flowBox .flex .rBox h3,
              .privacy #content .privacyBox .flowBox .flex .rBox h3 {
                font-size: 18px;
                padding: 0 0 10px; } }
          .privacy-policy #content .privacyBox .flowBox .flex .rBox p,
          .contents-policy #content .privacyBox .flowBox .flex .rBox p,
          .privacy #content .privacyBox .flowBox .flex .rBox p {
            line-height: 24px;
            letter-spacing: 0.1em; }
            @media screen and (max-width: 400px) {
              .privacy-policy #content .privacyBox .flowBox .flex .rBox p,
              .contents-policy #content .privacyBox .flowBox .flex .rBox p,
              .privacy #content .privacyBox .flowBox .flex .rBox p {
                line-height: 160%; } }

/*====================================
　BLOG
=====================================*/
.category #content .inner,
.blog #content .inner {
  max-width: 1000px; }
  @media screen and (max-width: 1040px) {
    .category #content .inner,
    .blog #content .inner {
      padding: 0 20px; } }
  .category #content .inner .categoryBox,
  .blog #content .inner .categoryBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 10px;
    padding: 0 0 70px; }
    @media screen and (max-width: 860px) {
      .category #content .inner .categoryBox,
      .blog #content .inner .categoryBox {
        justify-content: flex-start;
        gap: 5px 10px; } }
    @media screen and (max-width: 520px) {
      .category #content .inner .categoryBox,
      .blog #content .inner .categoryBox {
        padding: 0 0 35px; } }
    .category #content .inner .categoryBox .inBox,
    .blog #content .inner .categoryBox .inBox {
      flex: 1; }
      @media screen and (max-width: 860px) {
        .category #content .inner .categoryBox .inBox,
        .blog #content .inner .categoryBox .inBox {
          flex: none; } }
      .category #content .inner .categoryBox .inBox.current a,
      .blog #content .inner .categoryBox .inBox.current a {
        background-color: #00AFF8;
        color: #FFF; }
      .category #content .inner .categoryBox .inBox a,
      .blog #content .inner .categoryBox .inBox a {
        display: block;
        border: 1px solid #00AFF8;
        border-radius: 5px;
        color: #00AFF8;
        text-align: center;
        padding: 10px; }
        @media screen and (max-width: 520px) {
          .category #content .inner .categoryBox .inBox a,
          .blog #content .inner .categoryBox .inBox a {
            padding: 5px 10px;
            font-size: 14px; } }
        .category #content .inner .categoryBox .inBox a:hover,
        .blog #content .inner .categoryBox .inBox a:hover {
          background-color: #00AFF8;
          color: #FFF; }
  .category #content .inner h2,
  .blog #content .inner h2 {
    font-size: 28px;
    letter-spacing: 0.1em;
    padding: 0 0 30px;
    text-align: center; }
    @media screen and (max-width: 520px) {
      .category #content .inner h2,
      .blog #content .inner h2 {
        font-size: 22px; } }
  .category #content .inner .list,
  .blog #content .inner .list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px 2%; }
    .category #content .inner .list .inBox,
    .blog #content .inner .list .inBox {
      width: 32%;
      max-width: 320px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); }
      @media screen and (max-width: 1000px) {
        .category #content .inner .list .inBox,
        .blog #content .inner .list .inBox {
          width: 47%;
          max-width: none;
          padding: 0 0 30px; } }
      @media screen and (max-width: 520px) {
        .category #content .inner .list .inBox,
        .blog #content .inner .list .inBox {
          width: 100%;
          max-width: none;
          padding: 0 0 30px; } }
      .category #content .inner .list .inBox a,
      .blog #content .inner .list .inBox a {
        display: block; }
        .category #content .inner .list .inBox a:hover .imgBox img,
        .blog #content .inner .list .inBox a:hover .imgBox img {
          height: 105%;
          -webkit-transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -ms-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out; }
      .category #content .inner .list .inBox .imgBox,
      .blog #content .inner .list .inBox .imgBox {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 210px; }
        @media screen and (max-width: 767px) {
          .category #content .inner .list .inBox .imgBox,
          .blog #content .inner .list .inBox .imgBox {
            height: 200px; } }
        .category #content .inner .list .inBox .imgBox img,
        .blog #content .inner .list .inBox .imgBox img {
          -webkit-transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -ms-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          object-fit: cover;
          max-width: none;
          width: 100%;
          height: 100%; }
      .category #content .inner .list .inBox .txBox,
      .blog #content .inner .list .inBox .txBox {
        padding: 15px 15px 30px;
        position: relative; }
        .category #content .inner .list .inBox .txBox p,
        .blog #content .inner .list .inBox .txBox p {
          font-size: 16px;
          letter-spacing: 0.1em;
          line-height: 30px; }
          .category #content .inner .list .inBox .txBox p.time,
          .blog #content .inner .list .inBox .txBox p.time {
            color: #a5a5a5;
            font-size: 15px;
            padding: 0 0 5px; }

/*====================================
　NEWS
=====================================*/
.news #content .inner {
  max-width: 1000px; }
  @media screen and (max-width: 1040px) {
    .news #content .inner {
      padding: 0 20px; } }
  .news #content .inner .categoryBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 10px;
    padding: 0 0 70px; }
    @media screen and (max-width: 860px) {
      .news #content .inner .categoryBox {
        justify-content: flex-start;
        gap: 5px 10px; } }
    @media screen and (max-width: 520px) {
      .news #content .inner .categoryBox {
        padding: 0 0 35px; } }
    .news #content .inner .categoryBox .inBox {
      flex: 1; }
      @media screen and (max-width: 860px) {
        .news #content .inner .categoryBox .inBox {
          flex: none; } }
      .news #content .inner .categoryBox .inBox.current a {
        background-color: #00AFF8;
        color: #FFF; }
      .news #content .inner .categoryBox .inBox a {
        display: block;
        border: 1px solid #00AFF8;
        border-radius: 5px;
        color: #00AFF8;
        text-align: center;
        padding: 10px; }
        @media screen and (max-width: 520px) {
          .news #content .inner .categoryBox .inBox a {
            padding: 5px 10px;
            font-size: 14px; } }
        .news #content .inner .categoryBox .inBox a:hover {
          background-color: #00AFF8;
          color: #FFF; }
  .news #content .inner .list .in {
    padding: 20px 0;
    border-bottom: 1px solid #D1D1D1; }
    .news #content .inner .list .in a {
      display: block; }
      .news #content .inner .list .in a .flexBox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0 20px;
        padding: 0 0 10px; }
        .news #content .inner .list .in a .flexBox .time {
          color: #a5a5a5;
          padding: 0; }
        .news #content .inner .list .in a .flexBox .cate {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          gap: 5px 10px; }
          .news #content .inner .list .in a .flexBox .cate div {
            border: 1px solid #184081;
            border-radius: 50px;
            color: #184081;
            font-size: 12px;
            padding: 5px 30px; }

.news.single .bread_crumb,
.post.single .bread_crumb {
  padding-top: 130px; }
.news.single #content,
.post.single #content {
  padding-bottom: 0; }
  .news.single #content .inner,
  .post.single #content .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #333;
    max-width: 1000px; }
    @media screen and (max-width: 1040px) {
      .news.single #content .inner,
      .post.single #content .inner {
        padding: 0 20px; } }
    .news.single #content .inner .lBox,
    .post.single #content .inner .lBox {
      width: 654px; }
      @media screen and (max-width: 1240px) {
        .news.single #content .inner .lBox,
        .post.single #content .inner .lBox {
          width: 65%; } }
      @media screen and (max-width: 767px) {
        .news.single #content .inner .lBox,
        .post.single #content .inner .lBox {
          width: 100%; } }
    .news.single #content .inner .rBox,
    .post.single #content .inner .rBox {
      width: 320px; }
      @media screen and (max-width: 1240px) {
        .news.single #content .inner .rBox,
        .post.single #content .inner .rBox {
          width: 30%; } }
      @media screen and (max-width: 767px) {
        .news.single #content .inner .rBox,
        .post.single #content .inner .rBox {
          width: 100%;
          padding: 50px 0 0 0; } }
      .news.single #content .inner .rBox .st,
      .post.single #content .inner .rBox .st {
        position: sticky;
        top: 145px; }
      .news.single #content .inner .rBox .formBox,
      .post.single #content .inner .rBox .formBox {
        border: 1px solid #1A1A1A;
        border-radius: 10px;
        padding: 5px 5px 5px 10px;
        margin: 0 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .news.single #content .inner .rBox .formBox .text,
        .post.single #content .inner .rBox .formBox .text {
          position: relative;
          border: none;
          padding: 0;
          width: calc(100% - 50px);
          outline: none; }
        .news.single #content .inner .rBox .formBox .submit,
        .post.single #content .inner .rBox .formBox .submit {
          background: url("../images/page/submit.webp") no-repeat center;
          background-size: 100%;
          width: 40px;
          height: 30px;
          border: none; }
      .news.single #content .inner .rBox .bnr,
      .post.single #content .inner .rBox .bnr {
        padding: 0 0 30px; }
        @media screen and (max-width: 767px) {
          .news.single #content .inner .rBox .bnr,
          .post.single #content .inner .rBox .bnr {
            text-align: center; } }
      .news.single #content .inner .rBox .title,
      .post.single #content .inner .rBox .title {
        font-size: 20px;
        font-weight: 700;
        padding: 0 0 5px;
        margin: 0 0 5px;
        border-bottom: 1px solid #C2C2C2; }
      .news.single #content .inner .rBox aside,
      .post.single #content .inner .rBox aside {
        padding: 5px 0 0 0; }
        .news.single #content .inner .rBox aside.box,
        .post.single #content .inner .rBox aside.box {
          padding: 0 0 30px; }
          .news.single #content .inner .rBox aside.box .flexBox,
          .post.single #content .inner .rBox aside.box .flexBox {
            padding: 10px 0;
            margin: 0;
            border-bottom: 1px solid #C2C2C2; }
            .news.single #content .inner .rBox aside.box .flexBox a,
            .post.single #content .inner .rBox aside.box .flexBox a {
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .news.single #content .inner .rBox aside.box .flexBox a .imgBox,
              .post.single #content .inner .rBox aside.box .flexBox a .imgBox {
                width: 90px;
                height: 60px;
                overflow: hidden;
                border-radius: 5px;
                position: relative;
                background-color: #EFEFEF; }
                .news.single #content .inner .rBox aside.box .flexBox a .imgBox img,
                .post.single #content .inner .rBox aside.box .flexBox a .imgBox img {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  -webkit-transform: translate(-50%, -50%);
                  -moz-transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                  -o-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
                  max-width: none;
                  height: 100%;
                  width: auto; }
              .news.single #content .inner .rBox aside.box .flexBox a .txBox,
              .post.single #content .inner .rBox aside.box .flexBox a .txBox {
                width: calc(100% - 100px); }
                .news.single #content .inner .rBox aside.box .flexBox a .txBox p,
                .post.single #content .inner .rBox aside.box .flexBox a .txBox p {
                  padding: 0;
                  line-height: 24px; }
                  .news.single #content .inner .rBox aside.box .flexBox a .txBox p.time,
                  .post.single #content .inner .rBox aside.box .flexBox a .txBox p.time {
                    font-size: 12px; }
                  .news.single #content .inner .rBox aside.box .flexBox a .txBox p.tx,
                  .post.single #content .inner .rBox aside.box .flexBox a .txBox p.tx {
                    font-size: 12px; }
        .news.single #content .inner .rBox aside.cate,
        .post.single #content .inner .rBox aside.cate {
          background-color: #F2FDFF;
          border-radius: 20px;
          padding: 5px 20px;
          margin: 15px 0 0 0; }
          .news.single #content .inner .rBox aside.cate a,
          .post.single #content .inner .rBox aside.cate a {
            display: block;
            padding: 10px 0;
            border-bottom: 1px solid #B4F3FF; }
            .news.single #content .inner .rBox aside.cate a:last-child,
            .post.single #content .inner .rBox aside.cate a:last-child {
              border-bottom: none; }
      .news.single #content .inner .rBox .news,
      .post.single #content .inner .rBox .news {
        padding: 30px 0 0 0; }
        .news.single #content .inner .rBox .news a,
        .post.single #content .inner .rBox .news a {
          display: block;
          background-color: #00AFF8;
          color: #FFF;
          padding: 10px 20px;
          border-radius: 5px; }
    .news.single #content .inner h1,
    .post.single #content .inner h1 {
      font-size: 28px;
      padding: 20px 0; }
      @media screen and (max-width: 520px) {
        .news.single #content .inner h1,
        .post.single #content .inner h1 {
          font-size: 22px; } }
    .news.single #content .inner .sns,
    .post.single #content .inner .sns {
      display: flex;
      justify-content: flex-start;
      gap: 0 10px;
      padding: 0 0 20px; }
      .news.single #content .inner .sns a,
      .post.single #content .inner .sns a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1), -1px -1px 6px rgba(0, 0, 0, 0.1);
        border-radius: 50%; }
    .news.single #content .inner .post_content .cateFlex,
    .post.single #content .inner .post_content .cateFlex {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      @media screen and (max-width: 520px) {
        .news.single #content .inner .post_content .cateFlex,
        .post.single #content .inner .post_content .cateFlex {
          align-items: flex-start; } }
      .news.single #content .inner .post_content .cateFlex .lBox,
      .post.single #content .inner .post_content .cateFlex .lBox {
        width: auto; }
        .news.single #content .inner .post_content .cateFlex .lBox .cate,
        .post.single #content .inner .post_content .cateFlex .lBox .cate {
          display: flex;
          justify-content: flex-start;
          gap: 5px 10px; }
          @media screen and (max-width: 520px) {
            .news.single #content .inner .post_content .cateFlex .lBox .cate,
            .post.single #content .inner .post_content .cateFlex .lBox .cate {
              gap: 3px; } }
          .news.single #content .inner .post_content .cateFlex .lBox .cate div,
          .post.single #content .inner .post_content .cateFlex .lBox .cate div {
            background-color: #00AFF8;
            font-size: 12px;
            padding: 5px 15px;
            border-radius: 5px;
            color: #FFF; }
            @media screen and (max-width: 520px) {
              .news.single #content .inner .post_content .cateFlex .lBox .cate div,
              .post.single #content .inner .post_content .cateFlex .lBox .cate div {
                padding: 3px;
                font-size: 10px; } }
      .news.single #content .inner .post_content .cateFlex .rBox,
      .post.single #content .inner .post_content .cateFlex .rBox {
        width: auto; }
        @media screen and (max-width: 767px) {
          .news.single #content .inner .post_content .cateFlex .rBox,
          .post.single #content .inner .post_content .cateFlex .rBox {
            padding: 0; } }
        .news.single #content .inner .post_content .cateFlex .rBox .time,
        .post.single #content .inner .post_content .cateFlex .rBox .time {
          font-size: 12px;
          padding: 0;
          line-height: 20px; }
    .news.single #content .inner .single_content,
    .post.single #content .inner .single_content {
      min-height: 100px;
      line-height: 30px; }
      @media screen and (max-width: 520px) {
        .news.single #content .inner .single_content,
        .post.single #content .inner .single_content {
          white-space: normal;
          overflow-wrap: break-word; } }
      .news.single #content .inner .single_content #ez-toc-container,
      .post.single #content .inner .single_content #ez-toc-container {
        width: 100% !important;
        padding: 20px;
        box-shadow: 0 0 0 #FFF; }
        .news.single #content .inner .single_content #ez-toc-container p,
        .post.single #content .inner .single_content #ez-toc-container p {
          padding: 0;
          line-height: 160%; }
        .news.single #content .inner .single_content #ez-toc-container .ez-toc-title-container,
        .post.single #content .inner .single_content #ez-toc-container .ez-toc-title-container {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 0; }
          .news.single #content .inner .single_content #ez-toc-container .ez-toc-title-container p,
          .post.single #content .inner .single_content #ez-toc-container .ez-toc-title-container p {
            text-align: center; }
            @media screen and (max-width: 520px) {
              .news.single #content .inner .single_content #ez-toc-container .ez-toc-title-container p,
              .post.single #content .inner .single_content #ez-toc-container .ez-toc-title-container p {
                text-align: left; } }
        .news.single #content .inner .single_content #ez-toc-container nav ul,
        .post.single #content .inner .single_content #ez-toc-container nav ul {
          padding: 0;
          margin: auto;
          background-color: transparent; }
          @media screen and (max-width: 520px) {
            .news.single #content .inner .single_content #ez-toc-container nav ul li,
            .post.single #content .inner .single_content #ez-toc-container nav ul li {
              line-height: 150%; } }
          .news.single #content .inner .single_content #ez-toc-container nav ul li ul,
          .post.single #content .inner .single_content #ez-toc-container nav ul li ul {
            margin: 0 0 0 1em; }
          .news.single #content .inner .single_content #ez-toc-container nav ul li a,
          .post.single #content .inner .single_content #ez-toc-container nav ul li a {
            text-decoration: none; }
      .news.single #content .inner .single_content h2,
      .post.single #content .inner .single_content h2 {
        font-size: 25px;
        border: 1px solid #00AFF8;
        border-radius: 3px;
        border-left: 5px solid #00AFF8;
        text-align: left;
        padding: 10px;
        line-height: 30px;
        margin: 20px 0 20px; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .single_content h2,
          .post.single #content .inner .single_content h2 {
            font-size: 20px; } }
      .news.single #content .inner .single_content h3,
      .post.single #content .inner .single_content h3 {
        font-size: 22px;
        background-color: #F2FDFF;
        border-radius: 3px;
        padding: 10px 20px;
        margin: 20px 0 20px; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .single_content h3,
          .post.single #content .inner .single_content h3 {
            font-size: 18px; } }
      .news.single #content .inner .single_content h4,
      .post.single #content .inner .single_content h4 {
        font-size: 18px;
        margin: 20px 0 20px;
        padding: 10px 20px;
        border-bottom: 1px solid #878787; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .single_content h4,
          .post.single #content .inner .single_content h4 {
            font-size: 16px; } }
      .news.single #content .inner .single_content h5,
      .post.single #content .inner .single_content h5 {
        font-size: 16px;
        margin: 20px 0 40px; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .single_content h5,
          .post.single #content .inner .single_content h5 {
            font-size: 14px; } }
      .news.single #content .inner .single_content .wp-block-columns,
      .post.single #content .inner .single_content .wp-block-columns {
        padding: 0 0 0px; }
      .news.single #content .inner .single_content .wp-element-caption,
      .post.single #content .inner .single_content .wp-element-caption {
        font-size: 14px;
        padding: 10px 0; }
      .news.single #content .inner .single_content p,
      .post.single #content .inner .single_content p {
        width: 100%;
        line-height: 30px;
        padding: 0 0 1em 0;
        /*
        &:after{
        	display: block;
        	content: "";
        	width: 100%;
        	height: 1px;
        	clear: both;
        }
        */ }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .single_content p,
          .post.single #content .inner .single_content p {
            font-size: 15px;
            line-height: 28px; } }
        .news.single #content .inner .single_content p a,
        .post.single #content .inner .single_content p a {
          text-decoration: underline;
          color: #00AFF8; }
      .news.single #content .inner .single_content img,
      .post.single #content .inner .single_content img {
        margin: 50px auto;
        filter: brightness(105%); }
      .news.single #content .inner .single_content table,
      .post.single #content .inner .single_content table {
        margin: 0 auto 50px !important; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .single_content table,
          .post.single #content .inner .single_content table {
            table-layout: fixed;
            margin: 0 auto 50px !important; } }
        .news.single #content .inner .single_content table tr th,
        .post.single #content .inner .single_content table tr th {
          background-color: #F0F0F0; }
        .news.single #content .inner .single_content table tr th, .news.single #content .inner .single_content table tr td,
        .post.single #content .inner .single_content table tr th,
        .post.single #content .inner .single_content table tr td {
          border: 1px solid #D0D0D0;
          padding: 10px;
          width: auto; }
          @media screen and (max-width: 520px) {
            .news.single #content .inner .single_content table tr th, .news.single #content .inner .single_content table tr td,
            .post.single #content .inner .single_content table tr th,
            .post.single #content .inner .single_content table tr td {
              display: table-cell;
              font-size: 14px;
              padding: 5px; } }
      .news.single #content .inner .single_content ul,
      .post.single #content .inner .single_content ul {
        width: 100%;
        					/*
                            margin: 0 0 30px 1em;
        					padding: 50px;
        					background-color: #abb7c233;
        					@include mq(m, max) {
        						padding: 20px 20px 20px 40px;
        					}
                            li{
                                list-style: outside;
                                font-size: 16px;
                                padding: 5px 0;
        						@include mq(m, max) {
        							font-size: 14px;
        							padding: 3px 0;
        							line-height: 28px;
        						}
        						ul{
        							background: #FFF;
        							margin: 10px 0 0 0;
        							padding: 10px 20px 10px 40px;
        							li{
        								list-style-type: circle;
        							}
        						}
                            }
        					&.nolist{
        						li{
        							list-style: none;
        						}
        					}
        					*/ }
      .news.single #content .inner .single_content ol,
      .post.single #content .inner .single_content ol {
        margin: 0 0 30px 1em; }
        .news.single #content .inner .single_content ol li,
        .post.single #content .inner .single_content ol li {
          font-size: 16px;
          padding: 5px 0; }
      .news.single #content .inner .single_content .wp-block-image,
      .post.single #content .inner .single_content .wp-block-image {
        margin: 0 0 0 1em; }
        .news.single #content .inner .single_content .wp-block-image img,
        .post.single #content .inner .single_content .wp-block-image img {
          margin: 20px auto 50px; }
      .news.single #content .inner .single_content .wp-block-columns,
      .post.single #content .inner .single_content .wp-block-columns {
        margin: 0 0 0 1em; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .single_content .wp-block-columns,
          .post.single #content .inner .single_content .wp-block-columns {
            flex-wrap: wrap !important; } }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .single_content .wp-block-columns .wp-block-image img,
          .post.single #content .inner .single_content .wp-block-columns .wp-block-image img {
            margin: 0 auto 20px; } }
      .news.single #content .inner .single_content .is-style-rounded,
      .post.single #content .inner .single_content .is-style-rounded {
        border-radius: 50px; }
        .news.single #content .inner .single_content .is-style-rounded img,
        .post.single #content .inner .single_content .is-style-rounded img {
          border-radius: 50px; }
      .news.single #content .inner .single_content .has-background,
      .post.single #content .inner .single_content .has-background {
        padding: 50px; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .single_content .has-background,
          .post.single #content .inner .single_content .has-background {
            padding: 20px; } }
      .news.single #content .inner .single_content blockquote,
      .post.single #content .inner .single_content blockquote {
        position: relative;
        padding: 50px 30px 30px;
        margin: 20px 0 40px;
        box-sizing: border-box;
        font-style: italic;
        background: #efefef;
        color: #555; }
        .news.single #content .inner .single_content blockquote:before,
        .post.single #content .inner .single_content blockquote:before {
          display: inline-block;
          position: absolute;
          top: 13px;
          left: 15px;
          content: "“";
          color: #cfcfcf;
          font-size: 50px;
          line-height: 1;
          font-weight: 900; }
        .news.single #content .inner .single_content blockquote cite,
        .post.single #content .inner .single_content blockquote cite {
          display: block;
          text-align: right;
          color: #888888;
          font-size: 0.9em; }
      .news.single #content .inner .single_content .btn,
      .post.single #content .inner .single_content .btn {
        text-align: center; }
        .news.single #content .inner .single_content .btn a,
        .post.single #content .inner .single_content .btn a {
          min-width: 300px;
          display: inline-block;
          border-radius: 50px;
          height: auto;
          padding: 15px;
          text-decoration: none;
          color: #FFF;
          font-size: 20px; }
      .news.single #content .inner .single_content .wp-block-button,
      .post.single #content .inner .single_content .wp-block-button {
        padding: 50px 0; }
        .news.single #content .inner .single_content .wp-block-button a, .news.single #content .inner .single_content .wp-block-button span,
        .post.single #content .inner .single_content .wp-block-button a,
        .post.single #content .inner .single_content .wp-block-button span {
          -webkit-transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -ms-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          max-width: 400px;
          margin: 0 auto;
          height: 50px;
          padding: 9px 25px 9px 30px;
          line-height: 1.8;
          letter-spacing: 0.07em;
          text-decoration: none;
          transition: 0.3s ease-in-out;
          font-weight: 600;
          background: linear-gradient(90deg, #014188 0%, #04aceb 100%);
          color: #FFF;
          border-radius: 20px;
          font-size: 14px;
          overflow: hidden;
          /*
          &:before,
          &:after{
          	z-index: -1;
          	@include css3(transition, 0.3s ease-in-out);  
          	content: "";
          	background: linear-gradient(90deg,rgba(#014188, 1) 0%, rgba(#04ACEB, 1) 100%);
          	width: 100%;
          	height: 100%;
          	position: absolute;
          	top: 0;
          	left: 0;
          }
          &:after{
          	opacity: 0;
          	background: linear-gradient(-90deg,rgba(#014188, 1) 0%, rgba(#04ACEB, 1) 100%);
          }
          &:hover{
          	&:after{
          		@include css3(transition, 0.3s ease-in-out);  
          		opacity: 1;
          	}
          }
          */ }
        .news.single #content .inner .single_content .wp-block-button a,
        .post.single #content .inner .single_content .wp-block-button a {
          width: 300px;
          display: inline-block;
          text-align: center; }
    .news.single #content .inner .formBox,
    .post.single #content .inner .formBox {
      padding: 0 0 50px; }
      .news.single #content .inner .formBox .form .title,
      .post.single #content .inner .formBox .form .title {
        font-size: 24px;
        text-align: center;
        font-weight: 700; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .formBox .form .title,
          .post.single #content .inner .formBox .form .title {
            font-size: 28px;
            line-height: 180%; } }
      .news.single #content .inner .formBox .form .in,
      .post.single #content .inner .formBox .form .in {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding: 15px 0; }
        .news.single #content .inner .formBox .form .in .flex,
        .post.single #content .inner .formBox .form .in .flex {
          width: 30%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          gap: 0 10px; }
          @media screen and (max-width: 1250px) {
            .news.single #content .inner .formBox .form .in .flex,
            .post.single #content .inner .formBox .form .in .flex {
              flex-wrap: wrap; } }
          @media screen and (max-width: 767px) {
            .news.single #content .inner .formBox .form .in .flex,
            .post.single #content .inner .formBox .form .in .flex {
              width: 100%;
              padding: 0 0 10px; } }
          .news.single #content .inner .formBox .form .in .flex p,
          .post.single #content .inner .formBox .form .in .flex p {
            padding: 0;
            line-height: 24px; }
            .news.single #content .inner .formBox .form .in .flex p.hissu,
            .post.single #content .inner .formBox .form .in .flex p.hissu {
              order: 2;
              background-color: #EE1414;
              border-radius: 10px;
              font-size: 12px;
              padding: 0px 10px;
              color: #FFF; }
              @media screen and (max-width: 1250px) {
                .news.single #content .inner .formBox .form .in .flex p.hissu,
                .post.single #content .inner .formBox .form .in .flex p.hissu {
                  margin-top: 5px; } }
              @media screen and (max-width: 767px) {
                .news.single #content .inner .formBox .form .in .flex p.hissu,
                .post.single #content .inner .formBox .form .in .flex p.hissu {
                  margin-top: 0; } }
            .news.single #content .inner .formBox .form .in .flex p.name,
            .post.single #content .inner .formBox .form .in .flex p.name {
              order: 1;
              font-size: 16px; }
              @media screen and (max-width: 1250px) {
                .news.single #content .inner .formBox .form .in .flex p.name,
                .post.single #content .inner .formBox .form .in .flex p.name {
                  width: 100%; } }
              @media screen and (max-width: 767px) {
                .news.single #content .inner .formBox .form .in .flex p.name,
                .post.single #content .inner .formBox .form .in .flex p.name {
                  width: auto; } }
        .news.single #content .inner .formBox .form .in .box,
        .post.single #content .inner .formBox .form .in .box {
          width: 65%; }
          @media screen and (max-width: 767px) {
            .news.single #content .inner .formBox .form .in .box,
            .post.single #content .inner .formBox .form .in .box {
              width: 100%; } }
          .news.single #content .inner .formBox .form .in .box input, .news.single #content .inner .formBox .form .in .box select,
          .post.single #content .inner .formBox .form .in .box input,
          .post.single #content .inner .formBox .form .in .box select {
            width: 100%;
            border: none;
            background-color: #FBFAF7;
            padding: 10px;
            border-radius: 5px;
            border: 1px solid #CCCCCC;
            -webkit-appearance: none;
            outline: none; }
            @media screen and (max-width: 1024px) {
              .news.single #content .inner .formBox .form .in .box input, .news.single #content .inner .formBox .form .in .box select,
              .post.single #content .inner .formBox .form .in .box input,
              .post.single #content .inner .formBox .form .in .box select {
                font-size: 12px; } }
      .news.single #content .inner .formBox .form .submit,
      .post.single #content .inner .formBox .form .submit {
        padding: 20px 0 0;
        display: flex;
        justify-content: center; }
        .news.single #content .inner .formBox .form .submit input,
        .post.single #content .inner .formBox .form .submit input {
          background: linear-gradient(90deg, #014188 0%, #04aceb 100%);
          border-radius: 20px;
          width: 200px;
          border: none;
          padding: 10px;
          border: none;
          color: #FFF; }
      .news.single #content .inner .formBox .form .mini,
      .post.single #content .inner .formBox .form .mini {
        font-size: 10px;
        line-height: 17px;
        padding: 0 20px; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .formBox .form .mini,
          .post.single #content .inner .formBox .form .mini {
            padding: 0; } }
        .news.single #content .inner .formBox .form .mini a,
        .post.single #content .inner .formBox .form .mini a {
          color: #00AAE8; }
    .news.single #content .inner .kansyuBox,
    .post.single #content .inner .kansyuBox {
      box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      padding: 20px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap; }
      @media screen and (max-width: 520px) {
        .news.single #content .inner .kansyuBox,
        .post.single #content .inner .kansyuBox {
          align-items: center; } }
      .news.single #content .inner .kansyuBox .lBox,
      .post.single #content .inner .kansyuBox .lBox {
        width: 125px;
        height: 125px;
        overflow: hidden;
        border-radius: 50%; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .kansyuBox .lBox,
          .post.single #content .inner .kansyuBox .lBox {
            width: 60px;
            height: 60px; } }
      .news.single #content .inner .kansyuBox .rBox,
      .post.single #content .inner .kansyuBox .rBox {
        width: calc(100% - 140px); }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .kansyuBox .rBox,
          .post.single #content .inner .kansyuBox .rBox {
            width: calc(100% - 70px);
            padding: 0 0 10px; } }
        .news.single #content .inner .kansyuBox .rBox .tx1,
        .post.single #content .inner .kansyuBox .rBox .tx1 {
          font-size: 18px;
          padding: 0 0 10px; }
          @media screen and (max-width: 520px) {
            .news.single #content .inner .kansyuBox .rBox .tx1,
            .post.single #content .inner .kansyuBox .rBox .tx1 {
              font-size: 15px; } }
          .news.single #content .inner .kansyuBox .rBox .tx1 span,
          .post.single #content .inner .kansyuBox .rBox .tx1 span {
            background-color: #707070;
            position: relative;
            font-size: 15px;
            color: #FFF;
            padding: 5px 10px;
            height: 31px;
            margin: 0 30px 0 0; }
            @media screen and (max-width: 520px) {
              .news.single #content .inner .kansyuBox .rBox .tx1 span,
              .post.single #content .inner .kansyuBox .rBox .tx1 span {
                font-size: 12px; } }
            .news.single #content .inner .kansyuBox .rBox .tx1 span:after,
            .post.single #content .inner .kansyuBox .rBox .tx1 span:after {
              position: absolute;
              content: "";
              right: -15px;
              top: 0;
              width: 15px;
              height: 31px;
              background-color: #707070;
              clip-path: polygon(0 0, 0% 100%, 100% 50%); }
              @media screen and (max-width: 520px) {
                .news.single #content .inner .kansyuBox .rBox .tx1 span:after,
                .post.single #content .inner .kansyuBox .rBox .tx1 span:after {
                  height: 27px; } }
        .news.single #content .inner .kansyuBox .rBox .tx2,
        .post.single #content .inner .kansyuBox .rBox .tx2 {
          padding: 0 0 20px;
          line-height: 30px;
          letter-spacing: 0; }
          @media screen and (max-width: 520px) {
            .news.single #content .inner .kansyuBox .rBox .tx2,
            .post.single #content .inner .kansyuBox .rBox .tx2 {
              padding: 0;
              font-size: 15px;
              line-height: 160%; } }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .kansyuBox .rBox .tx3,
          .post.single #content .inner .kansyuBox .rBox .tx3 {
            display: none; } }
        .news.single #content .inner .kansyuBox .rBox .tx3 p,
        .post.single #content .inner .kansyuBox .rBox .tx3 p {
          line-height: 30px;
          letter-spacing: 0; }
      .news.single #content .inner .kansyuBox .tx4,
      .post.single #content .inner .kansyuBox .tx4 {
        display: none; }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .kansyuBox .tx4,
          .post.single #content .inner .kansyuBox .tx4 {
            display: block;
            width: 100%; }
            .news.single #content .inner .kansyuBox .tx4 p,
            .post.single #content .inner .kansyuBox .tx4 p {
              line-height: 160%;
              font-size: 14px;
              letter-spacing: 0; } }
    .news.single #content .inner .kanrenBox h3,
    .post.single #content .inner .kanrenBox h3 {
      font-size: 24px;
      text-align: center;
      padding: 0 0 20px; }
    .news.single #content .inner .kanrenBox .inBox,
    .post.single #content .inner .kanrenBox .inBox {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 20px 2.5%; }
      @media screen and (max-width: 520px) {
        .news.single #content .inner .kanrenBox .inBox,
        .post.single #content .inner .kanrenBox .inBox {
          gap: 20px 2%; } }
      .news.single #content .inner .kanrenBox .inBox .in,
      .post.single #content .inner .kanrenBox .inBox .in {
        width: 31.6%;
        background-color: #FFF;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(0, 0, 0, 0.1); }
        @media screen and (max-width: 520px) {
          .news.single #content .inner .kanrenBox .inBox .in,
          .post.single #content .inner .kanrenBox .inBox .in {
            width: 48%; } }
        .news.single #content .inner .kanrenBox .inBox .in a,
        .post.single #content .inner .kanrenBox .inBox .in a {
          display: block; }
          .news.single #content .inner .kanrenBox .inBox .in a .imgBox,
          .post.single #content .inner .kanrenBox .inBox .in a .imgBox {
            position: relative;
            width: 100%;
            height: 120px; }
            .news.single #content .inner .kanrenBox .inBox .in a .imgBox img,
            .post.single #content .inner .kanrenBox .inBox .in a .imgBox img {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              object-fit: cover;
              max-width: none;
              width: 100%;
              height: 100%; }
          .news.single #content .inner .kanrenBox .inBox .in a .txBox,
          .post.single #content .inner .kanrenBox .inBox .in a .txBox {
            background-color: #FFF;
            padding: 10px 10px 20px; }
            .news.single #content .inner .kanrenBox .inBox .in a .txBox .tx,
            .post.single #content .inner .kanrenBox .inBox .in a .txBox .tx {
              font-weight: 500;
              line-height: 24px;
              letter-spacing: 0.1em; }
    .news.single #content .inner .kanrenBox .btn,
    .post.single #content .inner .kanrenBox .btn {
      padding: 30px 0; }
      .news.single #content .inner .kanrenBox .btn a,
      .post.single #content .inner .kanrenBox .btn a {
        width: 220px;
        border-radius: 50px; }

#content .postlink {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0 50px;
  width: 100%;
  gap: 0 2%; }
  @media screen and (max-width: 520px) {
    #content .postlink {
      padding: 30px 0; } }
  #content .postlink .box {
    width: 48%;
    min-height: 1px;
    			/*
                &.box_l{
                    text-align: left;
                    a{
                        justify-content: flex-start;
                    }
                }
                &.box_r{
                    text-align: right;
                    a{
                        justify-content: flex-end;
                    }
                }
                &.box_c{
                    text-align: center;
                    a{
                        color: #333;
                        font-weight: 700;
                    }
                }
    			*/ }
    @media screen and (max-width: 520px) {
      #content .postlink .box {
        padding: 0 10px; } }
    #content .postlink .box.box_l:empty, #content .postlink .box.box_r:empty {
      display: none; }
    #content .postlink .box.box_l a, #content .postlink .box.box_r a {
      background: linear-gradient(0deg, #04aceb 0%, #014188 100%);
      color: #FFF;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 22px;
      padding: 10px 30px;
      border-radius: 10px;
      text-align: center; }
      #content .postlink .box.box_l a span, #content .postlink .box.box_r a span {
        font-size: 16px;
        padding: 0 10px; }
        @media screen and (max-width: 520px) {
          #content .postlink .box.box_l a span, #content .postlink .box.box_r a span {
            display: none; } }

/*====================================
　404
=====================================*/
.not404 #container .inner {
  display: block; }
.not404 #container .error {
  position: relative;
  max-width: 960px;
  font-size: 18px;
  font-weight: 500;
  line-height: 200%;
  text-align: center;
  padding: 100px 0; }
  @media screen and (max-width: 520px) {
    .not404 #container .error {
      font-size: 14px;
      padding: 50px 0; } }
  .not404 #container .error p {
    padding: 0 0 1.5em; }
    .not404 #container .error p.title {
      font-size: 80px;
      font-weight: 700;
      text-align: center;
      padding: 0 0 80px; }
      @media screen and (max-width: 520px) {
        .not404 #container .error p.title {
          font-size: 24px; } }
  .not404 #container .error .btn {
    display: flex;
    justify-content: center; }
    .not404 #container .error .btn a {
      width: 280px; }

.thanks_area {
  text-align: center;
  font-size: 20px;
  line-height: 200%; }
  .thanks_area p {
    padding: 0 0 50px; }