@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap");
html {
  box-sizing: border-box;
  font-size: 62.5%;
  line-height: 100%; }
  @media screen and (max-width: 767px) {
    html {
      scroll-padding-top: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    html {
      scroll-padding-top: 100px; } }
  @media screen and (min-width: 1024px) {
    html {
      scroll-padding-top: 100px; } }

body {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
  font-size: 100%;
  line-height: 150%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 500;
    line-height: 120%;
    transform: rotate(0.05deg); }
  @media screen and (max-width: 767px) {
    body h1 {
      font-size: 3rem;
      margin-bottom: 30px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body h1 {
      font-size: 4rem;
      margin-bottom: 50px; } }
  @media screen and (min-width: 1024px) {
    body h1 {
      font-size: 4rem;
      margin-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    body h2 {
      font-size: 2rem;
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body h2 {
      font-size: 3rem;
      margin-bottom: 30px; } }
  @media screen and (min-width: 1024px) {
    body h2 {
      font-size: 3rem;
      margin-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    body h3 {
      font-size: 1.75rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body h3 {
      font-size: 2rem;
      margin-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    body h3 {
      font-size: 2rem;
      margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    body h4 {
      font-size: 1.6rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body h4 {
      font-size: 1.75rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 1024px) {
    body h4 {
      font-size: 1.75rem;
      margin-bottom: 10px; } }
  @media screen and (max-width: 767px) {
    body h5 {
      font-size: 1.25rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body h5 {
      font-size: 1.6rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 1024px) {
    body h5 {
      font-size: 1.6rem;
      margin-bottom: 10px; } }
  @media screen and (max-width: 767px) {
    body h6 {
      font-size: 1rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    body h6 {
      font-size: 1.25rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 1024px) {
    body h6 {
      font-size: 1.25rem;
      margin-bottom: 10px; } }
  body p {
    font-size: 1.25rem;
    line-height: 150%;
    margin-bottom: 20px; }
    @media screen and (min-width: 1024px) {
      body p {
        font-size: 1.6rem;
        margin-bottom: 30px; } }
  body a {
    transition: all 0.5s; }
  body a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha( opacity=75 )";
    transition: all 0.5s; }
  body ul {
    list-style-type: none; }
  body table {
    border-bottom: 1px solid #DDD;
    border-collapse: collapse;
    margin: 0 auto;
    position: relative;
    text-align: left;
    table-layout: fixed; }
    body table tr {
      background: #FFF; }
    body table th, body table td {
      border-top: 1px solid #DDD;
      border-collapse: collapse;
      word-break: break-all; }
      @media screen and (max-width: 767px) {
        body table th, body table td {
          padding: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        body table th, body table td {
          padding: 10px; } }
      @media screen and (min-width: 1024px) {
        body table th, body table td {
          padding: 20px; } }
    body table th {
      background: #F3F3F3; }
    body table td span {
      margin-right: 0.875rem; }
      body table td span img {
        height: 20px;
        width: auto; }
  body input,
  body textarea,
  body select,
  body button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: 20px; }
  body input[type="radio"],
  body input[type="checkbox"],
  body select,
  body button {
    cursor: pointer; }
  body input[type="radio"],
  body input[type="checkbox"] {
    margin-right: 0.75rem;
    margin-top: 0.75rem;
    padding-bottom: 20px;
    vertical-align: baseline; }
  body input[type="text"],
  body input[type="tel"],
  body input[type="url"],
  body input[type="email"] {
    background: #F9F9F9;
    border: 1px solid #DDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0.875rem;
    width: 100%; }
  body textarea {
    background: #F9F9F9;
    border: 1px solid #DDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1rem;
    width: 100%; }
  body select {
    background-image: url("../images/icn_select.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    background-color: #F9F9F9;
    border: 1px solid #DDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0.875rem;
    padding-right: 4rem;
    text-align: left; }
  body ::-webkit-scrollbar {
    width: 1px; }
  body ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 1px; }
  body ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1); }
  body * {
    scrollbar-width: thin;
    scrollbar-color: #DDD #FFF; }
  body video:-internal-media-controls-download-button {
    display: none !important; }
  body video:-webkit-media-controls-enclosure {
    overflow: hidden !important; }
  body .wpcf7 input[type="submit"] {
    color: #FFF; }
  body .wpcf7-submit {
    transition: all 0.5s; }
    body .wpcf7-submit:hover {
      opacity: 0.5;
      filter: alpha(opacity=50);
      -ms-filter: "alpha( opacity=50 )";
      transition: all 0.5s; }
  body .wpcf7-form.invalid .wpcf7-response-output,
  body .wpcf7-form.sent .wpcf7-response-output {
    display: none; }
  body span.wpcf7-list-item {
    display: block; }
  body span.wpcf7-spinner {
    display: none; }

.scl {
  scrollbar-width: thin;
  scrollbar-color: #DDD #FFF; }

.display-mobile {
  display: block; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .display-mobile {
      display: none; } }
  @media screen and (min-width: 1024px) {
    .display-mobile {
      display: none; } }

.display-tab {
  display: none; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .display-tab {
      display: block; } }
  @media screen and (min-width: 1024px) {
    .display-tab {
      display: none; } }

.display-pc {
  display: none; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .display-pc {
      display: none; } }
  @media screen and (min-width: 1024px) {
    .display-pc {
      display: block; } }

.note {
  font-size: 1.6rem; }
  @media screen and (min-width: 1024px) {
    .note {
      font-size: 1.25rem; } }

.important {
  color: #E00; }

.scroll {
  overflow-x: scroll;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .scroll::-webkit-scrollbar {
    display: none; }

.slide {
  -webkit-animation: slide-right 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s infinite both;
  animation: slide-right 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s infinite both; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .slide {
      display: none; } }

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )"; }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )"; }
  100% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )"; } }
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )"; }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )"; }
  100% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )"; } }
.fadein-up {
  opacity: 0;
  transform: translateY(30px); }

.btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.btn {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 700;
  display: block;
  width: 100%;
  transform: rotate(0.05deg); }
  .btn > * {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
    border: 1px solid #22aadd;
    color: #22aadd;
    display: block;
    line-height: 0;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    text-align: center;
    transition: all .5s;
    width: 100%; }
    .btn > *:hover {
      background-color: #22aadd;
      color: #FFF;
      transition: all .5s; }
    @media screen and (max-width: 767px) {
      .btn > * {
        height: 40px;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .btn > * {
        padding: 10px;
        height: 40px;
        width: 330px; } }
    @media screen and (min-width: 1024px) {
      .btn > * {
        padding: 10px;
        height: 40px;
        width: 330px; } }
    .btn > * span {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      white-space: nowrap; }

.entry-btn a {
  background-image: linear-gradient(90deg, #f4ce1f, #86bc42 50%, #1693ca);
  border: 1px solid #FFF;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 #DDD;
  display: block;
  padding: 10px 20px;
  transition: all .5s; }
  .entry-btn a:hover {
    background-image: linear-gradient(90deg, #1693ca, #86bc42 50%, #f4ce1f);
    transition: all .5s; }
  .entry-btn a img {
    height: auto;
    width: 100%; }

.tab {
  background-image: url("../images/bdr_tab.png");
  background-repeat: no-repeat;
  background-size: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
  padding: 0 2.5%;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .tab {
      font-size: 1.6rem; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .tab {
      font-size: 1.75rem; } }
  @media screen and (min-width: 1024px) {
    .tab {
      font-size: 1.75rem; } }
  .tab li {
    background: #F3F3F3;
    border: 1px solid #DDD;
    cursor: pointer;
    display: block;
    position: relative;
    transition: all 0.5s;
    width: 47.5%; }
    @media screen and (max-width: 767px) {
      .tab li {
        padding: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .tab li {
        padding: 30px; } }
    @media screen and (min-width: 1024px) {
      .tab li {
        padding: 30px; } }
    .tab li span {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      text-align: center;
      width: 100%; }
    @media screen and (max-width: 767px) {
      .tab li:nth-child(1) span {
        left: 60%; } }
    .tab li:nth-child(1):before {
      content: '';
      background: url("../images/discus_tab_icn_ne.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 50%;
      position: absolute;
      bottom: 0; }
      @media screen and (max-width: 767px) {
        .tab li:nth-child(1):before {
          left: 2.5%;
          height: 45px;
          width: 45px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .tab li:nth-child(1):before {
          left: 5%;
          height: 80px;
          width: 80px; } }
      @media screen and (min-width: 1024px) {
        .tab li:nth-child(1):before {
          left: 5%;
          height: 80px;
          width: 80px; } }
    @media screen and (max-width: 767px) {
      .tab li:nth-child(2) span {
        left: 40%; } }
    .tab li:nth-child(2):before {
      content: '';
      background: url("../images/discus_tab_icn_ye.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 50%;
      position: absolute;
      bottom: 0; }
      @media screen and (max-width: 767px) {
        .tab li:nth-child(2):before {
          right: 2.5%;
          height: 45px;
          width: 45px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .tab li:nth-child(2):before {
          right: 5%;
          height: 80px;
          width: 80px; } }
      @media screen and (min-width: 1024px) {
        .tab li:nth-child(2):before {
          right: 5%;
          height: 80px;
          width: 80px; } }
  .tab.top {
    background-position: center bottom; }
    .tab.top li {
      border-radius: 10px 10px 0 0; }
      .tab.top li.active {
        background: #FFF;
        border-bottom: 1px solid #FFF; }
      .tab.top li:hover {
        background: #FFF;
        border-bottom: 1px solid #FFF; }
  .tab.bottom {
    background-position: center top; }
    .tab.bottom li {
      border-radius: 0 0 10px 10px; }
      .tab.bottom li.active {
        background: #FFF;
        border-top: 1px solid #FFF; }
      .tab.bottom li:hover {
        background: #FFF;
        border-top: 1px solid #FFF; }

.tab-wrap {
  display: none; }
  .tab-wrap.show {
    display: block; }

/* .more */
.more {
  position: relative;
  z-index: 2; }
  .more .more-content {
    position: relative;
    height: auto;
    overflow: hidden;
    transition: max-height 1s;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .more .more-content {
        max-height: 600px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .more .more-content {
        max-height: 800px; } }
    @media screen and (min-width: 1024px) {
      .more .more-content {
        max-height: 800px; } }
    .more .more-content::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 100%;
      transition: 1s; }
    .more .more-content.discus::after {
      background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 20%); }
      @media screen and (max-width: 767px) {
        .more .more-content.discus::after {
          height: 200px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .more .more-content.discus::after {
          height: 300px; } }
      @media screen and (min-width: 1024px) {
        .more .more-content.discus::after {
          height: 300px; } }
    .more .more-content.tl::after {
      background: linear-gradient(0deg, #e4f0f7 0%, rgba(228, 240, 247, 0) 20%); }
      @media screen and (max-width: 767px) {
        .more .more-content.tl::after {
          height: 200px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .more .more-content.tl::after {
          height: 300px; } }
      @media screen and (min-width: 1024px) {
        .more .more-content.tl::after {
          height: 300px; } }
    .more .more-content.open:after {
      z-index: -1;
      opacity: 0; }

.btn-more-wrap {
  display: block;
  margin: 0 auto;
  padding: 50px;
  position: relative;
  width: 100%; }
  .btn-more-wrap .btn-more {
    background-color: #22aadd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    color: #FFF;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .btn-more-wrap .btn-more {
        font-size: 1.25rem;
        padding: 20px;
        width: 90%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .btn-more-wrap .btn-more {
        font-size: 1.6rem;
        padding: 20px;
        width: 30%; } }
    @media screen and (min-width: 1024px) {
      .btn-more-wrap .btn-more {
        font-size: 1.6rem;
        padding: 20px;
        width: 30%; } }

.btn-more::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../images/icn-open.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.btn-more.close::after {
  background-image: url("../images/icn-close.svg"); }

.videoWrap {
  display: inline-block; }
  .videoWrap .video {
    width: 100%;
    height: auto; }

.h {
  text-align: center;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .h h1 {
      font-size: calc(4rem * 0.5);
      letter-spacing: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .h h1 {
      font-size: calc(4rem * 0.75);
      letter-spacing: 0; } }
  @media screen and (min-width: 1024px) {
    .h h1 {
      font-size: calc(4rem * 0.75);
      letter-spacing: calc(1rem * 0.25); } }
  .h h1 span {
    background-image: url("../images/bdr_h.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;
    display: inline-block;
    padding-bottom: 10px; }

#entry-bnr {
  position: fixed;
  left: 0;
  bottom: 0;
  transform: rotate(0.05deg);
  z-index: 999; }
  @media screen and (max-width: 767px) {
    #entry-bnr {
      background: rgba(255, 255, 255, 0.5);
      display: block;
      height: auto;
      padding: 10px;
      width: 100%;
      text-align: center; }
      #entry-bnr #entry-btn {
        height: auto;
        margin: 0 auto;
        width: 50%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #entry-bnr {
      display: none; } }
  @media screen and (min-width: 1024px) {
    #entry-bnr {
      display: none; } }

header, section, footer {
  display: block;
  font-size: 1.25rem;
  line-height: 120%;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    header, section, footer {
      font-size: 1.6rem; } }
  header .inner, section .inner, footer .inner {
    margin: 0 auto;
    position: relative;
    padding: 0;
    width: 100%; }

header {
  background: #FFF;
  position: fixed;
  top: 0;
  z-index: 1000; }
  @media screen and (max-width: 767px) {
    header {
      height: 65px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    header {
      height: 100px; } }
  @media screen and (min-width: 1024px) {
    header {
      height: 120px; } }
  header .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%; }
    @media screen and (max-width: 767px) {
      header .inner {
        height: 65px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      header .inner {
        height: 100px; } }
    @media screen and (min-width: 1024px) {
      header .inner {
        height: 120px; } }
    header .inner .logo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 1010; }
      @media screen and (max-width: 767px) {
        header .inner .logo {
          padding: 10px 5%;
          width: 50%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        header .inner .logo {
          padding: 20px;
          width: 30%; } }
      @media screen and (min-width: 1024px) {
        header .inner .logo {
          padding: 20px;
          width: 20%; } }
      header .inner .logo a img {
        height: auto;
        width: 100%; }
    header .inner .nav-pc {
      display: none; }
      @media screen and (min-width: 1024px) {
        header .inner .nav-pc {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 20px;
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          z-index: 1000;
          max-width: 80%; }
          header .inner .nav-pc ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: flex-end;
            -ms-flex-pack: flex-end;
            justify-content: flex-end;
            column-gap: 20px;
            width: 100%; }
            header .inner .nav-pc ul li {
              font-family: 'M PLUS 1p', sans-serif;
              line-height: 150%;
              transform: rotate(0.05deg); }
              header .inner .nav-pc ul li a:hover {
                color: #22aadd; }
          header .inner .nav-pc div#entry-btn {
            display: block;
            padding: 0;
            margin: 0;
            margin-left: 20px;
            width: 200px; } }
    header .inner .nav-mobile {
      display: block; }
      @media screen and (min-width: 1024px) {
        header .inner .nav-mobile {
          display: none; } }
      header .inner .nav-mobile .menu-trigger,
      header .inner .nav-mobile .menu-trigger span {
        display: inline-block;
        transition: all .4s; }
      header .inner .nav-mobile .menu-trigger {
        cursor: pointer;
        position: absolute;
        width: 25px;
        height: 23px;
        z-index: 1001; }
        @media screen and (max-width: 767px) {
          header .inner .nav-mobile .menu-trigger {
            top: calc(30px * 0.65);
            right: 5%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          header .inner .nav-mobile .menu-trigger {
            top: calc(30px * 1.2);
            right: 5%; } }
      header .inner .nav-mobile .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #333; }
        header .inner .nav-mobile .menu-trigger span:nth-of-type(1) {
          top: 0; }
        header .inner .nav-mobile .menu-trigger span:nth-of-type(2) {
          top: 10px; }
        header .inner .nav-mobile .menu-trigger span:nth-of-type(3) {
          bottom: 0; }
      header .inner .nav-mobile .menu-trigger.active span:nth-of-type(1) {
        transform: translateY(10px) rotate(-45deg); }
      header .inner .nav-mobile .menu-trigger.active span:nth-of-type(2) {
        opacity: 0; }
      header .inner .nav-mobile .menu-trigger.active span:nth-of-type(3) {
        transform: translateY(-10px) rotate(45deg); }
      header .inner .nav-mobile #g-nav-m {
        animation: fadeIn 1s ease-in-out forwards;
        background: rgba(255, 255, 255, 0.95);
        display: none;
        font-family: 'M PLUS 1p', sans-serif;
        font-size: 2rem;
        position: relative;
        padding: 150px 5% 0;
        overflow-y: scroll;
        height: 100vh;
        width: 100vw;
        transform: rotate(0.05deg); }
        header .inner .nav-mobile #g-nav-m ul {
          line-height: 100%;
          text-align: center; }
          header .inner .nav-mobile #g-nav-m ul li {
            margin-bottom: 50px; }
            header .inner .nav-mobile #g-nav-m ul li > a {
              display: block;
              width: 100%; }
            header .inner .nav-mobile #g-nav-m ul li#entry-btn {
              margin: 0 auto;
              width: 60%; }
              header .inner .nav-mobile #g-nav-m ul li#entry-btn img {
                height: auto;
                width: 100%; }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                header .inner .nav-mobile #g-nav-m ul li#entry-btn {
                  width: 30%; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/***** section *****/
section .inner {
  margin: 0 auto;
  width: 80%; }
  @media screen and (max-width: 767px) {
    section .inner {
      width: 90%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section .inner {
      width: 80%; } }
  @media screen and (min-width: 1024px) {
    section .inner {
      width: 80%; } }
  @media screen and (max-width: 767px) {
    section .inner h2 {
      font-size: calc(2rem * 0.9); } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section .inner h2 {
      font-size: calc(3rem * 0.9); } }
  @media screen and (min-width: 1024px) {
    section .inner h2 {
      font-size: calc(4rem * 0.8); } }
  section .inner h2 span {
    background: #22aadd;
    color: #FFF;
    display: block;
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-bottom: 5px;
    padding: 5px;
    clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%); }
    @media screen and (max-width: 767px) {
      section .inner h2 span {
        font-size: 1rem;
        line-height: 1rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section .inner h2 span {
        font-size: 1.25rem;
        line-height: 1.25rem; } }
    @media screen and (min-width: 1024px) {
      section .inner h2 span {
        font-size: 1.25rem;
        line-height: 1.25rem; } }
section#main {
  width: 100vw;
  z-index: 0; }
  @media screen and (max-width: 767px) {
    section#main {
      height: 50vh; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#main {
      height: 50vh; } }
  @media screen and (min-width: 1024px) {
    section#main {
      height: 100vh; } }
  section#main article {
    width: 100vw;
    position: relative;
    z-index: 0; }
    @media screen and (max-width: 767px) {
      section#main article {
        padding-top: 50vh; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#main article {
        padding-top: 50vh; } }
    @media screen and (min-width: 1024px) {
      section#main article {
        padding-top: 100vh; } }
    section#main article .person, section#main article .base, section#main article .copy {
      position: absolute; }
      section#main article .person img, section#main article .base img, section#main article .copy img {
        height: auto;
        width: 100%; }
      section#main article .person img, section#main article .base img, section#main article .copy img {
        object-fit: cover; }
    section#main article .copy {
      z-index: 2;
      text-align: right; }
      @media screen and (max-width: 767px) {
        section#main article .copy {
          right: 2.5%;
          bottom: 2.5%;
          width: 60vw; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#main article .copy {
          right: 5%;
          top: 50%;
          width: 35vw; } }
      @media screen and (min-width: 1024px) {
        section#main article .copy {
          right: 5%;
          top: 50%;
          width: 35vw; } }
      section#main article .copy p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end; }
        section#main article .copy p span {
          background: #22aadd;
          display: block; }
          section#main article .copy p span.fst {
            width: 64%; }
            @media screen and (max-width: 767px) {
              section#main article .copy p span.fst {
                margin-bottom: 10px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              section#main article .copy p span.fst {
                margin-bottom: 20px; } }
            @media screen and (min-width: 1024px) {
              section#main article .copy p span.fst {
                margin-bottom: 20px; } }
          section#main article .copy p span.snd {
            width: 100%; }
    section#main article .person {
      background-image: url("../images/main_person.png");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: cover;
      bottom: 0;
      z-index: 1; }
      @media screen and (max-width: 767px) {
        section#main article .person {
          height: 65vw;
          width: 65vw;
          left: -5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#main article .person {
          height: 50vw;
          width: 50vw;
          left: 0; } }
      @media screen and (min-width: 1024px) {
        section#main article .person {
          height: 45vw;
          width: 45vw;
          left: 2.5%; } }
    section#main article .base {
      background-image: url("../images/main_bg.png");
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: cover;
      width: 100vw;
      left: 0;
      z-index: 0; }
      @media screen and (max-width: 767px) {
        section#main article .base {
          top: 65px;
          height: calc(50vh - 65px); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#main article .base {
          top: 100px;
          height: calc(50vh - 100px); } }
      @media screen and (min-width: 1024px) {
        section#main article .base {
          top: 120px;
          height: calc(100vh - 120px); } }
