@charset "UTF-8";
/* Scss Document */
@import url(common.css);
/* Scss Document */
/*
@include mq-down() {

}
*/
/*vw*/
/*font-size: pxvw(16);*/
/**************************/
body {
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  line-height: 1.7em;
  font-size: 1.1738811445vw;
  font-family: source-han-sans-japanese, sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #313131;
  font-weight: 300;
  font-style: normal;
  background: #fff; }
  @media screen and (max-width: 699px) {
    body {
      overflow-x: hidden;
      font-size: 3.7333333333vw; } }

input, textarea {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  color: #777778;
  font-size: 1.173020528vw; }

*:focus {
  outline: none; }

/*PC環境ではtelのリンクなし*/
a[href^="tel:"] {
  pointer-events: none; }

a.noLine {
  text-decoration: none; }

@media screen and (max-width: 700px) {
  a.noLine {
    text-decoration: underline; }

  a[href^="tel:"] {
    pointer-events: auto; } }
a {
  color: #313131;
  text-decoration: none;
  transition: .3s; }

a:hover {
  opacity: 0.7; }
  @media screen and (max-width: 699px) {
    a:hover {
      opacity: 1; } }

.opa {
  transition: .3s; }

.opa:hover {
  opacity: 0.7; }
  @media screen and (max-width: 699px) {
    .opa:hover {
      opacity: 1; } }

.colorBlue {
  color: #28a7e1; }

.colorYellow {
  color: #fef01c; }

.colorRed {
  color: #ce000c; }

.colorOrange {
  color: #fb7e53; }

.colorGray {
  color: #484848; }

.txtS {
  font-size: 0.8em;
  line-height: 1.2em; }

.txtSS {
  font-size: 0.7em; }

.txtL {
  font-size: 1.2em; }

.indent {
  padding-left: 1em;
  text-indent: -1em; }

.pc {
  display: block !important; }
  @media screen and (max-width: 699px) {
    .pc {
      display: none !important; } }

.sp {
  display: none !important; }
  @media screen and (max-width: 699px) {
    .sp {
      display: block !important; } }

.lineH10 {
  line-height: 1.0em; }

.lineH12 {
  line-height: 1.2em; }

.lineH13 {
  line-height: 1.3em; }

.displayB {
  display: block; }

body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.flex {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 699px) {
    .flex {
      display: block; } }

.flexSp {
  display: flex;
  justify-content: space-between; }

/****************

	all

****************/
/*＠include fontML*/
/*モーダル*/
.modaal-overlay {
  background: -moz-linear-gradient(left, #013e74, #05673e) !important;
  background: -webkit-linear-gradient(left, #013e74, #05673e) !important;
  background: linear-gradient(to right, #013e74, #05673e) !important;
  opacity: 0.9 !important; }

img {
  height: auto; }

.logo60 {
  position: absolute;
  top: 7.0vw;
  left: 7.8vw;
  width: 20vw;
  z-index: 1;
  mix-blend-mode: screen;
  pointer-events: none; }
  @media screen and (max-width: 699px) {
    .logo60 {
      top: 15vw;
      left: 0.7vw;
      width: 47vw; } }
  .logo60 video {
    width: 100%; }

/******
wp
****/
.screen-reader-text {
  /*ページネーションのテキスト非表示*/
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important; }

.is-provider-youtube .wp-block-embed__wrapper {
  width: 100%;
  position: relative;
  padding-top: 56.25%; }
  .is-provider-youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.con figure {
  margin: 20px 0;
  padding: 0; }
.con .wp-element-caption {
  margin: 0.5em 0 0 0;
  color: #575757; }
  .con .wp-element-caption a {
    color: #575757; }

/****************

	header

****************/
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 105;
  width: 100%;
  height: 10.82vw;
  transition: .3s;
  /*ハンバーガーメニュー*/
  /*is-animation*/ }
  @media screen and (max-width: 699px) {
    header {
      width: 100%; } }
  header > .logo {
    width: 9.68vw;
    margin: 3.11vw 0 0 9.53vw;
    position: relative;
    transition: .3s; }
    @media screen and (max-width: 699px) {
      header > .logo {
        width: 39.33%;
        margin: 5% 0 0 5%; } }
  header .fixNav {
    display: block;
    height: 1.614vw;
    position: fixed;
    right: 9.53vw;
    top: 4.36vw;
    width: 2.93vw;
    z-index: 500;
    cursor: pointer; }
    @media screen and (max-width: 699px) {
      header .fixNav {
        top: 5.33vw;
        right: 5.33vw;
        width: 10.66vw;
        height: 5.86vw; } }
  header .nav__line {
    background: #fff;
    border-radius: 5px;
    display: block;
    height: 2px;
    position: absolute;
    transition: transform .3s;
    width: 100%; }
  header .nav__line--center {
    top: 11px; }
  header .nav__line--bottom {
    bottom: 0; }
  header .nav__line--top.active {
    top: 0.6vw;
    transform: rotate(45deg); }
    @media screen and (max-width: 699px) {
      header .nav__line--top.active {
        top: 2.2vw; } }
  header .nav__line--center.active {
    transform: scaleX(0); }
  header .nav__line--bottom.active {
    top: 0.6vw;
    bottom: auto;
    transform: rotate(135deg); }
    @media screen and (max-width: 699px) {
      header .nav__line--bottom.active {
        top: 2.2vw; } }
  header .gnav {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 501;
    /*.gnav__wrap*/ }
    header .gnav .bg {
      position: fixed;
      top: 0;
      left: 0;
      background: rgba(6, 23, 26, 0.75);
      width: 100%;
      height: 100%;
      cursor: pointer; }
    header .gnav .gnav__wrap {
      align-items: center;
      display: flex;
      height: 100vh;
      justify-content: center;
      position: absolute;
      /*absolute*/
      pointer-events: none;
      width: 100%; }
      header .gnav .gnav__wrap .logo {
        width: 270px; }
        @media screen and (max-width: 699px) {
          header .gnav .gnav__wrap .logo {
            width: 80%; } }
      header .gnav .gnav__wrap .gnav__nav {
        position: relative;
        width: 66.03vw;
        background: #fff;
        border-radius: 20px;
        pointer-events: auto;
        padding: 4.07vw 1.94vw 2.45vw;
        display: flex; }
        @media screen and (max-width: 699px) {
          header .gnav .gnav__wrap .gnav__nav {
            width: 94.66vw;
            margin: 0 auto;
            padding: 4.93vw 4.93vw 7vw;
            display: block; } }
        header .gnav .gnav__wrap .gnav__nav .fixNav2 {
          position: absolute;
          top: 2vw;
          right: 1vw;
          width: 3vw;
          height: 3vw;
          cursor: pointer; }
          @media screen and (max-width: 699px) {
            header .gnav .gnav__wrap .gnav__nav .fixNav2 {
              top: 4.93vw;
              right: 4.93vw;
              width: 6.13vw;
              height: 6.13vw; } }
          header .gnav .gnav__wrap .gnav__nav .fixNav2 .nav__line {
            background: #059659;
            display: block;
            height: 3px;
            position: absolute;
            transition: transform .3s;
            width: 100%; }
          header .gnav .gnav__wrap .gnav__nav .fixNav2 .nav__line--top {
            top: 5px;
            transform: rotate(45deg); }
          header .gnav .gnav__wrap .gnav__nav .fixNav2 .nav__line--center {
            transform: scaleX(0); }
          header .gnav .gnav__wrap .gnav__nav .fixNav2 .nav__line--bottom {
            top: 5px;
            transform: rotate(135deg); }
        header .gnav .gnav__wrap .gnav__nav .logoBox .logo {
          width: 11.99vw !important;
          margin: 0; }
          @media screen and (max-width: 699px) {
            header .gnav .gnav__wrap .gnav__nav .logoBox .logo {
              width: 43.6vw !important; } }
        header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox {
          margin: 2.09vw 0 0;
          line-height: 0;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 699px) {
            header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox {
              margin: 7.06vw 0 0; } }
          header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox .txt {
            font-size: 0.8437270726vw; }
            @media screen and (max-width: 699px) {
              header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox .txt {
                font-size: 3.0666666667vw; } }
          header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox > div {
            margin: 0 0 0 1.10vw; }
            @media screen and (max-width: 699px) {
              header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox > div {
                margin: 0 0 0 1em; } }
            header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox > div a {
              display: block; }
            header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox > div.x {
              width: 0.88vw; }
              @media screen and (max-width: 699px) {
                header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox > div.x {
                  width: 3.2vw; } }
            header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox > div.youtube {
              width: 1.68vw; }
              @media screen and (max-width: 699px) {
                header .gnav .gnav__wrap .gnav__nav .logoBox .box .snsBox > div.youtube {
                  width: 6.13vw; } }
        header .gnav .gnav__wrap .gnav__nav .mainNavBox {
          margin: 0 0 0 3.92vw;
          /*item*/ }
          @media screen and (max-width: 699px) {
            header .gnav .gnav__wrap .gnav__nav .mainNavBox {
              margin: 8.4vw 0 0;
              max-height: 60vh;
              overflow-y: auto; } }
          header .gnav .gnav__wrap .gnav__nav .mainNavBox .item {
            display: flex;
            margin: 0 0 1.3em; }
            @media screen and (max-width: 699px) {
              header .gnav .gnav__wrap .gnav__nav .mainNavBox .item {
                display: block; } }
            header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .mainNav {
              position: relative;
              width: 9em; }
              @media screen and (max-width: 699px) {
                header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .mainNav {
                  width: auto; } }
              header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .mainNav::before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                content: '';
                display: inline-block;
                width: 0.44vw;
                height: 1.57vw;
                background: url(../images/nav_icon.png) no-repeat 0 0/100% auto; }
                @media screen and (max-width: 699px) {
                  header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .mainNav::before {
                    width: 1.6vw;
                    height: 5.73vw; } }
              header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .mainNav a {
                margin: 0 0 0 1em;
                padding: 0 0.1em 0.1em 0.1em;
                font-size: 1.4673514307vw;
                transition: .3s;
                border-bottom: 4px solid #fff; }
                @media screen and (max-width: 699px) {
                  header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .mainNav a {
                    font-size: 4.8vw; } }
                header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .mainNav a:hover, header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .mainNav a.active {
                  border-bottom: 4px solid #059659;
                  opacity: 1; }
                  @media screen and (max-width: 699px) {
                    header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .mainNav a:hover, header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .mainNav a.active {
                      border-bottom: 4px solid #fff; } }
            header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .subNav {
              display: flex;
              flex-wrap: wrap; }
              @media screen and (max-width: 699px) {
                header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .subNav {
                  margin: 0.5em 0 0 1.4em; } }
              header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .subNav .subItem {
                margin: 0 1em 0 0; }
                header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .subNav .subItem .iconLink {
                  width: 1.5vw;
                  display: inline-block;
                  margin: 0 0 0 0.5vw;
                  vertical-align: middle; }
                  @media screen and (max-width: 699px) {
                    header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .subNav .subItem .iconLink {
                      width: 4vw;
                      margin: 0 0 0 1.5vw; } }
                header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .subNav .subItem a {
                  font-size: 1.1738811445vw;
                  border-bottom: 2px solid #fff; }
                  @media screen and (max-width: 699px) {
                    header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .subNav .subItem a {
                      font-size: 3.7333333333vw; } }
                  header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .subNav .subItem a:hover {
                    border-bottom: 2px solid #059659;
                    opacity: 1; }
                    @media screen and (max-width: 699px) {
                      header .gnav .gnav__wrap .gnav__nav .mainNavBox .item .subNav .subItem a:hover {
                        border-bottom: 2px solid #fff; } }
            header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri {
              position: relative;
              margin: 0; }
              header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri::before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                content: '';
                display: inline-block;
                width: 0.44vw;
                height: 1.57vw;
                background: url(../images/nav_icon.png) no-repeat 0 0/100% auto; }
                @media screen and (max-width: 699px) {
                  header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri::before {
                    width: 1.6vw;
                    height: 5.73vw;
                    bottom: auto; } }
              header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri a {
                margin: 0 0 0 1.2em;
                padding: 0 0.1em 0.1em 0.1em;
                /*font-size: pxvw(40);*/
                transition: .3s;
                border-bottom: 4px solid #fff; }
                @media screen and (max-width: 699px) {
                  header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri a {
                    padding: 0 0.1em 0.1em 0.3em; } }
              header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .mainNav {
                width: auto;
                margin: 0 1em 0 0; }
                @media screen and (max-width: 699px) {
                  header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .mainNav {
                    width: auto; } }
                header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .mainNav::before {
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  margin: auto;
                  content: '';
                  display: inline-block;
                  width: 0.44vw;
                  height: 1.57vw;
                  background: url(../images/nav_icon.png) no-repeat 0 0/100% auto; }
                  @media screen and (max-width: 699px) {
                    header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .mainNav::before {
                      width: 1.6vw;
                      height: 5.73vw; } }
                header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .mainNav a {
                  font-size: 1.1738811445vw;
                  border-bottom: 2px solid #fff; }
                  @media screen and (max-width: 699px) {
                    header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .mainNav a {
                      font-size: 3.7333333333vw; } }
                  header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .mainNav a:hover {
                    border-bottom: 2px solid #059659;
                    opacity: 1; }
                    @media screen and (max-width: 699px) {
                      header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .mainNav a:hover {
                        border-bottom: 2px solid #fff; } }
              @media screen and (max-width: 699px) {
                header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .subNav {
                  margin: 0 0 0 1.4em; } }
              header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .subItem a {
                margin: 0; }
                @media screen and (max-width: 699px) {
                  header .gnav .gnav__wrap .gnav__nav .mainNavBox .item.pri .subItem a {
                    padding: 0 0.1em 0.1em 0; } }
          header .gnav .gnav__wrap .gnav__nav .mainNavBox .btn {
            position: absolute;
            bottom: 2.45vw;
            left: 1.94vw;
            font-size: 1.0271460015vw;
            margin: 3em 0 0 0; }
            @media screen and (max-width: 699px) {
              header .gnav .gnav__wrap .gnav__nav .mainNavBox .btn {
                font-size: 3.7333333333vw;
                position: relative;
                bottom: auto;
                width: 41.2vw;
                left: 0; } }
            header .gnav .gnav__wrap .gnav__nav .mainNavBox .btn a {
              position: relative;
              display: block;
              color: #059659;
              border-bottom: 1px solid #059659;
              width: 11.33vw;
              padding: 0 0.3em 0.5em; }
              @media screen and (max-width: 699px) {
                header .gnav .gnav__wrap .gnav__nav .mainNavBox .btn a {
                  width: auto; } }
              header .gnav .gnav__wrap .gnav__nav .mainNavBox .btn a .arrow {
                display: inline-block;
                vertical-align: middle;
                color: #059659;
                line-height: 1;
                position: absolute;
                width: 2em;
                height: 1px;
                margin: 0 0 0 1em;
                background: currentColor;
                right: 0.5em;
                top: 50%;
                transform: translate(0, calc(-50% - 0.2em)); }
                header .gnav .gnav__wrap .gnav__nav .mainNavBox .btn a .arrow::after {
                  content: '';
                  width: 0.35em;
                  height: 0.35em;
                  border: 1px solid currentColor;
                  border-left: 0;
                  border-bottom: 0;
                  transform: rotate(45deg);
                  transform-origin: top right;
                  position: absolute;
                  top: 50%;
                  right: -0.05em;
                  box-sizing: border-box; }
  header.is-animation {
    height: 5vw; }
    @media screen and (max-width: 699px) {
      header.is-animation {
        height: 12vw; } }
    header.is-animation .logo {
      width: 7vw;
      margin: 0.8vw 0 0 9.72vw; }
      @media screen and (max-width: 699px) {
        header.is-animation .logo {
          width: 18vw;
          margin: 1.9vw 0 0 3vw; } }
    header.is-animation .fixNav {
      top: 1.7vw; }
      @media screen and (max-width: 699px) {
        header.is-animation .fixNav {
          top: 3.2vw;
          right: 3vw; } }

/*header*/
#top header {
  position: absolute;
  z-index: 100;
  width: 100%;
  /*ハンバーガーメニュー*/ }
  @media screen and (max-width: 699px) {
    #top header {
      width: 100%; } }
  #top header > .logo {
    width: 16.28%;
    margin: 3% 0 0 10%; }
    @media screen and (max-width: 699px) {
      #top header > .logo {
        width: 39.33%;
        margin: 5% 0 0 5%; } }
  #top header .fixNav {
    display: block;
    height: 25px;
    position: fixed;
    right: 10%;
    top: 7%;
    width: 45px;
    z-index: 500;
    cursor: pointer; }
    @media screen and (max-width: 699px) {
      #top header .fixNav {
        top: 4%;
        right: 4%; } }
    #top header .fixNav .nav__line {
      background: #fff;
      border-radius: 5px;
      display: block;
      height: 2px;
      position: absolute;
      transition: transform .3s;
      width: 100%;
      box-shadow: 2px 2px 0px 0 #1b1b1b; }
    #top header .fixNav .nav__line--center {
      top: 11px; }
    #top header .fixNav .nav__line--bottom {
      bottom: 0; }
    #top header .fixNav .nav__line--top.active {
      top: 10px;
      transform: rotate(45deg); }
    #top header .fixNav .nav__line--center.active {
      transform: scaleX(0); }
    #top header .fixNav .nav__line--bottom.active {
      bottom: 14px;
      transform: rotate(135deg); }

/*#top header*/
.headHakei {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 22.67vw;
  background: url(../images/header_hakei.webp) no-repeat 0 0/contain;
  mix-blend-mode: hard-light; }
  @media screen and (max-width: 699px) {
    .headHakei {
      height: 63.86vw;
      background: url("../images/header_hakei_sp.webp") no-repeat 0 0/contain; } }

/*hakei*/
.headCatch {
  width: 27.47vw;
  position: absolute;
  top: 3.37vw;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 102; }
  @media screen and (max-width: 699px) {
    .headCatch {
      display: none; } }

.headerBg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 10.82vw;
  background: url("../images/header_bg.webp") center center/contain;
  transition: .3s;
  mix-blend-mode: normal;
  /*is-animation*/ }
  @media screen and (max-width: 699px) {
    .headerBg {
      height: 29.33vw;
      background: url("../images/header_bg_sp.webp") center center/contain; } }
  @media screen and (max-width: 699px) {
    .headerBg {
      width: 100%; } }
  .headerBg.is-animation {
    height: 5vw;
    mix-blend-mode: multiply; }
    @media screen and (max-width: 699px) {
      .headerBg.is-animation {
        height: 12vw; } }

/*headerBg*/
/****************

	footer

****************/
footer {
  position: relative;
  margin: 103px auto 0;
  padding: 0 0 25px 0;
  background: url("../images/top/bg.webp");
  color: #fff;
  /*eaf8e6*/
  text-align: center;
  /*share*/
  /*shareWrap*/
  /*pagetop*/ }
  @media screen and (max-width: 699px) {
    footer {
      margin: 10% auto 0; } }
  footer a {
    color: #fff; }
  footer .decoIn {
    width: 80.81%;
    margin: 0 auto; }
    @media screen and (max-width: 699px) {
      footer .decoIn {
        width: 100%; } }
  footer .shareWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
    padding: 5% 0 0 0; }
    @media screen and (max-width: 1000px) {
      footer .shareWrap {
        display: block; } }
    @media screen and (max-width: 699px) {
      footer .shareWrap {
        width: 89.33%;
        margin: 0 auto;
        padding: 10% 0 0 0; } }
    footer .shareWrap .shareBox {
      display: flex; }
      @media screen and (max-width: 1000px) {
        footer .shareWrap .shareBox {
          margin: 5% 0 0 0; } }
      @media screen and (max-width: 699px) {
        footer .shareWrap .shareBox {
          font-size: 3.7333333333vw;
          margin: 10% 0 0 0; } }
      @media screen and (max-width: 699px) {
        footer .shareWrap .shareBox .ttl {
          flex-shrink: 0; } }
      footer .shareWrap .shareBox .list {
        display: flex; }
        @media screen and (max-width: 699px) {
          footer .shareWrap .shareBox .list {
            align-items: center; } }
      footer .shareWrap .shareBox li {
        margin: 0 0 0 1em; }
        @media screen and (max-width: 699px) {
          footer .shareWrap .shareBox li {
            width: 10%; } }
        footer .shareWrap .shareBox li a {
          display: block;
          color: #fff; }
          @media screen and (max-width: 699px) {
            footer .shareWrap .shareBox li a {
              line-height: 1em; } }
          footer .shareWrap .shareBox li a img {
            width: 23px; }
            @media screen and (max-width: 699px) {
              footer .shareWrap .shareBox li a img {
                width: 100%; } }
  footer .pagetop {
    font-size: 1.0271460015vw;
    text-align: left;
    width: 13.10%; }
    @media screen and (max-width: 1000px) {
      footer .pagetop {
        margin: 0 0 0 auto; } }
    @media screen and (max-width: 699px) {
      footer .pagetop {
        font-size: 3.7333333333vw;
        width: 45%; } }
    footer .pagetop a {
      position: relative;
      display: block;
      border-bottom: 1px solid #fff;
      padding: 0 0.5em 0.5em; }
      @media screen and (max-width: 699px) {
        footer .pagetop a {
          padding: 0 0.5em 0.3em; } }
      footer .pagetop a .arrow {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        line-height: 1;
        position: absolute;
        width: 1px;
        height: 1.5em;
        background: currentColor;
        right: 1.3em;
        top: 50%;
        transform: translate(0, calc(-50% - 0.2em)); }
        footer .pagetop a .arrow::after {
          content: '';
          width: 0.35em;
          height: 0.35em;
          border: 1px solid currentColor;
          border-left: 0;
          border-bottom: 0;
          transform: rotate(-45deg);
          transform-origin: top right;
          position: absolute;
          top: 0%;
          right: 0.05em;
          box-sizing: border-box; }
  footer .studioWrap {
    display: flex;
    justify-content: space-between;
    margin: 6% 0 0 0;
    /*contactBox*/ }
    @media screen and (max-width: 1000px) {
      footer .studioWrap {
        display: block; } }
    @media screen and (max-width: 699px) {
      footer .studioWrap {
        margin: 8% 0 0 0; } }
    footer .studioWrap .studioBox {
      width: 71.26%; }
      @media screen and (max-width: 1000px) {
        footer .studioWrap .studioBox {
          width: 100%; } }
      footer .studioWrap .studioBox .list {
        display: flex;
        justify-content: space-between; }
        footer .studioWrap .studioBox .list .item {
          width: 30.70%;
          text-align: left; }
          @media screen and (max-width: 699px) {
            footer .studioWrap .studioBox .list .item {
              margin: 0 1em; } }
          footer .studioWrap .studioBox .list .item .ttl {
            font-size: 1.1738811445vw;
            margin: 1em 0 0 0; }
            @media screen and (max-width: 699px) {
              footer .studioWrap .studioBox .list .item .ttl {
                font-size: 4.2666666667vw; } }
          footer .studioWrap .studioBox .list .item .txt {
            font-size: 0.8804108584vw;
            margin: 0.2em 0 0 0;
            line-height: 1.5em; }
            @media screen and (max-width: 699px) {
              footer .studioWrap .studioBox .list .item .txt {
                font-size: 3.2vw; } }
    footer .studioWrap .contactBox {
      width: 21.30%;
      margin: 4em 0 0 0;
      /*btn*/ }
      @media screen and (max-width: 1000px) {
        footer .studioWrap .contactBox {
          margin: 5em auto 0;
          width: 35%; } }
      @media screen and (max-width: 699px) {
        footer .studioWrap .contactBox {
          margin: 5em 5.33% 0;
          width: 60%; } }
      footer .studioWrap .contactBox .btn {
        font-size: 1.0271460015vw;
        text-align: left; }
        @media screen and (max-width: 699px) {
          footer .studioWrap .contactBox .btn {
            font-size: 3.7333333333vw; } }
        footer .studioWrap .contactBox .btn a {
          position: relative;
          display: block;
          border-bottom: 1px solid #fff;
          padding: 0 0.3em 0.5em; }
          footer .studioWrap .contactBox .btn a .arrow {
            display: inline-block;
            vertical-align: middle;
            color: #dce3e9;
            line-height: 1;
            position: absolute;
            width: 2em;
            height: 1px;
            margin: 0 0 0 1em;
            background: currentColor;
            right: 0.5em;
            top: 50%;
            transform: translate(0, calc(-50% - 0.2em)); }
            footer .studioWrap .contactBox .btn a .arrow::after {
              content: '';
              width: 0.35em;
              height: 0.35em;
              border: 1px solid currentColor;
              border-left: 0;
              border-bottom: 0;
              transform: rotate(45deg);
              transform-origin: top right;
              position: absolute;
              top: 50%;
              right: -0.05em;
              box-sizing: border-box; }
      footer .studioWrap .contactBox .followBox {
        text-align: left;
        margin: 10% 0 0 0;
        padding: 0 0.3em;
        display: flex; }
        @media screen and (max-width: 699px) {
          footer .studioWrap .contactBox .followBox {
            font-size: 3.7333333333vw; } }
        footer .studioWrap .contactBox .followBox .ttl {
          flex-shrink: 0;
          margin: 0 3% 0 0; }
        footer .studioWrap .contactBox .followBox .list {
          display: flex;
          align-items: center;
          margin: 2% 0 0 0; }
          @media screen and (max-width: 1000px) {
            footer .studioWrap .contactBox .followBox .list {
              width: 60%;
              margin: 2% auto 0; } }
          @media screen and (max-width: 699px) {
            footer .studioWrap .contactBox .followBox .list {
              width: 100%;
              margin: 2% auto 0; } }
        footer .studioWrap .contactBox .followBox li {
          width: 20%;
          margin: 0 0 0 12%; }
          @media screen and (max-width: 699px) {
            footer .studioWrap .contactBox .followBox li {
              width: 16%;
              margin: 0 5%; } }
          footer .studioWrap .contactBox .followBox li a {
            display: block; }
  footer .copyright {
    margin: 4em 0 0 0;
    text-align: right; }
    @media screen and (max-width: 699px) {
      footer .copyright {
        width: 89.33%;
        margin: 12% auto 0;
        font-size: 3.7333333333vw; } }

/*footer*/
/****************

	main

****************/
/****************

	TOP

****************/
#top {
  /*aboutWrap*/
  /*aboutWrap*/
  /*businessWrap*/
  /*businessWrap*/
  /*newsWrap*/ }
  #top .kvWrap {
    position: relative; }
    #top .kvWrap::before {
      content: "";
      display: block;
      padding-top: 47.46%; }
      @media screen and (max-width: 699px) {
        #top .kvWrap::before {
          padding-top: 153.2%; } }
    #top .kvWrap .in {
      background: url("../images/top/bg_slide.webp") no-repeat 0 0/cover;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
    #top .kvWrap .catch {
      position: absolute;
      top: 35%;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 55.06%;
      z-index: 10; }
      @media screen and (max-width: 699px) {
        #top .kvWrap .catch {
          width: 100%;
          top: 12%; } }
    #top .kvWrap .imgBox {
      width: 35.3% !important;
      margin: 0 auto; }
      @media screen and (max-width: 699px) {
        #top .kvWrap .imgBox {
          width: 94.5% !important;
          margin: 26% auto 0; } }
      #top .kvWrap .imgBox #animation_container {
        width: 35.3% !important;
        height: auto !important; }
        @media screen and (max-width: 699px) {
          #top .kvWrap .imgBox #animation_container {
            width: 94.5% !important; } }
      #top .kvWrap .imgBox #canvas {
        width: 35.3% !important;
        height: auto !important; }
        @media screen and (max-width: 699px) {
          #top .kvWrap .imgBox #canvas {
            width: 94.5% !important; } }
    #top .kvWrap .hacho {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0; }
      #top .kvWrap .hacho::before {
        content: '';
        display: block;
        background: #059659;
        height: 2px;
        width: 38.1%; }
        @media screen and (max-width: 699px) {
          #top .kvWrap .hacho::before {
            width: 18.3%; } }
      #top .kvWrap .hacho::after {
        position: absolute;
        right: 0;
        bottom: 0;
        content: '';
        display: block;
        background: #059659;
        height: 2px;
        width: 38.1%; }
        @media screen and (max-width: 699px) {
          #top .kvWrap .hacho::after {
            width: 18.3%; } }
  #top .aboutWrap {
    padding: 18% 0 7% 0;
    background: url("../images/top/bg.webp") 0 0/18.34% auto; }
    @media screen and (max-width: 699px) {
      #top .aboutWrap {
        display: block;
        padding: 42% 0 7% 0;
        background: url("../images/top/bg.webp") 0 0/50% auto; } }
    #top .aboutWrap .txt {
      font-size: 1.7608217168vw;
      color: #fff;
      /*明朝light*/
      font-family: source-han-serif-japanese, serif;
      font-weight: 300;
      font-style: normal;
      line-height: 2em; }
    #top .aboutWrap .box1 {
      display: flex; }
      @media screen and (max-width: 699px) {
        #top .aboutWrap .box1 {
          display: block; } }
      #top .aboutWrap .box1 .img {
        width: 42.95%; }
        @media screen and (max-width: 699px) {
          #top .aboutWrap .box1 .img {
            width: 100%; } }
      #top .aboutWrap .box1 .txt {
        margin: 2.5% 0 0 -1%; }
        @media screen and (max-width: 699px) {
          #top .aboutWrap .box1 .txt {
            width: 89.33%;
            margin: -9% auto 0;
            font-size: 5.3333333333vw; } }
    #top .aboutWrap .box2 {
      display: flex;
      margin: -15% 0 0 0;
      justify-content: flex-end; }
      @media screen and (max-width: 699px) {
        #top .aboutWrap .box2 {
          display: block;
          margin: 0; } }
      #top .aboutWrap .box2 .img {
        width: 48.23%; }
        @media screen and (max-width: 699px) {
          #top .aboutWrap .box2 .img {
            width: 100%;
            margin: 8% auto 0; } }
      #top .aboutWrap .box2 .txt {
        margin: 22% 1% 0 0; }
        @media screen and (max-width: 699px) {
          #top .aboutWrap .box2 .txt {
            width: 89.33%;
            margin: 2em auto 0;
            font-size: 5.3333333333vw; } }
  #top .businessWrap {
    position: relative;
    width: 51.68%;
    margin: 7% auto 0; }
    @media screen and (max-width: 699px) {
      #top .businessWrap {
        width: 100%;
        margin: 22% auto 0; } }
    #top .businessWrap > .ttl {
      position: absolute;
      top: 48%;
      left: 0;
      right: 0;
      margin: auto;
      font-size: 2.4944974321vw;
      text-align: center;
      /*明朝Bold*/
      font-family: source-han-serif-japanese, serif;
      font-weight: 700;
      font-style: normal;
      line-height: 1.2em;
      z-index: 10; }
      @media screen and (max-width: 699px) {
        #top .businessWrap > .ttl {
          position: relative;
          top: 0;
          font-size: 7.2vw; } }
      #top .businessWrap > .ttl span {
        font-size: 1.7608217168vw;
        /*明朝Bold*/
        font-family: source-han-serif-japanese, serif;
        font-weight: 700;
        font-style: normal; }
        @media screen and (max-width: 699px) {
          #top .businessWrap > .ttl span {
            font-size: 5.7333333333vw; } }
      #top .businessWrap > .ttl::before {
        position: absolute;
        top: -70%;
        left: 0;
        right: 0;
        margin: 0 auto;
        content: "";
        display: block;
        background: url("../images/ttl_deco.webp") no-repeat 0 center/contain;
        width: 15.40%;
        height: 70%; }
        @media screen and (max-width: 699px) {
          #top .businessWrap > .ttl::before {
            background: url("../images/ttl_deco_sp.webp") no-repeat 0 center/contain;
            width: 23.33%; } }
    #top .businessWrap::before {
      content: "";
      display: block;
      padding-top: 99.85%; }
      @media screen and (max-width: 699px) {
        #top .businessWrap::before {
          display: none; } }
    #top .businessWrap .list {
      background-image: url("../images/top/bg_jigyo.webp");
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      /*li*/ }
      @media screen and (max-width: 699px) {
        #top .businessWrap .list {
          position: relative;
          width: 89.33%;
          margin: 7% auto 0;
          background-image: url("../images/top/bg_jigyo_sp.webp");
          background-position: center top; } }
      @media screen and (max-width: 699px) {
        #top .businessWrap .list::before {
          content: "";
          display: block;
          padding-top: 146.11%; } }
      @media screen and (max-width: 699px) {
        #top .businessWrap .list .bgDeco {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center; } }
      #top .businessWrap .list li .link {
        position: absolute;
        width: 17.74%;
        height: 17.74%;
        z-index: 10; }
        @media screen and (max-width: 699px) {
          #top .businessWrap .list li .link {
            width: 26.26%;
            height: 26.26%; } }
        #top .businessWrap .list li .link a {
          display: block; }
      #top .businessWrap .list li .box {
        position: absolute;
        z-index: 10; }
        #top .businessWrap .list li .box .ttl {
          font-size: 2.4944974321vw;
          /*明朝Bold*/
          font-family: source-han-serif-japanese, serif;
          font-weight: 700;
          font-style: normal;
          line-height: 1.2em; }
          @media screen and (max-width: 699px) {
            #top .businessWrap .list li .box .ttl {
              font-size: 7.2vw; } }
        #top .businessWrap .list li .box .btn {
          font-size: 1.0271460015vw;
          margin: 0.6em 0 0 0; }
          @media screen and (max-width: 699px) {
            #top .businessWrap .list li .box .btn {
              font-size: 2.9333333333vw;
              margin: 0.8em 0 0 0;
              line-height: 1.7em; } }
          #top .businessWrap .list li .box .btn a {
            display: block;
            border-bottom: 1px solid #22a06c;
            width: 11.5em;
            padding: 0 0.3em 0.1em; }
            @media screen and (max-width: 699px) {
              #top .businessWrap .list li .box .btn a {
                padding: 0 0.3em 0.5em; } }
            #top .businessWrap .list li .box .btn a .arrow {
              display: inline-block;
              vertical-align: middle;
              color: #22a06c;
              line-height: 1;
              position: relative;
              width: 2.5em;
              height: 1px;
              margin: 0 0 0 1em;
              background: currentColor; }
              #top .businessWrap .list li .box .btn a .arrow::before {
                content: '';
                width: 0.35em;
                height: 0.35em;
                border: 1px solid currentColor;
                border-left: 0;
                border-bottom: 0;
                transform: rotate(45deg);
                transform-origin: top right;
                position: absolute;
                top: 50%;
                right: -0.05em;
                box-sizing: border-box; }
      #top .businessWrap .list li:nth-of-type(1) .link {
        top: 4.4%;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media screen and (max-width: 699px) {
          #top .businessWrap .list li:nth-of-type(1) .link {
            top: 2.7%;
            left: 7.1%;
            right: auto; } }
      #top .businessWrap .list li:nth-of-type(1) .box {
        top: 15%;
        left: 15%; }
        @media screen and (max-width: 699px) {
          #top .businessWrap .list li:nth-of-type(1) .box {
            top: 24%;
            left: 7.1%; } }
      #top .businessWrap .list li:nth-of-type(2) .link {
        top: 0;
        bottom: 0;
        right: 4.4%;
        margin: auto 0; }
        @media screen and (max-width: 699px) {
          #top .businessWrap .list li:nth-of-type(2) .link {
            top: 32%;
            left: auto;
            bottom: auto;
            right: 11.5%; } }
      #top .businessWrap .list li:nth-of-type(2) .box {
        top: 25%;
        left: 70%; }
        @media screen and (max-width: 699px) {
          #top .businessWrap .list li:nth-of-type(2) .box {
            top: 12%;
            left: 62%; } }
      #top .businessWrap .list li:nth-of-type(3) .link {
        bottom: 4.4%;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media screen and (max-width: 699px) {
          #top .businessWrap .list li:nth-of-type(3) .link {
            top: 79.5%;
            left: auto;
            bottom: auto;
            right: 11.5%; } }
      #top .businessWrap .list li:nth-of-type(3) .box {
        top: 72%;
        left: 63%; }
        @media screen and (max-width: 699px) {
          #top .businessWrap .list li:nth-of-type(3) .box {
            top: 57%;
            left: 62%; } }
      #top .businessWrap .list li:nth-of-type(4) .link {
        top: 0;
        bottom: 0;
        left: 4.4%;
        margin: auto 0; }
        @media screen and (max-width: 699px) {
          #top .businessWrap .list li:nth-of-type(4) .link {
            top: 50.2%;
            left: 7.1%;
            bottom: auto; } }
      #top .businessWrap .list li:nth-of-type(4) .box {
        top: 65%;
        left: 7%; }
        @media screen and (max-width: 699px) {
          #top .businessWrap .list li:nth-of-type(4) .box {
            top: 72%;
            left: 7.1%; } }
  #top .newsWrap {
    margin: 15% auto 0; }
    @media screen and (max-width: 699px) {
      #top .newsWrap {
        width: 89.33%;
        margin: 40% auto 0; } }
    #top .newsWrap h2.ttl {
      width: 51.68%;
      position: relative;
      margin: 0 auto;
      font-size: 2.4944974321vw;
      text-align: center;
      /*明朝Bold*/
      font-family: source-han-serif-japanese, serif;
      font-weight: 700;
      font-style: normal;
      line-height: 1.2em; }
      @media screen and (max-width: 699px) {
        #top .newsWrap h2.ttl {
          font-size: 7.2vw;
          width: auto;
          margin: 10% auto 0; } }
      #top .newsWrap h2.ttl span {
        font-size: 1.7608217168vw;
        /*明朝Bold*/
        font-family: source-han-serif-japanese, serif;
        font-weight: 700;
        font-style: normal; }
        @media screen and (max-width: 699px) {
          #top .newsWrap h2.ttl span {
            font-size: 5.7333333333vw; } }
      #top .newsWrap h2.ttl::before {
        position: absolute;
        top: -160%;
        left: 0;
        right: 0;
        margin: 0 auto;
        content: "";
        display: block;
        background: url("../images/ttl_deco.webp") no-repeat 0 center/contain;
        width: 15.40%;
        height: 140%; }
        @media screen and (max-width: 699px) {
          #top .newsWrap h2.ttl::before {
            background: url("../images/ttl_deco_sp.webp") no-repeat 0 center/contain;
            width: 23.33%; } }
    #top .newsWrap .decoIn {
      width: 80.81%;
      margin: 3% auto 0;
      display: flex;
      justify-content: space-between;
      /*newsBox*/
      /*twitterBox*/ }
      @media screen and (max-width: 1000px) {
        #top .newsWrap .decoIn {
          display: block; } }
      @media screen and (max-width: 699px) {
        #top .newsWrap .decoIn {
          width: 100%; } }
      #top .newsWrap .decoIn .newsBox {
        width: 67.31%; }
        @media screen and (max-width: 1000px) {
          #top .newsWrap .decoIn .newsBox {
            width: 100%; } }
        #top .newsWrap .decoIn .newsBox .att {
          background: #e9e7e7;
          border-radius: 5px;
          padding: 0.5em; }
          @media screen and (max-width: 699px) {
            #top .newsWrap .decoIn .newsBox .att {
              padding: 0.5em 0.5em 0.7em; } }
          #top .newsWrap .decoIn .newsBox .att .txt {
            text-align: center; }
            #top .newsWrap .decoIn .newsBox .att .txt a {
              display: inline-block;
              border-bottom: 1px solid currentColor;
              padding: 0 0 0.1em;
              font-size: 1.1738811445vw; }
              @media screen and (max-width: 1000px) {
                #top .newsWrap .decoIn .newsBox .att .txt a {
                  font-size: 1.2173913043vw; } }
              @media screen and (max-width: 699px) {
                #top .newsWrap .decoIn .newsBox .att .txt a {
                  font-size: 3.7333333333vw; } }
        #top .newsWrap .decoIn .newsBox .list li {
          display: flex;
          align-items: flex-start;
          margin: 1.5em 0 0 0; }
          @media screen and (max-width: 699px) {
            #top .newsWrap .decoIn .newsBox .list li {
              display: block; } }
          #top .newsWrap .decoIn .newsBox .list li .in {
            display: flex;
            width: 28.65%;
            flex-shrink: 0;
            align-items: center; }
            @media screen and (max-width: 699px) {
              #top .newsWrap .decoIn .newsBox .list li .in {
                width: 100%; } }
          #top .newsWrap .decoIn .newsBox .list li .date {
            font-size: 1.0271460015vw;
            width: 5.5em; }
            @media screen and (max-width: 1000px) {
              #top .newsWrap .decoIn .newsBox .list li .date {
                font-size: 1.2173913043vw; } }
            @media screen and (max-width: 699px) {
              #top .newsWrap .decoIn .newsBox .list li .date {
                font-size: 3.2vw; } }
          #top .newsWrap .decoIn .newsBox .list li .cat {
            font-size: 1.0271460015vw;
            color: #fff;
            padding: 0.2em 0.5em 0.3em;
            width: 7em;
            text-align: center;
            border-radius: 5px;
            line-height: 1em;
            margin: 0 0 0 1em; }
            @media screen and (max-width: 1000px) {
              #top .newsWrap .decoIn .newsBox .list li .cat {
                font-size: 1.2173913043vw; } }
            @media screen and (max-width: 699px) {
              #top .newsWrap .decoIn .newsBox .list li .cat {
                width: 9em;
                font-size: 3.2vw;
                padding: 0.3em 0.5em 0.4em; } }
            #top .newsWrap .decoIn .newsBox .list li .cat.other {
              background: #005bab; }
            #top .newsWrap .decoIn .newsBox .list li .cat a {
              color: #fff; }
          #top .newsWrap .decoIn .newsBox .list li .txt {
            width: 68.10%;
            font-size: 1.1738811445vw; }
            @media screen and (max-width: 1000px) {
              #top .newsWrap .decoIn .newsBox .list li .txt {
                font-size: 1.2173913043vw; } }
            @media screen and (max-width: 699px) {
              #top .newsWrap .decoIn .newsBox .list li .txt {
                font-size: 3.7333333333vw;
                margin: 0.5em 0 0 0;
                width: 100%; } }
            #top .newsWrap .decoIn .newsBox .list li .txt a {
              text-decoration: underline;
              text-underline-offset: 0.2rem; }
          #top .newsWrap .decoIn .newsBox .list li .notice {
            font-size: 1.0434782609vw;
            color: #A1A1A1; }
            @media screen and (max-width: 699px) {
              #top .newsWrap .decoIn .newsBox .list li .notice {
                font-size: 3.2vw; } }
        #top .newsWrap .decoIn .newsBox .btn {
          font-size: 1.1738811445vw;
          margin: 3em 0 0 0; }
          @media screen and (max-width: 1000px) {
            #top .newsWrap .decoIn .newsBox .btn {
              font-size: 1.2173913043vw; } }
          @media screen and (max-width: 699px) {
            #top .newsWrap .decoIn .newsBox .btn {
              font-size: 3.7333333333vw; } }
          #top .newsWrap .decoIn .newsBox .btn a {
            position: relative;
            display: block;
            border-bottom: 1px solid #dce3e9;
            width: 15em;
            padding: 0 0.3em 0.5em; }
            #top .newsWrap .decoIn .newsBox .btn a .arrow {
              display: inline-block;
              vertical-align: middle;
              color: #dce3e9;
              line-height: 1;
              position: absolute;
              width: 2em;
              height: 1px;
              margin: 0 0 0 1em;
              background: currentColor;
              right: 0.5em;
              top: 50%;
              transform: translate(0, calc(-50% - 0.2em)); }
              #top .newsWrap .decoIn .newsBox .btn a .arrow::after {
                content: '';
                width: 0.35em;
                height: 0.35em;
                border: 1px solid currentColor;
                border-left: 0;
                border-bottom: 0;
                transform: rotate(45deg);
                transform-origin: top right;
                position: absolute;
                top: 50%;
                right: -0.05em;
                box-sizing: border-box; }
      #top .newsWrap .decoIn .twitterBox {
        width: 28.96%; }
        @media screen and (max-width: 1000px) {
          #top .newsWrap .decoIn .twitterBox {
            max-width: 70%;
            width: 100%;
            margin: 5% auto 0; } }
        @media screen and (max-width: 699px) {
          #top .newsWrap .decoIn .twitterBox {
            max-width: 90%;
            margin: 10% auto 0; } }

