@charset "UTF-8";
/***********************************************************************
media queries setting
**********************************************************************/
/***********************************************************************
common
**********************************************************************/
body {
  background: #f1f1e1;
  font-size: min(1.2903225806vw, 16px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-ideograph; }
  @media (max-width: 560px) {
    body {
      font-size: 14px; } }

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

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

.br-pc {
  display: block; }

.br-sp {
  display: none; }

.pc {
  display: block; }

.sp {
  display: none !important; }

.ipad-disp {
  display: none !important; }

@media (max-width: 750px) {
  .br-pc {
    display: none; }

  .br-sp {
    display: block; }

  .pc {
    display: none !important; }

  .sp {
    display: block !important; } }
.vertical-txt {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }

.flex-reverse {
  flex-direction: row-reverse; }

.half-width {
  letter-spacing: -0.5em; }

.js-trigger {
  opacity: 0; }

.is-on {
  animation: fadeIn 2s forwards; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(30px); }
  100% {
    opacity: 1;
    transform: none; } }
@keyframes floatIn {
  0% {
    opacity: 0;
    transform: translateY(0px) scale(1.2);
    filter: blur(10px); }
  100% {
    opacity: 1;
    transform: none;
    filter: blur(0px) scale(1); } }
/***********************************************************************
共通アイテム
**********************************************************************/
.tag-list {
  display: flex; }
  .tag-list li {
    font-size: min(1.4516129032vw, 18px);
    margin: .15em; }
    @media (max-width: 560px) {
      .tag-list li {
        font-size: 13px; } }
    .tag-list li a {
      background: #fff;
      border: 1px solid #007eb2;
      border-radius: 25px;
      color: #007eb2;
      display: inline-block;
      padding: 0em .5em .1em;
      transition: .2s; }
      .tag-list li a::before {
        content: "＃"; }
      @media (hover: hover) and (pointer: fine) {
        .tag-list li a:hover {
          background: #007eb2;
          color: #fff; } }

/*tag-list*/
.marquee {
  display: flex;
  white-space: nowrap;
  overflow: hidden; }

.marquee-inner {
  animation: marquee 35s linear infinite; }

@keyframes marquee {
  0% {
    translate: 0; }
  100% {
    translate: -100%; } }
.more-btn {
  margin-top: min(5.9677419355vw, 74px);
  text-align: center; }
  @media (max-width: 560px) {
    .more-btn {
      margin-top: 42px; } }
  .more-btn a {
    background: #fff url("../images/common/icon-arrow-more.svg") no-repeat 90% center;
    background-size: min(1.4516129032vw, 18px);
    border: 3px solid #007eb2;
    border-radius: 35px;
    color: #000;
    display: inline-block;
    font-size: min(1.7741935484vw, 22px);
    text-align: center;
    padding: .5em 0;
    max-width: 432px;
    width: 90%;
    transition: .2s; }
    @media (max-width: 560px) {
      .more-btn a {
        font-size: 18px; } }
    @media (hover: hover) and (pointer: fine) {
      .more-btn a:hover {
        background-color: #007eb2;
        color: #fff; } }

/*more-btn*/
.side-btn {
  position: fixed;
  top: 50%;
  right: -70px;
  transition: .5s;
  z-index: 9;
  /*a*/ }
  @media (max-width: 750px) {
    .side-btn {
      top: auto;
      bottom: 0;
      right: auto;
      left: 0;
      width: 100%; } }
  .side-btn a {
    background: #ff9a8b;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    color: #000;
    font-size: min(1.4516129032vw, 18px);
    padding: 1em .75em 1.5em 1em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transition: .2s;
    /*span*/ }
    @media (max-width: 750px) {
      .side-btn a {
        -ms-writing-mode: inherit;
        writing-mode: inherit;
        border-radius: 0;
        display: block;
        font-size: min(4.4vw, 33px);
        padding: min(2.1333333333vw, 16px) 0;
        text-align: center; } }
    @media (max-width: 560px) {
      .side-btn a {
        padding: 1em 0; } }
    .side-btn a span {
      padding-top: 1.5em;
      position: relative; }
      @media (max-width: 750px) {
        .side-btn a span {
          padding-top: 0; } }
      .side-btn a span::before {
        content: "";
        background: url("../images/common/fukidashi.svg") no-repeat 0 0;
        background-size: contain;
        height: 24px;
        width: 27px;
        position: absolute;
        top: 0;
        left: -.5em; }
        @media (max-width: 750px) {
          .side-btn a span::before {
            height: 24px;
            width: 27px;
            top: 0;
            left: -1.25em; } }
        @media (max-width: 420px) {
          .side-btn a span::before {
            top: -12px;
            left: -24px; } }
    @media (hover: hover) and (pointer: fine) {
      .side-btn a:hover {
        background: #ff4c31;
        color: #fff; } }

/*side-btn*/
#contact .side-btn,
#confirm .side-btn,
#thanks .side-btn {
  display: none; }

.wrapper {
  background: url("../images/common/page-bar-dx.svg") no-repeat 0 min(83.8709677419vw, 1040px);
  background-size: min(21.3709677419vw, 265px) min(147.0967741935vw, 1824px); }
  @media (max-width: 560px) {
    .wrapper {
      background-position: 0 min(142.8571428571vw, 800px); } }

/*wrapper*/
.lower-page.about-page .wrapper {
  background-position: 0 min(83.8709677419vw, 1040px); }
  @media (max-width: 560px) {
    .lower-page.about-page .wrapper {
      background-position: 0 min(26.7857142857vw, 150px); } }

.lower-page .wrapper {
  background-position: 0 min(16.1290322581vw, 200px); }
  @media (max-width: 560px) {
    .lower-page .wrapper {
      background-position: 0 min(26.7857142857vw, 150px); } }

/*.page-bar{
    width: responsive($wide, 265px);
    position: absolute;
    top: responsive($wide, 1040px);
    left: 0;
    opacity: .1;
    z-index: -1;
}*/
.lower-page .page-bar {
  top: min(25.8064516129vw, 320px); }

/***********************************************************************
home
**********************************************************************/
.home {
  /*main-gra*/
  /*hikidashi-wrapper*/
  /*tag-list-wrapper*/
  /*report-wrapper*/
  /*customer-voice-wrapper*/ }
  .home .main-gra {
    /*main-gra-inner*/
    /*glasses-area*/
    /*text-box*/ }
    @media (max-width: 560px) {
      .home .main-gra {
        margin: min(6.4285714286vw, 36px) auto 0;
        width: 95%; } }
    @media (max-width: 560px) {
      .home .main-gra .pc-disp {
        display: none; } }
    .home .main-gra .sp-disp {
      display: none; }
      @media (max-width: 560px) {
        .home .main-gra .sp-disp {
          display: block; } }
    .home .main-gra .main-gra-inner {
      height: min(61.2903225806vw, 760px);
      min-height: min(76.6839378238vw, 740px);
      margin: 0 auto;
      max-width: 1370px;
      position: relative;
      width: 95%; }
      @media (max-width: 560px) {
        .home .main-gra .main-gra-inner {
          display: flex;
          justify-content: space-between;
          flex-direction: row-reverse;
          min-height: inherit;
          height: auto; } }
      .home .main-gra .main-gra-inner .catch1 {
        position: absolute;
        top: min(5vw, 62px);
        right: 0;
        width: min(14.5161290323vw, 180px);
        animation: textVerticalSlide 1.1s ease-in-out forwards; }
        @media (max-width: 560px) {
          .home .main-gra .main-gra-inner .catch1 {
            position: relative;
            top: auto;
            right: auto;
            width: min(32.8571428571vw, 184px); } }
      .home .main-gra .main-gra-inner .catch2 {
        position: absolute;
        top: min(12.9032258065vw, 160px);
        left: 0;
        width: min(20.4032258065vw, 253px);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        animation: textVerticalSlide 1s ease-in-out forwards; }
        @media (max-width: 560px) {
          .home .main-gra .main-gra-inner .catch2 {
            position: relative;
            top: auto;
            left: auto;
            margin-top: .25em;
            width: min(31.6071428571vw, 177px); } }
      .home .main-gra .main-gra-inner .vertical-anim {
        animation: verticalAnimation var(--vertical-duration, 3s) ease-in-out infinite alternate; }
      .home .main-gra .main-gra-inner .horizontal-anim {
        animation: horizontalAnimation var(--horizontal-duration, 3.4s) ease-in-out infinite alternate; }
@keyframes verticalAnimation {
  0% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(3px); } }
@keyframes horizontalAnimation {
  0% {
    transform: translateX(-7px); }
  100% {
    transform: translateX(7px); } }
@keyframes textBesideSlide {
  from {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }
@keyframes textVerticalSlide {
  from {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }
    .home .main-gra .glasses-area {
      margin: 0 auto 0;
      padding-top: min(6.0483870968vw, 75px);
      width: min(54.6774193548vw, 678px); }
      @media (max-width: 750px) {
        .home .main-gra .glasses-area {
          width: min(70vw, 392px); } }
      @media (max-width: 560px) {
        .home .main-gra .glasses-area {
          padding-top: 0; } }
      .home .main-gra .glasses-area ul li {
        margin: auto;
        width: min(33.7096774194vw, 418px); }
        @media (max-width: 560px) {
          .home .main-gra .glasses-area ul li {
            width: min(61.25vw, 343px); } }
        .home .main-gra .glasses-area ul li + li {
          margin-top: max(-0.9677419355vw, -12px);
          width: min(22.0967741935vw, 274px); }
          @media (max-width: 560px) {
            .home .main-gra .glasses-area ul li + li {
              margin-top: max(-2.1428571429vw, -12px);
              width: min(40vw, 224px); } }
      .home .main-gra .glasses-area .glasses {
        margin-top: min(1.6129032258vw, 20px);
        width: 100%; }
        @media (max-width: 560px) {
          .home .main-gra .glasses-area .glasses {
            margin-top: 0; } }
        .home .main-gra .glasses-area .glasses svg {
          height: min(36.6935483871vw, 455px);
          width: 100%; }
          @media (max-width: 560px) {
            .home .main-gra .glasses-area .glasses svg {
              height: min(44.6428571429vw, 250px); } }
    .home .main-gra .text-box {
      overflow: clip;
      position: absolute;
      bottom: 0;
      left: 0;
      clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
      white-space: nowrap;
      animation: textBesideSlide 1s ease-in-out forwards; }
      @media (max-width: 560px) {
        .home .main-gra .text-box {
          margin-top: min(6.4285714286vw, 36px);
          position: relative;
          bottom: auto;
          left: auto; } }
      .home .main-gra .text-box .badge {
        font-size: clamp(16px, 2.4870466321vw, 24px); }
        .home .main-gra .text-box .badge span {
          background: #007eb2;
          color: #fff;
          font-size: clamp(14px, 2.0725388601vw, 20px);
          padding: 0 .5em 2px;
          margin-right: .5em; }
      .home .main-gra .text-box .sub-head {
        font-size: clamp(18px, 2.6943005181vw, 26px); }
      .home .main-gra .text-box .head {
        font-size: clamp(30px, 6.7357512953vw, 65px); }
  .home .hikidashi-wrapper {
    margin-top: min(7.9032258065vw, 98px);
    /*head-wrapper*/
    /*concept-wrapper*/
    /*hikidashi-list*/ }
    @media (max-width: 560px) {
      .home .hikidashi-wrapper {
        margin-top: min(19.2857142857vw, 108px); } }
    .home .hikidashi-wrapper .head-wrapper {
      display: flex;
      justify-content: center;
      flex-direction: row-reverse;
      gap: 0 2%; }
      @media (max-width: 560px) {
        .home .hikidashi-wrapper .head-wrapper {
          display: inherit;
          margin: 0 auto 0;
          width: 90%; } }
      .home .hikidashi-wrapper .head-wrapper .text-box {
        display: flex;
        align-items: baseline;
        flex-direction: column;
        position: relative;
        width: min(34.2741935484vw, 425px); }
        @media (max-width: 560px) {
          .home .hikidashi-wrapper .head-wrapper .text-box {
            width: min(80.8928571429vw, 453px); } }
      .home .hikidashi-wrapper .head-wrapper .fukidashi {
        background: #fff;
        border: 2px solid #000;
        display: inline-block;
        font-size: min(1.935483871vw, 24px);
        padding: 0 .75em;
        position: relative;
        margin-bottom: min(0.8064516129vw, 10px);
        text-align: center;
        z-index: 2; }
        @media (max-width: 560px) {
          .home .hikidashi-wrapper .head-wrapper .fukidashi {
            font-size: min(4.2857142857vw, 24px);
            margin-top: min(4.6428571429vw, 26px);
            margin-bottom: min(1.6071428571vw, 9px); } }
        .home .hikidashi-wrapper .head-wrapper .fukidashi::before {
          content: "";
          position: absolute;
          bottom: -23px;
          left: 50%;
          margin-left: -15px;
          border: 12px solid transparent;
          border-top: 12px solid #fff;
          z-index: 2; }
        .home .hikidashi-wrapper .head-wrapper .fukidashi::after {
          content: "";
          position: absolute;
          bottom: -28px;
          left: 50%;
          margin-left: -17px;
          border: 14px solid transparent;
          border-top: 14px solid #000;
          z-index: 1; }
      .home .hikidashi-wrapper .head-wrapper .head {
        background: #000;
        color: #fff;
        display: inline-block;
        font-size: min(3.2258064516vw, 40px);
        padding: 0 .25em;
        position: relative;
        margin-left: auto;
        text-align: center;
        z-index: 0; }
        @media (max-width: 560px) {
          .home .hikidashi-wrapper .head-wrapper .head {
            font-size: min(7.1428571429vw, 40px); } }
      .home .hikidashi-wrapper .head-wrapper .glasses {
        width: min(14.2741935484vw, 177px); }
        @media (max-width: 560px) {
          .home .hikidashi-wrapper .head-wrapper .glasses {
            margin: 0 auto 0;
            width: min(25vw, 140px); } }
    .home .hikidashi-wrapper .concept-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: min(3.6290322581vw, 45px);
      /*nowrap*/
      /*circle*/ }
      @media (max-width: 560px) {
        .home .hikidashi-wrapper .concept-wrapper {
          margin-top: min(8.2142857143vw, 46px); } }
      .home .hikidashi-wrapper .concept-wrapper .pattern-wrapper {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        gap: 0 3%; }
        @media (max-width: 560px) {
          .home .hikidashi-wrapper .concept-wrapper .pattern-wrapper {
            flex-direction: column;
            margin-top: min(5vw, 28px); } }
      .home .hikidashi-wrapper .concept-wrapper .digital-pattern {
        margin: auto; }
        .home .hikidashi-wrapper .concept-wrapper .digital-pattern .illust {
          width: min(19.5161290323vw, 242px); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .concept-wrapper .digital-pattern .illust {
              width: min(39.6428571429vw, 222px); } }
      .home .hikidashi-wrapper .concept-wrapper .flexible-pattern {
        margin: auto; }
        .home .hikidashi-wrapper .concept-wrapper .flexible-pattern .illust {
          width: min(19.5161290323vw, 242px); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .concept-wrapper .flexible-pattern .illust {
              width: min(39.6428571429vw, 222px); } }
      .home .hikidashi-wrapper .concept-wrapper .health-pattern {
        margin: auto; }
        .home .hikidashi-wrapper .concept-wrapper .health-pattern .illust {
          width: min(21.1290322581vw, 262px); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .concept-wrapper .health-pattern .illust {
              width: min(43.2142857143vw, 242px); } }
      .home .hikidashi-wrapper .concept-wrapper .learning-pattern {
        margin: auto; }
        .home .hikidashi-wrapper .concept-wrapper .learning-pattern .illust {
          width: min(19.5161290323vw, 242px); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .concept-wrapper .learning-pattern .illust {
              width: min(39.6428571429vw, 222px); } }
      .home .hikidashi-wrapper .concept-wrapper .connection-pattern {
        margin: auto; }
        .home .hikidashi-wrapper .concept-wrapper .connection-pattern .illust {
          width: min(21.1290322581vw, 262px); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .concept-wrapper .connection-pattern .illust {
              width: min(43.2142857143vw, 242px); } }
      .home .hikidashi-wrapper .concept-wrapper .structure-pattern {
        margin: auto; }
        .home .hikidashi-wrapper .concept-wrapper .structure-pattern .illust {
          width: min(19.5161290323vw, 242px); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .concept-wrapper .structure-pattern .illust {
              width: min(39.6428571429vw, 222px); } }
      .home .hikidashi-wrapper .concept-wrapper .countermeasure-pattern {
        margin: auto; }
        .home .hikidashi-wrapper .concept-wrapper .countermeasure-pattern .illust {
          width: min(19.5161290323vw, 242px); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .concept-wrapper .countermeasure-pattern .illust {
              width: min(39.6428571429vw, 222px); } }
      .home .hikidashi-wrapper .concept-wrapper .slim-pattern {
        margin: auto; }
        .home .hikidashi-wrapper .concept-wrapper .slim-pattern .illust {
          width: min(21.1290322581vw, 262px); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .concept-wrapper .slim-pattern .illust {
              width: min(43.2142857143vw, 242px); } }
      .home .hikidashi-wrapper .concept-wrapper .small {
        font-size: min(1.7741935484vw, 22px);
        margin-left: -2em; }
        @media (max-width: 560px) {
          .home .hikidashi-wrapper .concept-wrapper .small {
            font-size: min(3.5714285714vw, 20px);
            margin-left: 0; } }
      .home .hikidashi-wrapper .concept-wrapper .head {
        font-size: min(5.8064516129vw, 72px);
        line-height: 1.2;
        white-space: nowrap; }
        @media (max-width: 560px) {
          .home .hikidashi-wrapper .concept-wrapper .head {
            font-size: min(8.75vw, 49px); } }
      .home .hikidashi-wrapper .concept-wrapper .nowrap {
        display: flex;
        align-items: center;
        white-space: nowrap; }
        .home .hikidashi-wrapper .concept-wrapper .nowrap .patapata {
          color: #1e2678;
          font-size: min(6.0483870968vw, 75px); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .concept-wrapper .nowrap .patapata {
              font-size: min(9.2857142857vw, 52px); } }
        .home .hikidashi-wrapper .concept-wrapper .nowrap .head-last {
          font-size: min(5.8064516129vw, 72px); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .concept-wrapper .nowrap .head-last {
              font-size: min(8.75vw, 49px); } }
      .home .hikidashi-wrapper .concept-wrapper .circle {
        background: #fff;
        mix-blend-mode: normal;
        border: 10px solid #000;
        border-width: min(0.8064516129vw, 10px);
        border-radius: 50%;
        /*height: 120px;
        width: 120px;*/
        height: min(9.6774193548vw, 120px);
        width: min(9.6774193548vw, 120px);
        position: relative;
        transform-style: preserve-3d;
        perspective: 800px;
        position: relative;
        transform-origin: center center;
        transform: rotateY(360deg);
        transition-duration: 0.8s; }
        @media (max-width: 560px) {
          .home .hikidashi-wrapper .concept-wrapper .circle {
            height: min(13.9285714286vw, 78px);
            width: min(13.9285714286vw, 78px); } }
        .home .hikidashi-wrapper .concept-wrapper .circle.active {
          animation: spinCircle 1s cubic-bezier(0.4, 2, 0.6, 1) forwards; }
        .home .hikidashi-wrapper .concept-wrapper .circle .patapata {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          backface-visibility: hidden;
          line-height: 1.2;
          width: 100%;
          height: 100%;
          text-align: center;
          transition: opacity 0.3s;
          opacity: 0; }
        .home .hikidashi-wrapper .concept-wrapper .circle .patapata-0 {
          opacity: 1; }
@keyframes spinCircle {
  from {
    transform: rotateY(0deg); }
  to {
    transform: rotateY(360deg); } }
    .home .hikidashi-wrapper .hikidashi-list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: min(5.2419354839vw, 65px) auto 0;
      max-width: 960px;
      width: 90%;
      /*item*/ }
      @media (max-width: 560px) {
        .home .hikidashi-wrapper .hikidashi-list {
          margin-top: 0; } }
      .home .hikidashi-wrapper .hikidashi-list .category {
        margin-top: min(5.2419354839vw, 65px);
        width: 23%;
        /*a*/ }
        @media (max-width: 560px) {
          .home .hikidashi-wrapper .hikidashi-list .category {
            margin-top: min(2.1428571429vw, 12px);
            width: 49%; } }
        .home .hikidashi-wrapper .hikidashi-list .category a {
          display: flex;
          flex-direction: column;
          position: relative;
          height: 100%;
          width: 100%; }
          .home .hikidashi-wrapper .hikidashi-list .category a::before {
            content: "";
            background: #007eb2;
            border-radius: 50%;
            height: min(18.2258064516vw, 226px);
            width: min(18.2258064516vw, 226px);
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 0);
            z-index: -1;
            transition: .2s; }
            @media (max-width: 560px) {
              .home .hikidashi-wrapper .hikidashi-list .category a::before {
                height: min(42.8571428571vw, 240px);
                width: min(42.8571428571vw, 240px); } }
          @media (hover: hover) and (pointer: fine) {
            .home .hikidashi-wrapper .hikidashi-list .category a:hover::before {
              background: #005674; } }
          .home .hikidashi-wrapper .hikidashi-list .category a p {
            color: #fff;
            font-size: min(1.4516129032vw, 18px);
            padding-bottom: min(2.9032258065vw, 36px);
            margin-top: auto;
            text-align: center; }
            @media (max-width: 560px) {
              .home .hikidashi-wrapper .hikidashi-list .category a p {
                font-size: min(3.2142857143vw, 18px);
                padding-bottom: min(6.4285714286vw, 36px); } }
        .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust {
          background-position: 0 0;
          background-size: cover;
          background-repeat: no-repeat;
          margin: 0 auto 0;
          animation: parapara 1.2s steps(2) infinite;
          animation-delay: 0s;
          animation-iteration-count: infinite; }
        .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_digital {
          background-image: url("../images/top/illust-digital-parapara.svg");
          height: min(14.435483871vw, 179px);
          width: min(15.1612903226vw, 188px);
          transform: translateY(max(-1.2903225806vw, -16px)); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_digital {
              height: min(31.9642857143vw, 179px);
              width: min(33.5714285714vw, 188px); } }
        .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_flexible {
          background-image: url("../images/top/illust-flexible-parapara.svg");
          height: min(13.064516129vw, 162px);
          width: min(14.1129032258vw, 175px);
          transform: translateX(max(-1.2096774194vw, -15px)); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_flexible {
              height: min(28.9285714286vw, 162px);
              width: min(31.25vw, 175px); } }
        .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_health {
          background-image: url("../images/top/illust-health-parapara.svg");
          height: min(14.435483871vw, 179px);
          width: min(16.3709677419vw, 203px);
          transform: translateY(max(-0.9677419355vw, -12px)); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_health {
              height: min(31.9642857143vw, 179px);
              width: min(36.25vw, 203px); } }
        .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_learning {
          background-image: url("../images/top/illust-learning-parapara.svg");
          height: min(14.2741935484vw, 177px);
          width: min(14.1935483871vw, 176px);
          transform: translateY(max(-0.9677419355vw, -12px)) translateX(min(1.6129032258vw, 20px)); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_learning {
              height: min(31.6071428571vw, 177px);
              width: min(31.4285714286vw, 176px); } }
        .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_connection {
          background-image: url("../images/top/illust-connection-parapara.svg");
          height: min(15.0806451613vw, 187px);
          width: min(17.9838709677vw, 223px);
          transform: translateY(max(-0.9677419355vw, -12px)); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_connection {
              height: min(33.3928571429vw, 187px);
              width: min(39.8214285714vw, 223px); } }
        .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_structure {
          background-image: url("../images/top/illust-structure-parapara.svg");
          height: min(11.8548387097vw, 147px);
          width: min(15vw, 186px);
          transform: translateY(min(2.8225806452vw, 35px)) translateX(max(-0.6451612903vw, -8px)); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_structure {
              height: min(26.25vw, 147px);
              width: min(33.2142857143vw, 186px); } }
        .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_countermeasure {
          background-image: url("../images/top/illust-countermeasure-parapara.svg");
          height: min(10.3225806452vw, 128px);
          width: min(12.9032258065vw, 160px);
          transform: translateY(min(3.2258064516vw, 40px)) translateX(max(-0.6451612903vw, -8px)); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_countermeasure {
              height: min(22.8571428571vw, 128px);
              width: min(28.5714285714vw, 160px);
              transform: translateY(max(-1.4285714286vw, -8px)) translateX(max(-1.4285714286vw, -8px)); } }
        .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_slim {
          background-image: url("../images/top/illust-slim-parapara.svg");
          height: min(11.6935483871vw, 145px);
          width: min(17.5806451613vw, 218px);
          transform: translateY(min(1.935483871vw, 24px)); }
          @media (max-width: 560px) {
            .home .hikidashi-wrapper .hikidashi-list .category .top-fv__illust_slim {
              height: min(25.8928571429vw, 145px);
              width: min(38.9285714286vw, 218px);
              transform: translateY(max(-3.2142857143vw, -18px)); } }
@keyframes parapara {
  to {
    background-position: 200% 0; } }
  .home .tag-list-wrapper {
    margin-top: min(8.4677419355vw, 105px); }
    .home .tag-list-wrapper + .tag-list-wrapper {
      margin-top: .3em; }
  .home .report-wrapper {
    background: #fff url("../images/top/ear.svg") no-repeat right 0;
    background-size: min(10.4032258065vw, 129px);
    border-radius: 30px;
    border-top-right-radius: 0;
    padding: min(10vw, 124px) min(8.2258064516vw, 102px) min(5.2419354839vw, 65px);
    margin: min(10.4838709677vw, 130px) auto 0;
    max-width: 1164px;
    width: 95%;
    /*head-wrapper*/ }
    @media (max-width: 750px) {
      .home .report-wrapper {
        padding: min(13.3333333333vw, 100px) min(4vw, 30px) min(6.9333333333vw, 52px); } }
    @media (max-width: 560px) {
      .home .report-wrapper {
        padding: min(9.6428571429vw, 54px) min(3.5714285714vw, 20px) min(9.2857142857vw, 52px); } }
    .home .report-wrapper .head-wrapper {
      /*illust*/ }
      .home .report-wrapper .head-wrapper .illust {
        position: absolute;
        bottom: max(-6.0483870968vw, -75px);
        right: max(-17.0967741935vw, -212px);
        width: min(15.564516129vw, 193px);
        z-index: 0; }
        @media (max-width: 750px) {
          .home .report-wrapper .head-wrapper .illust {
            bottom: auto;
            top: min(9.4666666667vw, 71px);
            right: min(8vw, 60px);
            width: min(18.6666666667vw, 140px); } }
  .home .customer-voice-wrapper {
    margin: min(12.9032258065vw, 160px) auto 0;
    max-width: 960px;
    width: 90%;
    /*head-wrapper*/
    /*customer-list*/
    /*modal*/ }
    @media (max-width: 560px) {
      .home .customer-voice-wrapper {
        margin-top: min(21.0714285714vw, 118px);
        width: 85%; } }
    @media (max-width: 560px) {
      .home .customer-voice-wrapper .pc-disp {
        display: none; } }
    .home .customer-voice-wrapper .sp-disp {
      display: none; }
      @media (max-width: 560px) {
        .home .customer-voice-wrapper .sp-disp {
          display: block; } }
    .home .customer-voice-wrapper .head-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 0 3%; }
      @media (max-width: 560px) {
        .home .customer-voice-wrapper .head-wrapper {
          display: inherit; } }
      .home .customer-voice-wrapper .head-wrapper .text-box {
        position: relative;
        width: min(43.9516129032vw, 545px); }
        @media (max-width: 560px) {
          .home .customer-voice-wrapper .head-wrapper .text-box {
            margin: auto;
            text-align: center;
            width: 90%; } }
        .home .customer-voice-wrapper .head-wrapper .text-box::before {
          content: "";
          background: url("../images/top/customer-voice-back.svg") no-repeat 0 0;
          background-size: contain;
          height: min(18.3064516129vw, 227px);
          width: min(22.3387096774vw, 277px);
          position: absolute;
          top: max(-2.9032258065vw, -36px);
          right: 0;
          z-index: -1; }
          @media (max-width: 560px) {
            .home .customer-voice-wrapper .head-wrapper .text-box::before {
              height: min(28.9285714286vw, 162px);
              width: min(35.3571428571vw, 198px);
              top: min(2.3214285714vw, 13px); } }
      .home .customer-voice-wrapper .head-wrapper .head {
        background: #000;
        color: #fff;
        display: inline-block;
        font-size: min(3.2258064516vw, 40px);
        padding: 0 .25em; }
        @media (max-width: 560px) {
          .home .customer-voice-wrapper .head-wrapper .head {
            font-size: min(7.1428571429vw, 40px);
            text-align: center; } }
      .home .customer-voice-wrapper .head-wrapper .text {
        font-size: min(1.8548387097vw, 23px);
        margin-top: 1.5em; }
        @media (max-width: 560px) {
          .home .customer-voice-wrapper .head-wrapper .text {
            font-size: min(4.1071428571vw, 23px); } }
      .home .customer-voice-wrapper .head-wrapper .illust {
        width: min(33.4677419355vw, 415px); }
        @media (max-width: 560px) {
          .home .customer-voice-wrapper .head-wrapper .illust {
            margin: min(7.8571428571vw, 44px) auto 0;
            width: min(70.5357142857vw, 395px); } }
    .home .customer-voice-wrapper .container {
      margin-top: min(10.4838709677vw, 130px); }
    .home .customer-voice-wrapper .customer-list {
      display: flex;
      justify-content: space-between;
      gap: 0 3%; }
      @media (max-width: 560px) {
        .home .customer-voice-wrapper .customer-list {
          display: inherit; } }
      .home .customer-voice-wrapper .customer-list .customer-item {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        position: relative; }
        @media (max-width: 560px) {
          .home .customer-voice-wrapper .customer-list .customer-item {
            margin-top: min(15.3571428571vw, 86px); } }
        @media (hover: hover) and (pointer: fine) {
          .home .customer-voice-wrapper .customer-list .customer-item:hover .more-btn a {
            background-color: #007eb2;
            color: #fff; } }
      @media (max-width: 560px) {
        .home .customer-voice-wrapper .customer-list .image img {
          width: 100%; } }
      .home .customer-voice-wrapper .customer-list .image .customer-desc {
        background: #007eb2;
        color: #fff;
        font-size: min(1.7741935484vw, 22px);
        padding: .15em .5em .25em;
        position: absolute;
        top: -1em;
        left: -.5em; }
        @media (max-width: 560px) {
          .home .customer-voice-wrapper .customer-list .image .customer-desc {
            font-size: min(5.7142857143vw, 32px); } }
      .home .customer-voice-wrapper .customer-list .customer-title {
        font-size: min(1.5322580645vw, 19px);
        margin-top: min(1.3709677419vw, 17px); }
        @media (max-width: 560px) {
          .home .customer-voice-wrapper .customer-list .customer-title {
            font-size: min(5vw, 28px);
            margin-top: min(3.5714285714vw, 20px); } }
      .home .customer-voice-wrapper .customer-list .date {
        color: #007eb2;
        font-size: min(1.1290322581vw, 14px);
        margin: 0.25em 0 min(2.2580645161vw, 28px); }
        @media (max-width: 560px) {
          .home .customer-voice-wrapper .customer-list .date {
            font-size: min(3.5714285714vw, 20px); } }
      .home .customer-voice-wrapper .customer-list .more-btn {
        margin-top: auto; }
        @media (max-width: 560px) {
          .home .customer-voice-wrapper .customer-list .more-btn {
            margin-top: min(2.1428571429vw, 12px); } }
        .home .customer-voice-wrapper .customer-list .more-btn a {
          background-size: min(1.0483870968vw, 13px);
          font-size: min(1.2903225806vw, 16px);
          pointer-events: none; }
          @media (max-width: 560px) {
            .home .customer-voice-wrapper .customer-list .more-btn a {
              background-size: min(3.2142857143vw, 18px);
              font-size: min(4.1071428571vw, 23px);
              width: 100%; } }
    .home .customer-voice-wrapper .modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: rgba(0, 0, 0, 0.7);
      transition: 0.5s;
      cursor: pointer;
      visibility: hidden;
      opacity: 0;
      z-index: 2;
      /*modal-cotent*/ }
      .home .customer-voice-wrapper .modal.open {
        visibility: visible;
        opacity: 1; }
      .home .customer-voice-wrapper .modal .modal-content {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 850px;
        width: 95%;
        max-height: 550px;
        height: 80%;
        border: 5px solid #007eb2;
        border-radius: 25px;
        background-color: #FFF;
        cursor: default;
        padding: min(4.3548387097vw, 54px);
        padding-right: min(1.2096774194vw, 15px);
        padding-bottom: 0;
        /*close-btn*/
        /*inner*/ }
        .home .customer-voice-wrapper .modal .modal-content .close-btn {
          position: fixed;
          top: 12px;
          right: 12px;
          z-index: 5;
          width: 28px;
          height: 28px;
          cursor: pointer;
          border-radius: 50%;
          background: none;
          border: none; }
          @media (max-width: 560px) {
            .home .customer-voice-wrapper .modal .modal-content .close-btn {
              right: 20px; } }
          .home .customer-voice-wrapper .modal .modal-content .close-btn::before, .home .customer-voice-wrapper .modal .modal-content .close-btn::after {
            content: "";
            width: 100%;
            height: 1px;
            background-color: #007eb2;
            position: absolute;
            top: 14px;
            left: 2px; }
          .home .customer-voice-wrapper .modal .modal-content .close-btn::before {
            transform: rotate(45deg); }
          .home .customer-voice-wrapper .modal .modal-content .close-btn::after {
            transform: rotate(-45deg); }
        .home .customer-voice-wrapper .modal .modal-content .inner {
          height: 100%;
          overflow-y: scroll;
          padding-right: min(2.5806451613vw, 32px);
          padding-bottom: min(2.5806451613vw, 32px); }
          .home .customer-voice-wrapper .modal .modal-content .inner::-webkit-scrollbar {
            width: 7px; }
          .home .customer-voice-wrapper .modal .modal-content .inner::-webkit-scrollbar-track {
            background-color: #dadada;
            margin-top: 8px;
            margin-bottom: 8px; }
          .home .customer-voice-wrapper .modal .modal-content .inner::-webkit-scrollbar-thumb {
            background-color: #80bed8; }
        .home .customer-voice-wrapper .modal .modal-content .client {
          color: #007eb2;
          font-size: min(2.2580645161vw, 28px);
          text-align: center; }
          @media (max-width: 560px) {
            .home .customer-voice-wrapper .modal .modal-content .client {
              font-size: min(6.0714285714vw, 34px); } }
        .home .customer-voice-wrapper .modal .modal-content .flex-box {
          display: flex;
          gap: 0 5%;
          margin-top: min(3.3870967742vw, 42px); }
          @media (max-width: 560px) {
            .home .customer-voice-wrapper .modal .modal-content .flex-box {
              display: inherit; } }
        .home .customer-voice-wrapper .modal .modal-content .text-box {
          flex: 1; }
          .home .customer-voice-wrapper .modal .modal-content .text-box .sub-head {
            background: #007eb2;
            color: #fff;
            font-size: min(1.7741935484vw, 22px);
            padding: .5em .5em; }
            @media (max-width: 560px) {
              .home .customer-voice-wrapper .modal .modal-content .text-box .sub-head {
                font-size: min(3.9285714286vw, 22px); } }
            .home .customer-voice-wrapper .modal .modal-content .text-box .sub-head + p {
              font-size: min(1.3709677419vw, 17px);
              margin-top: 1em; }
              @media (max-width: 560px) {
                .home .customer-voice-wrapper .modal .modal-content .text-box .sub-head + p {
                  font-size: min(3.0357142857vw, 17px); } }
          .home .customer-voice-wrapper .modal .modal-content .text-box p + .sub-head {
            margin-top: 2em; }
        .home .customer-voice-wrapper .modal .modal-content .images {
          flex: 1; }
          @media (max-width: 560px) {
            .home .customer-voice-wrapper .modal .modal-content .images {
              margin: min(4.6428571429vw, 26px) 0 0; } }
          .home .customer-voice-wrapper .modal .modal-content .images img {
            width: 100%; }
          .home .customer-voice-wrapper .modal .modal-content .images img + img {
            margin-top: 12px; }
            @media (max-width: 560px) {
              .home .customer-voice-wrapper .modal .modal-content .images img + img {
                margin-top: 0; } }
          .home .customer-voice-wrapper .modal .modal-content .images + .sub-head {
            margin-top: 2em; }

/*home*/
/***********************************************************************
report一覧
**********************************************************************/
.home,
.lower-page {
  /*report-wrapper*/ }
  .home .tag-list li,
  .lower-page .tag-list li {
    font-size: min(1.2096774194vw, 15px); }
    @media (max-width: 750px) {
      .home .tag-list li,
      .lower-page .tag-list li {
        font-size: 14px; } }
  .home .report-wrapper,
  .lower-page .report-wrapper {
    /*head-wrapper*/
    /*flex-inner*/ }
    .home .report-wrapper .head-wrapper .text-box,
    .lower-page .report-wrapper .head-wrapper .text-box {
      display: flex;
      align-items: baseline;
      flex-direction: column;
      position: relative;
      margin: auto;
      width: min(33.8709677419vw, 420px); }
      @media (max-width: 750px) {
        .home .report-wrapper .head-wrapper .text-box,
        .lower-page .report-wrapper .head-wrapper .text-box {
          width: min(76.9333333333vw, 577px); } }
    .home .report-wrapper .head-wrapper .fukidashi,
    .lower-page .report-wrapper .head-wrapper .fukidashi {
      background-color: #fff;
      border: 2px solid #000;
      display: inline-block;
      font-size: min(1.935483871vw, 24px);
      padding: 0 .25em;
      position: relative;
      margin-bottom: min(0.8064516129vw, 10px);
      text-align: center;
      z-index: 2; }
      @media (max-width: 750px) {
        .home .report-wrapper .head-wrapper .fukidashi,
        .lower-page .report-wrapper .head-wrapper .fukidashi {
          font-size: min(4.2666666667vw, 32px);
          margin-bottom: min(1.7333333333vw, 13px); } }
      .home .report-wrapper .head-wrapper .fukidashi::before,
      .lower-page .report-wrapper .head-wrapper .fukidashi::before {
        content: "";
        position: absolute;
        bottom: -23px;
        left: 50%;
        margin-left: -15px;
        border: 12px solid transparent;
        border-top: 12px solid #fff;
        z-index: 2; }
      .home .report-wrapper .head-wrapper .fukidashi::after,
      .lower-page .report-wrapper .head-wrapper .fukidashi::after {
        content: "";
        position: absolute;
        bottom: -28px;
        left: 50%;
        margin-left: -17px;
        border: 14px solid transparent;
        border-top: 14px solid #000;
        z-index: 1; }
    .home .report-wrapper .head-wrapper .head,
    .lower-page .report-wrapper .head-wrapper .head {
      background: #000;
      color: #fff;
      display: inline-block;
      font-size: min(3.2258064516vw, 40px);
      padding: 0 .25em;
      position: relative;
      letter-spacing: 2px;
      margin-left: auto;
      text-align: center;
      z-index: 0; }
      @media (max-width: 750px) {
        .home .report-wrapper .head-wrapper .head,
        .lower-page .report-wrapper .head-wrapper .head {
          font-size: min(7.2vw, 54px);
          padding: 0 .5em; } }
    .home .report-wrapper .head-wrapper .glasses,
    .lower-page .report-wrapper .head-wrapper .glasses {
      position: absolute;
      bottom: max(-2.4193548387vw, -30px);
      left: max(-6.8548387097vw, -85px);
      width: min(10.8870967742vw, 135px); }
      @media (max-width: 750px) {
        .home .report-wrapper .head-wrapper .glasses,
        .lower-page .report-wrapper .head-wrapper .glasses {
          position: relative;
          bottom: auto;
          left: auto;
          margin: 0 auto min(3.6vw, 27px);
          width: min(24.9333333333vw, 187px); } }
    .home .report-wrapper .flex-inner,
    .lower-page .report-wrapper .flex-inner {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 0 3%;
      position: relative;
      z-index: 1;
      /*report*/ }
      .home .report-wrapper .flex-inner .report,
      .lower-page .report-wrapper .flex-inner .report {
        margin-top: min(5vw, 62px);
        max-width: 452px;
        width: 48.5%;
        transition: .2s;
        /*category*/ }
        @media (max-width: 750px) {
          .home .report-wrapper .flex-inner .report,
          .lower-page .report-wrapper .flex-inner .report {
            max-width: inherit; } }
        @media (max-width: 560px) {
          .home .report-wrapper .flex-inner .report,
          .lower-page .report-wrapper .flex-inner .report {
            margin-top: 38px;
            width: 100%; } }
        @media (hover: hover) and (pointer: fine) {
          .home .report-wrapper .flex-inner .report:hover,
          .lower-page .report-wrapper .flex-inner .report:hover {
            cursor: pointer;
            opacity: .7; } }
        .home .report-wrapper .flex-inner .report img,
        .lower-page .report-wrapper .flex-inner .report img {
          object-fit: cover;
          width: min(36.4516129032vw, 452px);
          aspect-ratio: 452 / 304; }
          @media (max-width: 560px) {
            .home .report-wrapper .flex-inner .report img,
            .lower-page .report-wrapper .flex-inner .report img {
              max-width: inherit;
              width: 100%; } }
        .home .report-wrapper .flex-inner .report .category,
        .lower-page .report-wrapper .flex-inner .report .category {
          font-size: min(1.2903225806vw, 16px);
          line-height: 1;
          margin-top: 1em;
          position: relative;
          z-index: 1;
          /*span*/ }
          @media (max-width: 750px) {
            .home .report-wrapper .flex-inner .report .category,
            .lower-page .report-wrapper .flex-inner .report .category {
              margin-top: 1em; } }
          @media (max-width: 560px) {
            .home .report-wrapper .flex-inner .report .category,
            .lower-page .report-wrapper .flex-inner .report .category {
              font-size: 14px; } }
          .home .report-wrapper .flex-inner .report .category span,
          .lower-page .report-wrapper .flex-inner .report .category span {
            aspect-ratio: 1;
            color: #1e2678;
            display: inline-block;
            font-size: min(1.4516129032vw, 18px);
            padding: .3em .35em .35em;
            position: relative; }
            @media (max-width: 560px) {
              .home .report-wrapper .flex-inner .report .category span,
              .lower-page .report-wrapper .flex-inner .report .category span {
                font-size: 14px; } }
            .home .report-wrapper .flex-inner .report .category span::before,
            .lower-page .report-wrapper .flex-inner .report .category span::before {
              content: "";
              aspect-ratio: 1;
              border: 3px solid #000;
              border-radius: 50%;
              background: #fff;
              width: 100%;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              z-index: -1; }
              @media (max-width: 560px) {
                .home .report-wrapper .flex-inner .report .category span::before,
                .lower-page .report-wrapper .flex-inner .report .category span::before {
                  border-width: 2px; } }
            .home .report-wrapper .flex-inner .report .category span:nth-of-type(1),
            .lower-page .report-wrapper .flex-inner .report .category span:nth-of-type(1) {
              margin-left: .35em; }
            .home .report-wrapper .flex-inner .report .category span:nth-of-type(n),
            .lower-page .report-wrapper .flex-inner .report .category span:nth-of-type(n) {
              margin-right: .25em; }
            .home .report-wrapper .flex-inner .report .category span:nth-last-of-type(1),
            .lower-page .report-wrapper .flex-inner .report .category span:nth-last-of-type(1) {
              margin-right: .35em; }
            .home .report-wrapper .flex-inner .report .category span.active,
            .lower-page .report-wrapper .flex-inner .report .category span.active {
              animation: spinCircle 1.2s cubic-bezier(0.4, 2, 0.6, 1) forwards; }
        .home .report-wrapper .flex-inner .report .title,
        .lower-page .report-wrapper .flex-inner .report .title {
          font-size: min(2.1774193548vw, 27px);
          line-height: 1.2;
          margin-top: .5em; }
          @media (max-width: 560px) {
            .home .report-wrapper .flex-inner .report .title,
            .lower-page .report-wrapper .flex-inner .report .title {
              font-size: 23px;
              margin-top: .5em; } }
        .home .report-wrapper .flex-inner .report .tag-list,
        .lower-page .report-wrapper .flex-inner .report .tag-list {
          flex-wrap: wrap;
          margin-top: .85em; }
          .home .report-wrapper .flex-inner .report .tag-list li,
          .lower-page .report-wrapper .flex-inner .report .tag-list li {
            font-size: 14px; }
            @media (max-width: 560px) {
              .home .report-wrapper .flex-inner .report .tag-list li,
              .lower-page .report-wrapper .flex-inner .report .tag-list li {
                font-size: 13px; } }
        .home .report-wrapper .flex-inner .report .date,
        .lower-page .report-wrapper .flex-inner .report .date {
          font-size: 14px; }

/*home lower-page*/
#contact .report-wrapper .head-wrapper .head,
#thanks .report-wrapper .head-wrapper .head {
  margin-right: 1.5em; }

#confirm .report-wrapper .head-wrapper .head {
  margin-right: 1em; }

#thanks .report-wrapper .head-wrapper .head {
  margin-right: 4.3em; }

.lower-page {
  /*category-title-wrapper*/
  /*report-wrapper*/
  /*single-page*/ }
  .lower-page .tag-head {
    font-size: min(4.1935483871vw, 52px);
    line-height: 1;
    margin-top: min(5vw, 62px);
    text-align: center; }
    @media (max-width: 560px) {
      .lower-page .tag-head {
        font-size: 24px;
        margin-top: 1.5em; } }
    .lower-page .tag-head span {
      color: #007eb2; }
    .lower-page .tag-head small {
      font-size: min(2.5806451613vw, 32px); }
      @media (max-width: 560px) {
        .lower-page .tag-head small {
          font-size: 18px; } }
  .lower-page .not-article {
    color: #007eb2;
    font-size: min(2.5806451613vw, 32px);
    font-weight: 500;
    margin: 5em auto 0;
    text-align: center; }
    @media (max-width: 560px) {
      .lower-page .not-article {
        font-size: 16px;
        margin-top: 2em; } }
  .lower-page .category-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: min(5vw, 62px);
    /*digital-pattern*/
    /*nowrap*/
    /*circle*/ }
    .lower-page .category-title-wrapper .pattern-wrapper {
      display: flex;
      align-items: center;
      gap: 0 1%; }
      @media (max-width: 560px) {
        .lower-page .category-title-wrapper .pattern-wrapper .illust {
          width: 100px !important; } }
    .lower-page .category-title-wrapper .digital-pattern {
      margin: auto; }
      .lower-page .category-title-wrapper .digital-pattern .illust {
        width: min(16.1290322581vw, 200px); }
    .lower-page .category-title-wrapper .flexible-pattern {
      margin: auto; }
      .lower-page .category-title-wrapper .flexible-pattern .illust {
        width: min(16.1290322581vw, 200px); }
    .lower-page .category-title-wrapper .health-pattern {
      margin: auto;
      padding-right: 2em; }
      @media (max-width: 750px) {
        .lower-page .category-title-wrapper .health-pattern {
          padding-right: 0em; } }
      .lower-page .category-title-wrapper .health-pattern .illust {
        width: min(16.1290322581vw, 200px); }
    .lower-page .category-title-wrapper .learning-pattern {
      margin: auto; }
      .lower-page .category-title-wrapper .learning-pattern .illust {
        width: min(16.1290322581vw, 200px); }
    .lower-page .category-title-wrapper .connection-pattern {
      margin: auto; }
      .lower-page .category-title-wrapper .connection-pattern .illust {
        width: min(16.1290322581vw, 200px); }
    .lower-page .category-title-wrapper .structure-pattern {
      margin: auto; }
      .lower-page .category-title-wrapper .structure-pattern .illust {
        width: min(16.1290322581vw, 200px); }
    .lower-page .category-title-wrapper .countermeasure-pattern {
      margin: auto;
      padding-right: 5em; }
      @media (max-width: 750px) {
        .lower-page .category-title-wrapper .countermeasure-pattern {
          padding-right: 1em; } }
      .lower-page .category-title-wrapper .countermeasure-pattern .illust {
        width: min(16.1290322581vw, 200px); }
    .lower-page .category-title-wrapper .slim-pattern {
      margin: auto; }
      .lower-page .category-title-wrapper .slim-pattern .illust {
        width: min(16.1290322581vw, 200px); }
    .lower-page .category-title-wrapper .head {
      font-size: min(5vw, 62px);
      line-height: 1.2;
      white-space: nowrap; }
      @media (max-width: 560px) {
        .lower-page .category-title-wrapper .head {
          font-size: 20px; } }
    .lower-page .category-title-wrapper .nowrap {
      display: flex;
      align-items: center;
      white-space: nowrap; }
      @media (max-width: 560px) {
        .lower-page .category-title-wrapper .nowrap {
          margin-top: .25em; } }
      .lower-page .category-title-wrapper .nowrap .head-last {
        font-size: min(5vw, 62px); }
        @media (max-width: 560px) {
          .lower-page .category-title-wrapper .nowrap .head-last {
            font-size: 20px; } }
    .lower-page .category-title-wrapper .circle {
      background: #fff;
      border: min(0.4838709677vw, 6px) solid #000;
      border-radius: 50%;
      margin-left: .25em;
      height: min(6.6129032258vw, 82px);
      width: min(6.6129032258vw, 82px);
      position: relative; }
      @media (max-width: 560px) {
        .lower-page .category-title-wrapper .circle {
          border-width: 4px;
          height: 40px;
          width: 40px; } }
      .lower-page .category-title-wrapper .circle + .circle {
        margin-left: 0em;
        margin-right: .25em; }
  .lower-page .report-wrapper {
    margin: min(8.3870967742vw, 104px) auto 0;
    /*flex-box*/ }
    .lower-page .report-wrapper .category-title-wrapper + .flex-box {
      margin-top: min(0.9677419355vw, 12px); }
    .lower-page .report-wrapper .flex-box {
      display: flex;
      justify-content: space-between;
      gap: 0 3%;
      margin: min(4.1935483871vw, 52px) auto 0;
      max-width: 1300px;
      width: 95%;
      /*side-nav*/ }
      @media (max-width: 750px) {
        .lower-page .report-wrapper .flex-box {
          display: inherit; } }
      @media (max-width: 750px) {
        .lower-page .report-wrapper .flex-box {
          width: 90%; } }
      .lower-page .report-wrapper .flex-box .flex-inner {
        max-width: 960px;
        width: 73.84615%; }
        @media (max-width: 750px) {
          .lower-page .report-wrapper .flex-box .flex-inner {
            width: 100%; } }
        .lower-page .report-wrapper .flex-box .flex-inner .report {
          width: 47.0833%; }
          @media (max-width: 750px) {
            .lower-page .report-wrapper .flex-box .flex-inner .report {
              width: 48%; } }
          @media (max-width: 560px) {
            .lower-page .report-wrapper .flex-box .flex-inner .report {
              width: 100%; } }
          @media (max-width: 750px) {
            .lower-page .report-wrapper .flex-box .flex-inner .report img {
              width: 100%; } }
      .lower-page .report-wrapper .flex-box .side-nav {
        margin-top: min(5vw, 62px);
        max-width: 265px;
        width: 26.1538%;
        /*head*/ }
        @media (max-width: 750px) {
          .lower-page .report-wrapper .flex-box .side-nav {
            margin: min(8.2666666667vw, 62px) auto 0;
            max-width: 650px;
            width: 90%; } }
        .lower-page .report-wrapper .flex-box .side-nav .head {
          background: #000;
          color: #fff;
          font-size: min(1.7741935484vw, 22px);
          margin-bottom: 1em;
          text-align: center;
          width: 100%; }
          @media (max-width: 750px) {
            .lower-page .report-wrapper .flex-box .side-nav .head {
              font-size: 16px;
              padding: .25em 0 .35em; } }
        .lower-page .report-wrapper .flex-box .side-nav .tab-flex {
          margin-left: .25em; }
          @media (max-width: 750px) {
            .lower-page .report-wrapper .flex-box .side-nav .tab-flex {
              display: flex;
              flex-wrap: wrap;
              gap: 0 5%;
              margin-top: 1em;
              margin-left: 0; } }
          @media (max-width: 560px) {
            .lower-page .report-wrapper .flex-box .side-nav .tab-flex {
              display: inherit;
              margin-left: .5em; } }
        .lower-page .report-wrapper .flex-box .side-nav .category-head {
          margin-top: .75em; }
          @media (max-width: 750px) {
            .lower-page .report-wrapper .flex-box .side-nav .category-head {
              margin-top: .5em;
              text-align: center;
              width: 47.5%; } }
          @media (max-width: 560px) {
            .lower-page .report-wrapper .flex-box .side-nav .category-head {
              text-align: left;
              width: auto; } }
          .lower-page .report-wrapper .flex-box .side-nav .category-head a {
            color: #000;
            font-size: min(1.4516129032vw, 18px);
            transition: .2s; }
            @media (max-width: 750px) {
              .lower-page .report-wrapper .flex-box .side-nav .category-head a {
                font-size: 16px; } }
            @media (hover: hover) and (pointer: fine) {
              .lower-page .report-wrapper .flex-box .side-nav .category-head a:hover {
                color: #007eb2; } }
  .lower-page .tag-list {
    flex-wrap: wrap;
    margin-top: min(3.064516129vw, 38px); }
    @media (max-width: 750px) {
      .lower-page .tag-list {
        margin-top: min(5vw, 62px); } }
  .lower-page.single-page {
    /*article-inner*/ }
    .lower-page.single-page .article-inner {
      background: #fff url("../images/top/ear.svg") no-repeat right 0;
      background-size: min(10.4032258065vw, 129px);
      border-radius: 30px;
      border-top-right-radius: 0;
      padding: min(2.5806451613vw, 32px) min(8.2258064516vw, 102px) min(5.2419354839vw, 65px);
      margin: min(6.4516129032vw, 80px) auto 0;
      max-width: 1100px;
      width: 95%;
      /*category*/ }
      @media (max-width: 750px) {
        .lower-page.single-page .article-inner {
          padding: min(13.3333333333vw, 100px) min(4vw, 30px) min(6.9333333333vw, 52px); } }
      @media (max-width: 560px) {
        .lower-page.single-page .article-inner {
          border-radius: 20px;
          padding: min(9.6428571429vw, 54px) min(3.5714285714vw, 20px) min(9.2857142857vw, 52px); } }
      .lower-page.single-page .article-inner .category {
        font-size: min(2.1774193548vw, 27px);
        line-height: 1;
        margin-top: .5em;
        position: relative;
        z-index: 1;
        /*span*/ }
        @media (max-width: 750px) {
          .lower-page.single-page .article-inner .category {
            margin-top: 1em; } }
        @media (max-width: 560px) {
          .lower-page.single-page .article-inner .category {
            font-size: 14px; } }
        .lower-page.single-page .article-inner .category img {
          margin-top: 0; }
        .lower-page.single-page .article-inner .category .illust {
          margin-right: .5em;
          margin-bottom: max(-1.935483871vw, -24px); }
          @media (max-width: 560px) {
            .lower-page.single-page .article-inner .category .illust {
              margin-bottom: max(-1.0714285714vw, -6px); } }
        .lower-page.single-page .article-inner .category.cat-digital .illust {
          width: min(8.064516129vw, 100px); }
        .lower-page.single-page .article-inner .category.cat-health .illust {
          margin-right: 0;
          width: min(8.064516129vw, 100px); }
        .lower-page.single-page .article-inner .category.cat-connection .illust {
          width: min(8.064516129vw, 100px); }
        .lower-page.single-page .article-inner .category.cat-countermeasure .illust {
          width: min(8.064516129vw, 100px); }
        .lower-page.single-page .article-inner .category.cat-flexible .illust {
          margin-right: 0;
          width: min(8.064516129vw, 100px); }
        .lower-page.single-page .article-inner .category.cat-learning .illust {
          width: min(8.064516129vw, 100px); }
        .lower-page.single-page .article-inner .category.cat-structure .illust {
          width: min(8.064516129vw, 100px); }
        .lower-page.single-page .article-inner .category.cat-slim .illust {
          width: min(8.064516129vw, 100px); }
        .lower-page.single-page .article-inner .category span {
          aspect-ratio: 1;
          color: #1e2678;
          display: inline-block;
          font-size: min(2.3387096774vw, 29px);
          padding: .3em .35em .35em;
          position: relative; }
          @media (max-width: 560px) {
            .lower-page.single-page .article-inner .category span {
              font-size: 14px; } }
          .lower-page.single-page .article-inner .category span.active {
            animation: spinCircle 1s cubic-bezier(0.4, 2, 0.6, 1) forwards; }
          .lower-page.single-page .article-inner .category span::before {
            content: "";
            aspect-ratio: 1;
            border: 3px solid #000;
            border-radius: 50%;
            background: #fff;
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: -1; }
            @media (max-width: 560px) {
              .lower-page.single-page .article-inner .category span::before {
                border-width: 2px; } }
          .lower-page.single-page .article-inner .category span:nth-of-type(n) {
            margin-right: .15em; }
          .lower-page.single-page .article-inner .category span:nth-last-of-type(1) {
            margin-right: 0; }
      .lower-page.single-page .article-inner .main-gra {
        margin: min(2.4193548387vw, 30px) auto 0; }
      .lower-page.single-page .article-inner .title {
        font-size: min(4.6774193548vw, 58px);
        line-height: 1.4;
        margin-top: .25em; }
        @media (max-width: 560px) {
          .lower-page.single-page .article-inner .title {
            font-size: 24px; } }
      .lower-page.single-page .article-inner .tag-list {
        margin-top: 1em; }
        .lower-page.single-page .article-inner .tag-list li {
          font-size: 14px; }
          @media (max-width: 560px) {
            .lower-page.single-page .article-inner .tag-list li {
              font-size: 13px; } }
      .lower-page.single-page .article-inner .date {
        font-size: 14px; }
      .lower-page.single-page .article-inner h4 {
        background: #007eb2;
        border-radius: 12px;
        color: #fff;
        font-size: min(1.6129032258vw, 20px);
        padding: .25em 1em;
        margin-top: min(3.7903225806vw, 47px); }
        @media (max-width: 750px) {
          .lower-page.single-page .article-inner h4 {
            border-radius: 8px;
            font-size: 15px;
            margin-top: 1.5em; } }
      .lower-page.single-page .article-inner h5 {
        font-size: min(2.4193548387vw, 30px);
        margin-top: .5em; }
        @media (max-width: 750px) {
          .lower-page.single-page .article-inner h5 {
            font-size: 20px; } }
      .lower-page.single-page .article-inner ul:not(.tag-list) {
        margin-top: .75em; }
        .lower-page.single-page .article-inner ul:not(.tag-list) li {
          text-indent: -1.25em;
          padding-left: 1.25em; }
          .lower-page.single-page .article-inner ul:not(.tag-list) li::before {
            content: "\025cf";
            color: #ff9a8b;
            margin-right: .25em; }
      .lower-page.single-page .article-inner p {
        font-weight: 500;
        line-height: 1.8;
        margin-top: .75em; }
        .lower-page.single-page .article-inner p a {
          color: #007eb2;
          text-decoration: underline; }
      .lower-page.single-page .article-inner img {
        margin: min(2.4193548387vw, 30px) auto 0; }

/*lower-page*/
/***********************************************************************
about
**********************************************************************/
.about-page {
  /*theme-wrapper*/
  /*initiatives-wrapper*/
  /*participation-wrapper*/ }
  .about-page .main img {
    display: block;
    margin: min(6.0483870968vw, 75px) auto 0;
    width: 177px; }
  .about-page .main .head {
    font-size: min(3.8709677419vw, 48px);
    margin-top: 1em;
    text-align: center; }
    @media (max-width: 560px) {
      .about-page .main .head {
        font-size: 22px; } }
    .about-page .main .head span {
      color: #1e2678; }
  .about-page .swiper-wrapper {
    margin: min(5.8870967742vw, 73px) auto min(6.4516129032vw, 80px);
    transition-timing-function: linear; }
  .about-page .about-text {
    font-weight: 500;
    line-height: 1.8;
    margin: auto;
    max-width: 960px;
    width: 90%; }
  .about-page .theme-wrapper {
    display: flex;
    gap: 0 5%;
    align-items: center;
    margin: min(6.2903225806vw, 78px) auto 0;
    width: min(57.2580645161vw, 710px); }
    @media (max-width: 750px) {
      .about-page .theme-wrapper {
        display: inherit; } }
    @media (max-width: 560px) {
      .about-page .theme-wrapper {
        width: 90%; } }
    .about-page .theme-wrapper .illust {
      width: min(28.8709677419vw, 358px); }
      @media (max-width: 750px) {
        .about-page .theme-wrapper .illust {
          margin: 0 auto; } }
      @media (max-width: 560px) {
        .about-page .theme-wrapper .illust {
          width: 80%; } }
    @media (max-width: 750px) {
      .about-page .theme-wrapper .text-box {
        margin-top: 2em; } }
    .about-page .theme-wrapper .text-box .sub-head {
      color: #fff;
      background: #007eb2;
      padding: .5em; }
      @media (max-width: 750px) {
        .about-page .theme-wrapper .text-box .sub-head {
          font-size: 17px; } }
    .about-page .theme-wrapper .text-box ol {
      margin-top: 1em; }
      .about-page .theme-wrapper .text-box ol li {
        font-size: min(1.6129032258vw, 20px);
        padding-left: 1.3em;
        line-height: 1.8;
        text-indent: -1.3em; }
        @media (max-width: 750px) {
          .about-page .theme-wrapper .text-box ol li {
            font-size: 16px; } }
  .about-page .initiatives-wrapper {
    background: #fff url("../images/top/ear.svg") no-repeat right 0;
    background-size: min(10.4032258065vw, 129px);
    border-radius: 30px;
    border-top-right-radius: 0;
    padding: min(6.1290322581vw, 76px) min(8.2258064516vw, 102px) min(5.8064516129vw, 72px);
    margin: min(7.2580645161vw, 90px) auto 0;
    max-width: 1160px;
    width: 95%;
    /*initiatives-inner*/
    /*head*/
    /*flow-list*/ }
    @media (max-width: 750px) {
      .about-page .initiatives-wrapper {
        padding: min(13.3333333333vw, 100px) min(4vw, 30px) min(6.9333333333vw, 52px); } }
    @media (max-width: 560px) {
      .about-page .initiatives-wrapper {
        padding: min(9.6428571429vw, 54px) min(3.5714285714vw, 20px) min(9.2857142857vw, 52px); } }
    .about-page .initiatives-wrapper .head {
      color: #fff;
      font-size: min(3.2258064516vw, 40px);
      text-align: center; }
      @media (max-width: 560px) {
        .about-page .initiatives-wrapper .head {
          font-size: 20px; } }
      .about-page .initiatives-wrapper .head span {
        background: #000;
        display: inline-block;
        padding: 0 .5em; }
      .about-page .initiatives-wrapper .head + p {
        font-size: min(1.6129032258vw, 20px);
        margin-top: 1em;
        text-align: center; }
        @media (max-width: 560px) {
          .about-page .initiatives-wrapper .head + p {
            font-size: 16px; } }
    .about-page .initiatives-wrapper .flow-list {
      display: flex;
      justify-content: space-between;
      gap: 0 4%;
      margin: min(6.6129032258vw, 82px) auto 0;
      max-width: 880px;
      width: 100%;
      /*li*/ }
      @media (max-width: 560px) {
        .about-page .initiatives-wrapper .flow-list {
          display: inherit;
          margin-top: 0; } }
      .about-page .initiatives-wrapper .flow-list li {
        flex: 1;
        /*image*/
        /*sub-head*/ }
        @media (max-width: 560px) {
          .about-page .initiatives-wrapper .flow-list li {
            padding-bottom: 32px;
            position: relative; } }
        @media (max-width: 560px) {
          .about-page .initiatives-wrapper .flow-list li::before {
            content: "";
            background: url("../images/about/arrow-blue.svg") no-repeat 0 0;
            background-size: contain;
            height: 24px;
            width: 20px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: rotate(90deg); } }
        .about-page .initiatives-wrapper .flow-list li .image {
          position: relative; }
          .about-page .initiatives-wrapper .flow-list li .image::before {
            content: "";
            background: url("../images/about/arrow-blue.svg") no-repeat 0 0;
            background-size: contain;
            height: min(1.935483871vw, 24px);
            width: min(1.6129032258vw, 20px);
            position: absolute;
            top: 50%;
            right: max(-3.2258064516vw, -40px);
            transform: translate(-50%, 0); }
            @media (max-width: 560px) {
              .about-page .initiatives-wrapper .flow-list li .image::before {
                content: none; } }
          .about-page .initiatives-wrapper .flow-list li .image img {
            display: block;
            height: min(11.4516129032vw, 142px);
            margin: auto; }
            @media (max-width: 560px) {
              .about-page .initiatives-wrapper .flow-list li .image img {
                height: 120px; } }
        .about-page .initiatives-wrapper .flow-list li .sub-head {
          color: #fff;
          font-size: min(1.2903225806vw, 16px);
          margin-top: min(1.6129032258vw, 20px);
          text-align: center; }
          @media (max-width: 560px) {
            .about-page .initiatives-wrapper .flow-list li .sub-head {
              font-size: 15px; } }
          .about-page .initiatives-wrapper .flow-list li .sub-head span {
            background: #007eb2;
            border-radius: 8px;
            display: inline-block;
            padding: 1em 0;
            width: 85%; }
            @media (max-width: 560px) {
              .about-page .initiatives-wrapper .flow-list li .sub-head span {
                padding: .5em 0; } }
        .about-page .initiatives-wrapper .flow-list li p {
          border: 2px solid #007eb2;
          border-radius: 10px;
          font-size: min(1.4516129032vw, 18px);
          padding: 3em 2em 2em;
          margin-top: -1.5em;
          text-align: center; }
          @media (max-width: 560px) {
            .about-page .initiatives-wrapper .flow-list li p {
              font-size: 15px;
              padding: 2em 0 1em; } }
        @media (max-width: 560px) {
          .about-page .initiatives-wrapper .flow-list li + li {
            margin-top: 1em; } }
        .about-page .initiatives-wrapper .flow-list li:last-child {
          /*image*/
          /*sub-head*/ }
          @media (max-width: 560px) {
            .about-page .initiatives-wrapper .flow-list li:last-child {
              padding-bottom: 0; }
              .about-page .initiatives-wrapper .flow-list li:last-child::before {
                content: none; } }
          .about-page .initiatives-wrapper .flow-list li:last-child .image::before {
            content: none; }
          .about-page .initiatives-wrapper .flow-list li:last-child .sub-head span {
            padding: .25em 0; }
          .about-page .initiatives-wrapper .flow-list li:last-child p {
            padding: 2.25em 0 1em; }
    .about-page .initiatives-wrapper .sup {
      font-size: min(1.6129032258vw, 20px);
      margin-top: .5em;
      text-align: center; }
      @media (max-width: 560px) {
        .about-page .initiatives-wrapper .sup {
          font-size: 16px; } }
    .about-page .initiatives-wrapper .desc {
      font-weight: 500;
      line-height: 1.8;
      margin-top: min(5.4838709677vw, 68px); }
  .about-page .participation-wrapper {
    margin-top: min(8.8709677419vw, 110px);
    /*head*/
    /*participation-box*/ }
    .about-page .participation-wrapper .head {
      color: #fff;
      font-size: min(3.2258064516vw, 40px);
      text-align: center; }
      @media (max-width: 560px) {
        .about-page .participation-wrapper .head {
          font-size: 20px; } }
      .about-page .participation-wrapper .head span {
        background: #000;
        display: inline-block;
        padding: 0 .5em; }
      .about-page .participation-wrapper .head + p {
        font-weight: 500;
        margin: 1em auto 0;
        max-width: 960px;
        width: 90%; }
        @media (max-width: 560px) {
          .about-page .participation-wrapper .head + p {
            font-size: 14px; } }
    .about-page .participation-wrapper .participation-box {
      background: #fff;
      display: flex;
      align-items: stretch;
      margin: min(5vw, 62px) auto 0;
      max-width: 960px;
      width: 90%;
      /*text-box*/ }
      @media (max-width: 560px) {
        .about-page .participation-wrapper .participation-box {
          display: inherit; } }
      .about-page .participation-wrapper .participation-box .text-box {
        padding: min(1.6129032258vw, 20px) min(2.9032258065vw, 36px) min(3.2258064516vw, 40px);
        /*contact-btn*/ }
        @media (max-width: 560px) {
          .about-page .participation-wrapper .participation-box .text-box {
            padding: min(7.1428571429vw, 40px) min(6.4285714286vw, 36px); } }
        .about-page .participation-wrapper .participation-box .text-box .sub-head {
          color: #1e2678;
          font-size: min(1.7741935484vw, 22px); }
          @media (max-width: 560px) {
            .about-page .participation-wrapper .participation-box .text-box .sub-head {
              font-size: 18px; } }
        .about-page .participation-wrapper .participation-box .text-box .cross-head {
          font-size: min(1.4516129032vw, 18px);
          margin-top: min(1.6129032258vw, 20px); }
          @media (max-width: 560px) {
            .about-page .participation-wrapper .participation-box .text-box .cross-head {
              font-size: 16px; } }
          .about-page .participation-wrapper .participation-box .text-box .cross-head::before {
            content: "\025cf";
            color: #ff9a8b; }
        .about-page .participation-wrapper .participation-box .text-box .tel {
          font-size: min(4.1935483871vw, 52px);
          line-height: 1.2;
          white-space: nowrap; }
          @media (max-width: 560px) {
            .about-page .participation-wrapper .participation-box .text-box .tel {
              font-size: 24px; } }
          .about-page .participation-wrapper .participation-box .text-box .tel small {
            font-size: min(1.4516129032vw, 18px); }
            @media (max-width: 560px) {
              .about-page .participation-wrapper .participation-box .text-box .tel small {
                font-size: 14px; } }
        .about-page .participation-wrapper .participation-box .text-box .contact-btn {
          margin-top: min(0.9677419355vw, 12px);
          /*a*/ }
          @media (max-width: 560px) {
            .about-page .participation-wrapper .participation-box .text-box .contact-btn {
              font-size: 16px; } }
          .about-page .participation-wrapper .participation-box .text-box .contact-btn a {
            background: #ff9a8b url("../images/about/arrow-white.svg") no-repeat 90% center;
            background-size: min(1.4516129032vw, 18px);
            border-radius: 35px;
            color: #fff;
            display: inline-block;
            font-size: min(1.7741935484vw, 22px);
            text-align: center;
            padding: .75em 0;
            max-width: 432px;
            width: 90%;
            transition: .2s; }
            @media (max-width: 560px) {
              .about-page .participation-wrapper .participation-box .text-box .contact-btn a {
                background-size: min(3.2142857143vw, 18px);
                font-size: 18px;
                width: 100%; } }
            @media (hover: hover) and (pointer: fine) {
              .about-page .participation-wrapper .participation-box .text-box .contact-btn a:hover {
                background-color: #007eb2;
                color: #fff; } }
            .about-page .participation-wrapper .participation-box .text-box .contact-btn a span {
              background: url("../images/about/mail.svg") no-repeat 0 center;
              background-size: min(2.7419354839vw, 34px) min(1.6935483871vw, 21px);
              padding-left: min(3.3870967742vw, 42px); }
              @media (max-width: 560px) {
                .about-page .participation-wrapper .participation-box .text-box .contact-btn a span {
                  background-size: 34px 21px;
                  padding-left: 42px; } }
      .about-page .participation-wrapper .participation-box .image img {
        height: 100%;
        width: 100%;
        object-fit: cover; }

/*about-page*/
/***********************************************************************
pagenation
**********************************************************************/
.pagination {
  text-align: center;
  margin: min(6.6129032258vw, 82px) auto 0;
  width: 50%; }
  @media (max-width: 750px) {
    .pagination {
      margin-top: min(8.2666666667vw, 62px);
      width: 100%; } }
  .pagination .nav-links {
    display: flex;
    justify-content: center !important; }
  .pagination .page-numbers {
    aspect-ratio: 1;
    display: inline-block;
    font-size: 16px;
    margin-right: .25rem;
    padding: 0.25rem 0.75rem;
    color: #333;
    border-radius: 50%;
    border: 3px solid #000;
    background: #fff; }
    @media (max-width: 560px) {
      .pagination .page-numbers {
        font-size: 14px; } }
  .pagination .current {
    padding: 0.25rem 0.75rem;
    border: 3px solid #000;
    background: #000;
    color: #fff; }
  .pagination .prev,
  .pagination .next {
    aspect-ratio: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #333; }
  .pagination .dots {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0; }

@media screen and (min-width: 769px), print {
  .pagination {
    justify-content: center !important; } }
/********************************************************************************
contact
********************************************************************************/
.form-page .contact-box {
  padding: min(8.2666666667vw, 62px) 0 0; }
  @media (max-width: 750px) {
    .form-page .contact-box {
      padding: 15px 0; } }
.form-page .s-inner {
  margin: auto;
  max-width: 700px;
  width: 85%; }
.form-page .note {
  border-bottom: 1px solid #B2B2B2;
  margin-bottom: 55px;
  padding-bottom: 15px; }
  @media (max-width: 750px) {
    .form-page .note {
      margin-bottom: 30px; } }
  .form-page .note span {
    color: #a40022; }
.form-page table {
  border-collapse: collapse;
  width: 100%; }
  .form-page table th {
    font-weight: 500;
    padding-bottom: 23px;
    padding: 0 0 23px;
    text-align: left;
    vertical-align: top;
    width: 35%; }
    @media (max-width: 750px) {
      .form-page table th {
        display: block;
        padding: 0 0 8px;
        white-space: nowrap;
        width: 100%; } }
    .form-page table th span {
      color: #fff;
      font-weight: 500;
      margin-right: 12px;
      padding: 2px 16px 1px; }
      @media (max-width: 750px) {
        .form-page table th span {
          margin-right: 3px;
          padding: 2px 10px; } }
      .form-page table th span.optional {
        background: #5E5E5E; }
      .form-page table th span.required {
        background: #a40022; }
  .form-page table td {
    padding: 0 0 23px;
    line-height: 1.2; }
    @media (max-width: 750px) {
      .form-page table td {
        display: block;
        padding: 0 0 15px;
        width: 100%; } }
.form-page input[type="text"],
.form-page textarea {
  background: #fff;
  border: none;
  padding: 2% 3%;
  width: 100%; }
  @media (max-width: 750px) {
    .form-page input[type="text"],
    .form-page textarea {
      border-radius: 0;
      font-size: initial; } }
.form-page label {
  display: block; }
.form-page input[type="checkbox"] {
  -webkit-appearance: checkbox; }
.form-page .submit-btn {
  margin-top: 10px;
  text-align: center; }
.form-page input[type="submit"] {
  background: #a40022;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 88px 18px;
  margin-bottom: 42px; }
  @media (max-width: 750px) {
    .form-page input[type="submit"] {
      -webkit-appearance: none;
      border-radius: 0;
      padding: 20px 0 18px;
      text-align: center;
      width: 100%; } }
.form-page .mw_wp_form_confirm th span {
  display: none; }

#confirm table th, #confirm table td {
  border-bottom: 1px solid #b7b7b6;
  padding: 5px; }
  @media (max-width: 750px) {
    #confirm table th, #confirm table td {
      border: none;
      padding: 5px 0; } }
@media (max-width: 750px) {
  #confirm table th {
    border-bottom: 1px solid #b7b7b6; } }
@media (max-width: 750px) {
  #confirm table td {
    padding: 0 0 15px; } }
#confirm .submit-btn {
  margin-top: 3em; }

#thanks .form {
  margin: 5px 0; }
  @media (max-width: 750px) {
    #thanks .form {
      margin: 10px 0; } }
  #thanks .form p {
    line-height: 2;
    margin-top: 15px; }
#thanks h2 {
  text-align: center; }
  #thanks h2 + p {
    font-weight: 500;
    text-align: center; }
#thanks .top-btn {
  margin-top: 3em;
  margin-bottom: 70px;
  text-align: center; }
  @media (max-width: 750px) {
    #thanks .top-btn {
      margin-bottom: 0px; } }
  #thanks .top-btn a {
    background: #fff;
    border: 1px solid #007eb2;
    color: #007eb2;
    display: inline-block;
    padding: 1em; }

.form .privacy-check {
  margin: 3em 0 .5em;
  text-align: center; }
  @media (max-width: 750px) {
    .form .privacy-check {
      margin-top: 1em; } }
  .form .privacy-check label {
    display: inline; }
  .form .privacy-check .required {
    background: #a40022;
    color: #fff;
    font-weight: bold;
    margin-right: 10px;
    padding: 4px 16px; }
    @media (max-width: 750px) {
      .form .privacy-check .required {
        margin-right: 3px;
        padding: 2px 10px; } }
.form .privacy-optional {
  border: 1px solid #ccc;
  background: #e5e5e5;
  margin: 0 0 2em;
  padding: 8px;
  text-align: center; }
  .form .privacy-optional a {
    color: #00597c;
    font-weight: bold;
    margin: 0 .5em;
    text-decoration: underline; }
.form .mw_wp_form_confirm .privacy-check,
.form .mw_wp_form_confirm .privacy-optional {
  display: none; }