section#nav {
  position: relative;
  width: 100vw;
  z-index: 100; }
  @media screen and (max-width: 767px) {
    section#nav {
      margin-bottom: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#nav {
      margin-bottom: 100px; } }
  @media screen and (min-width: 1024px) {
    section#nav {
      margin-bottom: 100px; } }
  section#nav ul {
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      section#nav ul {
        padding: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#nav ul {
        padding: 20px; } }
    @media screen and (min-width: 1024px) {
      section#nav ul {
        padding: 20px; } }
    section#nav ul li {
      border: 1px solid #22aadd;
      box-shadow: 5px 5px #c8eaf6;
      margin-bottom: 20px;
      position: relative; }
      @media screen and (max-width: 767px) {
        section#nav ul li {
          width: 47.5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#nav ul li {
          width: 32%; } }
      @media screen and (min-width: 1024px) {
        section#nav ul li {
          width: 32%; } }
      section#nav ul li a {
        color: #22aadd;
        display: block;
        font-family: 'M PLUS 1p', sans-serif;
        line-height: 150%;
        position: relative;
        text-align: center;
        transition: all .5s; }
        @media screen and (max-width: 767px) {
          section#nav ul li a {
            font-size: calc(1.6rem * 0.8);
            padding: calc(30px * 1.5) 0; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#nav ul li a {
            font-size: 2rem;
            padding: calc(50px * 1.5) 0; } }
        @media screen and (min-width: 1024px) {
          section#nav ul li a {
            font-size: 2rem;
            padding: calc(50px * 1.5) 0; } }
        section#nav ul li a span {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          white-space: nowrap; }
        section#nav ul li a:after {
          border: 2px solid #22aadd;
          border-top: 0;
          border-left: 0;
          content: '';
          display: block;
          position: absolute; }
          @media screen and (max-width: 767px) {
            section#nav ul li a:after {
              height: 10px;
              width: 10px;
              bottom: 10px;
              right: 10px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#nav ul li a:after {
              height: 20px;
              width: 20px;
              bottom: 20px;
              right: 20px; } }
          @media screen and (min-width: 1024px) {
            section#nav ul li a:after {
              height: 20px;
              width: 20px;
              bottom: 20px;
              right: 20px; } }
        section#nav ul li a:hover {
          background: #22aadd;
          color: #FFF;
          opacity: 1;
          transition: all .5s; }
          section#nav ul li a:hover:after {
            border: 2px solid #FFF;
            border-top: 0;
            border-left: 0; }