/*top*/
/************** second ***************/
h2.mainTtl {
  width: 51.68%;
  position: relative;
  margin: 0 auto;
  font-size: 2.4944974321vw;
  text-align: center;
  /*明朝Bold*/
  font-family: source-han-serif-japanese, serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2em; }
  @media screen and (max-width: 699px) {
    h2.mainTtl {
      font-size: 7.2vw;
      width: auto;
      margin: 10% auto 0; } }
  h2.mainTtl span {
    font-size: 1.7608217168vw;
    /*明朝Bold*/
    font-family: source-han-serif-japanese, serif;
    font-weight: 700;
    font-style: normal; }
    @media screen and (max-width: 699px) {
      h2.mainTtl span {
        font-size: 5.7333333333vw; } }
  h2.mainTtl::before {
    position: absolute;
    top: -160%;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    display: block;
    background: url("../images/ttl_deco.webp") no-repeat 0 center/contain;
    width: 15.40%;
    height: 140%; }
    @media screen and (max-width: 699px) {
      h2.mainTtl::before {
        background: url("../images/ttl_deco_sp.webp") no-repeat 0 center/contain;
        width: 23.33%; } }

/*mainTtl*/
.navWrap {
  margin: 2.67vw auto 0; }
  @media screen and (max-width: 699px) {
    .navWrap {
      width: 89.33vw;
      margin: 6vw auto 0; } }
  .navWrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .navWrap ul li {
      margin: 0 1.72vw;
      line-height: 1em; }
      @media screen and (max-width: 699px) {
        .navWrap ul li {
          font-size: 3.7333333333vw;
          margin: 5vw 3.46vw 0; } }
      .navWrap ul li a {
        display: block; }
        @media screen and (max-width: 699px) {
          .navWrap ul li a {
            font-size: 3.7333333333vw; } }
        .navWrap ul li a:after {
          transition: .3s;
          content: '';
          display: block;
          background: #fff;
          height: 3px;
          width: 100%;
          margin-top: 0.7vw;
          border-radius: 10px; }
          @media screen and (max-width: 699px) {
            .navWrap ul li a:after {
              display: none; } }
        .navWrap ul li a:hover {
          opacity: 1; }
          .navWrap ul li a:hover:after {
            background: #059659; }
      .navWrap ul li.active:after {
        content: '';
        display: block;
        background: #059659;
        height: 3px;
        width: 100%;
        margin-top: 0.7vw;
        border-radius: 10px; }
        @media screen and (max-width: 699px) {
          .navWrap ul li.active:after {
            margin-top: 1.73vw; } }

/*navWrap*/
.newsWrapBtm {
  margin: 8.98vw auto 0; }
  @media screen and (max-width: 699px) {
    .newsWrapBtm {
      width: 89.33%;
      margin: 18.40vw auto 0; } }
  .newsWrapBtm h2.ttl {
    width: 51.68%;
    position: relative;
    margin: 0 auto;
    font-size: 2.4944974321vw;
    text-align: center;
    /*明朝Bold*/
    font-family: source-han-serif-japanese, serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2em; }
    @media screen and (max-width: 699px) {
      .newsWrapBtm h2.ttl {
        font-size: 7.2vw;
        width: auto;
        margin: 10% auto 0; } }
    .newsWrapBtm h2.ttl span {
      font-size: 1.7608217168vw;
      /*明朝Bold*/
      font-family: source-han-serif-japanese, serif;
      font-weight: 700;
      font-style: normal; }
      @media screen and (max-width: 699px) {
        .newsWrapBtm h2.ttl span {
          font-size: 5.7333333333vw; } }
    .newsWrapBtm h2.ttl::before {
      position: absolute;
      top: -160%;
      left: 0;
      right: 0;
      margin: 0 auto;
      content: "";
      display: block;
      background: url("../images/ttl_deco.webp") no-repeat 0 center/contain;
      width: 15.40%;
      height: 140%; }
      @media screen and (max-width: 699px) {
        .newsWrapBtm h2.ttl::before {
          background: url("../images/ttl_deco_sp.webp") no-repeat 0 center/contain;
          width: 23.33%; } }
  .newsWrapBtm .decoIn {
    width: 80.81%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /*newsBox*/
    /*twitterBox*/ }
    @media screen and (max-width: 1000px) {
      .newsWrapBtm .decoIn {
        display: block; } }
    @media screen and (max-width: 699px) {
      .newsWrapBtm .decoIn {
        width: 100%; } }
    .newsWrapBtm .decoIn .newsBox {
      width: 67.31%; }
      @media screen and (max-width: 1000px) {
        .newsWrapBtm .decoIn .newsBox {
          width: 100%; } }
      .newsWrapBtm .decoIn .newsBox .att {
        background: #e9e7e7;
        border-radius: 5px;
        padding: 0.5em; }
        @media screen and (max-width: 699px) {
          .newsWrapBtm .decoIn .newsBox .att {
            padding: 0.5em 0.5em 0.7em; } }
        .newsWrapBtm .decoIn .newsBox .att .txt {
          text-align: center; }
          .newsWrapBtm .decoIn .newsBox .att .txt a {
            display: inline-block;
            border-bottom: 1px solid currentColor;
            padding: 0 0 0.1em;
            font-size: 1.1738811445vw; }
            @media screen and (max-width: 1000px) {
              .newsWrapBtm .decoIn .newsBox .att .txt a {
                font-size: 1.2173913043vw; } }
            @media screen and (max-width: 699px) {
              .newsWrapBtm .decoIn .newsBox .att .txt a {
                font-size: 3.7333333333vw; } }
      .newsWrapBtm .decoIn .newsBox .list li {
        display: flex;
        align-items: flex-start;
        margin: 1.5em 0 0 0; }
        @media screen and (max-width: 699px) {
          .newsWrapBtm .decoIn .newsBox .list li {
            display: block; } }
        .newsWrapBtm .decoIn .newsBox .list li .in {
          display: flex;
          width: 28.65%;
          flex-shrink: 0;
          align-items: center; }
          @media screen and (max-width: 699px) {
            .newsWrapBtm .decoIn .newsBox .list li .in {
              width: 100%; } }
        .newsWrapBtm .decoIn .newsBox .list li .date {
          font-size: 1.0271460015vw;
          width: 5.5em; }
          @media screen and (max-width: 1000px) {
            .newsWrapBtm .decoIn .newsBox .list li .date {
              font-size: 1.2173913043vw; } }
          @media screen and (max-width: 699px) {
            .newsWrapBtm .decoIn .newsBox .list li .date {
              font-size: 3.2vw; } }
        .newsWrapBtm .decoIn .newsBox .list li .cat {
          font-size: 1.0271460015vw;
          color: #fff;
          padding: 0.2em 0.5em 0.3em;
          width: 7em;
          text-align: center;
          border-radius: 5px;
          line-height: 1em;
          margin: 0 0 0 1em; }
          @media screen and (max-width: 1000px) {
            .newsWrapBtm .decoIn .newsBox .list li .cat {
              font-size: 1.2173913043vw; } }
          @media screen and (max-width: 699px) {
            .newsWrapBtm .decoIn .newsBox .list li .cat {
              width: 9em;
              font-size: 3.2vw;
              padding: 0.3em 0.5em 0.4em; } }
          .newsWrapBtm .decoIn .newsBox .list li .cat.other {
            background: #005bab; }
          .newsWrapBtm .decoIn .newsBox .list li .cat a {
            color: #fff; }
        .newsWrapBtm .decoIn .newsBox .list li .txt {
          width: 68.10%;
          font-size: 1.1738811445vw; }
          @media screen and (max-width: 1000px) {
            .newsWrapBtm .decoIn .newsBox .list li .txt {
              font-size: 1.2173913043vw; } }
          @media screen and (max-width: 699px) {
            .newsWrapBtm .decoIn .newsBox .list li .txt {
              font-size: 3.7333333333vw;
              margin: 0.5em 0 0 0;
              width: 100%; } }
          .newsWrapBtm .decoIn .newsBox .list li .txt a {
            text-decoration: underline;
            text-underline-offset: 0.2rem; }
        .newsWrapBtm .decoIn .newsBox .list li .notice {
          font-size: 1.0434782609vw;
          color: #A1A1A1; }
      .newsWrapBtm .decoIn .newsBox .btn {
        font-size: 1.1738811445vw;
        margin: 3em 0 0 0; }
        @media screen and (max-width: 1000px) {
          .newsWrapBtm .decoIn .newsBox .btn {
            font-size: 1.2173913043vw; } }
        @media screen and (max-width: 699px) {
          .newsWrapBtm .decoIn .newsBox .btn {
            font-size: 3.7333333333vw; } }
        .newsWrapBtm .decoIn .newsBox .btn a {
          position: relative;
          display: block;
          border-bottom: 1px solid #dce3e9;
          width: 15em;
          padding: 0 0.3em 0.5em; }
          .newsWrapBtm .decoIn .newsBox .btn a .arrow {
            display: inline-block;
            vertical-align: middle;
            color: #dce3e9;
            line-height: 1;
            position: absolute;
            width: 2em;
            height: 1px;
            margin: 0 0 0 1em;
            background: currentColor;
            right: 0.5em;
            top: 50%;
            transform: translate(0, calc(-50% - 0.2em)); }
            .newsWrapBtm .decoIn .newsBox .btn a .arrow::after {
              content: '';
              width: 0.35em;
              height: 0.35em;
              border: 1px solid currentColor;
              border-left: 0;
              border-bottom: 0;
              transform: rotate(45deg);
              transform-origin: top right;
              position: absolute;
              top: 50%;
              right: -0.05em;
              box-sizing: border-box; }
    .newsWrapBtm .decoIn .twitterBox {
      width: 28.96%;
      /*height: 16.36vw;*/ }
      @media screen and (max-width: 1000px) {
        .newsWrapBtm .decoIn .twitterBox {
          max-width: 70%;
          width: 100%;
          margin: 5% auto 0; } }
      @media screen and (max-width: 699px) {
        .newsWrapBtm .decoIn .twitterBox {
          width: 89.33vw;
          max-width: 100%;
          /*height: 77.06vw;*/
          margin: 10% auto 0; } }

/*newsWrapBtm*/
/****************

	about

****************/
#about {
  /*.main*/ }
  #about .main {
    padding: 27.32vw 0 0;
    /*aisatsuWrap*/
    /*bookWrap*/
    /*companyWrap*/
    /*historyWrap*/ }
    @media screen and (max-width: 699px) {
      #about .main {
        padding: 70.13vw 0 10vw; } }
    #about .main .aisatsuWrap {
      margin: 5.75vw auto 0;
      /*mvBox*/
      /*txtBox*/ }
      @media screen and (max-width: 699px) {
        #about .main .aisatsuWrap {
          margin: 13.33vw auto 0; } }
      #about .main .aisatsuWrap .mvBox {
        display: flex;
        align-items: center; }
        @media screen and (max-width: 699px) {
          #about .main .aisatsuWrap .mvBox {
            display: block; } }
        #about .main .aisatsuWrap .mvBox .img {
          width: 50.58vw; }
          @media screen and (max-width: 699px) {
            #about .main .aisatsuWrap .mvBox .img {
              width: 100%; } }
        #about .main .aisatsuWrap .mvBox .listTtl {
          flex: 1; }
          @media screen and (max-width: 699px) {
            #about .main .aisatsuWrap .mvBox .listTtl {
              margin: 14.13vw 0 0 0; } }
          #about .main .aisatsuWrap .mvBox .listTtl .ttl {
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal;
            font-size: 2.2743947175vw; }
            @media screen and (max-width: 699px) {
              #about .main .aisatsuWrap .mvBox .listTtl .ttl {
                font-size: 6.4vw; } }
          #about .main .aisatsuWrap .mvBox .listTtl .sub {
            margin: 1.54vw 0 0 0;
            font-size: 1.1738811445vw; }
            @media screen and (max-width: 699px) {
              #about .main .aisatsuWrap .mvBox .listTtl .sub {
                font-size: 3.7333333333vw;
                margin: 4vw 0 0 0; } }
          #about .main .aisatsuWrap .mvBox .listTtl li:nth-of-type(1) {
            padding: 0 0 0 5.17vw;
            background: url(../images/about/deco_message1.webp) no-repeat 0 1.65vw/49.41vw 2.12vw; }
            @media screen and (max-width: 699px) {
              #about .main .aisatsuWrap .mvBox .listTtl li:nth-of-type(1) {
                background: url("../images/about/deco_message1_sp.webp") no-repeat 0 4vw/100% auto;
                padding: 0 0 0 16.6vw; } }
          #about .main .aisatsuWrap .mvBox .listTtl li:nth-of-type(2) {
            margin: 3.66vw 0 3.66vw auto;
            padding: 0 6.85vw 0 0;
            text-align: right;
            background: url(../images/about/deco_message2.webp) no-repeat 0 1vw/49.41vw 3.11vw; }
            @media screen and (max-width: 699px) {
              #about .main .aisatsuWrap .mvBox .listTtl li:nth-of-type(2) {
                background: url("../images/about/deco_message2_sp.webp") no-repeat 0 1.73vw/100% auto;
                margin: 8.00 0 8.00vw auto;
                padding: 0 18.6vw 0 0; } }
          #about .main .aisatsuWrap .mvBox .listTtl li:nth-of-type(3) {
            padding: 0 0 0 10.01vw;
            background: url(../images/about/deco_message3.webp) no-repeat 0 1.65vw/49.41vw 2.12vw; }
            @media screen and (max-width: 699px) {
              #about .main .aisatsuWrap .mvBox .listTtl li:nth-of-type(3) {
                padding: 0 0 0 18.40vw;
                background: url("../images/about/deco_message3_sp.webp") no-repeat 0 4vw/100% auto; } }
      #about .main .aisatsuWrap .txtBox {
        margin: 5.35vw auto 0;
        width: 58.69vw;
        font-size: 1.3206162876vw;
        line-height: 2em; }
        @media screen and (max-width: 699px) {
          #about .main .aisatsuWrap .txtBox {
            margin: 12.93vw auto 0;
            width: 89.33vw;
            font-size: 3.7333333333vw; } }
        #about .main .aisatsuWrap .txtBox .sign {
          width: 13.35vw;
          margin: 4vw 0 0 auto; }
          @media screen and (max-width: 699px) {
            #about .main .aisatsuWrap .txtBox .sign {
              width: 39.33vw;
              margin: 10.6vw 0 0 auto; } }
      #about .main .aisatsuWrap .decoBox {
        margin: 8.32vw auto 0; }
        @media screen and (max-width: 699px) {
          #about .main .aisatsuWrap .decoBox {
            margin: 20.53vw auto 0; } }
    #about .main .mainWrap {
      margin: 5.75vw auto 0;
      /*mainWrapIn*/ }
      @media screen and (max-width: 699px) {
        #about .main .mainWrap {
          margin: 13.33vw auto 0; } }
      #about .main .mainWrap .mainWrapIn {
        display: flex;
        align-items: flex-start;
        /*txtBox*/ }
        @media screen and (max-width: 699px) {
          #about .main .mainWrap .mainWrapIn {
            display: block; } }
        #about .main .mainWrap .mainWrapIn .imgBox {
          width: 49.50vw; }
          @media screen and (max-width: 699px) {
            #about .main .mainWrap .mainWrapIn .imgBox {
              width: 100%; } }
        #about .main .mainWrap .mainWrapIn .txtBox {
          flex: 1;
          margin: 1.21vw 0 0 0; }
          @media screen and (max-width: 699px) {
            #about .main .mainWrap .mainWrapIn .txtBox {
              margin: 10vw 0 0 0; } }
          #about .main .mainWrap .mainWrapIn .txtBox h3.ttl {
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal;
            font-size: 2.2743947175vw;
            padding: 0 0 2.5vw 3.92vw;
            background: url("../images/business/deco_main.webp") no-repeat 0 bottom/51.46vw 2.127vw; }
            @media screen and (max-width: 699px) {
              #about .main .mainWrap .mainWrapIn .txtBox h3.ttl {
                font-size: 6.4vw;
                background: url(../images/business/deco_sp.webp) no-repeat 0 6vw/100% auto;
                padding: 0 0 5vw 10vw;
                line-height: 1.5em; } }
          #about .main .mainWrap .mainWrapIn .txtBox .txt {
            font-size: 1.3206162876vw;
            width: 41.96vw;
            margin: 1.10vw 0 0 3.92vw;
            line-height: 1.9em;
            font-feature-settings: "palt"; }
            @media screen and (max-width: 699px) {
              #about .main .mainWrap .mainWrapIn .txtBox .txt {
                margin: 3vw auto 0;
                width: 89.33vw;
                font-size: 3.7333333333vw;
                font-feature-settings: initial; } }
            #about .main .mainWrap .mainWrapIn .txtBox .txt p {
              margin: 0 0 3vw; }
    #about .main .bookWrap {
      margin: 8.76vw auto 18.15vw; }
      @media screen and (max-width: 699px) {
        #about .main .bookWrap {
          margin: 8.76vw auto 25vw; } }
      #about .main .bookWrap .bookWrapIn {
        display: flex;
        justify-content: space-between;
        width: 75.20vw;
        margin: 0 auto;
        /*txtBox*/ }
        @media screen and (max-width: 699px) {
          #about .main .bookWrap .bookWrapIn {
            display: block;
            width: 89.33vw; } }
        #about .main .bookWrap .bookWrapIn .txtBox {
          width: 40vw; }
          @media screen and (max-width: 699px) {
            #about .main .bookWrap .bookWrapIn .txtBox {
              width: 100%; } }
          #about .main .bookWrap .bookWrapIn .txtBox h3.ttl {
            font-size: 2.2743947175vw;
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal; }
            @media screen and (max-width: 699px) {
              #about .main .bookWrap .bookWrapIn .txtBox h3.ttl {
                font-size: 6.4vw;
                line-height: 1.5em; } }
          #about .main .bookWrap .bookWrapIn .txtBox .txt {
            font-size: 1.1738811445vw;
            line-height: 1.8em;
            margin: 1.72vw 0 0 0;
            font-feature-settings: "palt"; }
            @media screen and (max-width: 699px) {
              #about .main .bookWrap .bookWrapIn .txtBox .txt {
                font-size: 3.4666666667vw;
                margin: 1.5vw 0 0; } }
        #about .main .bookWrap .bookWrapIn .imgBox {
          display: flex;
          justify-content: space-between;
          width: 32.64vw; }
          @media screen and (max-width: 699px) {
            #about .main .bookWrap .bookWrapIn .imgBox {
              width: 100%; } }
          #about .main .bookWrap .bookWrapIn .imgBox .box {
            width: 15.70vw; }
            @media screen and (max-width: 699px) {
              #about .main .bookWrap .bookWrapIn .imgBox .box {
                width: 48%;
                margin: 3rem 0 0 0; } }
            #about .main .bookWrap .bookWrapIn .imgBox .box .txt {
              font-size: 0.8804108584vw;
              line-height: 1.3em;
              text-align: center;
              margin: 0.88vw 0 0 0; }
              @media screen and (max-width: 699px) {
                #about .main .bookWrap .bookWrapIn .imgBox .box .txt {
                  font-size: 2.6666666667vw;
                  margin: 1.5vw 0 0 0; } }
    #about .main .companyWrap {
      margin: 7.33vw auto 0; }
      #about .main .companyWrap .companyWrapIn {
        width: 58.69vw;
        margin: 0 auto;
        /*tblBox*/ }
        @media screen and (max-width: 699px) {
          #about .main .companyWrap .companyWrapIn {
            display: block;
            width: 89.33vw; } }
        #about .main .companyWrap .companyWrapIn h3.ttl {
          margin: 7.48vw 0 0 0;
          font-size: 2.2743947175vw;
          /*明朝light*/
          font-family: source-han-serif-japanese, serif;
          font-weight: 300;
          font-style: normal; }
          @media screen and (max-width: 699px) {
            #about .main .companyWrap .companyWrapIn h3.ttl {
              font-size: 6.4vw;
              line-height: 1.5em;
              margin: 10vw 0 0 0; } }
        #about .main .companyWrap .companyWrapIn .tblBox {
          margin: 2.56vw 0 0 0;
          width: 100%; }
          #about .main .companyWrap .companyWrapIn .tblBox tr {
            border-bottom: 1px solid #cccccc;
            /*td*/ }
            #about .main .companyWrap .companyWrapIn .tblBox tr td {
              font-size: 1.1738811445vw;
              line-height: 1.8em;
              margin: 1.72vw 0 0 0;
              padding: 1em; }
              @media screen and (max-width: 699px) {
                #about .main .companyWrap .companyWrapIn .tblBox tr td {
                  font-size: 3.7333333333vw;
                  margin: 1.5vw 0 0;
                  display: block; } }
              #about .main .companyWrap .companyWrapIn .tblBox tr td:nth-child(1) {
                /*明朝Bold*/
                font-family: source-han-serif-japanese, serif;
                font-weight: 700;
                font-style: normal;
                width: 15.40vw; }
                @media screen and (max-width: 699px) {
                  #about .main .companyWrap .companyWrapIn .tblBox tr td:nth-child(1) {
                    width: 100%;
                    margin: 0;
                    padding: 1em 0.5em 0; } }
              @media screen and (max-width: 699px) {
                #about .main .companyWrap .companyWrapIn .tblBox tr td:nth-child(2) {
                  width: 100%;
                  margin: 0;
                  padding: 0.5em 0.5em 1em; } }
              #about .main .companyWrap .companyWrapIn .tblBox tr td .ttl {
                font-weight: bold;
                margin: 0.7em 0 0 0; }
                #about .main .companyWrap .companyWrapIn .tblBox tr td .ttl:nth-of-type(1) {
                  margin: 0; }
              #about .main .companyWrap .companyWrapIn .tblBox tr td .txt {
                line-height: 1.5em; }
              #about .main .companyWrap .companyWrapIn .tblBox tr td .dlBox dt {
                float: left; }
              #about .main .companyWrap .companyWrapIn .tblBox tr td .dlBox dd {
                padding: 0 0 0 11em; }
          #about .main .companyWrap .companyWrapIn .tblBox:nth-of-type(2) tr td:nth-child(1) {
            /*明朝Bold*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 700;
            font-style: normal;
            width: 25.31vw; }
            @media screen and (max-width: 699px) {
              #about .main .companyWrap .companyWrapIn .tblBox:nth-of-type(2) tr td:nth-child(1) {
                width: 100%;
                margin: 0;
                padding: 1em 0.5em 0; } }
    #about .main .historyWrap {
      margin: 7.33vw auto 0; }
      #about .main .historyWrap .historyWrapIn {
        width: 58.69vw;
        margin: 0 auto;
        /*tblBox*/ }
        @media screen and (max-width: 699px) {
          #about .main .historyWrap .historyWrapIn {
            display: block;
            width: 89.33vw; } }
        #about .main .historyWrap .historyWrapIn .tblBox {
          margin: 2.56vw 0 0 0;
          width: 100%; }
          #about .main .historyWrap .historyWrapIn .tblBox tr {
            border-bottom: 1px solid #cccccc;
            /*td*/ }
            #about .main .historyWrap .historyWrapIn .tblBox tr td {
              font-size: 1.1738811445vw;
              line-height: 1.8em;
              margin: 1.72vw 0 0 0;
              padding: 1em; }
              @media screen and (max-width: 699px) {
                #about .main .historyWrap .historyWrapIn .tblBox tr td {
                  font-size: 3.7333333333vw;
                  margin: 1.5vw 0 0;
                  display: block; } }
              #about .main .historyWrap .historyWrapIn .tblBox tr td:nth-child(1) {
                /*明朝Bold*/
                font-family: source-han-serif-japanese, serif;
                font-weight: 700;
                font-style: normal;
                width: 13.86vw; }
                @media screen and (max-width: 699px) {
                  #about .main .historyWrap .historyWrapIn .tblBox tr td:nth-child(1) {
                    width: 100%;
                    margin: 0;
                    padding: 1em 0.5em 0; } }
                #about .main .historyWrap .historyWrapIn .tblBox tr td:nth-child(1).pc {
                  display: none; }
                  #about .main .historyWrap .historyWrapIn .tblBox tr td:nth-child(1).pc + td {
                    padding: 1em 0.5em 1em; }
              #about .main .historyWrap .historyWrapIn .tblBox tr td:nth-child(2) {
                padding: 1em 0 1em 1em; }
                @media screen and (max-width: 699px) {
                  #about .main .historyWrap .historyWrapIn .tblBox tr td:nth-child(2) {
                    width: 100%;
                    margin: 0;
                    padding: 0.5em 0.5em 1em; } }
              #about .main .historyWrap .historyWrapIn .tblBox tr td .ttl {
                font-weight: bold;
                margin: 0.7em 0 0 0; }
                #about .main .historyWrap .historyWrapIn .tblBox tr td .ttl:nth-of-type(1) {
                  margin: 0; }
              #about .main .historyWrap .historyWrapIn .tblBox tr td .txt {
                line-height: 1.5em; }
              #about .main .historyWrap .historyWrapIn .tblBox tr td .dlBox dt {
                float: left; }
              #about .main .historyWrap .historyWrapIn .tblBox tr td .dlBox dd {
                padding: 0 0 0 11em; }
          #about .main .historyWrap .historyWrapIn .tblBox:nth-of-type(2) tr td:nth-child(1) {
            /*明朝Bold*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 700;
            font-style: normal;
            width: 25.31vw; }
            @media screen and (max-width: 699px) {
              #about .main .historyWrap .historyWrapIn .tblBox:nth-of-type(2) tr td:nth-child(1) {
                width: 100%;
                margin: 0;
                padding: 1em 0.5em 0; } }

/*#about*/
/****************

	recruit

****************/
#recruit {
  /*.main*/ }
  #recruit .main {
    padding: 27.32vw 0 0;
    /*saiyouWrap*/ }
    @media screen and (max-width: 699px) {
      #recruit .main {
        padding: 70.13vw 0 10vw; } }
    #recruit .main .mainWrap {
      margin: 5.75vw auto 0;
      /*mainWrapIn*/ }
      @media screen and (max-width: 699px) {
        #recruit .main .mainWrap {
          margin: 13.33vw auto 0; } }
      #recruit .main .mainWrap .mainWrapIn {
        display: flex;
        align-items: flex-start;
        /*txtBox*/ }
        @media screen and (max-width: 699px) {
          #recruit .main .mainWrap .mainWrapIn {
            display: block; } }
        #recruit .main .mainWrap .mainWrapIn .imgBox {
          width: 49.50vw; }
          @media screen and (max-width: 699px) {
            #recruit .main .mainWrap .mainWrapIn .imgBox {
              width: 100%; } }
        #recruit .main .mainWrap .mainWrapIn .txtBox {
          flex: 1;
          margin: 1.21vw 0 0 0; }
          @media screen and (max-width: 699px) {
            #recruit .main .mainWrap .mainWrapIn .txtBox {
              margin: 10vw 0 0 0; } }
          #recruit .main .mainWrap .mainWrapIn .txtBox h3.ttl {
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal;
            font-size: 2.2743947175vw;
            padding: 0 0 2.5vw 3.92vw;
            background: url("../images/business/deco_main.webp") no-repeat 0 bottom/51.46vw 2.127vw; }
            @media screen and (max-width: 699px) {
              #recruit .main .mainWrap .mainWrapIn .txtBox h3.ttl {
                font-size: 6.4vw;
                background: url(../images/business/deco_sp.webp) no-repeat 0 6vw/100% auto;
                padding: 0 0 5vw 10vw;
                line-height: 1.5em; } }
          #recruit .main .mainWrap .mainWrapIn .txtBox .txt {
            font-size: 1.3206162876vw;
            width: 41.96vw;
            margin: 1.10vw 0 0 3.92vw;
            line-height: 1.9em;
            font-feature-settings: "palt"; }
            @media screen and (max-width: 699px) {
              #recruit .main .mainWrap .mainWrapIn .txtBox .txt {
                margin: 3vw auto 0;
                width: 89.33vw;
                font-size: 3.7333333333vw;
                font-feature-settings: initial; } }
            #recruit .main .mainWrap .mainWrapIn .txtBox .txt p {
              margin: 0 0 3vw; }
    #recruit .main .saiyouWrap {
      margin: 8.76vw auto 0; }
      @media screen and (max-width: 699px) {
        #recruit .main .saiyouWrap {
          margin: 8.76vw auto 0; } }
      #recruit .main .saiyouWrap .saiyouWrapIn {
        width: 58.69vw;
        margin: 0 auto;
        /*.btn*/ }
        @media screen and (max-width: 699px) {
          #recruit .main .saiyouWrap .saiyouWrapIn {
            display: block;
            width: 89.33vw; } }
        #recruit .main .saiyouWrap .saiyouWrapIn h3.ttl {
          font-size: 2.2743947175vw;
          /*明朝light*/
          font-family: source-han-serif-japanese, serif;
          font-weight: 300;
          font-style: normal; }
          @media screen and (max-width: 699px) {
            #recruit .main .saiyouWrap .saiyouWrapIn h3.ttl {
              font-size: 6.4vw;
              line-height: 1.5em; } }
        #recruit .main .saiyouWrap .saiyouWrapIn .tblBox {
          margin: 2.56vw 0 0 0;
          width: 100%; }
          #recruit .main .saiyouWrap .saiyouWrapIn .tblBox tr {
            border-bottom: 1px solid #cccccc;
            /*td*/ }
            #recruit .main .saiyouWrap .saiyouWrapIn .tblBox tr td {
              font-size: 1.1738811445vw;
              line-height: 1.8em;
              margin: 1.72vw 0 0 0;
              padding: 1em; }
              @media screen and (max-width: 699px) {
                #recruit .main .saiyouWrap .saiyouWrapIn .tblBox tr td {
                  font-size: 3.7333333333vw;
                  margin: 1.5vw 0 0;
                  display: block; } }
              #recruit .main .saiyouWrap .saiyouWrapIn .tblBox tr td:nth-child(1) {
                /*明朝Bold*/
                font-family: source-han-serif-japanese, serif;
                font-weight: 700;
                font-style: normal;
                width: 15.40vw; }
                @media screen and (max-width: 699px) {
                  #recruit .main .saiyouWrap .saiyouWrapIn .tblBox tr td:nth-child(1) {
                    width: 100%;
                    margin: 0;
                    padding: 1em 0.5em 0; } }
              @media screen and (max-width: 699px) {
                #recruit .main .saiyouWrap .saiyouWrapIn .tblBox tr td:nth-child(2) {
                  width: 100%;
                  margin: 0;
                  padding: 0.5em 0.5em 1em; } }
        #recruit .main .saiyouWrap .saiyouWrapIn .btn {
          font-size: 1.1738811445vw;
          margin: 3vw 0 0 0; }
          @media screen and (max-width: 699px) {
            #recruit .main .saiyouWrap .saiyouWrapIn .btn {
              font-size: 3.7333333333vw;
              margin: 6vw 0 0; } }
          #recruit .main .saiyouWrap .saiyouWrapIn .btn a {
            position: relative;
            display: block;
            border-bottom: 1px solid #22a06c;
            width: 16vw;
            margin: 0 0 0 auto;
            padding: 0 0.3em 0.5em; }
            @media screen and (max-width: 699px) {
              #recruit .main .saiyouWrap .saiyouWrapIn .btn a {
                width: 52vw; } }
            #recruit .main .saiyouWrap .saiyouWrapIn .btn a .arrow {
              display: inline-block;
              vertical-align: middle;
              color: #22a06c;
              line-height: 1;
              position: absolute;
              width: 2em;
              height: 1px;
              margin: 0 0 0 1em;
              background: currentColor;
              right: 0.5em;
              top: 50%;
              transform: translate(0, calc(-50% - 0.2em)); }
              #recruit .main .saiyouWrap .saiyouWrapIn .btn a .arrow::after {
                content: '';
                width: 0.35em;
                height: 0.35em;
                border: 1px solid currentColor;
                border-left: 0;
                border-bottom: 0;
                transform: rotate(45deg);
                transform-origin: top right;
                position: absolute;
                top: 50%;
                right: -0.05em;
                box-sizing: border-box; }

