@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
.none_text {
  display: none; }

@media screen and (min-width: 741px) {
  .pcNone {
    display: none !important; } }
@media screen and (max-width: 767px) {
  .spNone {
    display: none !important; } }
@media screen and (min-width: 768px) and (max-width: 961px) {
  .tabNone {
    display: none !important; } }
html {
  scroll-padding-top: 150px; }

body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .04em;
  color: #3d3d3d;
  line-height: 1.1; }

.font-01 {
  font-family: "Kumbh Sans", sans-serif; }

a {
  text-decoration: none;
  color: #3d3d3d; }
  a:hover {
    opacity: .8; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none; }

/*header*/
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  transition: all 2s ease;
  padding: 0 0 15px;
  height: 98px;
  width: 100%; }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .header {
      height: 98px; } }
  @media screen and (max-width: 767px) {
    .header {
      height: 65px;
      background: #cb7076;
      padding: 0; } }
  .header .hsen {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%; }
  .header .header_inner {
    width: 100%;
    padding: 0px 20px;
    z-index: 1;
    position: relative;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .header .header_inner {
        padding: 0; } }
    .header .header_inner .header_box_top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100%; }
      .header .header_inner .header_box_top .left-box.logo {
        max-width: 505px;
        width: 100%; }
        @media screen and (min-width: 768px) and (max-width: 961px) {
          .header .header_inner .header_box_top .left-box.logo {
            max-width: 300px; } }
        @media screen and (max-width: 767px) {
          .header .header_inner .header_box_top .left-box.logo {
            max-width: inherit;
            width: 290px;
            z-index: 201;
            margin-left: 20px; } }
        .header .header_inner .header_box_top .left-box.logo .logo_box {
          margin: 0; }
          @media screen and (max-width: 767px) {
            .header .header_inner .header_box_top .left-box.logo .logo_box {
              margin: 0; } }
          .header .header_inner .header_box_top .left-box.logo .logo_box ul {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            @media screen and (max-width: 767px) {
              .header .header_inner .header_box_top .left-box.logo .logo_box ul {
                flex-flow: column;
                align-items: flex-start; } }
            .header .header_inner .header_box_top .left-box.logo .logo_box ul li:first-child {
              width: 21%;
              max-width: 105px; }
              @media screen and (max-width: 767px) {
                .header .header_inner .header_box_top .left-box.logo .logo_box ul li:first-child {
                  max-width: 68px;
                  width: 100%; } }
            .header .header_inner .header_box_top .left-box.logo .logo_box ul li:last-child {
              max-width: 360px;
              width: 72%; }
              @media screen and (max-width: 767px) {
                .header .header_inner .header_box_top .left-box.logo .logo_box ul li:last-child {
                  max-width: 290px;
                  width: 100%; } }
      .header .header_inner .header_box_top .right-box .nav_list {
        text-align: center;
        gap: 10px 30px;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap; }
        @media screen and (max-width: 767px) {
          .header .header_inner .header_box_top .right-box .nav_list {
            text-align: left;
            padding: 0 20px; } }
        .header .header_inner .header_box_top .right-box .nav_list li {
          text-align: right; }
          @media screen and (max-width: 767px) {
            .header .header_inner .header_box_top .right-box .nav_list li {
              text-align: left; } }
          .header .header_inner .header_box_top .right-box .nav_list li:first-child {
            padding-left: 0; }
            @media screen and (max-width: 767px) {
              .header .header_inner .header_box_top .right-box .nav_list li:first-child {
                padding-top: 45px; } }
          @media screen and (max-width: 767px) {
            .header .header_inner .header_box_top .right-box .nav_list li {
              width: 100%;
              padding: 15px 0; } }
          .header .header_inner .header_box_top .right-box .nav_list li a {
            font-size: 16px;
            text-decoration: none;
            display: block;
            text-align: center;
            position: relative;
            color: #fff;
            letter-spacing: 0; }
            @media screen and (max-width: 1500px) {
              .header .header_inner .header_box_top .right-box .nav_list li a {
                font-size: 13px; } }
            @media screen and (min-width: 768px) and (max-width: 961px) {
              .header .header_inner .header_box_top .right-box .nav_list li a {
                font-size: 12px; } }
            @media screen and (max-width: 767px) {
              .header .header_inner .header_box_top .right-box .nav_list li a {
                color: #3d3d3d;
                font-size: 15px;
                font-weight: bold;
                text-align: left; } }
            .header .header_inner .header_box_top .right-box .nav_list li a:before {
              content: "";
              width: 1px;
              height: 100%;
              background: #fff;
              position: absolute;
              right: -12px;
              top: 0;
              bottom: 0;
              margin: auto; }
          .header .header_inner .header_box_top .right-box .nav_list li:last-child a:before {
            content: inherit; }

/* sp ハンバーガー用 */
@media screen and (max-width: 767px) {
  .nav {
    position: fixed;
    right: -100%;
    top: 64px;
    width: 100%;
    height: 100vh;
    padding-top: 30px;
    background-color: #fff;
    transition: all .6s;
    z-index: 200;
    overflow-y: auto; }
    .nav .hamburger-nav-text {
      font-size: 16px;
      text-decoration: underline;
      padding: 30px 0 30px 20px; }
    .nav .flex-box {
      display: flex;
      justify-content: center;
      flex-flow: column; }
    .nav .sp-text-button {
      width: 70%;
      margin: 25px auto 0;
      background-image: linear-gradient(180deg, #159eff, 50%, #4339ff);
      height: 54px;
      border-radius: 5px; }
      .nav .sp-text-button a {
        color: #fff;
        font-size: 15px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: .09rem;
        position: relative; }
    .nav .second_button {
      background: none;
      margin-top: 15px; }
      .nav .second_button a {
        color: #ff5f00;
        position: relative; }
        .nav .second_button a:before {
          content: "";
          background: url(../img/company/SVG/arrow.svg) no-repeat;
          width: 11px;
          height: 11px;
          position: absolute;
          right: 45px;
          top: 1px;
          bottom: 0;
          margin: auto; }

  .hamburger {
    position: absolute;
    right: 0;
    top: 0;
    width: 63px;
    height: 63px;
    cursor: pointer;
    z-index: 300;
    transition: all 2s ease; }

  .nav_list {
    margin: 0;
    padding: 0;
    list-style: none; }

  .nav_item {
    text-align: center;
    padding: 0 20px; }

  .nav_item a {
    display: block;
    text-decoration: none;
    color: #00183A;
    font-size: 16px; }

  .nav_item a:hover {
    background-color: #eee; }

  .hamburger_border {
    position: absolute;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transition: all .6s;
    right: 0;
    margin: auto;
    border-radius: 5px; }

  .hamburger_border_top {
    top: 22px; }

  .hamburger_border_center {
    top: 30px; }

  .hamburger_border_bottom {
    top: 38px; }

  .black_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    /*background-color: #333;*/
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    cursor: pointer;
    z-index: 0; }

  /* 表示された時用のCSS */
  .nav-open .nav {
    right: 0;
    background: #fff; }

  .nav-open .black_bg {
    opacity: .8;
    visibility: visible; }

  .nav-open .hamburger_border_top {
    transform: rotate(45deg);
    top: 33px; }

  .nav-open .hamburger_border_center {
    width: 0;
    left: 50%; }

  .nav-open .hamburger_border_bottom {
    transform: rotate(-45deg);
    top: 33px; } }
.header.fixed {
  transition: all 2s ease; }
  .header.fixed .hamburger {
    top: 0px;
    transition: all 2s ease; }

/*flexbox 共通*/
.flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/*header end*/
/*文字色*/
.color-red {
  color: #E40020; }

.color-green {
  color: #22B473; }

.asterisk_text {
  font-size: 14px;
  letter-spacing: .05rem; }

/*共通タイトル*/
.title-box {
  text-align: center;
  margin: 0 0 30px; }
  .title-box h2.sub_title {
    font-size: 25px;
    color: #92dac8;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .title-box h2.sub_title {
        font-size: 14px; } }
  .title-box h3 {
    font-size: 28px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .title-box h3 {
        font-size: 23px; } }

.asterisk_text {
  font-size: 14px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .asterisk_text {
      text-align: left; } }

/*main str*/
main #mv_area {
  background: url("../img/top/SVG/mv_bg.svg") no-repeat;
  width: 100%;
  height: 100%;
  padding: 175px 0 50px; }
  @media screen and (max-width: 767px) {
    main #mv_area {
      background: url("../img/top/2x/sp_mv_bg.png") no-repeat;
      padding: 80px 0 0; } }
  main #mv_area .mv_illust {
    max-width: 1600px;
    margin: 0 auto;
    width: 95%;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      main #mv_area .mv_illust {
        flex-flow: column; } }
    main #mv_area .mv_illust .left-box {
      width: 32%;
      animation: fadeIn 1s ease 0s 1 normal backwards; }
      @media screen and (max-width: 767px) {
        main #mv_area .mv_illust .left-box {
          order: 1;
          width: 48%;
          margin-right: auto; } }
    main #mv_area .mv_illust .center-box {
      width: 34%;
      margin-top: -20px;
      animation: fadeIn 1s ease 0.5s 1 normal backwards; }
      @media screen and (max-width: 767px) {
        main #mv_area .mv_illust .center-box {
          order: 3;
          width: 60%;
          margin: 0px auto -17px; } }
    main #mv_area .mv_illust .right-box {
      width: 32%;
      animation: fadeIn 1s ease 1s 1 normal backwards; }
      @media screen and (max-width: 767px) {
        main #mv_area .mv_illust .right-box {
          order: 2;
          width: 54%;
          margin-left: auto;
          margin-top: -100px; } }
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
main #main-content {
  /*概要*/
    /*----------------------------
コンテンツ
----------------------------*/ }
  main #main-content #overview {
    background: #e8b28e;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      main #main-content #overview {
        width: 100%;
        padding: 0 20px; } }
    main #main-content #overview .overview_inner {
      max-width: 1500px;
      margin: 0 auto;
      justify-content: space-between;
      padding: 45px 0; }
      @media screen and (max-width: 1500px) {
        main #main-content #overview .overview_inner {
          width: 95%; } }
      @media screen and (max-width: 767px) {
        main #main-content #overview .overview_inner {
          width: 100%;
          flex-flow: column; } }
      main #main-content #overview .overview_inner .left-box {
        width: 38%; }
        @media screen and (max-width: 767px) {
          main #main-content #overview .overview_inner .left-box {
            width: 100%;
            margin: 0 0 35px; } }
        main #main-content #overview .overview_inner .left-box p:first-child {
          margin: 0 0 30px; }
          @media screen and (max-width: 767px) {
            main #main-content #overview .overview_inner .left-box p:first-child {
              margin: 0 0 15px; } }
      main #main-content #overview .overview_inner .right-box {
        width: 55%;
        position: relative; }
        @media screen and (max-width: 767px) {
          main #main-content #overview .overview_inner .right-box {
            width: 100%; } }
        main #main-content #overview .overview_inner .right-box p {
          color: #fff;
          font-size: 18px;
          line-height: 33px;
          letter-spacing: .06rem; }
          @media screen and (max-width: 1500px) {
            main #main-content #overview .overview_inner .right-box p {
              font-size: 16px;
              line-height: 28px; } }
          @media screen and (max-width: 767px) {
            main #main-content #overview .overview_inner .right-box p {
              font-size: 15px;
              line-height: 28px; } }
          main #main-content #overview .overview_inner .right-box p span {
            font-size: 24px; }
            @media screen and (max-width: 767px) {
              main #main-content #overview .overview_inner .right-box p span {
                font-size: 18px; } }
        main #main-content #overview .overview_inner .right-box p.illust {
          position: absolute;
          width: 28%;
          right: -50px;
          bottom: -45px;
          max-width: 295px; }
  main #main-content .contents_str {
    position: relative;
      /*----------------------------
新着情報
----------------------------*/
      /*----------------------------
ナビゲーション
----------------------------*/
      /*----------------------------
SCHOOL str
----------------------------*/
      /*----------------------------
SCHOOL end
----------------------------*/
      /*----------------------------
Seminar str
----------------------------*/
      /*----------------------------
Seminar end
----------------------------*/
      /*----------------------------
Fair str
----------------------------*/
      /*----------------------------
Fair end
----------------------------*/ }
    main #main-content .contents_str .gradation_bg {
      padding: 70px 0 0;
      position: relative; }
      @media screen and (max-width: 767px) {
        main #main-content .contents_str .gradation_bg {
          padding: 45px 0 0; } }
      main #main-content .contents_str .gradation_bg:before {
        content: "";
        width: 100%;
        height: 100%;
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.06), #faefe8 10%);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        z-index: -1; }
    main #main-content .contents_str #news-box {
      max-width: 1200px;
      margin: 0 auto 100px; }
      @media screen and (min-width: 960px) and (max-width: 1499px) {
        main #main-content .contents_str #news-box {
          padding: 0 20px; } }
      @media screen and (max-width: 767px) {
        main #main-content .contents_str #news-box {
          padding: 0 20px; } }
      main #main-content .contents_str #news-box h2 {
        font-size: 24px;
        text-align: center;
        font-weight: 900;
        margin: 0 0 25px; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str #news-box h2 {
            font-size: 18px;
            margin: 0 0 15px; } }
      main #main-content .contents_str #news-box .news_inner {
        height: 180px;
        overflow-x: hidden;
        padding-right: 15px; }
        main #main-content .contents_str #news-box .news_inner::-webkit-scrollbar-track {
          background-color: #bcada9;
          border-radius: 50px; }
        main #main-content .contents_str #news-box .news_inner::-webkit-scrollbar {
          width: 6px; }
        main #main-content .contents_str #news-box .news_inner::-webkit-scrollbar-thumb {
          background-color: #60433a;
          border-radius: 50px; }
        main #main-content .contents_str #news-box .news_inner .news_contents {
          display: flex;
          flex-flow: column;
          gap: 10px 0; }
          main #main-content .contents_str #news-box .news_inner .news_contents article {
            background: #fff;
            border-radius: 10px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 15px 15px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #news-box .news_inner .news_contents article {
                flex-flow: column; } }
            main #main-content .contents_str #news-box .news_inner .news_contents article p.day {
              font-size: 13px;
              width: 10%;
              margin-right: 25px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #news-box .news_inner .news_contents article p.day {
                  width: 100%;
                  margin: 0 0 10px; } }
            main #main-content .contents_str #news-box .news_inner .news_contents article p.news_text {
              font-size: 16px;
              line-height: 28px;
              flex: 1; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #news-box .news_inner .news_contents article p.news_text {
                  width: 100%;
                  font-size: 14px;
                  line-height: 22px; } }
    main #main-content .contents_str #nav-box {
      max-width: 1200px;
      margin: 0 auto;
      padding-bottom: 100px; }
      @media screen and (min-width: 960px) and (max-width: 1499px) {
        main #main-content .contents_str #nav-box {
          padding: 0 20px 100px; } }
      @media screen and (max-width: 767px) {
        main #main-content .contents_str #nav-box {
          padding: 0; } }
      main #main-content .contents_str #nav-box .nav_inner {
        justify-content: space-between;
        align-items: stretch; }
        main #main-content .contents_str #nav-box .nav_inner .nav_box01 {
          border-radius: 20px;
          padding: 35px 15px 15px;
          position: relative;
          background: #fff;
          display: flex;
          flex-flow: column;
          width: 32%; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str #nav-box .nav_inner .nav_box01 {
              width: 33%;
              padding: 15px 5px 10px;
              border-radius: 5px; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01:before {
            content: "";
            background: url(../img/top/2x/menu_bg_01.png) no-repeat;
            width: 100%;
            position: absolute;
            left: 0;
            top: 15px;
            right: 0;
            margin: auto;
            z-index: -1;
            height: 100%;
            background-size: cover; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #nav-box .nav_inner .nav_box01:before {
                background: url(../img/top/2x/menu_bg_01_sp.png) no-repeat;
                background-size: cover;
                top: 5px; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01 a {
            display: flex;
            flex-flow: column;
            width: 100%;
            height: 100%; }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01 h3 {
            font-size: 31px;
            font-weight: 900;
            text-align: center;
            position: absolute;
            left: 0;
            right: 0;
            top: -20px;
            color: #59ce80; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #nav-box .nav_inner .nav_box01 h3 {
                position: relative;
                font-size: 12px;
                top: 0;
                margin: 0 0 10px; } }
            main #main-content .contents_str #nav-box .nav_inner .nav_box01 h3 span {
              position: relative; }
              main #main-content .contents_str #nav-box .nav_inner .nav_box01 h3 span:before {
                content: "";
                background: url(../img/top/SVG/h_sen01.svg) no-repeat;
                width: 76px;
                height: 6px;
                background-size: contain;
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                bottom: -5px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str #nav-box .nav_inner .nav_box01 h3 span:before {
                    width: 33px;
                    height: 3px; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01 .text01 {
            font-size: 14px;
            text-align: center;
            line-height: 21px;
            margin: 0 0 10px;
            flex: 1;
            align-items: center;
            display: flex;
            justify-content: center; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #nav-box .nav_inner .nav_box01 .text01 {
                font-size: 10px;
                line-height: 15px;
                flex: initial; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01 .title_text {
            width: 90%;
            margin: 0 auto 10px; }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01 .waku {
            border-radius: 5px;
            border: 1px solid #3d3d3d;
            padding: 5px 10px;
            font-size: 14px;
            max-width: 70px;
            margin: 0 auto 15px;
            text-align: center;
            font-weight: 700; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #nav-box .nav_inner .nav_box01 .waku {
                font-size: 10px;
                padding: 3px 0;
                width: 100%;
                max-width: 50px;
                margin: 0 auto 10px; } }
            main #main-content .contents_str #nav-box .nav_inner .nav_box01 .waku span {
              font-size: 18px;
              line-height: 0; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #nav-box .nav_inner .nav_box01 .waku span {
                  font-size: 12px; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01 .text02 {
            font-size: 14px;
            font-weight: 700;
            margin: auto auto 20px;
            text-align: center; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #nav-box .nav_inner .nav_box01 .text02 {
                font-size: 9px;
                line-height: 16px;
                margin: 0 0 10px; } }
            main #main-content .contents_str #nav-box .nav_inner .nav_box01 .text02 span.number {
              font-size: 18px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #nav-box .nav_inner .nav_box01 .text02 span.number {
                  font-size: 11px; } }
            main #main-content .contents_str #nav-box .nav_inner .nav_box01 .text02 span.span02 {
              font-size: 18px;
              font-weight: 900; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #nav-box .nav_inner .nav_box01 .text02 span.span02 {
                  font-size: 11px; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01 .Arrow {
            width: 7%;
            margin: auto auto 0;
            filter: drop-shadow(2px 0px 5px rgba(249, 117, 117, 0.9)); }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #nav-box .nav_inner .nav_box01 .Arrow {
                width: 13%; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01.color02:before {
            background: url(../img/top/2x/menu_bg_02.png) no-repeat;
            background-size: cover; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #nav-box .nav_inner .nav_box01.color02:before {
                background: url(../img/top/2x/menu_bg_02_sp.png) no-repeat;
                background-size: cover; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01.color02 h3 {
            color: #ffc300; }
            main #main-content .contents_str #nav-box .nav_inner .nav_box01.color02 h3 span:before {
              background: url(../img/top/SVG/h_sen02.svg) no-repeat;
              background-size: contain; }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01.color03:before {
            background: url(../img/top/2x/menu_bg_03.png) no-repeat;
            background-size: cover; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #nav-box .nav_inner .nav_box01.color03:before {
                background: url(../img/top/2x/menu_bg_03_sp.png) no-repeat;
                background-size: cover; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01.color03 h3 {
            color: #ff9ac5; }
            main #main-content .contents_str #nav-box .nav_inner .nav_box01.color03 h3 span:before {
              background: url(../img/top/SVG/h_sen03.svg) no-repeat;
              background-size: contain; }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01.left-box {
            position: relative; }
            main #main-content .contents_str #nav-box .nav_inner .nav_box01.left-box:after {
              content: "";
              background: url(../img/top/SVG/menu_illust_01.svg) no-repeat;
              width: 148px;
              height: 162px;
              position: absolute;
              left: -135px;
              top: -30px;
              background-size: cover; }
              @media screen and (max-width: 1500px) {
                main #main-content .contents_str #nav-box .nav_inner .nav_box01.left-box:after {
                  content: inherit; } }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #nav-box .nav_inner .nav_box01.left-box:after {
                  content: "";
                  width: 56px;
                  height: 62px;
                  left: 0;
                  right: 0;
                  top: -55px;
                  margin: auto; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01.center-box {
            position: relative; }
            main #main-content .contents_str #nav-box .nav_inner .nav_box01.center-box:after {
              content: "";
              background: url(../img/top/SVG/menu_illust_02.svg) no-repeat;
              width: 156px;
              height: 136px;
              position: absolute;
              right: -29px;
              bottom: -60px;
              background-size: cover;
              z-index: 1; }
              @media screen and (max-width: 1500px) {
                main #main-content .contents_str #nav-box .nav_inner .nav_box01.center-box:after {
                  content: inherit; } }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #nav-box .nav_inner .nav_box01.center-box:after {
                  content: "";
                  width: 71px;
                  height: 62px;
                  left: 0;
                  right: 0;
                  top: -55px;
                  bottom: inherit;
                  margin: auto; } }
          main #main-content .contents_str #nav-box .nav_inner .nav_box01.right-box {
            position: relative; }
            main #main-content .contents_str #nav-box .nav_inner .nav_box01.right-box:after {
              content: "";
              background: url(../img/top/SVG/menu_illust_03.svg) no-repeat;
              width: 187px;
              height: 147px;
              position: absolute;
              right: -125px;
              top: -65px;
              background-size: cover; }
              @media screen and (max-width: 1500px) {
                main #main-content .contents_str #nav-box .nav_inner .nav_box01.right-box:after {
                  content: inherit; } }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #nav-box .nav_inner .nav_box01.right-box:after {
                  content: "";
                  width: 79px;
                  height: 62px;
                  left: 0;
                  right: 0;
                  top: -55px;
                  margin: auto; } }
    main #main-content .contents_str .c_common_box {
      position: relative;
      padding: 100px 0;
      background: url("../img/top/2x/bg01.png") no-repeat;
      background-size: 100%;
      background-position: center top;
      background-color: #e4fde9;
      /*共通タイトル*/
        /*----------------------------
TOKYOテレワークチャレンジ塾とは？
----------------------------*/
        /*----------------------------
こんな不安やお悩みをお持ちの方にもオススメです
----------------------------*/
        /*----------------------------
プログラム内容（全5回）
----------------------------*/
        /*----------------------------
個別カウンセリング
----------------------------*/
        /*----------------------------
開催概要
----------------------------*/
        /*----------------------------
開催概要
----------------------------*/
        /*----------------------------
エントリー
----------------------------*/ }
      @media screen and (max-width: 767px) {
        main #main-content .contents_str .c_common_box {
          padding: 60px 20px; } }
      main #main-content .contents_str .c_common_box .bg_en {
        position: relative;
        z-index: 1; }
      main #main-content .contents_str .c_common_box h2 {
        font-size: 48px;
        font-weight: 900;
        text-align: center;
        position: relative;
        margin: 0 0 50px;
        color: #59ce80; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box h2 {
            font-size: 21px;
            margin: 0 0 30px; } }
        main #main-content .contents_str .c_common_box h2:before {
          content: "";
          background: url("../img/top/SVG/h_sen01.svg") no-repeat;
          width: 76px;
          height: 7px;
          position: absolute;
          left: 0;
          right: 0;
          bottom: -10px;
          margin: auto; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box h2:before {
              width: 35px;
              height: 4px; } }
      main #main-content .contents_str .c_common_box .img_title {
        margin: 0 auto 30px; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box .img_title {
            margin: 0 auto 20px; } }
        main #main-content .contents_str .c_common_box .img_title img {
          height: 85px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .img_title img {
              height: auto;
              width: 100%;
              padding: 0 20px;
              height: 30px; } }
      main #main-content .contents_str .c_common_box p.sub_text {
        font-size: 20px;
        text-align: center;
        font-weight: 900;
        letter-spacing: .12rem;
        margin: 0 0 15px;
        color: #59ce80; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box p.sub_text {
            font-size: 14px;
            margin: 0 0 10px; } }
      main #main-content .contents_str .c_common_box h3.c_title01 {
        font-size: 38px;
        font-weight: 900;
        margin: 0 0 25px;
        text-align: center; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box h3.c_title01 {
            font-size: 24px;
            line-height: 32px;
            margin: 0 0 10px; } }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box h3.c_title01.entry_size01 {
            font-size: 20px;
            line-height: 28px; } }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box h3.c_title01.sp_font01 {
            font-size: 21px; } }
      main #main-content .contents_str .c_common_box .c_common_inner_01 {
        max-width: 1200px;
        margin: 0 auto 80px;
        background: #fff;
        padding: 80px 30px;
        border-radius: 30px;
          /*----------------------------
画像エリア
----------------------------*/
          /*----------------------------
利用者の声
----------------------------*/ }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box .c_common_inner_01 {
            padding: 45px 10px;
            border-radius: 15px;
            margin: 0 auto 50px; } }
        main #main-content .contents_str .c_common_box .c_common_inner_01 .what_box {
          margin: 0 0 35px; }
          main #main-content .contents_str .c_common_box .c_common_inner_01 .what_box p.img_01 {
            margin: 0 auto 20px;
            width: 15%;
            max-width: 155px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .what_box p.img_01 {
                max-width: 80px;
                width: 30%;
                margin: 0 auto 15px; } }
          main #main-content .contents_str .c_common_box .c_common_inner_01 .what_box h4 {
            font-size: 24px;
            font-weight: 900;
            margin: 0 0 35px;
            line-height: 41px;
            letter-spacing: .1rem;
            text-align: center; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .what_box h4 {
                font-size: 18px;
                line-height: 30px;
                margin: 0 0 20px; } }
          main #main-content .contents_str .c_common_box .c_common_inner_01 .what_box p.text01 {
            font-size: 18px;
            line-height: 32px;
            letter-spacing: .1rem;
            font-weight: 700;
            text-align: center; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .what_box p.text01 {
                font-size: 14px;
                line-height: 25px;
                letter-spacing: 0; } }
            main #main-content .contents_str .c_common_box .c_common_inner_01 .what_box p.text01 span {
              background: linear-gradient(transparent 0%, #ffffa6 0%); }
        main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box {
          display: flex;
          justify-content: center;
          gap: 0 20px;
          margin: 0 0 60px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box {
              flex-flow: column;
              gap: 10px 0;
              margin: 0 0 45px; } }
          main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .left-box {
            width: 58%;
            position: relative; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .left-box {
                width: 100%; } }
            main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .left-box .en {
              width: 108px;
              height: 108px;
              background: #59ce80;
              border-radius: 50%;
              position: absolute;
              left: -30px;
              top: -20px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .left-box .en {
                  width: 65px;
                  height: 65px;
                  left: -20px; } }
              main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .left-box .en .inen {
                position: relative;
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center; }
                main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .left-box .en .inen:before {
                  content: "";
                  width: 102px;
                  height: 102px;
                  border: 1px solid #fff;
                  border-radius: 50%;
                  position: absolute;
                  left: 0;
                  right: 0;
                  top: 0;
                  bottom: 0;
                  margin: auto; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .left-box .en .inen:before {
                      width: 61px;
                      height: 61px; } }
              main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .left-box .en p {
                color: #fff;
                font-size: 20px;
                font-weight: 700;
                line-height: 24px;
                letter-spacing: .1rem;
                text-align: center; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .left-box .en p {
                    font-size: 12px;
                    line-height: 14px; } }
          main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .right-box {
            width: 33%;
            display: flex;
            flex-flow: column;
            justify-content: space-between; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .right-box {
                width: 100%;
                flex-flow: wrap; } }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .img-box .right-box img {
                width: 49%; } }
        main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner {
          max-width: 840px;
          margin: 0 auto;
          width: 98%;
          border-radius: 20px;
          border: 2px solid #59ce80;
          padding: 45px 40px;
          position: relative; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner {
              padding: 30px 10px;
              border-radius: 15px; } }
          main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner:before {
            content: "";
            background: url(../img/top/SVG/voice_01.svg) no-repeat;
            width: 78px;
            height: 175px;
            position: absolute;
            left: -50px;
            bottom: -25px;
            margin: auto; }
            @media screen and (min-width: 768px) and (max-width: 961px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner:before {
                width: 46px;
                height: 102px;
                left: 0;
                bottom: -75px; } }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner:before {
                width: 46px;
                height: 102px;
                left: 0;
                bottom: -75px; } }
          main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner:after {
            content: "";
            background: url("../img/top/SVG/voice_02.svg") no-repeat;
            width: 70px;
            height: 176px;
            position: absolute;
            right: -50px;
            bottom: -25px;
            margin: auto; }
            @media screen and (min-width: 768px) and (max-width: 961px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner:after {
                width: 41px;
                height: 103px;
                right: 0;
                bottom: -75px; } }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner:after {
                width: 41px;
                height: 103px;
                right: 0;
                bottom: -75px; } }
          main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner ul li {
            padding: 0 0 20px 30px;
            margin-bottom: 15px;
            position: relative;
            border-bottom: 1px dotted #59ce80;
            font-size: 16px;
            line-height: 27px;
            letter-spacing: .1rem; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner ul li {
                font-size: 14px;
                line-height: 23px; } }
            main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner ul li:last-child {
              border-bottom: none;
              margin-bottom: 0;
              padding-bottom: 0; }
            main #main-content .contents_str .c_common_box .c_common_inner_01 .voice_box .voice_inner ul li:before {
              content: "";
              background: url(../img/top/SVG/icon_01.svg) no-repeat;
              width: 16px;
              height: 14px;
              background-size: cover;
              position: absolute;
              left: 3px;
              top: 8px; }
      main #main-content .contents_str .c_common_box .recommended_box {
        max-width: 1200px;
        margin: 0 auto 80px; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box .recommended_box {
            margin: 0 auto 50px; } }
        main #main-content .contents_str .c_common_box .recommended_box .recommended_inner {
          margin: 45px auto 0; }
          main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul {
            display: flex;
            justify-content: space-between;
            align-items: stretch; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul {
                flex-flow: column; } }
            main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li {
              width: 32%;
              display: flex;
              flex-flow: column; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li {
                  width: 100%;
                  flex-flow: wrap;
                  justify-content: space-between;
                  margin: 0 0 20px; }
                  main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li:last-child {
                    margin-bottom: 0; } }
              main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .waku {
                background: #59ce80;
                border-radius: 70px;
                flex: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 0 50px;
                position: relative; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .waku {
                    width: 63%;
                    flex: initial;
                    margin: 0; } }
                main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .waku:before {
                  content: "";
                  width: 30px;
                  height: 30px;
                  background: #59ce80;
                  position: absolute;
                  left: 0;
                  right: 0;
                  bottom: -15px;
                  margin: auto;
                  border-radius: 50%; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .waku:before {
                      left: inherit;
                      bottom: 0;
                      top: 0;
                      right: -7px;
                      width: 14px;
                      height: 14px; } }
                main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .waku:after {
                  content: "";
                  width: 15px;
                  height: 15px;
                  background: #59ce80;
                  position: absolute;
                  left: 0;
                  right: 0;
                  bottom: -40px;
                  margin: auto;
                  border-radius: 50%; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .waku:after {
                      left: inherit;
                      bottom: 0;
                      top: 0;
                      right: -17px;
                      width: 7px;
                      height: 7px; } }
                main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .waku p {
                  font-size: 20px;
                  font-weight: 700;
                  line-height: 32px;
                  letter-spacing: .1rem;
                  padding: 20px 5px;
                  text-align: center;
                  color: #fff; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .waku p {
                      font-size: 14px;
                      line-height: 19px;
                      padding: 10px 5px; } }
              main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .img_box {
                position: relative; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .img_box {
                    width: 23%;
                    margin-right: 20px; } }
                main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .img_box .en_img {
                  width: 50%;
                  margin: 0 auto; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .img_box .en_img {
                      width: 100%; } }
                main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .img_box .decoration01 {
                  position: absolute;
                  width: 85%;
                  left: 20%;
                  right: 0;
                  top: 0; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .img_box .decoration01 {
                      width: 115px;
                      left: 0;
                      top: 17%; } }
                main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .img_box .decoration02 {
                  position: absolute;
                  width: 75%;
                  left: 8%;
                  right: 0;
                  top: 0; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .img_box .decoration02 {
                      width: 101px;
                      left: -14%;
                      top: 6%; } }
                main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .img_box .decoration03 {
                  position: absolute;
                  width: 82%;
                  left: 12%;
                  right: 0;
                  top: 0; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .recommended_box .recommended_inner ul li .img_box .decoration03 {
                      width: 109px;
                      left: -10%;
                      top: 9%; } }
      main #main-content .contents_str .c_common_box .session_program_box {
        margin: 0 auto 100px;
        position: relative;
        z-index: 1;
        max-width: 1235px;
        padding: 20px 0; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box .session_program_box {
            padding: 10px 0;
            margin: 0 auto 80px; } }
        main #main-content .contents_str .c_common_box .session_program_box:before {
          content: "";
          background: url("../img/top/2x/bg_01.png") no-repeat;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          right: 0;
          margin: auto;
          z-index: 0;
          background-size: cover;
          border-radius: 40px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .session_program_box:before {
              background: url("../img/top/2x/bg_01_sp.png") no-repeat;
              background-size: cover;
              border-radius: 15px; } }
        main #main-content .contents_str .c_common_box .session_program_box .all_bg {
          background: #fff;
          border-radius: 50px;
          max-width: 1200px;
          padding: 80px 30px;
          position: relative;
          z-index: 1;
          margin: 0 auto; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .session_program_box .all_bg {
              width: calc(100% - 10px);
              border-radius: 15px;
              padding: 40px 15px; } }
        main #main-content .contents_str .c_common_box .session_program_box .text-box {
          margin: 0 0 40px;
          position: relative; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .session_program_box .text-box {
              margin: 0 0 20px; } }
          main #main-content .contents_str .c_common_box .session_program_box .text-box .text01 {
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            line-height: 32px;
            letter-spacing: .1rem;
            margin: 0 0 25px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .session_program_box .text-box .text01 {
                font-size: 14px;
                line-height: 25px;
                margin: 0 0 10px; } }
          main #main-content .contents_str .c_common_box .session_program_box .text-box .waku {
            background: #e96b66;
            border-radius: 16px;
            margin: 0 auto;
            width: fit-content; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .session_program_box .text-box .waku {
                background: none;
                border-radius: 0; } }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .session_program_box .text-box .waku span {
                background: #e96b66;
                border-radius: 12px;
                width: fit-content;
                display: block;
                margin: 0 auto 5px;
                padding: 4px 10px; } }
            main #main-content .contents_str .c_common_box .session_program_box .text-box .waku p {
              color: #fff;
              font-size: 18px;
              padding: 7px 20px;
              letter-spacing: .1rem; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .session_program_box .text-box .waku p {
                  font-size: 13px;
                  padding: 5px 10px; } }
          main #main-content .contents_str .c_common_box .session_program_box .text-box .icon_01 {
            position: absolute;
            right: 20px;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 20%;
            max-width: 210px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .session_program_box .text-box .icon_01 {
                position: relative;
                width: 45%;
                max-width: inherit;
                left: 0;
                right: 0;
                margin: 10px auto 0; } }
        main #main-content .contents_str .c_common_box .session_program_box .program_schedule {
          position: relative; }
          main #main-content .contents_str .c_common_box .session_program_box .program_schedule:before {
            content: "";
            width: 2px;
            height: 100%;
            height: calc(100% - 170px);
            background: #22ad73;
            position: absolute;
            left: 17%;
            top: 50px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule:before {
                left: 1%;
                top: 15px;
                height: calc(100% - 105px);
                content: inherit; } }
          main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl {
            display: flex;
            justify-content: flex-start;
            margin: 0 0 20px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl {
                flex-flow: column;
                margin-left: 20px;
                position: relative;
                margin-bottom: 0;
                padding-bottom: 20px; }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl:before {
                  content: "";
                  width: 2px;
                  height: 100%;
                  background: #22ad73;
                  position: absolute;
                  left: -17px;
                  top: 15px; } }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl:last-child:before {
                content: inherit; } }
            main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dt {
              font-size: 16px;
              font-weight: 700;
              width: 15%;
              text-align: right;
              margin: 0 5% 0 auto;
              padding: 35px 0 0;
              position: relative; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dt {
                  width: 100%;
                  font-size: 14px;
                  padding: 0;
                  margin: 0 0 10px;
                  text-align: left; } }
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dt:before {
                content: "";
                border-radius: 50%;
                width: 12px;
                height: 12px;
                background: #59ce80;
                position: absolute;
                top: 45px;
                left: 110%; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dt:before {
                    left: -22px;
                    top: 10px; } }
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dt span {
                font-size: 24px;
                font-weight: 900; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dt span {
                    font-size: 21px; } }
            main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd {
              background: #ebfafe;
              padding: 20px;
              width: 75%;
              border-radius: 20px;
              margin-right: 5%; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd {
                  width: 100%;
                  border-radius: 10px;
                  margin: 0 auto;
                  padding: 20px 10px; } }
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin: 0 0 15px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title {
                    cursor: pointer;
                    margin: 0; } }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title p {
                  background: #6ddffa;
                  color: #fff;
                  font-size: 16px;
                  line-height: 34px;
                  border-radius: 20px;
                  padding: 8px 25px;
                  margin-right: 20px; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title p {
                      padding: 0px 10px;
                      font-size: 12px;
                      width: fit-content;
                      margin-right: 10px; } }
                  main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title p span {
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 0;
                    padding: 0 2px; }
                    @media screen and (max-width: 767px) {
                      main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title p span {
                        font-size: 20px; } }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title h4 {
                  font-size: 24px;
                  line-height: 41px;
                  font-weight: 900; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title h4 {
                      font-size: 14px;
                      line-height: 20px;
                      flex: 1; } }
                  main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title h4 span {
                    font-size: 18px;
                    padding-left: 5px; }
                    @media screen and (max-width: 767px) {
                      main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title h4 span {
                        font-size: 12px; } }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title .arrow-icon {
                  width: 16px;
                  height: auto;
                  margin-left: 8px;
                  transition: transform 0.3s ease; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd .title .arrow-icon {
                      display: inline-block; } }
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd ul {
                display: flex;
                flex-flow: column;
                gap: 5px 0; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd ul {
                    padding-top: 10px; } }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd ul li {
                  font-size: 16px;
                  font-weight: bold;
                  line-height: 28px;
                  padding-left: 23px;
                  position: relative; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd ul li {
                      font-size: 13px;
                      line-height: 23px; } }
                  main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd ul li:before {
                    content: "";
                    width: 10px;
                    height: 10px;
                    background: #6ddffa;
                    position: absolute;
                    left: 5px;
                    top: 10px;
                    border-radius: 50%;
                    margin: auto; }
                    @media screen and (max-width: 767px) {
                      main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd ul li:before {
                        top: 8px; } }
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_02 {
                background: #ebfaec; }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_02 .title p {
                  background: #92e49b; }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_02 ul li:before {
                  background: #92e49b; }
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_03 {
                background: #fef8e0; }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_03 .title p {
                  background: #fac600; }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_03 ul li:before {
                  background: #fac600; }
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_04 {
                background: #fdf2e2; }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_04 .title p {
                  background: #f3a12e; }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_04 ul li:before {
                  background: #f3a12e; }
              main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_05 {
                background: #fff1f1; }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_05 .title p {
                  background: #ff928f; }
                main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl dd.color_05 ul li:before {
                  background: #ff928f; }
            main #main-content .contents_str .c_common_box .session_program_box .program_schedule dl .active .arrow-icon {
              transform: rotate(180deg); }
        main #main-content .contents_str .c_common_box .session_program_box .program_instructor {
          margin: 50px auto 0;
          padding: 50px 0 0;
          position: relative;
          max-width: 1000px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .session_program_box .program_instructor {
              margin: 30px auto 0; } }
          main #main-content .contents_str .c_common_box .session_program_box .program_instructor:before {
            content: "";
            background: url("../img/top/SVG/large_h_sen01.svg") no-repeat;
            width: 100%;
            height: 5px;
            background-size: cover;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            margin: auto; }
          main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner {
            display: flex;
            justify-content: flex-start; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner {
                flex-wrap: wrap; } }
            main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .left-box {
              width: 18%;
              margin-right: 3%; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .left-box {
                  width: 37%;
                  margin-right: 5%; } }
            main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .right-box {
              flex: 1; }
              main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .right-box p.instructor {
                font-size: 14px;
                margin: 0 0 10px;
                color: #59ce80; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .right-box p.instructor {
                    margin: 0 0 5px; } }
              main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .right-box p.name {
                font-size: 20px;
                margin: 0 0 15px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .right-box p.name {
                    margin: 0 0 10px; } }
                main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .right-box p.name span {
                  font-size: 14px;
                  padding-left: 10px; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .right-box p.name span {
                      font-size: 13px;
                      padding-left: 10px; } }
              main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .right-box .position {
                font-size: 14px;
                margin: 0 0 20px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .right-box .position {
                    font-size: 13px;
                    line-height: 18px;
                    margin: 0; } }
              main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .right-box .text01 {
                font-size: 14px;
                line-height: 27px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .sp_text {
                width: 100%;
                margin: 15px 0 0; } }
            main #main-content .contents_str .c_common_box .session_program_box .program_instructor .program_instructor_inner .sp_text .text01 {
              font-size: 14px;
              line-height: 27px; }
      main #main-content .contents_str .c_common_box .counseling_box {
        max-width: 1200px;
        margin: 0 auto 30px; }
        main #main-content .contents_str .c_common_box .counseling_box .counseling_inner {
          background: #fff;
          padding: 45px 100px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-radius: 25px; }
          @media screen and (min-width: 768px) and (max-width: 961px) {
            main #main-content .contents_str .c_common_box .counseling_box .counseling_inner {
              padding: 85px 30px 40px; } }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .counseling_box .counseling_inner {
              padding: 85px 15px 40px;
              flex-flow: column;
              border-radius: 15px; } }
          main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box {
            position: relative;
            width: 45%; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box {
                width: 100%;
                margin: 0 0 25px; } }
            main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box .bubbles {
              position: absolute;
              width: 100%;
              left: -80px;
              top: -130px; }
              @media screen and (min-width: 768px) and (max-width: 961px) {
                main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box .bubbles {
                  left: 0; } }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box .bubbles {
                  position: absolute;
                  width: calc(100% + 15px);
                  left: -7px;
                  right: 0px;
                  margin: auto;
                  top: -105px; } }
            main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box .text01 {
              font-size: 18px;
              line-height: 32px;
              font-weight: 700;
              margin: 0 0 25px;
              letter-spacing: .1rem; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box .text01 {
                  font-size: 14px;
                  line-height: 25px;
                  margin: 0 0 15px;
                  text-align: center; } }
            main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box h3 {
              font-size: 38px;
              line-height: 1.1;
              margin: 0 0 25px;
              font-weight: 900;
              color: #59ce80; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box h3 {
                  font-size: 24px;
                  text-align: center;
                  margin: 0 0 20px; } }
            main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box .text02 {
              font-size: 16px;
              line-height: 27px;
              letter-spacing: .1rem; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box .text02 {
                  font-size: 14px;
                  line-height: 23px; } }
              main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box .text02 span {
                font-size: 14px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .left-box .text02 span {
                    font-size: 13px; } }
          main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .right-box {
            width: 50%; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .counseling_box .counseling_inner .right-box {
                width: 100%; } }
      main #main-content .contents_str .c_common_box .overview_box {
        background: #fff;
        border-radius: 50px;
        max-width: 1200px;
        padding: 80px 70px;
        position: relative;
        z-index: 1;
        margin: 0 auto 85px; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box .overview_box {
            padding: 40px 15px;
            border-radius: 15px;
            margin: 0 auto 40px; } }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box .overview_box .overview_inner {
            margin: 20px 0 0; } }
        main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list {
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          margin: 0 0 15px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list {
              flex-flow: column;
              margin: 0 0 20px; } }
          main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dt {
            background: #e4fde9;
            border-radius: 20px;
            font-size: 16px;
            font-weight: 700;
            padding: 10px 0;
            width: 20%;
            max-width: 190px;
            margin-right: 2%;
            display: flex;
            justify-content: center;
            align-items: center; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dt {
                width: 100%;
                font-size: 13px;
                padding: 8px 0;
                max-width: inherit;
                margin: 0 auto 20px;
                border-radius: 15px; } }
          main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd {
            flex: 1;
            font-size: 16px;
            line-height: 30px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd {
                width: 100%;
                font-size: 14px;
                line-height: 23px; } }
            main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list {
              display: flex;
              justify-content: flex-start;
              margin: 0 0 20px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list {
                  flex-flow: column; } }
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list:last-child {
                margin: 0; }
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dt {
                background: #3d3d3d;
                color: #fff;
                font-size: 16px;
                padding: 0;
                border-radius: 3px;
                font-weight: normal;
                width: 10%;
                max-width: 70px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dt {
                    font-size: 10px;
                    border-radius: 2px;
                    width: 25%;
                    max-width: 50px;
                    margin: 0 0 5px; } }
                main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dt span {
                  font-size: 24px;
                  font-weight: 700;
                  line-height: 0; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dt span {
                      font-size: 15px; } }
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .schedule01 {
                font-size: 20px;
                font-weight: 700;
                margin: 0 0 5px;
                letter-spacing: 0; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .schedule01 {
                    font-size: 13px;
                    margin: 0 0 5px; } }
                main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .schedule01 span {
                  font-size: 28px; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .schedule01 span {
                      font-size: 20px; } }
                main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .schedule01 .asterisk_span {
                  font-size: 16px;
                  font-weight: normal; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .schedule01 .asterisk_span {
                      font-size: 13px;
                      margin: 0; } }
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .Asterisk {
                font-size: 16px;
                margin: 0 0 5px; }
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .schedule02 {
                font-size: 18px;
                font-weight: 700; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .schedule02 {
                    font-size: 11px; } }
                main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .schedule02 span {
                  font-size: 28px; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .schedule02 span {
                      font-size: 20px; } }
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .Asterisk {
                font-size: 16px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list dd .Asterisk {
                    font-size: 13px;
                    line-height: 24px; } }
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list.color02 dt {
                background: #fff;
                color: #3d3d3d;
                border: 1px solid #3d3d3d; }
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list.color02 dd .schedule01 {
                margin-bottom: 0; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd dl.inner_list.color02 dd .schedule02 {
                  font-size: 13px; } }
            main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd .map {
              margin-top: 20px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd .map {
                  margin-top: 15px; } }
              main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd .map iframe {
                height: 360px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .overview_box .overview_inner dl.overview_list dd .map iframe {
                    height: 150px; } }
      main #main-content .contents_str .c_common_box .bnr_box {
        max-width: 1020px;
        margin: 0 auto 85px; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box .bnr_box {
            margin: 0 auto 40px;
            padding: 0 20px; } }
      main #main-content .contents_str .c_common_box .entry_box {
        margin: 0 auto 80px;
        position: relative;
        z-index: 1;
        max-width: 1235px;
        padding: 20px 0; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str .c_common_box .entry_box {
            margin: 0 auto; } }
        main #main-content .contents_str .c_common_box .entry_box:before {
          content: "";
          background: url(../img/top/2x/bg_01.png) no-repeat;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          right: 0;
          margin: auto;
          z-index: 0;
          background-size: cover;
          border-radius: 40px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .entry_box:before {
              border-radius: 15px; } }
        main #main-content .contents_str .c_common_box .entry_box .all_bg {
          background: rgba(255, 255, 255, 0.8);
          border-radius: 50px;
          max-width: 1200px;
          padding: 80px 30px;
          position: relative;
          z-index: 1;
          margin: 0 auto; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str .c_common_box .entry_box .all_bg {
              width: calc(100% - 40px);
              border-radius: 15px;
              padding: 40px 15px; } }
          main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner {
            text-align: center; }
            main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner .text-button {
              max-width: 520px;
              width: 80%;
              margin: 35px auto;
              background: #e96b66;
              border-radius: 50px;
              box-shadow: 0px 5px 9px 0px rgba(226, 161, 161, 0.75); }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner .text-button {
                  width: 100%;
                  margin: 20px auto;
                  border-radius: 28px; } }
              main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner .text-button a {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                font-size: 18px;
                font-weight: 700;
                line-height: 30px;
                text-align: center;
                padding: 20px 0;
                color: #fff;
                position: relative; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner .text-button a {
                    font-size: 12px;
                    line-height: 18px;
                    padding: 10px 0; } }
                main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner .text-button a:before {
                  content: "";
                  background: url("../img/top/SVG/arrow_01.svg") no-repeat;
                  width: 12px;
                  height: 16px;
                  position: absolute;
                  right: 35px;
                  top: 0;
                  bottom: 0;
                  margin: auto; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner .text-button a:before {
                      width: 7px;
                      height: 9px;
                      right: 25px; } }
            main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner .entry_text {
              font-size: 18px;
              font-weight: 700;
              margin: 0 0 10px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner .entry_text {
                  font-size: 14px;
                  line-height: 21px; } }
            main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner .Asterisk {
              font-size: 16px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str .c_common_box .entry_box .all_bg .entry_inner .Asterisk {
                  font-size: 12px;
                  line-height: 21px; } }
    main #main-content .contents_str #seminar-box {
      position: relative;
      padding: 100px 0;
      background: url("../img/top/2x/bg02.png") no-repeat;
      background-size: 100%;
      background-position: center top;
      background-color: #f1f3a6;
      /*オンデマンド型セミナーとは？*/
      /*エントリー*/ }
      @media screen and (max-width: 767px) {
        main #main-content .contents_str #seminar-box {
          padding: 60px 20px; } }
      main #main-content .contents_str #seminar-box .bg_en {
        position: relative;
        z-index: 1; }
      main #main-content .contents_str #seminar-box h2 {
        color: #ffc300; }
        main #main-content .contents_str #seminar-box h2:before {
          background: url("../img/top/SVG/h_sen02.svg") no-repeat; }
      main #main-content .contents_str #seminar-box p.sub_text {
        color: #ffc300; }
      @media screen and (max-width: 767px) {
        main #main-content .contents_str #seminar-box .c_common_inner_01 {
          margin-bottom: 70px; } }
      main #main-content .contents_str #seminar-box .c_common_inner_01 .day {
        font-size: 25px;
        font-weight: 700;
        text-align: center;
        color: #e96b66;
        letter-spacing: .045rem;
        background: linear-gradient(transparent 60%, #ffffa6 60%);
        width: fit-content;
        margin: 40px auto 10px; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str #seminar-box .c_common_inner_01 .day {
            font-size: 16px;
            margin: 20px auto 0; } }
        main #main-content .contents_str #seminar-box .c_common_inner_01 .day span.span01 {
          font-size: 43px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str #seminar-box .c_common_inner_01 .day span.span01 {
              font-size: 28px; } }
        main #main-content .contents_str #seminar-box .c_common_inner_01 .day span.span02 {
          font-size: 32px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str #seminar-box .c_common_inner_01 .day span.span02 {
              font-size: 20px; } }
      main #main-content .contents_str #seminar-box .c_common_inner_01 .day_min {
        text-align: center;
        font-size: 18px;
        line-height: 32px;
        color: #e96b66;
        font-weight: 700;
        margin: 0 0 30px; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str #seminar-box .c_common_inner_01 .day_min {
            font-size: 14px;
            margin: 0 0 25px; } }
      main #main-content .contents_str #seminar-box .c_common_inner_01 .img-box {
        width: 80%;
        max-width: 635px;
        margin: 0 auto 60px; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str #seminar-box .c_common_inner_01 .img-box {
            max-width: inherit;
            width: 100%;
            margin: 0 auto 20px; } }
      main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box {
        width: 80%;
        max-width: 920px;
        background: #f1f3a6;
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto; }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box {
            width: 100%;
            max-width: inherit;
            padding: 25px 15px; } }
        main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box dl {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box dl {
              flex-flow: column; } }
          main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box dl dt {
            width: fit-content;
            font-weight: 700;
            letter-spacing: .05rem;
            margin: 0 30px 0 20px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box dl dt {
                font-size: 16px;
                margin: 0 auto 25px; } }
          main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box dl dd {
            flex: 1;
            background: #fff;
            letter-spacing: .05rem;
            border-radius: 10px;
            padding: 15px 20px; }
            main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box dl dd ul {
              display: flex;
              flex-flow: column;
              gap: 5px 0; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box dl dd ul {
                  gap: 0 0; } }
              main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box dl dd ul li {
                font-size: 16px;
                line-height: 27px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str #seminar-box .c_common_inner_01 .plans_box dl dd ul li {
                    font-size: 14px;
                    line-height: 23px; } }
      main #main-content .contents_str #seminar-box .seminar_inner_01 {
        position: relative; }
        main #main-content .contents_str #seminar-box .seminar_inner_01:before {
          content: "";
          background: url(../img/top/SVG/seminar_illust_01.svg) no-repeat;
          width: 215px;
          height: 205px;
          position: absolute;
          left: -40px;
          top: -15px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str #seminar-box .seminar_inner_01:before {
              background: url(../img/top/SVG/seminar_illust_01_sp.svg) no-repeat;
              width: 88px;
              height: 122px;
              left: -10px;
              top: -90px; } }
        main #main-content .contents_str #seminar-box .seminar_inner_01:after {
          content: "";
          background: url(../img/top/SVG/seminar_illust_02.svg) no-repeat;
          width: 179px;
          height: 286px;
          position: absolute;
          right: -45px;
          bottom: -10px; }
          @media screen and (max-width: 1300px) {
            main #main-content .contents_str #seminar-box .seminar_inner_01:after {
              right: 0; } }
          @media screen and (max-width: 1000px) {
            main #main-content .contents_str #seminar-box .seminar_inner_01:after {
              content: inherit; } }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str #seminar-box .seminar_inner_01:after {
              content: "";
              background: url(../img/top/SVG/seminar_illust_02_sp.svg) no-repeat;
              right: 0;
              width: 217px;
              height: 110px;
              bottom: -50px; } }
      main #main-content .contents_str #seminar-box .entry_box:before {
        content: "";
        background: url("../img/top/2x/bk_03.png") no-repeat;
        background-size: cover; }
      main #main-content .contents_str #seminar-box .entry_box .all_bg {
        background: rgba(255, 255, 255, 0.8); }
        main #main-content .contents_str #seminar-box .entry_box .all_bg .entry_inner {
          text-align: center; }
    main #main-content .contents_str #fair-box {
      position: relative;
      padding: 100px 0;
      background: url("../img/top/2x/bg03.png") no-repeat;
      background-size: 100%;
      background-position: center top;
      background-color: #ffd9d5;
      /*テレワークJOBフェアとは？*/
      /*開催概要*/
      /*エントリー*/ }
      @media screen and (max-width: 767px) {
        main #main-content .contents_str #fair-box {
          padding: 60px 20px; } }
      main #main-content .contents_str #fair-box .bg_en {
        position: relative;
        z-index: 1; }
      main #main-content .contents_str #fair-box h2 {
        color: #ff9ac5; }
        main #main-content .contents_str #fair-box h2:before {
          background: url("../img/top/SVG/h_sen03.svg") no-repeat; }
      main #main-content .contents_str #fair-box p.sub_text {
        color: #ff9ac5; }
      main #main-content .contents_str #fair-box .c_common_inner_01 {
        /*利用者の声*/
        /*イベント内容*/
        /*ミニイベント内容*/
        /*参加特典*/
        /*参加特典 アスタリスクテキスト用*/ }
        @media screen and (max-width: 767px) {
          main #main-content .contents_str #fair-box .c_common_inner_01 .what_box .spimg {
            width: 22%;
            margin: 0 auto 15px; } }
        main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box {
          max-width: 980px;
          margin: 0 auto 60px;
          position: relative; }
          main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box:before {
            content: "";
            width: 110px;
            height: 143px;
            background: url(../img/top/SVG/fair_illust_02.svg) no-repeat;
            position: absolute;
            right: -72px;
            bottom: -30px;
            z-index: 1; }
            @media screen and (max-width: 1160px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box:before {
                right: 0;
                bottom: -115px; } }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box:before {
                width: 65px;
                height: 84px;
                right: -15px;
                bottom: -45px; } }
          main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box ul {
            display: flex;
            justify-content: space-between; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box ul {
                flex-flow: column;
                gap: 10px 0; } }
            main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box ul li {
              width: 32%;
              border: 3px solid #ff9ac5;
              border-radius: 10px;
              display: flex;
              justify-content: center;
              align-items: center;
              text-align: center;
              position: relative; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box ul li {
                  width: 100%;
                  border-radius: 5px;
                  border: 1px solid #ff9ac5;
                  justify-content: flex-start;
                  padding-left: 35px; } }
              main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box ul li:before {
                content: "";
                background: url("../img/top/SVG/check.svg") no-repeat;
                width: 23px;
                height: 16px;
                position: absolute;
                left: 15px;
                top: 15px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box ul li:before {
                    width: 10px;
                    height: 8px;
                    top: 4px;
                    bottom: 0;
                    left: 15px;
                    margin: auto; } }
              main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box ul li p {
                font-size: 20px;
                font-weight: bold;
                line-height: 28px;
                padding: 15px 0; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str #fair-box .c_common_inner_01 .check_list_box ul li p {
                    font-size: 13px;
                    line-height: 25px;
                    padding: 8px 0;
                    text-align: left; } }
        main #main-content .contents_str #fair-box .c_common_inner_01 .text-button {
          width: 80%;
          background: #59a1d8;
          border-radius: 34px;
          max-width: 520px;
          margin: 0 auto 70px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str #fair-box .c_common_inner_01 .text-button {
              max-width: inherit;
              width: 100%;
              border-radius: 23px; } }
          main #main-content .contents_str #fair-box .c_common_inner_01 .text-button a {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            position: relative;
            padding: 24px 0; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .text-button a {
                font-size: 14px;
                padding: 18px 0; } }
            main #main-content .contents_str #fair-box .c_common_inner_01 .text-button a:before {
              content: "";
              background: url("../img/top/SVG/arrow_01.svg") no-repeat;
              width: 12px;
              height: 16px;
              position: absolute;
              right: 25px;
              top: 0;
              bottom: 0;
              margin: auto; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #fair-box .c_common_inner_01 .text-button a:before {
                  width: 8px;
                  height: 12px; } }
          main #main-content .contents_str #fair-box .c_common_inner_01 .text-button.button_off {
            background: #ababab; }
        main #main-content .contents_str #fair-box .c_common_inner_01 .img-box .en {
          background: #ff9ac5; }
          main #main-content .contents_str #fair-box .c_common_inner_01 .img-box .en .inen:before {
            border: 1px solid #fff; }
        main #main-content .contents_str #fair-box .c_common_inner_01 .voice_box .voice_inner {
          border-color: #ff9ac5; }
          main #main-content .contents_str #fair-box .c_common_inner_01 .voice_box .voice_inner:before {
            background: url(../img/top/SVG/voice_03.svg) no-repeat; }
          main #main-content .contents_str #fair-box .c_common_inner_01 .voice_box .voice_inner:after {
            background: url("../img/top/SVG/voice_04.svg") no-repeat; }
          main #main-content .contents_str #fair-box .c_common_inner_01 .voice_box .voice_inner ul li {
            border-bottom-color: #ff9ac5; }
            main #main-content .contents_str #fair-box .c_common_inner_01 .voice_box .voice_inner ul li:before {
              content: "";
              background: url(../img/top/SVG/icon_03.svg) no-repeat;
              background-size: cover; }
        main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner {
          max-width: 1100px;
          margin: 40px auto 70px; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner {
              margin: 20px auto 50px; } }
          main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px 0; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner ul {
                flex-flow: column; } }
            main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner ul li {
              width: 49%;
              box-shadow: 0px 2px 12px 0px rgba(234, 190, 190, 0.75);
              border-radius: 30px;
              padding: 20px 0 40px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner ul li {
                  width: 100%;
                  width: calc(100% - 10px);
                  padding: 30px 0;
                  margin: 0 auto;
                  border-radius: 15px; } }
              main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner ul li img {
                width: 48%;
                margin: 0 auto 30px; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner ul li img {
                    width: 50%;
                    margin: 0 auto 10px; } }
              main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner ul li p {
                font-size: 24px;
                font-weight: 900;
                line-height: 41px;
                letter-spacing: .1rem;
                text-align: center; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner ul li p {
                    font-size: 18px;
                    line-height: 30px; } }
                main #main-content .contents_str #fair-box .c_common_inner_01 .event_contents_box .event_contents_inner ul li p span {
                  background: linear-gradient(transparent 0%, #ffffa6 0%); }
        main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 {
          position: relative; }
          main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01:before {
            content: "";
            background: url(../img/top/SVG/ten01.svg) no-repeat;
            width: 235px;
            height: 125px;
            position: absolute;
            left: 35px;
            top: 5px;
            margin: auto; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01:before {
                width: 102px;
                height: 54px;
                left: 0;
                top: -25px; } }
          main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01:after {
            content: "";
            background: url(../img/top/SVG/ten02.svg) no-repeat;
            width: 265px;
            height: 155px;
            position: absolute;
            right: 35px;
            margin: auto;
            top: 0; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01:after {
                width: 115px;
                height: 68px;
                right: 0;
                top: -25px; } }
          main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .event_text {
            font-size: 18px;
            font-weight: 700;
            line-height: 32px;
            letter-spacing: .1rem;
            text-align: center;
            margin: 0 auto 35px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .event_text {
                font-size: 14px;
                line-height: 25px;
                margin: 0 auto 20px; } }
          main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner {
            max-width: 990px;
            margin: 0 auto; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner {
                padding: 0 10px;
                width: 100%;
                max-width: inherit;
                overflow: hidden;
                position: relative; } }
            main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner ul {
              display: flex;
              justify-content: space-between; }
              main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner ul li {
                width: 32%; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner ul li {
                    width: 33%;
                    padding-bottom: 45px; } }
                main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner ul li img {
                  margin: 0 auto 20px; }
                main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner ul li .event_title {
                  font-size: 14px;
                  font-weight: 700;
                  text-align: center;
                  color: #ff9ac5;
                  margin: 0 0 10px; }
                main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner ul li h4 {
                  font-size: 20px;
                  text-align: center;
                  margin: 0 0 10px; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner ul li h4 {
                      font-size: 18px;
                      margin: 0 0 5px; } }
                main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner ul li p.text01 {
                  font-size: 16px;
                  line-height: 27px;
                  padding: 0 10px; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner ul li p.text01 {
                      font-size: 14px;
                      line-height: 23px; } }
            main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner .swiper-pagination-bullet {
              background-color: #fff;
              border: 1px solid #ff9ac5;
              opacity: 0.5; }
            main #main-content .contents_str #fair-box .c_common_inner_01 .mini_event_box01 .mini_event_inner .swiper-pagination-bullet-active {
              background-color: #ff9ac5;
              border: 1px solid #ff9ac5;
              opacity: 1; }
        main #main-content .contents_str #fair-box .c_common_inner_01 .present_box {
          display: flex;
          justify-content: center;
          letter-spacing: .1rem; }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str #fair-box .c_common_inner_01 .present_box {
              flex-flow: column; } }
          main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box {
            width: 40%;
            text-align: center; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box {
                width: 100%;
                margin: 0 0 20px; } }
            main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .ribon_01 {
              width: 45%;
              max-width: 190px;
              margin: 0 auto 15px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .ribon_01 {
                  width: 46%;
                  margin: 0 auto 10px; } }
            main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .c_title01 {
              font-size: 38px;
              margin: 0 0 20px;
              font-weight: 900; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .c_title01 {
                  font-size: 24px;
                  margin: 0 0 5px; } }
            main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .text01 {
              font-size: 18px;
              font-weight: 700;
              line-height: 32px;
              margin: 0 0 5px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .text01 {
                  font-size: 14px; } }
            main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .text02 {
              font-size: 24px;
              line-height: 41px;
              margin: 0 0 30px;
              font-weight: 900; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .text02 {
                  font-size: 20px;
                  line-height: 35px;
                  margin: 0 0 5px; } }
              main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .text02 span {
                background: linear-gradient(transparent 0%, #ffffa6 0%); }
            main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .Asterisk {
              font-size: 14px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .left-box .Asterisk {
                  font-size: 13px; } }
          main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box {
            width: 42%; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box {
                width: 100%; } }
            main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box {
              display: flex;
              justify-content: space-between; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box {
                  align-items: flex-start; } }
              main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .f_box {
                width: 47%; }
                @media screen and (max-width: 767px) {
                  main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .f_box {
                    width: 47%; } }
                main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .f_box .img-box01 {
                  position: relative;
                  margin: 0 0 15px; }
                  main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .f_box .img-box01 h4 {
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    font-size: 18px;
                    font-weight: 700;
                    text-align: center;
                    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
                    @media screen and (max-width: 767px) {
                      main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .f_box .img-box01 h4 {
                        font-size: 13px; } }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .f_box .img-box01 {
                      margin: 0 0 15px; } }
                main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .f_box p {
                  font-size: 14px;
                  line-height: 23px;
                  width: fit-content;
                  margin: 0 auto; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .f_box p {
                      font-size: 13px;
                      line-height: 21px;
                      text-align: left; } }
                main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .f_box.right-box .img-box01 h4 {
                  bottom: -8px; }
              main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .left-box {
                position: relative; }
                main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .left-box:before {
                  content: "";
                  background: url(../img/top/SVG/cross_01.svg) no-repeat;
                  width: 18px;
                  height: 18px;
                  position: absolute;
                  right: -10%;
                  top: -65px;
                  bottom: 0;
                  margin: auto; }
                  @media screen and (max-width: 767px) {
                    main #main-content .contents_str #fair-box .c_common_inner_01 .present_box .right-box .flex-box .left-box:before {
                      width: 14px;
                      height: 14px; } }
        main #main-content .contents_str #fair-box .c_common_inner_01.present {
          position: relative; }
          main #main-content .contents_str #fair-box .c_common_inner_01.present .fix_Asterisk {
            position: absolute;
            right: 20px;
            font-size: 12px;
            bottom: 20px; }
      main #main-content .contents_str #fair-box .fair_inner_01 {
        position: relative; }
        main #main-content .contents_str #fair-box .fair_inner_01:before {
          content: "";
          background: url(../img/top/SVG/fair_illust_01.svg) no-repeat;
          width: 242px;
          height: 190px;
          position: absolute;
          left: -35px;
          top: 20px; }
          @media screen and (min-width: 768px) and (max-width: 961px) {
            main #main-content .contents_str #fair-box .fair_inner_01:before {
              content: inherit; } }
          @media screen and (max-width: 767px) {
            main #main-content .contents_str #fair-box .fair_inner_01:before {
              content: inherit; } }
      main #main-content .contents_str #fair-box .overview_box .overview_inner dl.overview_list dt {
        background: #ffd9d5; }
      main #main-content .contents_str #fair-box .overview_box .overview_inner dl.overview_list dd dl.inner_list dt {
        background: #3d3d3d;
        color: #fff; }
      main #main-content .contents_str #fair-box .overview_box .overview_inner dl.overview_list dd dl.inner_list.color02 dt {
        background: #fff;
        color: #3d3d3d;
        border: 1px solid #3d3d3d; }
      main #main-content .contents_str #fair-box .overview_box .overview_inner dl.overview_list dd dl.inner_list.color02 dd .schedule01 {
        margin-bottom: 0; }
      main #main-content .contents_str #fair-box .entry_box:before {
        content: "";
        background: url("../img/top/2x/bk_04.png") no-repeat;
        background-size: cover; }
      main #main-content .contents_str #fair-box .entry_box .all_bg {
        background: rgba(255, 255, 255, 0.8); }
        main #main-content .contents_str #fair-box .entry_box .all_bg .entry_inner {
          text-align: center; }
        main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box {
          margin: 50px auto 0;
          padding: 50px 0 0;
          position: relative;
          max-width: 1000px;
          letter-spacing: .1rem; }
          main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box:before {
            content: "";
            background: url(../img/top/SVG/large_h_sen02.svg) no-repeat;
            width: 100%;
            height: 5px;
            background-size: cover;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            margin: auto; }
          main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box .other_text01 {
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            margin: 0 0 15px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box .other_text01 {
                font-size: 16px;
                margin: 0 0 15px;
                line-height: 26px; } }
          main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box .other_text02 {
            text-align: center;
            font-size: 16px;
            line-height: 30px;
            margin: 0 0 30px; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box .other_text02 {
                font-size: 14px;
                margin: 0 0 30px;
                text-align: left;
                line-height: 23px; } }
          main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box ul {
            display: flex;
            justify-content: space-between; }
            @media screen and (max-width: 767px) {
              main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box ul {
                flex-flow: column;
                gap: 30px 0; } }
            main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box ul li {
              width: 48%;
              background: #443a1c;
              border-radius: 30px; }
              @media screen and (max-width: 767px) {
                main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box ul li {
                  width: 100%; } }
              main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box ul li a {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #fff; }
                main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box ul li a span {
                      /*
                      &:before {
                        content: "";
                        background: url("../img/top/SVG/icon_02.svg")no-repeat;
                        width: 17px;
                        height: 20px;
                        position: absolute;
                        left: -35px;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                        @include mq_sp() {
                          width: 10px;
                          height: 12px;
                          left: -18px;
                          top: 3px;
                        }
                      }
						*/ }
                  main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box ul li a span:first-child {
                    width: 17px;
                    margin-right: 15px; }
                    @media screen and (max-width: 767px) {
                      main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box ul li a span:first-child {
                        width: 11px;
                        margin-right: 5px; } }
                  main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box ul li a span:last-child {
                    color: #fff;
                    padding: 24px 0;
                    position: relative; }
                    @media screen and (max-width: 767px) {
                      main #main-content .contents_str #fair-box .entry_box .all_bg .entry_other_box ul li a span:last-child {
                        font-size: 12px;
                        padding: 18px 0; } }