section#title {
  display: block;
  font-family: 'M PLUS 1p', sans-serif;
  position: relative;
  z-index: 90;
  transform: rotate(0.05deg); }
  @media screen and (max-width: 767px) {
    section#title {
      height: 35vh; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#title {
      height: 350px; } }
  @media screen and (min-width: 1024px) {
    section#title {
      height: 350px; } }
  section#title .inner {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    @media screen and (max-width: 767px) {
      section#title .inner {
        height: 35vh;
        margin-bottom: 100px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#title .inner {
        height: 350px;
        margin-bottom: 100px; } }
    @media screen and (min-width: 1024px) {
      section#title .inner {
        height: 350px;
        margin-bottom: 100px; } }
    section#title .inner h1 {
      color: #FFF;
      display: inline-block;
      position: absolute;
      top: 70%;
      left: 50%;
      -webkit-transform: translate(-50%, -70%);
      transform: translate(-50%, -70%);
      text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      white-space: nowrap;
      z-index: 5; }
      @media screen and (max-width: 767px) {
        section#title .inner h1 {
          font-size: 3rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#title .inner h1 {
          font-size: 5rem; } }
      @media screen and (min-width: 1024px) {
        section#title .inner h1 {
          font-size: 5rem; } }
section#aboutus {
  margin-bottom: 0;
  position: relative; }
  @media screen and (max-width: 767px) {
    section#aboutus {
      min-height: 80vh; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#aboutus {
      min-height: 100vh; } }
  @media screen and (min-width: 1024px) {
    section#aboutus {
      min-height: 100vh; } }
  section#aboutus .inner {
    position: absolute;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      section#aboutus .inner {
        padding-top: 50px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#aboutus .inner {
        padding-top: 100px; } }
    @media screen and (min-width: 1024px) {
      section#aboutus .inner {
        padding-top: 100px; } }
    section#aboutus .inner h2 {
      font-family: 'Klee One', sans-serif;
      font-weight: 700;
      line-height: 180%; }
      @media screen and (max-width: 767px) {
        section#aboutus .inner h2 {
          font-size: calc(2rem * 1.25); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#aboutus .inner h2 {
          font-size: calc(4rem * 1.25); } }
      @media screen and (min-width: 1024px) {
        section#aboutus .inner h2 {
          font-size: calc(4rem * 1.25); } }
  section#aboutus .base {
    background-image: url("../images/aboutus_bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0; }
    @media screen and (max-width: 767px) {
      section#aboutus .base {
        min-height: 80vh; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#aboutus .base {
        min-height: calc(100vh + 80px); } }
    @media screen and (min-width: 1024px) {
      section#aboutus .base {
        min-height: calc(100vh + 80px); } }
  section#aboutus:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100; }
    @media screen and (max-width: 767px) {
      section#aboutus:after {
        border: 40px solid #FFF;
        bottom: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#aboutus:after {
        border: 60px solid #FFF;
        bottom: 10px; } }
    @media screen and (min-width: 1024px) {
      section#aboutus:after {
        border: 60px solid #FFF;
        bottom: 30px; } }