/*#about*/
/****************

	business

****************/
#business {
  /*.main*/ }
  #business .main {
    padding: 27.32vw 0 0;
    /*mainWrap*/
    /*mainWrap*/
    /*listWrap*/
    /*desWrap*/
    /*butaiWrap*/
    /*kanriWrap*/
    /*kizaiWrap*/ }
    @media screen and (max-width: 699px) {
      #business .main {
        padding: 70.13vw 0 10vw; } }
    #business .main .mainWrap {
      margin: 5.75vw auto 0;
      /*mainWrapIn*/
      /*gekijo*/
      /*kizai*/ }
      @media screen and (max-width: 699px) {
        #business .main .mainWrap {
          margin: 13.33vw auto 0; } }
      #business .main .mainWrap .mainWrapIn {
        display: flex;
        align-items: flex-start;
        /*txtBox*/ }
        @media screen and (max-width: 699px) {
          #business .main .mainWrap .mainWrapIn {
            display: block; } }
        #business .main .mainWrap .mainWrapIn .imgBox {
          width: 49.50vw; }
          @media screen and (max-width: 699px) {
            #business .main .mainWrap .mainWrapIn .imgBox {
              width: 100%; } }
        #business .main .mainWrap .mainWrapIn .txtBox {
          flex: 1;
          margin: 1.21vw 0 0 0; }
          @media screen and (max-width: 699px) {
            #business .main .mainWrap .mainWrapIn .txtBox {
              margin: 10vw 0 0 0; } }
          #business .main .mainWrap .mainWrapIn .txtBox h3.ttl {
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal;
            font-size: 2.2743947175vw;
            padding: 0 0 2.5vw 3.92vw;
            background: url("../images/business/deco_main.webp") no-repeat 0 bottom/51.46vw 2.127vw; }
            @media screen and (max-width: 699px) {
              #business .main .mainWrap .mainWrapIn .txtBox h3.ttl {
                font-size: 6.4vw;
                background: url(../images/business/deco_sp.webp) no-repeat 0 6vw/100% auto;
                padding: 0 0 5vw 10vw;
                line-height: 1.5em; } }
          #business .main .mainWrap .mainWrapIn .txtBox .txt {
            font-size: 1.3206162876vw;
            width: 41.96vw;
            margin: 1.10vw 0 0 3.92vw;
            line-height: 1.9em;
            /*@include op;*/ }
            @media screen and (max-width: 699px) {
              #business .main .mainWrap .mainWrapIn .txtBox .txt {
                margin: 3vw auto 0;
                width: 89.33vw;
                font-size: 3.7333333333vw;
                font-feature-settings: initial; } }
            #business .main .mainWrap .mainWrapIn .txtBox .txt p {
              margin: 0 0 3vw; }
            #business .main .mainWrap .mainWrapIn .txtBox .txt a {
              text-decoration: underline; }
      #business .main .mainWrap.gekijo .mainWrapIn {
        /*imgBox*/
        /*txtBox*/ }
        #business .main .mainWrap.gekijo .mainWrapIn .imgBox img {
          display: block; }
          #business .main .mainWrap.gekijo .mainWrapIn .imgBox img:nth-of-type(3) {
            position: relative;
            z-index: -1;
            width: 42.62vw;
            margin: -1.43vw 0 0 0; }
            @media screen and (max-width: 699px) {
              #business .main .mainWrap.gekijo .mainWrapIn .imgBox img:nth-of-type(3) {
                width: 70vw;
                margin: -25vw 0 0 0; } }
          #business .main .mainWrap.gekijo .mainWrapIn .imgBox img:nth-of-type(4) {
            width: 33.82vw;
            margin: -2.34vw 0 0 auto; }
            @media screen and (max-width: 699px) {
              #business .main .mainWrap.gekijo .mainWrapIn .imgBox img:nth-of-type(4) {
                width: 50vw;
                margin: -10vw 0 0 auto; } }
        #business .main .mainWrap.gekijo .mainWrapIn .txtBox {
          font-feature-settings: "palt"; }
          #business .main .mainWrap.gekijo .mainWrapIn .txtBox p:nth-of-type(1) {
            margin-bottom: 0; }
          #business .main .mainWrap.gekijo .mainWrapIn .txtBox .list {
            margin: 0 0 3rem; }
            @media screen and (max-width: 699px) {
              #business .main .mainWrap.gekijo .mainWrapIn .txtBox .list {
                margin: 0 0 5vw; } }
            #business .main .mainWrap.gekijo .mainWrapIn .txtBox .list li {
              padding-left: 1em;
              text-indent: -1em; }
          #business .main .mainWrap.gekijo .mainWrapIn .txtBox h3.ttl:nth-of-type(2) {
            background: none;
            margin: 8.07vw 0 0 0;
            padding-bottom: 0.5vw; }
            @media screen and (max-width: 699px) {
              #business .main .mainWrap.gekijo .mainWrapIn .txtBox h3.ttl:nth-of-type(2) {
                padding: 0;
                margin: 11vw auto 0;
                width: 89.33vw; } }
          #business .main .mainWrap.gekijo .mainWrapIn .txtBox h4.ttl {
            font-size: 1.3206162876vw;
            font-weight: bold;
            margin: 3.04vw 0 0 3.92vw; }
            @media screen and (max-width: 699px) {
              #business .main .mainWrap.gekijo .mainWrapIn .txtBox h4.ttl {
                font-size: 4vw;
                margin: 6vw auto 0;
                width: 89.33vw; } }
          #business .main .mainWrap.gekijo .mainWrapIn .txtBox .listYear {
            margin: 0 0 0 3.92vw; }
            @media screen and (max-width: 699px) {
              #business .main .mainWrap.gekijo .mainWrapIn .txtBox .listYear {
                margin: 0 auto 0;
                width: 89.33vw; } }
            #business .main .mainWrap.gekijo .mainWrapIn .txtBox .listYear dt {
              float: left;
              padding: 0.3em 0 0 0; }
              @media screen and (max-width: 699px) {
                #business .main .mainWrap.gekijo .mainWrapIn .txtBox .listYear dt {
                  padding: 0.4em 0 0 0; } }
            #business .main .mainWrap.gekijo .mainWrapIn .txtBox .listYear dd {
              padding: 0.3em 0 0 4.5em; }
              @media screen and (max-width: 699px) {
                #business .main .mainWrap.gekijo .mainWrapIn .txtBox .listYear dd {
                  padding: 0.4em 0 0 4.5em; } }
      #business .main .mainWrap.kizai .mainWrapIn {
        /*txtBox*/ }
        #business .main .mainWrap.kizai .mainWrapIn .txtBox a {
          text-decoration: underline; }
        #business .main .mainWrap.kizai .mainWrapIn .txtBox .list {
          margin: 0 0 3rem; }
          @media screen and (max-width: 699px) {
            #business .main .mainWrap.kizai .mainWrapIn .txtBox .list {
              margin: 0 0 5vw; } }
          #business .main .mainWrap.kizai .mainWrapIn .txtBox .list li {
            padding-left: 1em;
            text-indent: -1em; }
        #business .main .mainWrap.kizai .mainWrapIn .txtBox h3.ttl:nth-of-type(2) {
          background: none;
          margin: 5vw 0 0 0;
          padding-bottom: 0.5vw;
          line-height: 1.4em; }
          @media screen and (max-width: 699px) {
            #business .main .mainWrap.kizai .mainWrapIn .txtBox h3.ttl:nth-of-type(2) {
              padding: 0;
              margin: 11vw auto 0;
              width: 89.33vw; } }
        #business .main .mainWrap.kizai .mainWrapIn .txtBox .txt:nth-of-type(2) {
          font-feature-settings: "palt";
          font-size: 1.1738811445vw; }
          @media screen and (max-width: 699px) {
            #business .main .mainWrap.kizai .mainWrapIn .txtBox .txt:nth-of-type(2) {
              font-size: 3.3333333333vw; } }
    #business .main .mainWrap.num2 {
      margin: 5.75vw auto 0;
      /*mainWrapIn*/ }
      @media screen and (max-width: 699px) {
        #business .main .mainWrap.num2 {
          margin: 13.33vw auto 0; } }
      #business .main .mainWrap.num2 .mainWrapIn {
        /*txtBox*/ }
        #business .main .mainWrap.num2 .mainWrapIn .imgBox {
          width: 48.53vw; }
          @media screen and (max-width: 699px) {
            #business .main .mainWrap.num2 .mainWrapIn .imgBox {
              width: 100%; } }
        #business .main .mainWrap.num2 .mainWrapIn .txtBox .ttl {
          padding: 0 0 2.5vw 5.86vw;
          background: url("../images/business/deco_business.webp") no-repeat 0 bottom/51.46vw 2.12vw; }
          @media screen and (max-width: 699px) {
            #business .main .mainWrap.num2 .mainWrapIn .txtBox .ttl {
              font-size: 6.4vw;
              background: url(../images/business/deco_sp.webp) no-repeat 0 6vw/100% auto;
              padding: 0 0 5vw 10vw;
              line-height: 1.5em; } }
        #business .main .mainWrap.num2 .mainWrapIn .txtBox .txt {
          font-size: 1.3206162876vw;
          width: 41.96vw;
          margin: 1.10vw 0 0 5.86vw;
          line-height: 1.9em;
          /*@include op;*/ }
          @media screen and (max-width: 699px) {
            #business .main .mainWrap.num2 .mainWrapIn .txtBox .txt {
              margin: 6vw auto 0;
              width: 89.33vw;
              font-size: 3.7333333333vw;
              font-feature-settings: initial; } }
          #business .main .mainWrap.num2 .mainWrapIn .txtBox .txt p {
            margin: 0 0 3vw; }
    #business .main .listWrap {
      width: 75.20vw;
      margin: 12.83vw auto 0; }
      @media screen and (max-width: 699px) {
        #business .main .listWrap {
          width: 89.33vw;
          margin: 11vw auto 0; } }
      #business .main .listWrap ul {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 699px) {
          #business .main .listWrap ul {
            flex-wrap: wrap; } }
        #business .main .listWrap ul li {
          width: 16.50vw;
          /*.btn*/ }
          @media screen and (max-width: 699px) {
            #business .main .listWrap ul li {
              width: 43vw;
              margin: 7vw 0 0 0; } }
          #business .main .listWrap ul li .ttl {
            margin: 1.35vw 0 0 0;
            font-size: 1.7608217168vw;
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal;
            text-align: center; }
            @media screen and (max-width: 699px) {
              #business .main .listWrap ul li .ttl {
                font-size: 4.8vw;
                margin: 3vw 0 0 0; } }
          #business .main .listWrap ul li .txt {
            font-size: 1.1738811445vw;
            line-height: 1.5em;
            margin: 0.73vw 0 0 0;
            font-feature-settings: "palt"; }
            @media screen and (max-width: 699px) {
              #business .main .listWrap ul li .txt {
                font-size: 3.7333333333vw;
                margin: 1.5vw 0 0; } }
          #business .main .listWrap ul li .btn {
            font-size: 1.0271460015vw;
            margin: 3vw 0 0 0; }
            @media screen and (max-width: 699px) {
              #business .main .listWrap ul li .btn {
                font-size: 3.7333333333vw; } }
            #business .main .listWrap ul li .btn a {
              position: relative;
              display: block;
              border-bottom: 1px solid #22a06c;
              width: 11.33vw;
              padding: 0 0.3em 0.5em; }
              @media screen and (max-width: 699px) {
                #business .main .listWrap ul li .btn a {
                  width: 40vw; } }
              #business .main .listWrap ul li .btn a .arrow {
                display: inline-block;
                vertical-align: middle;
                color: #22a06c;
                line-height: 1;
                position: absolute;
                width: 2em;
                height: 1px;
                margin: 0 0 0 1em;
                background: currentColor;
                right: 0.5em;
                top: 50%;
                transform: translate(0, calc(-50% - 0.2em)); }
                #business .main .listWrap ul li .btn a .arrow::after {
                  content: '';
                  width: 0.35em;
                  height: 0.35em;
                  border: 1px solid currentColor;
                  border-left: 0;
                  border-bottom: 0;
                  transform: rotate(45deg);
                  transform-origin: top right;
                  position: absolute;
                  top: 50%;
                  right: -0.05em;
                  box-sizing: border-box; }
    #business .main .desWrap {
      width: 75.20vw;
      margin: 11.92vw auto 0; }
      @media screen and (max-width: 699px) {
        #business .main .desWrap {
          width: 89.33vw;
          margin: 18vw auto 0; } }
      #business .main .desWrap .desBoxIn {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        /*.btn*/ }
        @media screen and (max-width: 699px) {
          #business .main .desWrap .desBoxIn {
            display: block; } }
        #business .main .desWrap .desBoxIn .imgBox {
          width: 38.73vw; }
          @media screen and (max-width: 699px) {
            #business .main .desWrap .desBoxIn .imgBox {
              width: auto; } }
        #business .main .desWrap .desBoxIn .listBox {
          font-size: 1.1738811445vw;
          line-height: 1.8em; }
          @media screen and (max-width: 699px) {
            #business .main .desWrap .desBoxIn .listBox {
              font-size: 3.7333333333vw;
              margin: 6vw 0 0 0; } }
          #business .main .desWrap .desBoxIn .listBox .list li {
            padding-left: 1em;
            text-indent: -1em;
            margin: 0.5em 0 0;
            line-height: 1.5em; }
          #business .main .desWrap .desBoxIn .listBox .txt {
            margin: 1.83vw 0 0; }
            @media screen and (max-width: 699px) {
              #business .main .desWrap .desBoxIn .listBox .txt {
                margin: 6vw 0 0 0; } }
        #business .main .desWrap .desBoxIn .btn {
          font-size: 1.0271460015vw;
          margin: 3vw 0 0 0; }
          @media screen and (max-width: 699px) {
            #business .main .desWrap .desBoxIn .btn {
              font-size: 3.7333333333vw; } }
          #business .main .desWrap .desBoxIn .btn a {
            position: relative;
            display: block;
            border-bottom: 1px solid #22a06c;
            width: 16.33vw;
            padding: 0 0.3em 0.5em; }
            @media screen and (max-width: 699px) {
              #business .main .desWrap .desBoxIn .btn a {
                width: 55vw; } }
            #business .main .desWrap .desBoxIn .btn a .arrow {
              display: inline-block;
              vertical-align: middle;
              color: #22a06c;
              line-height: 1;
              position: absolute;
              width: 2em;
              height: 1px;
              margin: 0 0 0 1em;
              background: currentColor;
              right: 0.5em;
              top: 50%;
              transform: translate(0, calc(-50% - 0.2em)); }
              #business .main .desWrap .desBoxIn .btn a .arrow::after {
                content: '';
                width: 0.35em;
                height: 0.35em;
                border: 1px solid currentColor;
                border-left: 0;
                border-bottom: 0;
                transform: rotate(45deg);
                transform-origin: top right;
                position: absolute;
                top: 50%;
                right: -0.05em;
                box-sizing: border-box; }
    #business .main .butaiWrap .listBox li {
      position: relative;
      width: 100%;
      /*box*/ }
      @media screen and (max-width: 699px) {
        #business .main .butaiWrap .listBox li {
          margin: 10vw auto 0; } }
      #business .main .butaiWrap .listBox li .box {
        position: absolute;
        top: 7.52vw;
        left: 9.53vw; }
        @media screen and (max-width: 699px) {
          #business .main .butaiWrap .listBox li .box {
            position: relative;
            top: 0;
            left: 0; } }
        #business .main .butaiWrap .listBox li .box .ttl {
          position: relative;
          /*明朝light*/
          font-family: source-han-serif-japanese, serif;
          font-weight: 300;
          font-style: normal;
          font-size: 2.2743947175vw;
          padding: 0.3vw 0 0 0; }
          @media screen and (max-width: 699px) {
            #business .main .butaiWrap .listBox li .box .ttl {
              font-size: 4.8vw;
              padding: 0vw 0 0 0; } }
          #business .main .butaiWrap .listBox li .box .ttl .num {
            position: absolute;
            top: 0;
            left: 0;
            background: #059659;
            border-radius: 50%;
            color: #fff;
            width: 2.67vw;
            height: 2.67vw;
            text-align: center;
            line-height: 1em; }
            @media screen and (max-width: 699px) {
              #business .main .butaiWrap .listBox li .box .ttl .num {
                width: 5.5vw;
                height: 5.5vw;
                top: 0.6vw; } }
        #business .main .butaiWrap .listBox li .box .txt {
          margin: 3vw 0 0 0;
          font-size: 1.3206162876vw;
          line-height: 1.9em; }
          @media screen and (max-width: 699px) {
            #business .main .butaiWrap .listBox li .box .txt {
              font-size: 3.7333333333vw; } }
      #business .main .butaiWrap .listBox li:nth-of-type(1) {
        background: url("../images/business/bg_butai1.webp") no-repeat 0 0/contain;
        height: 29.12vw; }
        @media screen and (max-width: 699px) {
          #business .main .butaiWrap .listBox li:nth-of-type(1) {
            background: none;
            height: auto; } }
        #business .main .butaiWrap .listBox li:nth-of-type(1) .box {
          width: 34.04vw; }
          @media screen and (max-width: 699px) {
            #business .main .butaiWrap .listBox li:nth-of-type(1) .box {
              width: 89.33%;
              margin: 0 auto; } }
      #business .main .butaiWrap .listBox li:nth-of-type(2) {
        background: url("../images/business/bg_butai2.webp") no-repeat 0 0/contain;
        height: 29.05vw; }
        @media screen and (max-width: 699px) {
          #business .main .butaiWrap .listBox li:nth-of-type(2) {
            background: none;
            height: auto; } }
        #business .main .butaiWrap .listBox li:nth-of-type(2) .box {
          width: 33.60vw;
          left: 56.38vw; }
          @media screen and (max-width: 699px) {
            #business .main .butaiWrap .listBox li:nth-of-type(2) .box {
              width: 89.33%;
              margin: 0 auto;
              left: 0; } }
      #business .main .butaiWrap .listBox li:nth-of-type(3) {
        background: url("../images/business/bg_butai3.webp") no-repeat 0 0/contain;
        height: 24.35vw; }
        @media screen and (max-width: 699px) {
          #business .main .butaiWrap .listBox li:nth-of-type(3) {
            background: none;
            height: auto; } }
        #business .main .butaiWrap .listBox li:nth-of-type(3) .box {
          width: 29.97vw;
          top: 4.58vw;
          left: 9.50vw; }
          @media screen and (max-width: 699px) {
            #business .main .butaiWrap .listBox li:nth-of-type(3) .box {
              width: 89.33%;
              margin: 0 auto;
              top: 0;
              left: 0; } }
      #business .main .butaiWrap .listBox li:nth-of-type(4) {
        background: url("../images/business/bg_butai4.webp") no-repeat 0 0/contain;
        height: 29.49vw; }
        @media screen and (max-width: 699px) {
          #business .main .butaiWrap .listBox li:nth-of-type(4) {
            background: none;
            height: auto; } }
        #business .main .butaiWrap .listBox li:nth-of-type(4) .box {
          width: 33.60vw;
          left: 56.38vw; }
          @media screen and (max-width: 699px) {
            #business .main .butaiWrap .listBox li:nth-of-type(4) .box {
              width: 89.33%;
              margin: 0 auto;
              left: 0; } }
      #business .main .butaiWrap .listBox li:nth-of-type(5) {
        margin-top: -2.78vw;
        background: url("../images/business/bg_butai5.webp") no-repeat 0 0/contain;
        height: 31.65vw; }
        @media screen and (max-width: 699px) {
          #business .main .butaiWrap .listBox li:nth-of-type(5) {
            background: none;
            height: auto;
            margin-top: 10vw; } }
        #business .main .butaiWrap .listBox li:nth-of-type(5) .box {
          width: 29.97vw;
          top: 7.5vw;
          left: 9.50vw; }
          @media screen and (max-width: 699px) {
            #business .main .butaiWrap .listBox li:nth-of-type(5) .box {
              width: 89.33%;
              margin: 0 auto;
              top: 0;
              left: 0; } }
      #business .main .butaiWrap .listBox li .img {
        margin: 5vw auto 0; }
    #business .main .kanriWrap {
      width: 75.16vw;
      margin: 8.98vw auto 0;
      /*box*/ }
      @media screen and (max-width: 699px) {
        #business .main .kanriWrap {
          width: 89.33vw;
          margin: 15vw auto 0; } }
      #business .main .kanriWrap h3.ttl {
        font-size: 2.2743947175vw;
        /*明朝light*/
        font-family: source-han-serif-japanese, serif;
        font-weight: 300;
        font-style: normal;
        margin: 0 0 2.93vw; }
        @media screen and (max-width: 699px) {
          #business .main .kanriWrap h3.ttl {
            font-size: 6.4vw;
            line-height: 1.5em; } }
      #business .main .kanriWrap .box {
        display: flex;
        justify-content: space-between;
        margin: 0 0 4.51vw;
        /*desBox*/ }
        @media screen and (max-width: 699px) {
          #business .main .kanriWrap .box {
            display: block;
            margin: 0 0 13vw; } }
        #business .main .kanriWrap .box .imgBox {
          width: 33.01vw;
          display: flex;
          flex-wrap: wrap; }
          @media screen and (max-width: 699px) {
            #business .main .kanriWrap .box .imgBox {
              width: 100%; } }
          #business .main .kanriWrap .box .imgBox li:nth-of-type(1) {
            width: 100%; }
          #business .main .kanriWrap .box .imgBox li:nth-of-type(2) {
            width: 48.8%;
            margin: 0.73vw 2.4% 0 0; }
            @media screen and (max-width: 699px) {
              #business .main .kanriWrap .box .imgBox li:nth-of-type(2) {
                margin: 2vw 2.4% 0 0; } }
          #business .main .kanriWrap .box .imgBox li:nth-of-type(3) {
            width: 48.8%;
            margin: 0.73vw 0 0 0; }
            @media screen and (max-width: 699px) {
              #business .main .kanriWrap .box .imgBox li:nth-of-type(3) {
                margin: 2vw 0 0 0; } }
        #business .main .kanriWrap .box .desBox {
          width: 39.43vw;
          font-feature-settings: "palt";
          /*.btn*/ }
          @media screen and (max-width: 699px) {
            #business .main .kanriWrap .box .desBox {
              width: 100%;
              margin: 3vw 0 0 0;
              font-feature-settings: initial; } }
          #business .main .kanriWrap .box .desBox h4.ttl {
            font-size: 1.7608217168vw;
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal; }
            @media screen and (max-width: 699px) {
              #business .main .kanriWrap .box .desBox h4.ttl {
                font-size: 5.6vw;
                line-height: 1.5em; } }
          #business .main .kanriWrap .box .desBox > .txt {
            margin: 1vw 0 2.31vw; }
          #business .main .kanriWrap .box .desBox .desBoxIn {
            background: #e8e8e8;
            padding: 1.10vw; }
            @media screen and (max-width: 699px) {
              #business .main .kanriWrap .box .desBox .desBoxIn {
                margin: 4vw 0 0 0;
                padding: 1em; } }
            #business .main .kanriWrap .box .desBox .desBoxIn a {
              text-decoration: underline; }
            #business .main .kanriWrap .box .desBox .desBoxIn h5.ttl {
              font-size: 1.1738811445vw;
              font-weight: bold;
              margin: 0; }
              @media screen and (max-width: 699px) {
                #business .main .kanriWrap .box .desBox .desBoxIn h5.ttl {
                  font-size: 3.7333333333vw; } }
              @media screen and (max-width: 699px) {
                #business .main .kanriWrap .box .desBox .desBoxIn h5.ttl:nth-of-type(2) {
                  margin-top: 3vw; } }
            #business .main .kanriWrap .box .desBox .desBoxIn .address {
              font-size: 1.0271460015vw;
              line-height: 1.5em;
              margin: 0 0 0.84vw; }
              @media screen and (max-width: 699px) {
                #business .main .kanriWrap .box .desBox .desBoxIn .address {
                  font-size: 3.3333333333vw; } }
            #business .main .kanriWrap .box .desBox .desBoxIn .list li {
              font-size: 1.0271460015vw;
              margin: 0 0 0.2em;
              padding-left: 1em;
              text-indent: -1em;
              line-height: 1.5em; }
              @media screen and (max-width: 699px) {
                #business .main .kanriWrap .box .desBox .desBoxIn .list li {
                  font-size: 3.3333333333vw; } }
          #business .main .kanriWrap .box .desBox .btn {
            font-size: 1.0271460015vw;
            margin: 3.11vw 0 0 0; }
            @media screen and (max-width: 699px) {
              #business .main .kanriWrap .box .desBox .btn {
                font-size: 3.7333333333vw; } }
            #business .main .kanriWrap .box .desBox .btn a {
              position: relative;
              display: block;
              border-bottom: 1px solid #22a06c;
              width: 15em;
              padding: 0 0.3em 0.5em; }
              #business .main .kanriWrap .box .desBox .btn a .arrow {
                display: inline-block;
                vertical-align: middle;
                color: #22a06c;
                line-height: 1;
                position: absolute;
                width: 2em;
                height: 1px;
                margin: 0 0 0 1em;
                background: currentColor;
                right: 0.5em;
                top: 50%;
                transform: translate(0, calc(-50% - 0.2em)); }
                #business .main .kanriWrap .box .desBox .btn a .arrow::after {
                  content: '';
                  width: 0.35em;
                  height: 0.35em;
                  border: 1px solid currentColor;
                  border-left: 0;
                  border-bottom: 0;
                  transform: rotate(45deg);
                  transform-origin: top right;
                  position: absolute;
                  top: 50%;
                  right: -0.05em;
                  box-sizing: border-box; }
    #business .main .kizaiWrap {
      width: 75.16vw;
      margin: 8.98vw auto 0; }
      @media screen and (max-width: 699px) {
        #business .main .kizaiWrap {
          width: 89.33vw;
          margin: 15vw auto 0; } }
      #business .main .kizaiWrap h3.ttl {
        font-size: 2.2743947175vw;
        /*明朝light*/
        font-family: source-han-serif-japanese, serif;
        font-weight: 300;
        font-style: normal;
        margin: 0 0 2.93vw; }
        @media screen and (max-width: 699px) {
          #business .main .kizaiWrap h3.ttl {
            font-size: 6.4vw;
            line-height: 1.5em; } }
      #business .main .kizaiWrap .tblBox {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        @media screen and (max-width: 699px) {
          #business .main .kizaiWrap .tblBox {
            display: block; } }
        #business .main .kizaiWrap .tblBox .tblBoxIn {
          width: 35.95vw;
          /*box*/ }
          @media screen and (max-width: 699px) {
            #business .main .kizaiWrap .tblBox .tblBoxIn {
              width: 100%; } }
          #business .main .kizaiWrap .tblBox .tblBoxIn .box {
            margin: 0 0 3.30vw;
            /*table*/ }
            @media screen and (max-width: 699px) {
              #business .main .kizaiWrap .tblBox .tblBoxIn .box {
                margin: 0 0 5vw; } }
            #business .main .kizaiWrap .tblBox .tblBoxIn .box h4.ttl {
              font-size: 1.7608217168vw;
              /*明朝light*/
              font-family: source-han-serif-japanese, serif;
              font-weight: 300;
              font-style: normal; }
              @media screen and (max-width: 699px) {
                #business .main .kizaiWrap .tblBox .tblBoxIn .box h4.ttl {
                  font-size: 5.6vw;
                  line-height: 1.5em; } }
            #business .main .kizaiWrap .tblBox .tblBoxIn .box table {
              width: 100%;
              margin: 0.91vw 0 0 0;
              border: 1px solid #cccccc;
              font-feature-settings: "palt"; }
              #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr {
                border-bottom: 1px solid #cccccc; }
                #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr:nth-child(odd) {
                  background: #f2f2f2; }
                #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr th {
                  font-size: 1.1738811445vw;
                  font-weight: bold;
                  text-align: center;
                  background: #fff;
                  border-right: 1px solid #cccccc;
                  padding: 0.6em 1.2em; }
                  @media screen and (max-width: 699px) {
                    #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr th {
                      font-size: 3.3333333333vw; } }
                #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr td {
                  font-size: 1.0271460015vw;
                  border-right: 1px solid #cccccc;
                  line-height: 1.4em;
                  padding: 0.8em 1.2em; }
                  @media screen and (max-width: 699px) {
                    #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr td {
                      font-size: 3.2vw;
                      padding: 0.8em 1em; } }
                  #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr td:nth-of-type(1) {
                    width: 35%; }
                    @media screen and (max-width: 699px) {
                      #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr td:nth-of-type(1) {
                        width: 39%; } }
                  #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr td:nth-of-type(2) {
                    width: 42%; }
                    @media screen and (max-width: 699px) {
                      #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr td:nth-of-type(2) {
                        width: 46%; } }
                  #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr td:nth-of-type(3) {
                    width: 23%; }
                    @media screen and (max-width: 699px) {
                      #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr td:nth-of-type(3) {
                        width: 15%; } }
                  #business .main .kizaiWrap .tblBox .tblBoxIn .box table tr td:nth-child(n+3) {
                    text-align: right; }