/*main end*/
/*----------------------------
下層ページ（プライバシー・サイトポリシー・著作権・リンク）
----------------------------*/
main.sub_page01 {
  padding-top: 150px; }
  @media screen and (max-width: 767px) {
    main.sub_page01 {
      padding-top: 100px; } }
  main.sub_page01 .pankuzu {
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0;
    max-width: 1000px; }
    @media screen and (max-width: 767px) {
      main.sub_page01 .pankuzu {
        padding: 30px 20px; } }
  main.sub_page01 .sub_page_article {
    max-width: 1000px;
    margin: 0 auto 80px; }
    @media screen and (max-width: 767px) {
      main.sub_page01 .sub_page_article {
        margin: 0 auto 50px;
        padding: 0 20px; } }
    main.sub_page01 .sub_page_article .sub_page_01 .hp_inner .wp-block-heading {
      font-size: 2.8rem;
      margin: 54px 0 24px; }
    main.sub_page01 .sub_page_article .sub_page_01 .hp_inner h1.wp-block-heading {
      font-size: 2.8rem;
      margin: 54px 0 24px; }
      @media screen and (max-width: 767px) {
        main.sub_page01 .sub_page_article .sub_page_01 .hp_inner h1.wp-block-heading {
          font-weight: 500;
          font-size: 1.8rem;
          letter-spacing: 0.08em;
          margin: 54px 0 24px; } }
    main.sub_page01 .sub_page_article .sub_page_01 .hp_inner h2.wp-block-heading {
      margin: 54px 0 24px;
      padding: 1em;
      color: #3d3d3d;
      background: #faefe8;
      font-weight: 500;
      font-size: 1.6rem; }
      @media screen and (max-width: 767px) {
        main.sub_page01 .sub_page_article .sub_page_01 .hp_inner h2.wp-block-heading {
          margin: 54px 0 24px;
          padding: 1em;
          font-weight: 500;
          font-size: 1.6rem; } }
    main.sub_page01 .sub_page_article .sub_page_01 .hp_inner h3.wp-block-heading {
      font-weight: 500;
      margin: 40px 0 24px;
      font-size: 1.8rem;
      color: #cb7076; }
      @media screen and (max-width: 767px) {
        main.sub_page01 .sub_page_article .sub_page_01 .hp_inner h3.wp-block-heading {
          font-weight: 500;
          margin: 40px 0 24px;
          font-size: 1.6rem;
          line-height: 1.5; } }
    main.sub_page01 .sub_page_article .sub_page_01 .hp_inner p {
      line-height: 2;
      margin-bottom: 24px; }
      @media screen and (max-width: 767px) {
        main.sub_page01 .sub_page_article .sub_page_01 .hp_inner p {
          font-size: 15px; } }
    main.sub_page01 .sub_page_article .sub_page_01 .hp_inner ol {
      list-style-type: decimal;
      padding-left: 30px;
      margin-top: 32px; }
      main.sub_page01 .sub_page_article .sub_page_01 .hp_inner ol li {
        margin-top: 0.5em;
        line-height: 1.75; }
        @media screen and (max-width: 767px) {
          main.sub_page01 .sub_page_article .sub_page_01 .hp_inner ol li {
            font-size: 15px; } }
    main.sub_page01 .sub_page_article .sub_page_01 .hp_inner a {
      color: #3585D0;
      text-decoration: underline; }

/*footer*/
footer .fbg {
  margin: 0 0 60px; }
footer .footer_contents_01 {
  max-width: 1200px;
  margin: 0 auto 40px; }
  @media screen and (max-width: 767px) {
    footer .footer_contents_01 {
      padding: 0 20px; } }
  footer .footer_contents_01 .f_logo01 {
    width: 100%;
    max-width: 736px;
    margin: 0 auto 60px; }
    @media screen and (max-width: 767px) {
      footer .footer_contents_01 .f_logo01 {
        margin: 0 auto 40px; } }
  footer .footer_contents_01 ul.logo_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 60px;
    margin: 0 0 60px; }
    @media screen and (max-width: 767px) {
      footer .footer_contents_01 ul.logo_list {
        gap: 0 30px;
        margin: 0 0 40px; } }
    footer .footer_contents_01 ul.logo_list li:first-child {
      max-width: 169px; }
      @media screen and (max-width: 767px) {
        footer .footer_contents_01 ul.logo_list li:first-child {
          max-width: 110px; } }
    footer .footer_contents_01 ul.logo_list li:last-child {
      max-width: 228px;
      position: relative; }
      @media screen and (max-width: 767px) {
        footer .footer_contents_01 ul.logo_list li:last-child {
          max-width: 148px; } }
      footer .footer_contents_01 ul.logo_list li:last-child:hover .balloon {
        display: inline; }
      footer .footer_contents_01 ul.logo_list li:last-child .balloon {
        position: absolute;
        display: none;
        padding: 2px;
        background-color: #ffffff;
        width: 530px;
        left: 245px;
        box-shadow: 0px 5px 9px 0px rgba(186, 216, 213, 0.75);
        padding: 20px;
        border-radius: 25px;
        z-index: 99;
        top: -60px; }
        @media screen and (max-width: 1550px) {
          footer .footer_contents_01 ul.logo_list li:last-child .balloon {
            width: 530px;
            left: inherit;
            top: 75px;
            right: 0;
            margin: auto;
            padding: 15px; } }
        @media screen and (max-width: 767px) {
          footer .footer_contents_01 ul.logo_list li:last-child .balloon {
            position: fixed;
            left: 0;
            right: 0;
            top: inherit;
            bottom: 15px;
            width: 95%;
            margin: auto; } }
        footer .footer_contents_01 ul.logo_list li:last-child .balloon p {
          font-size: 14px;
          line-height: 26px;
          color: #00afa3; }
          @media screen and (max-width: 767px) {
            footer .footer_contents_01 ul.logo_list li:last-child .balloon p {
              font-size: 12px;
              line-height: 24px; } }
  footer .footer_contents_01 .contanct_box {
    border: 1px solid #3d3d3d;
    padding: 30px 0;
    text-align: center; }
    @media screen and (max-width: 767px) {
      footer .footer_contents_01 .contanct_box {
        padding: 40px 10px; } }
    footer .footer_contents_01 .contanct_box h2 {
      font-size: 16px;
      font-weight: 700;
      margin: 0 0 15px; }
      @media screen and (max-width: 767px) {
        footer .footer_contents_01 .contanct_box h2 {
          font-size: 14px;
          margin: 0 0 20px; } }
    footer .footer_contents_01 .contanct_box .address {
      font-weight: 700;
      text-align: center;
      margin: 0 0 15px; }
      @media screen and (max-width: 767px) {
        footer .footer_contents_01 .contanct_box .address {
          font-size: 16px;
          line-height: 26px; } }
    footer .footer_contents_01 .contanct_box .mail {
      font-size: 14px;
      line-height: 32px; }
      @media screen and (max-width: 767px) {
        footer .footer_contents_01 .contanct_box .mail {
          line-height: 23px; } }
    footer .footer_contents_01 .contanct_box .tell {
      font-size: 14px;
      line-height: 32px; }
      @media screen and (max-width: 767px) {
        footer .footer_contents_01 .contanct_box .tell {
          line-height: 23px; } }
footer .footer_contents_02 {
  text-align: center; }
  @media screen and (max-width: 767px) {
    footer .footer_contents_02 {
      padding: 0 20px;
      text-align: left; } }
  footer .footer_contents_02 h3 {
    font-size: 13px;
    color: #7f7f7f;
    margin: 0 0 10px; }
  footer .footer_contents_02 .f_text01 {
    text-align: center;
    color: #7f7f7f;
    line-height: 27px;
    font-size: 13px;
    margin: 0 0 35px; }
    @media screen and (max-width: 767px) {
      footer .footer_contents_02 .f_text01 {
        text-align: left;
        line-height: 21px; } }
    footer .footer_contents_02 .f_text01 a {
      color: #7f7f7f;
      word-break: break-all; }
  footer .footer_contents_02 .footer_nav ul {
    display: flex;
    justify-content: center;
    gap: 0 25px; }
    @media screen and (max-width: 767px) {
      footer .footer_contents_02 .footer_nav ul {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 15px 25px; } }
    footer .footer_contents_02 .footer_nav ul li {
      font-size: 14px; }
footer .copyright {
  text-align: center;
  font-size: 14px;
  padding: 50px 0 30px; }
  @media screen and (max-width: 767px) {
    footer .copyright {
      font-size: 10px;
      padding: 30px 0 250px; } }

/*footer end*/
/*----------------------------
アコーディオン
----------------------------*/
.accordion-container {
  width: 100%; }
  @media screen and (max-width: 767px) {
    .accordion-container {
      padding: 0 20px; } }
  .accordion-container dl {
    background: #fff;
    border-radius: 10px; }

.accordion-list {
  /*box-shadow: 0 0px 10px 0 rgba(181, 201, 183, 0.54);*/ }

.accordion-list:not(:first-child) {
  margin-top: 25px; }
  @media screen and (max-width: 767px) {
    .accordion-list:not(:first-child) {
      margin-top: 15px; } }

.accordion-title {
  cursor: pointer;
  padding: 25px 40px 25px 50px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .accordion-title {
      padding: 15px 20px 15px 40px; } }
  .accordion-title p {
    position: relative;
    font-size: 16px;
    font-weight: bold; }
    .accordion-title p:before {
      content: "Q.";
      color: #92dac8;
      font-size: 16px;
      font-family: "Poppins", sans-serif;
      position: absolute;
      left: -27px;
      top: 0;
      bottom: 0;
      margin: auto; }

.accordion-title:after {
  position: absolute;
  display: block;
  content: '';
  top: 35%;
  right: 22px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #36240d;
  border-right: 2px solid #36240d;
  transform: rotate(135deg);
  transition: all .3s ease-in-out; }
  @media screen and (max-width: 767px) {
    .accordion-title:after {
      right: 10px; } }

.accordion-title.open:after {
  transform: rotate(-45deg);
  top: 45%; }

.accordion-text {
  display: none;
  padding: 0px 40px 20px 50px;
  background: #fff;
  border-radius: 0 0 10px 10px; }
  @media screen and (max-width: 767px) {
    .accordion-text {
      padding: 0px 20px 15px 40px; } }
  .accordion-text p {
    position: relative;
    font-size: 16px; }
    .accordion-text p:before {
      content: "A.";
      color: #ff605c;
      font-size: 16px;
      font-family: "Poppins", sans-serif;
      position: absolute;
      left: -27px;
      top: 0;
      bottom: 0;
      margin: auto; }

/*----------------------------
背景動き
----------------------------*/
@keyframes bg-up {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-40px); } }
/*----------------------------
フロートボタン
----------------------------*/
.float-box {
  width: 220px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 9;
  filter: drop-shadow(1px 1px 5px rgba(146, 173, 164, 0.55)); }
  @media screen and (max-width: 767px) {
    .float-box {
      width: 35%;
      right: 10px;
      left: inherit;
      bottom: 10px;
      margin: auto; } }

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(100px);
  opacity: 0; }

.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0; }

/*----------------------------
パンくず
----------------------------*/
.pankuzu {
  margin: 0 0 50px; }
  @media screen and (max-width: 767px) {
    .pankuzu {
      padding: 0 15px; } }
  .pankuzu .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none; }
    .pankuzu .breadcrumb li {
      font-size: 13px; }
  .pankuzu .breadcrumb li:not(:last-of-type)::after {
    content: "›";
    margin: 0 .6em;
    color: #777; }