section#discussion {
  background-image: url("../images/discus_bg.svg");
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    section#discussion {
      padding: 50px 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#discussion {
      padding: 100px 0; } }
  @media screen and (min-width: 1024px) {
    section#discussion {
      padding: 100px 0; } }
  section#discussion .tab-wrap {
    margin-bottom: 50px; }
    section#discussion .tab-wrap .member-wrap {
      background-color: #F3F3F3;
      background-repeat: no-repeat;
      background-size: 80%;
      background-position: right bottom;
      width: 100%; }
      @media screen and (max-width: 767px) {
        section#discussion .tab-wrap .member-wrap {
          margin-bottom: 30px;
          padding: 20px; }
          section#discussion .tab-wrap .member-wrap:after {
            background-image: url("../images/icn_scroll.svg");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 50%;
            content: '';
            display: block;
            height: 25px;
            width: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#discussion .tab-wrap .member-wrap {
          margin-bottom: 50px;
          padding: 30px; } }
      @media screen and (min-width: 1024px) {
        section#discussion .tab-wrap .member-wrap {
          margin-bottom: 50px;
          padding: 30px; } }
      @media screen and (max-width: 767px) {
        section#discussion .tab-wrap .member-wrap h3 {
          font-size: calc(2rem * 0.8); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#discussion .tab-wrap .member-wrap h3 {
          font-size: calc(2rem * 1.0); } }
      @media screen and (min-width: 1024px) {
        section#discussion .tab-wrap .member-wrap h3 {
          font-size: calc(2rem * 1.0); } }
      section#discussion .tab-wrap .member-wrap .member {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap .member-wrap .member {
            column-gap: 5%;
            width: 100%;
            overflow-x: auto;
            margin-bottom: 10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap .member-wrap .member {
            column-gap: 5%;
            width: 100%;
            overflow-x: auto;
            margin-bottom: 10px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap .member-wrap .member {
            column-gap: 2.5%;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        section#discussion .tab-wrap .member-wrap .member dl {
          display: grid; }
          @media screen and (max-width: 767px) {
            section#discussion .tab-wrap .member-wrap .member dl {
              grid-template-rows: 40px 40px;
              grid-template-columns: 80px 140px;
              padding: 10px 0;
              width: 100%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#discussion .tab-wrap .member-wrap .member dl {
              grid-template-rows: 40px 40px;
              grid-template-columns: 80px 160px;
              padding: 20px 0;
              width: 100%; } }
          @media screen and (min-width: 1024px) {
            section#discussion .tab-wrap .member-wrap .member dl {
              grid-template-rows: 60px 60px;
              grid-template-columns: 120px 1fr;
              padding: 20px 0;
              width: 30%; } }
          section#discussion .tab-wrap .member-wrap .member dl dt {
            grid-row: 1 / 3;
            grid-column: 1 / 2; }
            section#discussion .tab-wrap .member-wrap .member dl dt img {
              height: auto;
              width: 100%; }
          section#discussion .tab-wrap .member-wrap .member dl dd {
            font-weight: 700; }
            @media screen and (max-width: 767px) {
              section#discussion .tab-wrap .member-wrap .member dl dd {
                padding: calc(20px * .75) 0;
                padding-left: 10px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              section#discussion .tab-wrap .member-wrap .member dl dd {
                padding: calc(20px * .75) 0;
                padding-left: 20px; } }
            @media screen and (min-width: 1024px) {
              section#discussion .tab-wrap .member-wrap .member dl dd {
                padding: calc(30px * .75) 0;
                padding-left: 20px; } }
            section#discussion .tab-wrap .member-wrap .member dl dd.name {
              grid-row: 1 / 2;
              grid-column: 2 / 3;
              border-bottom: 1px solid #f4ce1f; }
            section#discussion .tab-wrap .member-wrap .member dl dd.department {
              grid-row: 2 / 3;
              grid-column: 2 / 3; }
              @media screen and (max-width: 767px) {
                section#discussion .tab-wrap .member-wrap .member dl dd.department {
                  font-size: calc(1.25rem * 0.8); } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                section#discussion .tab-wrap .member-wrap .member dl dd.department {
                  font-size: calc(1.25rem * 0.75); } }
              @media screen and (min-width: 1024px) {
                section#discussion .tab-wrap .member-wrap .member dl dd.department {
                  font-size: calc(1.25rem * 1.2); } }
    section#discussion .tab-wrap .duscus-wrap {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      width: 100%; }
      section#discussion .tab-wrap .duscus-wrap h3 {
        background: #F3F3F3;
        border-radius: 10px 10px 0 0;
        margin-bottom: 1px;
        text-align: center; }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap .duscus-wrap h3 {
            font-size: calc(2rem * 0.8);
            padding: 10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap .duscus-wrap h3 {
            font-size: calc(4rem * 0.75);
            padding: 20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap .duscus-wrap h3 {
            font-size: calc(4rem * 0.75);
            padding: 20px; } }
        section#discussion .tab-wrap .duscus-wrap h3 span {
          position: relative; }
          section#discussion .tab-wrap .duscus-wrap h3 span:before {
            background-image: url("../images/discus_icn_h.svg");
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
            @media screen and (max-width: 767px) {
              section#discussion .tab-wrap .duscus-wrap h3 span:before {
                height: 28px;
                width: 40px;
                left: -50px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              section#discussion .tab-wrap .duscus-wrap h3 span:before {
                height: 56px;
                width: 80px;
                left: -100px; } }
            @media screen and (min-width: 1024px) {
              section#discussion .tab-wrap .duscus-wrap h3 span:before {
                height: 56px;
                width: 80px;
                left: -100px; } }
      section#discussion .tab-wrap .duscus-wrap .discus {
        background: #F9F9F9;
        border-radius: 0 0 10px 10px; }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap .duscus-wrap .discus {
            margin-bottom: 30px;
            padding: 20px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap .duscus-wrap .discus {
            margin-bottom: 50px;
            padding: 30px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap .duscus-wrap .discus {
            margin-bottom: 50px;
            padding: 50px; } }
        section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          column-gap: 2.5%;
          margin-bottom: 20px;
          width: 100%; }
          @media screen and (max-width: 767px) {
            section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap {
              column-gap: 5%; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap {
              column-gap: 5%; } }
          @media screen and (min-width: 1024px) {
            section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap {
              column-gap: 2.5%; } }
          section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap.reply {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: flex-end;
            -ms-flex-pack: flex-end;
            flex-direction: row-reverse; }
          section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn {
            text-align: center; }
            @media screen and (max-width: 767px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn {
                width: 20%; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn {
                width: 15%; } }
            @media screen and (min-width: 1024px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn {
                width: 10%; } }
            section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn dt img {
              height: auto;
              width: 100%; }
            @media screen and (max-width: 767px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn dt {
                margin-bottom: 5px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn dt {
                margin-bottom: 10px; } }
            @media screen and (min-width: 1024px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn dt {
                margin-bottom: 10px; } }
            @media screen and (max-width: 767px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn dd {
                font-size: 1rem; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn dd {
                font-size: 1.25rem; } }
            @media screen and (min-width: 1024px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .icn dd {
                font-size: 1.25rem; } }
          section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .chat {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            width: 67.5%; }
            @media screen and (max-width: 767px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .chat {
                padding: calc(30px * 0.75); } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .chat {
                padding: calc(30px * 1.25); } }
            @media screen and (min-width: 1024px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .chat {
                padding: calc(30px * 1.25); } }
            @media screen and (max-width: 767px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .chat p {
                margin-bottom: 0; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .chat p {
                margin-bottom: 5px; } }
            @media screen and (min-width: 1024px) {
              section#discussion .tab-wrap .duscus-wrap .discus .chat-wrap .chat p {
                margin-bottom: 5px; } }
    @media screen and (max-width: 767px) {
      section#discussion .tab-wrap#ne h2 span {
        width: 8.0rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#discussion .tab-wrap#ne h2 span {
        width: 10.0rem; } }
    @media screen and (min-width: 1024px) {
      section#discussion .tab-wrap#ne h2 span {
        width: 10.0rem; } }
    section#discussion .tab-wrap#ne .member-wrap {
      background-image: url("../images/discus_bg_member_ne.svg"); }
      section#discussion .tab-wrap#ne .member-wrap .member dl.k-s dd.name {
        border-bottom: 1px solid #f4ce1f; }
      section#discussion .tab-wrap#ne .member-wrap .member dl.h-s dd.name {
        border-bottom: 1px solid #58b331; }
      section#discussion .tab-wrap#ne .member-wrap .member dl.m-y dd.name {
        border-bottom: 1px solid #208bbe; }
      section#discussion .tab-wrap#ne .member-wrap .member dl.y-n dd.name {
        border-bottom: 1px solid #8b6cbc; }
      section#discussion .tab-wrap#ne .member-wrap .member dl.s-n dd.name {
        border-bottom: 1px solid #e889ce; }
    section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.k-s:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.h-s:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.m-y:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.y-n:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.s-n:before {
      content: '';
      display: block;
      position: absolute; }
      @media screen and (max-width: 767px) {
        section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.k-s:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.h-s:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.m-y:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.y-n:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.s-n:before {
          top: calc(30px * 1.0);
          height: calc(10px / 2 * tan(60deg));
          width: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.k-s:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.h-s:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.m-y:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.y-n:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.s-n:before {
          top: calc(30px * 1.5);
          height: calc(20px / 2 * tan(60deg));
          width: 20px; } }
      @media screen and (min-width: 1024px) {
        section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.k-s:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.h-s:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.m-y:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.y-n:before, section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.s-n:before {
          top: calc(30px * 1.5);
          height: calc(20px / 2 * tan(60deg));
          width: 20px; } }
    section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.k-s {
      background-color: #fcf3c7; }
      section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.k-s:before {
        background: #fcf3c7;
        clip-path: polygon(0 0, 100% 50%, 0 100%); }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.k-s:before {
            right: -10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.k-s:before {
            right: -20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.k-s:before {
            right: -20px; } }
    section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.h-s {
      background-color: #d5eccb; }
      section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.h-s:before {
        background: #d5eccb;
        clip-path: polygon(0 0, 100% 50%, 0 100%); }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.h-s:before {
            right: -10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.h-s:before {
            right: -20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.h-s:before {
            right: -20px; } }
    section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.m-y {
      background-color: #c8eaf6; }
      section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.m-y:before {
        background: #c8eaf6;
        clip-path: polygon(0 50%, 100% 0, 100% 100%); }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.m-y:before {
            left: -10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.m-y:before {
            left: -20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.m-y:before {
            left: -20px; } }
    section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.y-n {
      background-color: #e2daee; }
      section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.y-n:before {
        background: #e2daee;
        clip-path: polygon(0 50%, 100% 0, 100% 100%); }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.y-n:before {
            left: -10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.y-n:before {
            left: -20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.y-n:before {
            left: -20px; } }
    section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.s-n {
      background-color: #f9e1f3; }
      section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.s-n:before {
        background: #f9e1f3;
        clip-path: polygon(0 50%, 100% 0, 100% 100%); }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.s-n:before {
            left: -10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.s-n:before {
            left: -20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap#ne .duscus-wrap .discus .chat-wrap .chat.s-n:before {
            left: -20px; } }
    @media screen and (max-width: 767px) {
      section#discussion .tab-wrap#ye h2 span {
        width: 9.0rem; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#discussion .tab-wrap#ye h2 span {
        width: 12.0rem; } }
    @media screen and (min-width: 1024px) {
      section#discussion .tab-wrap#ye h2 span {
        width: 12.0rem; } }
    section#discussion .tab-wrap#ye .member-wrap {
      background-image: url("../images/discus_bg_member_ye.svg"); }
      section#discussion .tab-wrap#ye .member-wrap .member dl.y-n dd.name {
        border-bottom: 1px solid #f4ce1f; }
      section#discussion .tab-wrap#ye .member-wrap .member dl.s-m dd.name {
        border-bottom: 1px solid #58b331; }
      section#discussion .tab-wrap#ye .member-wrap .member dl.k-a dd.name {
        border-bottom: 1px solid #208bbe; }
      section#discussion .tab-wrap#ye .member-wrap .member dl.s-h dd.name {
        border-bottom: 1px solid #8b6cbc; }
      section#discussion .tab-wrap#ye .member-wrap .member dl.m-s dd.name {
        border-bottom: 1px solid #e889ce; }
    section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.y-n:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-m:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.k-a:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-h:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.m-s:before {
      content: '';
      display: block;
      position: absolute; }
      @media screen and (max-width: 767px) {
        section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.y-n:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-m:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.k-a:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-h:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.m-s:before {
          top: calc(30px * 1.0);
          height: calc(10px / 2 * tan(60deg));
          width: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.y-n:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-m:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.k-a:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-h:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.m-s:before {
          top: calc(30px * 1.5);
          height: calc(20px / 2 * tan(60deg));
          width: 20px; } }
      @media screen and (min-width: 1024px) {
        section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.y-n:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-m:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.k-a:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-h:before, section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.m-s:before {
          top: calc(30px * 1.5);
          height: calc(20px / 2 * tan(60deg));
          width: 20px; } }
    section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.y-n {
      background-color: #fcf3c7; }
      section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.y-n:before {
        background: #fcf3c7;
        clip-path: polygon(0 0, 100% 50%, 0 100%); }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.y-n:before {
            right: -10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.y-n:before {
            right: -20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.y-n:before {
            right: -20px; } }
    section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-m {
      background-color: #d5eccb; }
      section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-m:before {
        background: #d5eccb;
        clip-path: polygon(0 0, 100% 50%, 0 100%); }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-m:before {
            right: -10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-m:before {
            right: -20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-m:before {
            right: -20px; } }
    section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.k-a {
      background-color: #c8eaf6; }
      section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.k-a:before {
        background: #c8eaf6;
        clip-path: polygon(0 0, 100% 50%, 0 100%); }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.k-a:before {
            right: -10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.k-a:before {
            right: -20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.k-a:before {
            right: -20px; } }
    section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-h {
      background-color: #e2daee; }
      section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-h:before {
        background: #e2daee;
        clip-path: polygon(0 50%, 100% 0, 100% 100%); }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-h:before {
            left: -10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-h:before {
            left: -20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.s-h:before {
            left: -20px; } }
    section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.m-s {
      background-color: #f9e1f3; }
      section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.m-s:before {
        background: #f9e1f3;
        clip-path: polygon(0 50%, 100% 0, 100% 100%); }
        @media screen and (max-width: 767px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.m-s:before {
            left: -10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.m-s:before {
            left: -20px; } }
        @media screen and (min-width: 1024px) {
          section#discussion .tab-wrap#ye .duscus-wrap .discus .chat-wrap .chat.m-s:before {
            left: -20px; } }
section#oneday {
  background-color: #def2fa;
  background-image: url("../images/oneday_bg.svg");
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    section#oneday {
      padding: 50px 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#oneday {
      padding: 100px 0; } }
  @media screen and (min-width: 1024px) {
    section#oneday {
      padding: 100px 0; } }
  @media screen and (max-width: 767px) {
    section#oneday .cont-wrap h2 span {
      width: 6.0rem; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#oneday .cont-wrap h2 span {
      width: 8.0rem; } }
  @media screen and (min-width: 1024px) {
    section#oneday .cont-wrap h2 span {
      width: 8.0rem; } }
  @media screen and (max-width: 767px) {
    section#oneday .cont-wrap .more {
      margin-bottom: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#oneday .cont-wrap .more {
      margin-bottom: 100px; } }
  @media screen and (min-width: 1024px) {
    section#oneday .cont-wrap .more {
      margin-bottom: 100px; } }
  @media screen and (max-width: 767px) {
    section#oneday .cont-wrap .more .more-content {
      padding-top: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#oneday .cont-wrap .more .more-content {
      padding-top: 50px; } }
  @media screen and (min-width: 1024px) {
    section#oneday .cont-wrap .more .more-content {
      padding-top: 50px; } }
  section#oneday .cont-wrap .tl-wrap#s-m .title {
    background: #c8eaf6; }
    section#oneday .cont-wrap .tl-wrap#s-m .title .spec dl dt {
      background: #22aadd; }
  section#oneday .cont-wrap .tl-wrap#s-m .tl .task-wrap .task {
    background: #c8eaf6; }
    section#oneday .cont-wrap .tl-wrap#s-m .tl .task-wrap .task dl dt span {
      color: #22aadd; }
    section#oneday .cont-wrap .tl-wrap#s-m .tl .task-wrap .task:after {
      background: #c8eaf6; }
  section#oneday .cont-wrap .tl-wrap#k-y .title {
    background: #d5eccb; }
    section#oneday .cont-wrap .tl-wrap#k-y .title .spec dl dt {
      background: #58b331; }
  section#oneday .cont-wrap .tl-wrap#k-y .tl .task-wrap .task {
    background: #d5eccb; }
    section#oneday .cont-wrap .tl-wrap#k-y .tl .task-wrap .task dl dt span {
      color: #58b331; }
    section#oneday .cont-wrap .tl-wrap#k-y .tl .task-wrap .task:after {
      background: #d5eccb; }
  section#oneday .cont-wrap .tl-wrap#k-a .title {
    background: #fcf3c7; }
    section#oneday .cont-wrap .tl-wrap#k-a .title .spec dl dt {
      background: #f4ce1f; }
  section#oneday .cont-wrap .tl-wrap#k-a .tl .task-wrap .task {
    background: #fcf3c7; }
    section#oneday .cont-wrap .tl-wrap#k-a .tl .task-wrap .task dl dt span {
      color: #f4ce1f; }
    section#oneday .cont-wrap .tl-wrap#k-a .tl .task-wrap .task:after {
      background: #fcf3c7; }
  section#oneday .cont-wrap .tl-wrap .title {
    position: relative; }
    @media screen and (max-width: 767px) {
      section#oneday .cont-wrap .tl-wrap .title {
        margin-bottom: 30px;
        padding: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#oneday .cont-wrap .tl-wrap .title {
        margin-bottom: 50px;
        padding: 30px; } }
    @media screen and (min-width: 1024px) {
      section#oneday .cont-wrap .tl-wrap .title {
        margin-bottom: 50px;
        padding: 30px; } }
    section#oneday .cont-wrap .tl-wrap .title figure {
      position: absolute;
      height: auto;
      bottom: 0; }
      section#oneday .cont-wrap .tl-wrap .title figure img {
        height: auto;
        width: 100%; }
      @media screen and (max-width: 767px) {
        section#oneday .cont-wrap .tl-wrap .title figure {
          width: 100px;
          right: 2.5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#oneday .cont-wrap .tl-wrap .title figure {
          width: 160px;
          right: 2.5%; } }
      @media screen and (min-width: 1024px) {
        section#oneday .cont-wrap .tl-wrap .title figure {
          width: 200px;
          right: 5%; } }
    section#oneday .cont-wrap .tl-wrap .title h3 {
      font-weight: 700; }
      @media screen and (max-width: 767px) {
        section#oneday .cont-wrap .tl-wrap .title h3 {
          font-size: calc(2rem * 1.25); } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#oneday .cont-wrap .tl-wrap .title h3 {
          font-size: calc(3rem * 1.2); } }
      @media screen and (min-width: 1024px) {
        section#oneday .cont-wrap .tl-wrap .title h3 {
          font-size: calc(4rem * 1.2); } }
    @media screen and (max-width: 767px) {
      section#oneday .cont-wrap .tl-wrap .title .spec {
        display: block; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#oneday .cont-wrap .tl-wrap .title .spec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media screen and (min-width: 1024px) {
      section#oneday .cont-wrap .tl-wrap .title .spec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    section#oneday .cont-wrap .tl-wrap .title .spec dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      column-gap: 10px;
      margin-right: 30px; }
      @media screen and (max-width: 767px) {
        section#oneday .cont-wrap .tl-wrap .title .spec dl {
          margin-bottom: 10px; }
          section#oneday .cont-wrap .tl-wrap .title .spec dl:last-child {
            margin-bottom: 0; } }
      section#oneday .cont-wrap .tl-wrap .title .spec dl dt {
        color: #FFF;
        letter-spacing: 1.0rem;
        text-align: center; }
        @media screen and (max-width: 767px) {
          section#oneday .cont-wrap .tl-wrap .title .spec dl dt {
            font-size: 1rem;
            padding: calc(5px * 0.8);
            padding-left: calc(10px * 1.5); } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#oneday .cont-wrap .tl-wrap .title .spec dl dt {
            font-size: 1.25rem;
            padding: 5px;
            padding-left: calc(10px * 1.5); } }
        @media screen and (min-width: 1024px) {
          section#oneday .cont-wrap .tl-wrap .title .spec dl dt {
            font-size: 1.25rem;
            padding: 5px;
            padding-left: calc(10px * 1.5); } }
  section#oneday .cont-wrap .tl-wrap .tl {
    background-image: url("../images/oneday_tl_bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    margin-bottom: 0;
    position: relative;
    width: 100%; }
    @media screen and (max-width: 767px) {
      section#oneday .cont-wrap .tl-wrap .tl {
        background-position: left 5% top 0;
        padding-bottom: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#oneday .cont-wrap .tl-wrap .tl {
        background-position: left 5% top 0;
        padding-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      section#oneday .cont-wrap .tl-wrap .tl {
        background-position: center top;
        padding-bottom: 5%; } }
    section#oneday .cont-wrap .tl-wrap .tl .clock {
      height: auto; }
      @media screen and (max-width: 767px) {
        section#oneday .cont-wrap .tl-wrap .tl .clock {
          position: absolute;
          left: 1%;
          width: 10%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(1) {
            top: 6.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(2) {
            top: 26.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(3) {
            top: 46.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(4) {
            top: 66.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(5) {
            top: 86.5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#oneday .cont-wrap .tl-wrap .tl .clock {
          position: absolute;
          left: 1%;
          width: 8%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(1) {
            top: 6.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(2) {
            top: 26.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(3) {
            top: 46.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(4) {
            top: 66.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(5) {
            top: 86.5%; } }
      @media screen and (min-width: 1024px) {
        section#oneday .cont-wrap .tl-wrap .tl .clock {
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(1) {
            top: 8.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(2) {
            top: 27.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(3) {
            top: 45%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(4) {
            top: 64%; }
          section#oneday .cont-wrap .tl-wrap .tl .clock:nth-child(5) {
            top: 82.5%; } }
      section#oneday .cont-wrap .tl-wrap .tl .clock img {
        height: auto;
        width: 100%; }
    section#oneday .cont-wrap .tl-wrap .tl .task-wrap {
      display: grid;
      width: 100%; }
      @media screen and (max-width: 767px) {
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap {
          margin-bottom: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap {
          margin-bottom: 10px; } }
      @media screen and (min-width: 1024px) {
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap {
          margin-bottom: -8.5%; }
          section#oneday .cont-wrap .tl-wrap .tl .task-wrap:nth-child(odd) .task {
            justify-self: end; } }
      section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        position: relative; }
        @media screen and (max-width: 767px) {
          section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task {
            margin-bottom: 0;
            padding: 20px;
            justify-self: end;
            width: 85%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task {
            margin-bottom: 0;
            padding: 20px;
            justify-self: end;
            width: 85%; } }
        @media screen and (min-width: 1024px) {
          section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task {
            margin-bottom: 50px;
            padding: 30px;
            width: 42.5%; } }
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task figure img {
          height: auto;
          width: 100%; }
        @media screen and (max-width: 767px) {
          section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task figure {
            margin-right: 20px;
            width: 50%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task figure {
            margin-right: 20px;
            width: 20%; } }
        @media screen and (min-width: 1024px) {
          section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task figure {
            margin-right: 30px;
            width: 200px; } }
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task figure img {
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px; }
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task dl {
          width: 100%; }
          section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task dl dt {
            font-weight: 700;
            line-height: 120%; }
            @media screen and (max-width: 767px) {
              section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task dl dt {
                font-size: calc(1.75rem * 1.0);
                margin-bottom: 5px; } }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task dl dt {
                font-size: calc(1.75rem * 1.0);
                margin-bottom: 5px; } }
            @media screen and (min-width: 1024px) {
              section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task dl dt {
                font-size: calc(2rem * 1.25);
                margin-bottom: 10px; } }
            section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task dl dt span {
              display: block; }
              @media screen and (max-width: 767px) {
                section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task dl dt span {
                  font-size: 1.25rem;
                  margin-bottom: 5px; } }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task dl dt span {
                  font-size: 1.25rem;
                  margin-bottom: 5px; } }
              @media screen and (min-width: 1024px) {
                section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task dl dt span {
                  font-size: 1.6rem;
                  margin-bottom: 10px; } }
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task:after {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
          @media screen and (max-width: 767px) {
            section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task:after {
              height: calc(10px / 2 * tan(60deg));
              width: 10px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task:after {
              height: calc(10px / 2 * tan(60deg));
              width: 10px; } }
          @media screen and (min-width: 1024px) {
            section#oneday .cont-wrap .tl-wrap .tl .task-wrap .task:after {
              height: calc(20px / 2 * tan(60deg));
              width: 20px; } }
      @media screen and (max-width: 767px) {
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap:nth-child(even) .task:after {
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
          left: -10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap:nth-child(even) .task:after {
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
          left: -10px; } }
      @media screen and (min-width: 1024px) {
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap:nth-child(even) .task:after {
          clip-path: polygon(0 0, 100% 50%, 0 100%);
          right: -20px; } }
      @media screen and (max-width: 767px) {
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap:nth-child(odd) .task:after {
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
          left: -10px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap:nth-child(odd) .task:after {
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
          left: -10px; } }
      @media screen and (min-width: 1024px) {
        section#oneday .cont-wrap .tl-wrap .tl .task-wrap:nth-child(odd) .task:after {
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
          left: -20px; } }
section#lifestyle {
  background-color: #fcf3c7;
  background-image: url("../images/lifestyle_bg.svg");
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    section#lifestyle {
      padding: 50px 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#lifestyle {
      padding: 100px 0; } }
  @media screen and (min-width: 1024px) {
    section#lifestyle {
      padding: 100px 0; } }
  @media screen and (max-width: 767px) {
    section#lifestyle .cont-wrap h2 {
      margin-bottom: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#lifestyle .cont-wrap h2 {
      margin-bottom: calc(50px * 1.5); } }
  @media screen and (min-width: 1024px) {
    section#lifestyle .cont-wrap h2 {
      margin-bottom: calc(50px * 1.5); } }
  @media screen and (max-width: 767px) {
    section#lifestyle .cont-wrap h2 span {
      width: 8.0rem; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#lifestyle .cont-wrap h2 span {
      width: 10.0rem; } }
  @media screen and (min-width: 1024px) {
    section#lifestyle .cont-wrap h2 span {
      width: 10.0rem; } }
  section#lifestyle .lifestyle {
    width: 100vw; }
    @media screen and (max-width: 767px) {
      section#lifestyle .lifestyle {
        margin-bottom: 50px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#lifestyle .lifestyle {
        margin-bottom: 150px; } }
    @media screen and (min-width: 1024px) {
      section#lifestyle .lifestyle {
        margin-bottom: 150px; } }
    section#lifestyle .lifestyle li {
      display: block;
      height: auto; }
      @media screen and (max-width: 767px) {
        section#lifestyle .lifestyle li {
          width: 60vw;
          margin: 0 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#lifestyle .lifestyle li {
          width: 600px;
          margin: 0 30px; } }
      @media screen and (min-width: 1024px) {
        section#lifestyle .lifestyle li {
          width: 600px;
          margin: 0 50px; } }
      section#lifestyle .lifestyle li img {
        height: auto;
        width: 100%; }
      section#lifestyle .lifestyle li img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; }