/*#business*/
/****************

	jisseki

****************/
#jisseki {
  /*.main*/ }
  #jisseki .main {
    margin: 0 auto;
    padding: 27.32vw 0 0; }
    @media screen and (max-width: 699px) {
      #jisseki .main {
        padding: 70.13vw 0 10vw; } }
    #jisseki .main .mainWrap {
      width: 74.83vw;
      margin: 7.70vw auto 0;
      /*mainWrapIn*/ }
      @media screen and (max-width: 699px) {
        #jisseki .main .mainWrap {
          width: 89.33vw;
          margin: 13.33vw auto 0; } }
      #jisseki .main .mainWrap h3.ttl {
        font-size: 2.2743947175vw;
        /*明朝light*/
        font-family: source-han-serif-japanese, serif;
        font-weight: 300;
        font-style: normal; }
        @media screen and (max-width: 699px) {
          #jisseki .main .mainWrap h3.ttl {
            width: 89.33vw;
            margin: 13.33vw auto 0;
            font-size: 6.4vw;
            line-height: 1.5em; } }
      #jisseki .main .mainWrap .mainWrapIn {
        display: flex;
        justify-content: space-between;
        margin: 2.67vw 0 0 0; }
        @media screen and (max-width: 699px) {
          #jisseki .main .mainWrap .mainWrapIn {
            display: block; } }
        #jisseki .main .mainWrap .mainWrapIn .imgBoxIn {
          position: relative;
          width: 23.47vw;
          padding: 0 0.73vw 0 0.73vw; }
          @media screen and (max-width: 699px) {
            #jisseki .main .mainWrap .mainWrapIn .imgBoxIn {
              width: 100%;
              padding: 0 3vw 0 3vw; } }
          #jisseki .main .mainWrap .mainWrapIn .imgBoxIn::after {
            position: absolute;
            top: 0;
            left: 0;
            content: '';
            display: block;
            background: #f2f2f2;
            height: 32.5vw;
            width: 100%;
            z-index: -1; }
            @media screen and (max-width: 699px) {
              #jisseki .main .mainWrap .mainWrapIn .imgBoxIn::after {
                height: 124vw; } }
          #jisseki .main .mainWrap .mainWrapIn .imgBoxIn .box {
            padding: 0.73vw 0; }
            @media screen and (max-width: 699px) {
              #jisseki .main .mainWrap .mainWrapIn .imgBoxIn .box {
                padding: 3vw 0; } }
            #jisseki .main .mainWrap .mainWrapIn .imgBoxIn .box .img img {
              object-fit: contain;
              height: 31.04vw; }
              @media screen and (max-width: 699px) {
                #jisseki .main .mainWrap .mainWrapIn .imgBoxIn .box .img img {
                  height: 118vw; } }
            #jisseki .main .mainWrap .mainWrapIn .imgBoxIn .box .txt {
              font-size: 0.8804108584vw;
              text-align: center;
              line-height: 1.4em;
              margin: 1.5vw 0 0 0; }
              @media screen and (max-width: 699px) {
                #jisseki .main .mainWrap .mainWrapIn .imgBoxIn .box .txt {
                  font-size: 3.2vw;
                  margin: 6vw 0 0 0; } }
        #jisseki .main .mainWrap .mainWrapIn .listBox {
          width: 48.42vw; }
          @media screen and (max-width: 699px) {
            #jisseki .main .mainWrap .mainWrapIn .listBox {
              width: 100%;
              margin: 10vw 0 0 0; } }
          #jisseki .main .mainWrap .mainWrapIn .listBox ul {
            column-count: 2; }
            @media screen and (max-width: 699px) {
              #jisseki .main .mainWrap .mainWrapIn .listBox ul {
                column-count: auto; } }
            #jisseki .main .mainWrap .mainWrapIn .listBox ul li {
              font-size: 1.1738811445vw;
              border-bottom: 2px solid #cccccc;
              width: 23.47vw;
              line-height: 1.3em;
              padding: 0.48em 0.2em;
              font-feature-settings: "palt"; }
              @media screen and (max-width: 699px) {
                #jisseki .main .mainWrap .mainWrapIn .listBox ul li {
                  width: 100%;
                  font-size: 3.7333333333vw; } }
          #jisseki .main .mainWrap .mainWrapIn .listBox h4 {
            margin: 4vw 0 1.5vw 0;
            font-size: 1.3206162876vw;
            font-weight: bold; }
            @media screen and (max-width: 699px) {
              #jisseki .main .mainWrap .mainWrapIn .listBox h4 {
                width: 100%;
                font-size: 4.5333333333vw; } }