section#system {
  background-color: #FFF;
  background-image: url("../images/system_bg.svg");
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    section#system {
      padding: 50px 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#system {
      padding: 100px 0; } }
  @media screen and (min-width: 1024px) {
    section#system {
      padding: 100px 0; } }
  @media screen and (max-width: 767px) {
    section#system .cont-wrap h2 span {
      width: 11.0rem; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#system .cont-wrap h2 span {
      width: 14.0rem; } }
  @media screen and (min-width: 1024px) {
    section#system .cont-wrap h2 span {
      width: 14.0rem; } }
  section#system .cont-wrap .system {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative; }
    @media screen and (max-width: 767px) {
      section#system .cont-wrap .system {
        margin-bottom: 30px;
        padding: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#system .cont-wrap .system {
        margin-bottom: 100px;
        padding: 50px; } }
    @media screen and (min-width: 1024px) {
      section#system .cont-wrap .system {
        margin-bottom: 100px;
        padding: 50px; } }
    section#system .cont-wrap .system .icn {
      position: absolute;
      height: auto; }
      @media screen and (max-width: 767px) {
        section#system .cont-wrap .system .icn {
          right: 2.5%;
          top: -65px;
          width: 60px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#system .cont-wrap .system .icn {
          right: 5%;
          top: -165px;
          width: 150px; } }
      @media screen and (min-width: 1024px) {
        section#system .cont-wrap .system .icn {
          right: 5%;
          top: -165px;
          width: 150px; } }
      section#system .cont-wrap .system .icn img {
        height: auto;
        width: 100%; }
    @media screen and (max-width: 767px) {
      section#system .cont-wrap .system dl {
        margin-bottom: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#system .cont-wrap .system dl {
        margin-bottom: 50px; } }
    @media screen and (min-width: 1024px) {
      section#system .cont-wrap .system dl {
        margin-bottom: 50px; } }
    section#system .cont-wrap .system dl:last-child {
      margin-bottom: 0; }
    section#system .cont-wrap .system dl dt {
      line-height: 120%; }
      @media screen and (max-width: 767px) {
        section#system .cont-wrap .system dl dt {
          font-size: calc(1.6rem * 1.0);
          margin-bottom: 5px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#system .cont-wrap .system dl dt {
          font-size: calc(2rem * 1.25);
          margin-bottom: 20px; } }
      @media screen and (min-width: 1024px) {
        section#system .cont-wrap .system dl dt {
          font-size: calc(2rem * 1.25);
          margin-bottom: 20px; } }
    section#system .cont-wrap .system dl dd > dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 10px; }
      section#system .cont-wrap .system dl dd > dl:last-child {
        margin-bottom: 0; }
      section#system .cont-wrap .system dl dd > dl dt {
        font-weight: 500; }
        @media screen and (max-width: 767px) {
          section#system .cont-wrap .system dl dd > dl dt {
            font-size: 1.25rem;
            width: 30.0rem;
            max-width: 8.0rem; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#system .cont-wrap .system dl dd > dl dt {
            font-size: 1.6rem;
            width: 25.0rem;
            max-width: 12.0rem; } }
        @media screen and (min-width: 1024px) {
          section#system .cont-wrap .system dl dd > dl dt {
            font-size: 1.6rem;
            width: 25.0rem;
            max-width: 12.0rem; } }
  section#system .cont-wrap#startup h2 span {
    background: #22aadd; }
  section#system .cont-wrap#startup .system {
    background: #def2fa; }
    @media screen and (max-width: 767px) {
      section#system .cont-wrap#startup .system .icn {
        top: -60px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#system .cont-wrap#startup .system .icn {
        top: -145px; } }
    @media screen and (min-width: 1024px) {
      section#system .cont-wrap#startup .system .icn {
        top: -145px; } }
  section#system .cont-wrap#growth h2 span {
    background: #58b331; }
  section#system .cont-wrap#growth .system {
    background: #d5eccb; }
  section#system .cont-wrap#career h2 span {
    background: #f4ce1f; }
  section#system .cont-wrap#career .system {
    background: #fcf3c7; }