/*#jisseki*/
.slick-dotted.slick-slider {
  margin-bottom: 5vw; }
  @media screen and (max-width: 699px) {
    .slick-dotted.slick-slider {
      margin-bottom: 15vw; } }

.slick-dots li button:before {
  font-size: 2vw;
  width: 1.3vw;
  height: 1.3vw; }
  @media screen and (max-width: 699px) {
    .slick-dots li button:before {
      font-size: 6vw;
      width: 2.5vw;
      height: 4vw; } }

.slick-dots {
  bottom: auto;
  width: auto;
  top: 33vw;
  left: 0;
  right: 0;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 699px) {
    .slick-dots {
      top: 126vw;
      bottom: auto; } }

.slick-dots li {
  width: 1.3vw;
  height: 1.3vw;
  margin: 0;
  display: block; }
  @media screen and (max-width: 699px) {
    .slick-dots li {
      width: 2.5vw;
      height: 4vw;
      margin: 0 3px; } }

.slick-dots li button {
  width: 1.3vw;
  height: 1.3vw;
  padding: 0 5px; }
  @media screen and (max-width: 699px) {
    .slick-dots li button {
      width: 2.5vw;
      height: 4vw; } }

/****************

	privacy

****************/
#privacy {
  /*.main*/ }
  #privacy .main {
    margin: 0 auto;
    padding: 27.32vw 0 0; }
    @media screen and (max-width: 699px) {
      #privacy .main {
        padding: 70.13vw 0 10vw; } }
    #privacy .main .mainWrap {
      width: 58.69vw;
      margin: 4.40vw auto 0;
      /*mainWrapIn*/ }
      @media screen and (max-width: 699px) {
        #privacy .main .mainWrap {
          width: 89.33vw;
          margin: 13.33vw auto 0; } }
      #privacy .main .mainWrap .mainWrapIn h3.ttl {
        font-size: 1.3206162876vw;
        font-weight: bold;
        margin: 3.55vw auto 0; }
        @media screen and (max-width: 699px) {
          #privacy .main .mainWrap .mainWrapIn h3.ttl {
            font-size: 4vw;
            margin: 7vw auto 0; } }
      #privacy .main .mainWrap .mainWrapIn .mainTxt {
        line-height: 2.0em;
        margin: 0 0 5.68vw; }
      #privacy .main .mainWrap .mainWrapIn .txt {
        line-height: 2.0em;
        margin: 0.5vw 0 0 0; }
      #privacy .main .mainWrap .mainWrapIn .list {
        margin: 2.38vw auto 0; }
        @media screen and (max-width: 699px) {
          #privacy .main .mainWrap .mainWrapIn .list {
            margin: 3.5vw auto 0; } }
        #privacy .main .mainWrap .mainWrapIn .list li {
          padding-left: 1em;
          text-indent: -1em;
          margin-bottom: 0.3em; }
          #privacy .main .mainWrap .mainWrapIn .list li:last-child {
            margin-bottom: 0; }

/*#privacy*/
/****************

	news

****************/
#news {
  /*.main*/ }
  #news .main {
    padding: 27.32vw 0 0;
    /*newsWrap*/ }
    @media screen and (max-width: 699px) {
      #news .main {
        padding: 70.13vw 0 10vw; } }
    #news .main .newsWrap {
      margin: 6.60vw auto 0;
      /******detail******/
      /*detailBox*/ }
      @media screen and (max-width: 699px) {
        #news .main .newsWrap {
          width: 89.33%;
          margin: 18.40vw auto 0; } }
      #news .main .newsWrap .decoIn {
        width: 74.83vw;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        /*newsBox*/
        /*sideBox*/ }
        @media screen and (max-width: 1000px) {
          #news .main .newsWrap .decoIn {
            display: block; } }
        @media screen and (max-width: 699px) {
          #news .main .newsWrap .decoIn {
            width: 100%; } }
        #news .main .newsWrap .decoIn .newsBox {
          width: 48.64vw;
          /*list*/
          /*listPagination*/ }
          @media screen and (max-width: 1000px) {
            #news .main .newsWrap .decoIn .newsBox {
              width: 100%; } }
          #news .main .newsWrap .decoIn .newsBox .att {
            background: #e9e7e7;
            border-radius: 5px;
            padding: 0.5em; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .decoIn .newsBox .att {
                padding: 0.5em 0.5em 0.7em; } }
            #news .main .newsWrap .decoIn .newsBox .att .txt {
              text-align: center; }
              #news .main .newsWrap .decoIn .newsBox .att .txt a {
                display: inline-block;
                border-bottom: 1px solid currentColor;
                padding: 0 0 0.1em;
                font-size: 1.1738811445vw; }
                @media screen and (max-width: 1000px) {
                  #news .main .newsWrap .decoIn .newsBox .att .txt a {
                    font-size: 1.2173913043vw; } }
                @media screen and (max-width: 699px) {
                  #news .main .newsWrap .decoIn .newsBox .att .txt a {
                    font-size: 3.7333333333vw; } }
          #news .main .newsWrap .decoIn .newsBox .list li {
            display: flex;
            align-items: flex-start;
            margin: 1.5em 0 0 0; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .decoIn .newsBox .list li {
                display: block; } }
            #news .main .newsWrap .decoIn .newsBox .list li .in {
              display: flex;
              width: 28.65%;
              flex-shrink: 0;
              align-items: center; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .newsBox .list li .in {
                  width: 100%; } }
            #news .main .newsWrap .decoIn .newsBox .list li .date {
              font-size: 1.0271460015vw;
              width: 5.5em; }
              @media screen and (max-width: 1000px) {
                #news .main .newsWrap .decoIn .newsBox .list li .date {
                  font-size: 1.2173913043vw; } }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .newsBox .list li .date {
                  font-size: 3.2vw; } }
            #news .main .newsWrap .decoIn .newsBox .list li .cat {
              font-size: 1.0271460015vw;
              color: #fff;
              padding: 0.2em 0.5em 0.3em;
              width: 7em;
              text-align: center;
              border-radius: 5px;
              line-height: 1em;
              margin: 0 0 0 1em; }
              @media screen and (max-width: 1000px) {
                #news .main .newsWrap .decoIn .newsBox .list li .cat {
                  font-size: 1.2173913043vw; } }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .newsBox .list li .cat {
                  width: 9em;
                  font-size: 3.2vw;
                  padding: 0.3em 0.5em 0.4em; } }
              #news .main .newsWrap .decoIn .newsBox .list li .cat.other {
                background: #005bab; }
              #news .main .newsWrap .decoIn .newsBox .list li .cat a {
                color: #fff; }
            #news .main .newsWrap .decoIn .newsBox .list li .txt {
              width: 68.10%;
              margin: 0 0 0 1em;
              font-size: 1.1738811445vw; }
              @media screen and (max-width: 1000px) {
                #news .main .newsWrap .decoIn .newsBox .list li .txt {
                  font-size: 1.2173913043vw; } }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .newsBox .list li .txt {
                  font-size: 3.7333333333vw;
                  margin: 0.5em 0 0 0;
                  width: 100%; } }
              #news .main .newsWrap .decoIn .newsBox .list li .txt a {
                text-decoration: underline;
                text-underline-offset: 0.2rem; }
            #news .main .newsWrap .decoIn .newsBox .list li .notice {
              font-size: 1.0434782609vw;
              color: #A1A1A1; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .newsBox .list li .notice {
                  font-size: 3.2vw; } }
          #news .main .newsWrap .decoIn .newsBox .listPaginationBox {
            margin: 6.85vw auto 0;
            /*pagination*/
            /*prevWrap*/
            /*nextWrap*/ }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .decoIn .newsBox .listPaginationBox {
                margin: 12.4vw auto 0; } }
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .pagination,
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links {
              text-align: center;
              position: relative; }
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list {
              margin: 0;
              padding: 0;
              display: inline-block;
              width: 1.79vw;
              height: 1.79vw;
              text-align: center;
              position: relative;
              border-bottom: 1px solid #dce3e9; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list {
                  width: 6vw;
                  height: 6vw;
                  margin: 0 2px; } }
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list .page-numbers {
              vertical-align: middle;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              text-align: center;
              font-size: 1.0271460015vw;
              /*display:table;*/
              color: #313131;
              text-decoration: none;
              line-height: 1em; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list .page-numbers {
                  font-size: 3.7333333333vw; } }
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list .page-numbers span {
              /*display:table-cell;
              vertical-align:middle;*/
              padding: 0.15em 0 0 0; }
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.prevWrap {
              position: absolute;
              top: 0;
              left: 0;
              border: none;
              width: 6.19vw; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.prevWrap {
                  width: 17vw; } }
              #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.prevWrap .page-numbers {
                position: relative;
                display: block;
                border-bottom: 1px solid #dce3e9;
                padding: 0 0.3em 0.5em;
                text-align: right; }
                @media screen and (max-width: 699px) {
                  #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.prevWrap .page-numbers {
                    font-size: 3.3333333333vw; } }
                #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.prevWrap .page-numbers span {
                  padding: 0.7vw 0 0 0; }
                #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.prevWrap .page-numbers .arrow {
                  display: inline-block;
                  vertical-align: middle;
                  color: #dce3e9;
                  line-height: 1;
                  position: absolute;
                  width: 2em;
                  height: 1px;
                  background: currentColor;
                  left: 0.5em;
                  top: 50%;
                  transform: translate(0, calc(-50% - 0.2em)); }
                  #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.prevWrap .page-numbers .arrow::before {
                    content: '';
                    width: 0.35em;
                    height: 0.35em;
                    border: 1px solid currentColor;
                    border-right: 0;
                    border-bottom: 0;
                    transform: rotate(-45deg);
                    transform-origin: top left;
                    position: absolute;
                    top: 50%;
                    left: -0.05em;
                    box-sizing: border-box; }
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.nextWrap {
              position: absolute;
              top: 0;
              right: 0;
              border: none;
              width: 6.19vw; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.nextWrap {
                  width: 17vw; } }
              #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.nextWrap .page-numbers {
                position: relative;
                display: block;
                border-bottom: 1px solid #dce3e9;
                padding: 0 0.3em 0.5em;
                text-align: left; }
                @media screen and (max-width: 699px) {
                  #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.nextWrap .page-numbers {
                    font-size: 3.3333333333vw; } }
                #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.nextWrap .page-numbers span {
                  padding: 0.7vw 0 0 0; }
                #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.nextWrap .page-numbers .arrow {
                  display: inline-block;
                  vertical-align: middle;
                  color: #dce3e9;
                  line-height: 1;
                  position: absolute;
                  width: 2em;
                  height: 1px;
                  margin: 0 0 0 1em;
                  background: currentColor;
                  right: 0.5em;
                  top: 50%;
                  transform: translate(0, calc(-50% - 0.2em)); }
                  #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list.nextWrap .page-numbers .arrow::after {
                    content: '';
                    width: 0.35em;
                    height: 0.35em;
                    border: 1px solid currentColor;
                    border-left: 0;
                    border-bottom: 0;
                    transform: rotate(45deg);
                    transform-origin: top right;
                    position: absolute;
                    top: 50%;
                    right: -0.05em;
                    box-sizing: border-box; }
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list .page-numbers:hover,
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list .page-numbers.current,
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list .page-numbers.active {
              opacity: 0.5; }
            #news .main .newsWrap .decoIn .newsBox .listPaginationBox .nav-links .list .page-numbers.dots:hover {
              opacity: 1; }
        #news .main .newsWrap .decoIn .sideBox {
          width: 22.56vw;
          /*newsIn*/
          /*twitterBox*/ }
          @media screen and (max-width: 699px) {
            #news .main .newsWrap .decoIn .sideBox {
              width: auto;
              margin: 20vw 0 0 0; } }
          #news .main .newsWrap .decoIn .sideBox h3.ttl {
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal;
            font-size: 1.9809244314vw;
            font-weight: bold; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .decoIn .sideBox h3.ttl {
                font-size: 6vw; } }
          #news .main .newsWrap .decoIn .sideBox .newsIn {
            margin: 3.19vw 0 0 0;
            /*list*/
            /*.btn*/ }
            #news .main .newsWrap .decoIn .sideBox .newsIn .list li {
              margin: 1.5em 0 0 0; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .sideBox .newsIn .list li {
                  display: block; } }
              #news .main .newsWrap .decoIn .sideBox .newsIn .list li .in {
                display: flex;
                flex-shrink: 0;
                align-items: center; }
                @media screen and (max-width: 699px) {
                  #news .main .newsWrap .decoIn .sideBox .newsIn .list li .in {
                    width: 100%; } }
              #news .main .newsWrap .decoIn .sideBox .newsIn .list li .date {
                font-size: 1.0271460015vw;
                width: 5.5em; }
                @media screen and (max-width: 1000px) {
                  #news .main .newsWrap .decoIn .sideBox .newsIn .list li .date {
                    font-size: 1.2173913043vw; } }
                @media screen and (max-width: 699px) {
                  #news .main .newsWrap .decoIn .sideBox .newsIn .list li .date {
                    font-size: 3.2vw; } }
              #news .main .newsWrap .decoIn .sideBox .newsIn .list li .cat {
                font-size: 1.0271460015vw;
                color: #fff;
                padding: 0.2em 0.5em 0.3em;
                width: 7em;
                text-align: center;
                border-radius: 5px;
                line-height: 1em;
                margin: 0 0 0 1em; }
                @media screen and (max-width: 1000px) {
                  #news .main .newsWrap .decoIn .sideBox .newsIn .list li .cat {
                    font-size: 1.2173913043vw; } }
                @media screen and (max-width: 699px) {
                  #news .main .newsWrap .decoIn .sideBox .newsIn .list li .cat {
                    width: 9em;
                    font-size: 3.2vw;
                    padding: 0.3em 0.5em 0.4em; } }
                #news .main .newsWrap .decoIn .sideBox .newsIn .list li .cat.other {
                  background: #005bab; }
                #news .main .newsWrap .decoIn .sideBox .newsIn .list li .cat a {
                  color: #fff; }
              #news .main .newsWrap .decoIn .sideBox .newsIn .list li .txt {
                font-size: 1.1738811445vw;
                margin: 0.5vw 0 0 0; }
                @media screen and (max-width: 1000px) {
                  #news .main .newsWrap .decoIn .sideBox .newsIn .list li .txt {
                    font-size: 1.2173913043vw; } }
                @media screen and (max-width: 699px) {
                  #news .main .newsWrap .decoIn .sideBox .newsIn .list li .txt {
                    font-size: 3.7333333333vw;
                    margin: 0.5em 0 0 0;
                    width: 100%; } }
                #news .main .newsWrap .decoIn .sideBox .newsIn .list li .txt a {
                  text-decoration: underline;
                  text-underline-offset: 0.2rem; }
              #news .main .newsWrap .decoIn .sideBox .newsIn .list li .notice {
                font-size: 1.0434782609vw;
                color: #A1A1A1; }
            #news .main .newsWrap .decoIn .sideBox .newsIn .btn {
              font-size: 1.0271460015vw;
              margin: 3em 0 0 0; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .decoIn .sideBox .newsIn .btn {
                  font-size: 3.7333333333vw; } }
              #news .main .newsWrap .decoIn .sideBox .newsIn .btn a {
                position: relative;
                display: block;
                border-bottom: 1px solid #dce3e9;
                width: 15em;
                padding: 0 0.3em 0.5em; }
                #news .main .newsWrap .decoIn .sideBox .newsIn .btn a .arrow {
                  display: inline-block;
                  vertical-align: middle;
                  color: #dce3e9;
                  line-height: 1;
                  position: absolute;
                  width: 2em;
                  height: 1px;
                  margin: 0 0 0 1em;
                  background: currentColor;
                  right: 0.5em;
                  top: 50%;
                  transform: translate(0, calc(-50% - 0.2em)); }
                  #news .main .newsWrap .decoIn .sideBox .newsIn .btn a .arrow::after {
                    content: '';
                    width: 0.35em;
                    height: 0.35em;
                    border: 1px solid currentColor;
                    border-left: 0;
                    border-bottom: 0;
                    transform: rotate(45deg);
                    transform-origin: top right;
                    position: absolute;
                    top: 50%;
                    right: -0.05em;
                    box-sizing: border-box; }
          #news .main .newsWrap .decoIn .sideBox .twitterIn {
            margin: 6.60vw 0 0 0;
            width: 100%;
            height: 36.50vw; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .decoIn .sideBox .twitterIn {
                height: 90vw;
                margin: 15vw auto 0; } }
      #news .main .newsWrap .detailBox {
        width: 48.64vw;
        /*dataBox*/
        /*con*/
        /*shareBox*/
        /*listPagination*/ }
        @media screen and (max-width: 1000px) {
          #news .main .newsWrap .detailBox {
            width: 100%; } }
        #news .main .newsWrap .detailBox .mainTtl {
          font-size: 2.2743947175vw;
          /*明朝light*/
          font-family: source-han-serif-japanese, serif;
          font-weight: 300;
          font-style: normal;
          line-height: 1.3em;
          border-bottom: 2px solid #22a06c;
          padding: 0 0 0.73vw; }
          @media screen and (max-width: 699px) {
            #news .main .newsWrap .detailBox .mainTtl {
              font-size: 8.533333333vw;
              line-height: 1.2em;
              padding: 0 0 4vw; } }
        #news .main .newsWrap .detailBox .dataBox {
          display: flex;
          justify-content: space-between;
          font-size: 1.1738811445vw;
          margin: 0.91vw 0 0;
          /*shareIn*/ }
          @media screen and (max-width: 699px) {
            #news .main .newsWrap .detailBox .dataBox {
              font-size: 3.7333333333vw;
              margin: 4vw 0 0 0; } }
          #news .main .newsWrap .detailBox .dataBox .shareIn {
            display: flex;
            align-items: center;
            margin: 0 0.47vw 0 0; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .dataBox .shareIn {
                justify-content: flex-end; } }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .dataBox .shareIn .ttl {
                flex-shrink: 0; } }
            #news .main .newsWrap .detailBox .dataBox .shareIn .list {
              display: flex; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .detailBox .dataBox .shareIn .list {
                  align-items: center;
                  justify-content: flex-end; } }
            #news .main .newsWrap .detailBox .dataBox .shareIn li {
              margin: 0 0 0 1em;
              line-height: 0; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .detailBox .dataBox .shareIn li {
                  width: 4.5vw; } }
              #news .main .newsWrap .detailBox .dataBox .shareIn li a {
                display: block;
                color: #fff; }
                @media screen and (max-width: 699px) {
                  #news .main .newsWrap .detailBox .dataBox .shareIn li a {
                    line-height: 1em; } }
                #news .main .newsWrap .detailBox .dataBox .shareIn li a img {
                  width: 23px; }
                  @media screen and (max-width: 699px) {
                    #news .main .newsWrap .detailBox .dataBox .shareIn li a img {
                      width: 100%; } }
        #news .main .newsWrap .detailBox .mainImg {
          margin: 1.83vw 0 4.21vw 0; }
          @media screen and (max-width: 699px) {
            #news .main .newsWrap .detailBox .mainImg {
              font-size: 3.7333333333vw;
              margin: 3vw 0 8vw 0; } }
        #news .main .newsWrap .detailBox .con {
          font-size: 1.1738811445vw; }
          @media screen and (max-width: 699px) {
            #news .main .newsWrap .detailBox .con {
              font-size: 1.173881145vw; } }
          #news .main .newsWrap .detailBox .con h1 {
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal;
            font-size: 2.0542920029vw;
            border-left: 0.88vw solid #005bab;
            margin: 4.21vw 0 1.83vw 0;
            padding: 0 0 0 0.36vw;
            line-height: 1.3em; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .con h1 {
                font-size: 6.4vw;
                margin: 7.6vw 0 4.93vw;
                padding: 0 0 0 1.46vw;
                border-left: 2.4vw solid #005bab;
                line-height: 1.3em; } }
          #news .main .newsWrap .detailBox .con h2 {
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal;
            font-size: 1.8341892883vw;
            margin: 4.21vw 0 0 0;
            line-height: 1.3em; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .con h2 {
                margin: 9.13vw 0 4.53vw;
                font-size: 5.066666667vw;
                line-height: 1.4em; } }
          #news .main .newsWrap .detailBox .con h3 {
            /*明朝light*/
            font-family: source-han-serif-japanese, serif;
            font-weight: 300;
            font-style: normal;
            font-size: 1.6140865737vw;
            margin: 4.21vw 0 0 0;
            line-height: 1.3em; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .con h3 {
                font-size: 4.7vw;
                margin: 9.13vw 0 4.53vw;
                line-height: 1.5em; } }
          #news .main .newsWrap .detailBox .con p {
            line-height: 1.8em;
            margin: 0.8em 0; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .con p {
                font-size: 4.4vw;
                margin: 0 0 8vw; } }
          #news .main .newsWrap .detailBox .con ul {
            margin: 1em 0; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .con ul {
                margin: 8vw 0;
                font-size: 4.4vw; } }
            #news .main .newsWrap .detailBox .con ul li {
              position: relative;
              margin: 0 0 0.5em;
              padding: 0 0 0 1em;
              line-height: 1.4em; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .detailBox .con ul li {
                  margin: 0 0 0.7em; } }
              #news .main .newsWrap .detailBox .con ul li::before {
                position: absolute;
                top: 0;
                left: 0;
                font-size: 0.8070432869vw;
                content: '●';
                display: inline-block; }
          #news .main .newsWrap .detailBox .con ol {
            margin: 1em 0;
            padding: 0 0 0 1.2em; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .con ol {
                margin: 0 0 8vw;
                font-size: 4.4vw; } }
            #news .main .newsWrap .detailBox .con ol li {
              position: relative;
              list-style: decimal;
              margin: 0 0 0.7vw; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .detailBox .con ol li {
                  margin: 0 0 0.7em; } }
          #news .main .newsWrap .detailBox .con a {
            text-decoration: underline;
            color: #22a06c; }
          #news .main .newsWrap .detailBox .con blockquote {
            border-radius: 15px;
            margin: 1.5em 0;
            padding: 1em 1em 1em 3em;
            background: url("../images/blockquote.svg") no-repeat #f8f4f4 1.98vw 1.46vw/3.04vw auto; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .con blockquote {
                background: url("../images/blockquote.svg") no-repeat #f8f4f4 4.6vw 4vw/8.13vw auto;
                font-size: 4.4vw;
                margin: 0 0 8.7vw;
                padding: 8.53vw 5.3vw 5.86vw 7.73vw; } }
            #news .main .newsWrap .detailBox .con blockquote cite {
              font-size: 1.0271460015vw;
              margin: 0 0 1em;
              display: block; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .detailBox .con blockquote cite {
                  font-size: 3.8vw; } }
        #news .main .newsWrap .detailBox .shareBox {
          background: #e6e6e6;
          border-radius: 15px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 2.75vw 0 0 0;
          padding: 1em; }
          @media screen and (max-width: 1000px) {
            #news .main .newsWrap .detailBox .shareBox {
              margin: 5% 0 0 0; } }
          @media screen and (max-width: 699px) {
            #news .main .newsWrap .detailBox .shareBox {
              font-size: 3.7333333333vw;
              margin: 10% 0 0 0; } }
          #news .main .newsWrap .detailBox .shareBox .ttl {
            color: #5a5a5a; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .shareBox .ttl {
                flex-shrink: 0; } }
          #news .main .newsWrap .detailBox .shareBox .list {
            display: flex; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .shareBox .list {
                align-items: center; } }
          #news .main .newsWrap .detailBox .shareBox li {
            margin: 0 0 0 1em;
            line-height: 0; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .shareBox li {
                width: 6vw; } }
            #news .main .newsWrap .detailBox .shareBox li a {
              display: block;
              color: #fff; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .detailBox .shareBox li a {
                  line-height: 1em; } }
              #news .main .newsWrap .detailBox .shareBox li a img {
                width: 23px; }
                @media screen and (max-width: 699px) {
                  #news .main .newsWrap .detailBox .shareBox li a img {
                    width: 100%; } }
        #news .main .newsWrap .detailBox .listPaginationBox {
          margin: 3.85vw auto 0;
          /*pagination*/
          /*prevWrap*/
          /*nextWrap*/ }
          @media screen and (max-width: 699px) {
            #news .main .newsWrap .detailBox .listPaginationBox {
              margin: 12.4vw auto 0; } }
          #news .main .newsWrap .detailBox .listPaginationBox .pagination,
          #news .main .newsWrap .detailBox .listPaginationBox .nav-links {
            text-align: center;
            position: relative; }
          #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list {
            margin: 0;
            padding: 0;
            display: inline-block;
            width: 4.95vw;
            height: 1.79vw;
            text-align: center;
            position: relative;
            border-bottom: 1px solid #dce3e9; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list {
                width: 50vw;
                height: 6vw;
                margin: 10vw 0 0 0; } }
          #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list .page-numbers {
            vertical-align: middle;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 1.0271460015vw;
            /*display:table;*/
            color: #313131;
            text-decoration: none;
            line-height: 1em; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list .page-numbers {
                font-size: 3.3333333333vw; } }
          #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list .page-numbers span {
            /*display:table-cell;
            vertical-align:middle;*/
            padding: 0.15em 0 0 0; }
          #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.prevWrap {
            position: absolute;
            top: 0;
            left: 0;
            border: none;
            width: 17vw; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.prevWrap {
                width: 37vw;
                margin: 0; } }
            #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.prevWrap .page-numbers {
              position: relative;
              display: block;
              border-bottom: 1px solid #dce3e9;
              padding: 0 0.3em 0.5em;
              text-align: right; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.prevWrap .page-numbers {
                  font-size: 3.3333333333vw; } }
              #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.prevWrap .page-numbers span {
                padding: 0.7vw 0 0 0; }
              #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.prevWrap .page-numbers .arrow {
                display: inline-block;
                vertical-align: middle;
                color: #dce3e9;
                line-height: 1;
                position: absolute;
                width: 2em;
                height: 1px;
                background: currentColor;
                left: 0.5em;
                top: 50%;
                transform: translate(0, calc(-50% - 0.2em)); }
                #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.prevWrap .page-numbers .arrow::before {
                  content: '';
                  width: 0.35em;
                  height: 0.35em;
                  border: 1px solid currentColor;
                  border-right: 0;
                  border-bottom: 0;
                  transform: rotate(-45deg);
                  transform-origin: top left;
                  position: absolute;
                  top: 50%;
                  left: -0.05em;
                  box-sizing: border-box; }
          #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.nextWrap {
            position: absolute;
            top: 0;
            right: 0;
            border: none;
            width: 17vw; }
            @media screen and (max-width: 699px) {
              #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.nextWrap {
                width: 37vw;
                margin: 0; } }
            #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.nextWrap .page-numbers {
              position: relative;
              display: block;
              border-bottom: 1px solid #dce3e9;
              padding: 0 0.3em 0.5em;
              text-align: left; }
              @media screen and (max-width: 699px) {
                #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.nextWrap .page-numbers {
                  font-size: 3.3333333333vw; } }
              #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.nextWrap .page-numbers span {
                padding: 0.7vw 0 0 0; }
              #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.nextWrap .page-numbers .arrow {
                display: inline-block;
                vertical-align: middle;
                color: #dce3e9;
                line-height: 1;
                position: absolute;
                width: 2em;
                height: 1px;
                margin: 0 0 0 1em;
                background: currentColor;
                right: 0.5em;
                top: 50%;
                transform: translate(0, calc(-50% - 0.2em)); }
                #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list.nextWrap .page-numbers .arrow::after {
                  content: '';
                  width: 0.35em;
                  height: 0.35em;
                  border: 1px solid currentColor;
                  border-left: 0;
                  border-bottom: 0;
                  transform: rotate(45deg);
                  transform-origin: top right;
                  position: absolute;
                  top: 50%;
                  right: -0.05em;
                  box-sizing: border-box; }
          #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list .page-numbers:hover,
          #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list .page-numbers.current,
          #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list .page-numbers.active {
            opacity: 0.5; }
          #news .main .newsWrap .detailBox .listPaginationBox .nav-links .list .page-numbers.dots:hover {
            opacity: 1; }

/*#about*/