section#entry {
  background-color: #F9F9F9;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    section#entry {
      padding: 50px 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#entry {
      padding: 100px 0; } }
  @media screen and (min-width: 1024px) {
    section#entry {
      padding: 100px 0; } }
  section#entry .cont-wrap > dl {
    border-bottom: 1px solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media screen and (max-width: 767px) {
      section#entry .cont-wrap > dl {
        column-gap: 2.5%;
        margin: 0 auto 20px;
        padding-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#entry .cont-wrap > dl {
        column-gap: 5%;
        margin: 0 auto 30px;
        padding-bottom: 30px; } }
    @media screen and (min-width: 1024px) {
      section#entry .cont-wrap > dl {
        column-gap: 5%;
        margin: 0 auto 30px;
        padding-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      section#entry .cont-wrap > dl dt {
        width: 25%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#entry .cont-wrap > dl dt {
        width: 20%; } }
    @media screen and (min-width: 1024px) {
      section#entry .cont-wrap > dl dt {
        width: 20%; } }
    @media screen and (max-width: 767px) {
      section#entry .cont-wrap > dl dd {
        width: 70%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#entry .cont-wrap > dl dd {
        width: 75%; } }
    @media screen and (min-width: 1024px) {
      section#entry .cont-wrap > dl dd {
        width: 75%; } }
    section#entry .cont-wrap > dl dd > dl {
      width: 100%; }
      @media screen and (max-width: 767px) {
        section#entry .cont-wrap > dl dd > dl {
          margin-bottom: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#entry .cont-wrap > dl dd > dl {
          column-gap: 2.5%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1024px) {
        section#entry .cont-wrap > dl dd > dl {
          column-gap: 2.5%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 20px; } }
      section#entry .cont-wrap > dl dd > dl:last-child {
        margin-bottom: 0; }
      section#entry .cont-wrap > dl dd > dl dt {
        font-weight: 500; }
        @media screen and (max-width: 767px) {
          section#entry .cont-wrap > dl dd > dl dt {
            margin-bottom: 5px;
            width: 100%; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          section#entry .cont-wrap > dl dd > dl dt {
            width: 20%; } }
        @media screen and (min-width: 1024px) {
          section#entry .cont-wrap > dl dd > dl dt {
            width: 20%; } }
      @media screen and (max-width: 767px) {
        section#entry .cont-wrap > dl dd > dl dd {
          width: 100%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        section#entry .cont-wrap > dl dd > dl dd {
          width: 77.5%; } }
      @media screen and (min-width: 1024px) {
        section#entry .cont-wrap > dl dd > dl dd {
          width: 77.5%; } }
  section#entry .cont-wrap .entry-bnr {
    border: 1px solid #22aadd;
    background: #FFF;
    position: relative;
    text-align: center; }
    @media screen and (max-width: 767px) {
      section#entry .cont-wrap .entry-bnr {
        margin: 0 auto 30px;
        padding: 20px;
        width: 100%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section#entry .cont-wrap .entry-bnr {
        margin: 0 auto 50px;
        padding: 20px;
        width: 50%; } }
    @media screen and (min-width: 1024px) {
      section#entry .cont-wrap .entry-bnr {
        margin: 0 auto 50px;
        padding: 20px;
        width: 50%; } }
    section#entry .cont-wrap .entry-bnr p {
      color: #22aadd;
      font-weight: 700;
      margin-bottom: 20px; }
    section#entry .cont-wrap .entry-bnr:before {
      background-image: url("../images/icn_blank.svg");
      content: '';
      display: block;
      height: 15px;
      width: 15px;
      top: 10px;
      right: 10px;
      position: absolute; }

/***** footer *****/
footer {
  background: #22aadd;
  text-align: center; }
  @media screen and (max-width: 767px) {
    footer {
      padding: 30px 0 100px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    footer {
      padding: 30px; } }
  @media screen and (min-width: 1024px) {
    footer {
      padding: 30px; } }
  footer .inner {
    width: 100%; }
    footer .inner address img {
      width: auto; }
      @media screen and (max-width: 767px) {
        footer .inner address img {
          height: 15px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        footer .inner address img {
          height: 20px; } }
      @media screen and (min-width: 1024px) {
        footer .inner address img {
          height: 20px; } }
    footer .inner #backtotop {
      color: #22aadd;
      mix-blend-mode: diffelence;
      margin-bottom: 0;
      position: fixed;
      z-index: 999999;
      bottom: 0; }
      @media screen and (max-width: 767px) {
        footer .inner #backtotop {
          font-size: 4rem;
          right: 2.5%; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        footer .inner #backtotop {
          font-size: 5rem;
          right: 20px; } }
      @media screen and (min-width: 1024px) {
        footer .inner #backtotop {
          font-size: 5rem;
          right: 20px; } }