@charset "UTF-8";
/*砧 丸丸ゴシックASr StdN R */
/*
Kinuta MaruMaruGothic ASr StdN R
font-family: maru-maru-gothic-asr-stdn, sans-serif;
font-weight: 400;
font-style: normal;
*/
/*砧 丸明オールド StdN */
.marumiold {
  font-family: kinuta-maruminold-stdn, serif;
  font-weight: 400;
  font-style: normal; }

html {
  line-height: 1.3em;
  scroll-behavior: smooth;
  font-size: 10px; }
  @media (max-width: 1400px) {
    html {
      font-size: 10px; } }
  @media (max-width: 1300px) {
    html {
      font-size: 9px; } }
  @media (max-width: 1024px) {
    html {
      font-size: 8px; } }
  @media (max-width: 750px) {
    html {
      font-size: 10px; } }

body {
  font-family: maru-maru-gothic-asr-stdn, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-size: 1rem;
  color: #000;
  position: relative;
  height: 100%;
  letter-spacing: 0.1rem; }
  body.active {
    height: 100%;
    overflow: hidden; }

body > .wrapper {
  height: 100%;
  overflow: hidden;
  background-size: 100%;
  background-repeat: repeat-y;
  background-color: #f9f6f1; }

h1, h2, h3, h4, h5 {
  font-weight: 400;
  font-style: normal;
  text-align: left; }

.txt {
  line-height: 1.75em;
  margin-bottom: 2rem;
  font-size: 1.5rem; }
  .txt span {
    font-size: 0.8em; }
  .txt strong {
    font-weight: bold; }
  .txt a {
    color: #000;
    transition: all 0.5s; }
    .txt a.no_deco {
      text-decoration: none; }
  .txt.big {
    font-size: 1.7rem; }
  .txt.min {
    font-size: 1.0rem; }
  .txt.center {
    text-align: center !important; }
  @media (max-width: 750px) {
    .txt.sp_center {
      text-align: center !important; } }

.color01 {
  color: #000; }

a {
  text-decoration: none;
  color: #000;
  transition: all 0.5s; }

img {
  max-width: 100%; }

table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-bottom: 15px;
  width: 100%; }
  table tr {
    line-height: 2em; }
    table tr th {
      font-weight: 900;
      padding: 30px 1rem;
      background-color: #f9f6f1;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      text-align: right;
      vertical-align: top;
      font-size: 1.5rem;
      width: 40%; }
    table tr td {
      padding: 3rem 1.5rem;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      vertical-align: top;
      font-size: 1.5rem; }
  table .col10 {
    width: calc(100%/10); }
  table .col6 {
    width: calc(100%/6); }
  table .col5 {
    width: calc(100%/5); }
  table .col4 {
    width: calc(100%/4); }
  table .col3 {
    width: calc(100%/3); }
  table .col2 {
    width: calc(100%/2); }
  table .left {
    text-align: left; }
  table .right {
    text-align: right; }
  table .center {
    text-align: center; }
  table .mid {
    vertical-align: middle; }

input, select {
  -webkit-appearance: none;
  appearance: none; }

.no-link {
  pointer-events: none; }

@media (min-width: 750px) {
  .pc {
    display: inline-block; }

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

  .sp {
    display: inline-block; } }
/*============================
ヘッダー
============================*/
header.header {
  position: fixed;
  right: 5vw;
  top: 5vw;
  z-index: 1000; }
  @media (max-width: 750px) {
    header.header {
      width: 100%;
      height: 77px;
      background-color: #fff;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 500; } }
  header.header div.inner h1 {
    position: relative; }
    @media (max-width: 750px) {
      header.header div.inner h1 {
        padding-top: 25px;
        padding-left: 5vw; } }
    @media (max-width: 750px) {
      header.header div.inner h1 img {
        height: 31px; } }

/*============================
ハンバーガーメニュー
============================*/
.menu {
  position: fixed;
  left: 5vw;
  top: 5vw;
  z-index: 1000; }
  @media (max-width: 750px) {
    .menu {
      left: auto;
      right: 5vw;
      top: 35px; } }

/*============================
コンテンツ共通
============================*/
.inner {
  margin: 0 auto;
  max-width: 1300px;
  position: relative; }
  .inner.vw80 {
    width: 80vw; }
    @media (max-width: 750px) {
      .inner.vw80 {
        width: 90vw; } }

/*============================
縦見出し
============================*/
.tate {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 3.6rem;
  position: absolute; }
  @media (max-width: 750px) {
    .tate {
      font-size: 2.4rem; } }
  .tate span {
    display: inline-block;
    position: relative;
    line-height: 1.4em;
    padding-left: 0.2em;
    letter-spacing: 0.1em; }
    .tate span:before {
      display: block;
      content: "";
      height: 100%;
      background-color: #000;
      width: 2px;
      position: absolute;
      right: 0;
      top: 0; }
    .tate span.name {
      font-weight: 700;
      font-size: 2.4rem;
      margin-left: 0.4em; }
      @media (max-width: 750px) {
        .tate span.name {
          font-size: 1.8rem; } }
      .tate span.name:before {
        display: none; }

/*============================
コンテンツ見出し
============================*/
.content_title {
  font-size: 3.6rem;
  text-align: center; }
  .content_title:after {
    display: block;
    content: "";
    width: 6.4rem;
    border-bottom: 2px solid #000;
    padding-top: 1em;
    margin: 0 auto; }

/*============================
メインビジュアル
============================*/
div.content.mainvisual {
  padding-top: 15vw; }
  @media (max-width: 750px) {
    div.content.mainvisual {
      padding-top: 130px; } }
  @media (max-width: 750px) {
    div.content.mainvisual div.inner {
      text-align: center; } }
  div.content.mainvisual div.inner h1.tate.pagetitle {
    left: 0;
    top: 0; }
    @media (max-width: 750px) {
      div.content.mainvisual div.inner h1.tate.pagetitle {
        position: relative;
        left: auto;
        top: auto;
        display: inline-block;
        margin-bottom: 60px; } }
  div.content.mainvisual div.inner div.img {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2; }
    @media (max-width: 750px) {
      div.content.mainvisual div.inner div.img {
        margin-bottom: 0; } }
    div.content.mainvisual div.inner div.img img {
      width: 100%; }
  div.content.mainvisual div.inner div.block {
    max-width: 768px;
    margin: 0 auto;
    margin-top: -2.5vw;
    background-color: #fff;
    border-radius: 30px; }
    @media (max-width: 750px) {
      div.content.mainvisual div.inner div.block {
        padding: 10vw 5vw;
        margin-top: -10vw; } }
    div.content.mainvisual div.inner div.block p.txt {
      padding: 2.5vw;
      padding-top: 5vw;
      margin-bottom: 0;
      text-align: left; }

/*============================
ボタン
============================*/
.btn a {
  display: inline-block;
  text-align: center;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
  max-width: calc(80vw - 2em); }
  @media (min-width: 750px) {
    .btn a:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #000;
      z-index: 1;
      transform: scaleX(0);
      transform-origin: right center;
      transition: transform 0.5s; }
    .btn a:hover::before {
      transform: scaleX(1);
      transform-origin: left center; }
    .btn a span {
      transition: all 0.5s;
      position: relative;
      z-index: 2; }
      .btn a span:before {
        transition: all 0.5s; }
    .btn a:hover span {
      color: #fff; }
      .btn a:hover span:before {
        margin-left: 0.5em; }
    .btn a:after {
      transition: all 0.5s;
      z-index: 2;
      position: relative; }
    .btn a:hover::after {
      color: #fff; } }
.btn.btn01 {
  line-height: 2em;
  text-align: center; }
  .btn.btn01 a {
    font-size: 1.8rem;
    background-color: #f9f6f1;
    border-radius: 1.2em;
    line-height: 2.4em;
    padding: 0 1em; }
    .btn.btn01 a:after {
      content: "→";
      margin-left: 0.2em; }
@media (max-width: 750px) {
  .btn.btn02 {
    text-align: center; } }
.btn.btn02 a {
  font-size: 2.6rem;
  background-color: #fff;
  border-radius: 1.7em;
  line-height: 3.4em;
  padding: 0 1em;
  min-width: 300px; }
  @media (max-width: 750px) {
    .btn.btn02 a {
      width: calc(90vw - 2em);
      min-width: auto; } }
  .btn.btn02 a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: bold;
    font-size: 0.7em;
    vertical-align: top;
    margin-left: 1em; }

/*============================
リストコンテンツ
============================*/
section.content.list {
  margin-bottom: 5vw; }
  @media (max-width: 750px) {
    section.content.list div.inner {
      max-width: 100%; } }
  section.content.list div.inner h2.content_title {
    margin-bottom: 5vw; }
    @media (max-width: 750px) {
      section.content.list div.inner h2.content_title {
        margin-bottom: 15vw; } }
  section.content.list div.inner h2.sub_title {
    font-size: 2.4rem;
    margin-bottom: 1em;
    line-height: 1.3em;
    text-align: center; }
  section.content.list div.inner p.txt.outline {
    max-width: 500px;
    margin: 0 auto 5vw; }
    @media (max-width: 750px) {
      section.content.list div.inner p.txt.outline {
        max-width: 80vw;
        margin: 0 auto 10vw; } }
  section.content.list div.inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0; }
    @media (max-width: 750px) {
      section.content.list div.inner ul {
        margin: 0 0 30vw; } }
    section.content.list div.inner ul li {
      margin: 0 0 5vw;
      border-radius: 0 0 30px 30px;
      width: calc(50% - 2.5vw);
      margin: 0 0 5vw;
      position: relative;
      border-radius: 17.5vw 17.5vw 30px 30px;
      background-color: #fff;
      display: flex !important;
      flex-direction: column;
      				/*.bottom{
                          margin-top: auto;
                          margin-bottom: 2.5vw;
                      }*/ }
      @media (max-width: 750px) {
        section.content.list div.inner ul li {
          margin: 0 5vw 15vw;
          width: calc(100% - 2.5vw);
          border-radius: 45vw 45vw 30px 30px;
          opacity: 100% !important; } }
      section.content.list div.inner ul li div.img {
        width: 100%;
        padding: 5vw 0 2.5vw; }
        @media (max-width: 750px) {
          section.content.list div.inner ul li div.img {
            padding-top: 15vw; } }
        section.content.list div.inner ul li div.img img {
          width: 65%;
          display: block;
          margin: 0 auto; }
          @media (max-width: 750px) {
            section.content.list div.inner ul li div.img img {
              width: 50%;
              margin: 0 auto 5vw; } }
        section.content.list div.inner ul li div.img.top img {
          width: 90%; }
      section.content.list div.inner ul li h3 {
        text-align: center;
        font-size: 3.6rem;
        margin-bottom: 1.5em; }
        @media (max-width: 750px) {
          section.content.list div.inner ul li h3 {
            font-size: 2.4rem; } }
        section.content.list div.inner ul li h3:after {
          display: block;
          content: "";
          width: 6.4rem;
          border-bottom: 2px solid #000;
          padding-top: 1em;
          margin: 0 auto; }
        section.content.list div.inner ul li h3.min {
          font-size: 2.4rem; }
        section.content.list div.inner ul li h3 span.num {
          display: block;
          font-size: 4.8rem;
          font-weight: 700;
          margin-bottom: 0.5em; }
      section.content.list div.inner ul li p.catch {
        font-size: 2.4rem;
        text-align: center;
        margin-bottom: 1em;
        line-height: 1.5em; }
        @media (max-width: 750px) {
          section.content.list div.inner ul li p.catch {
            font-size: 2.0rem; } }
      section.content.list div.inner ul li p.txt {
        padding: 0 5vw;
        margin-bottom: 3.5em; }
      section.content.list div.inner ul li p.btn01 {
        margin-bottom: 2.5vw; }
        @media (max-width: 750px) {
          section.content.list div.inner ul li p.btn01 {
            margin-bottom: 5vw; } }
        section.content.list div.inner ul li p.btn01 a {
          font-size: 1.6rem; }

/*============================
サブページ共通
============================*/
div.content.sub {
  padding-top: 15vw;
  margin-bottom: 10vw; }
  @media (max-width: 750px) {
    div.content.sub {
      padding-top: 180px; } }
  div.content.sub div.inner {
    border-radius: 40vw 40vw 30px 30px;
    background-color: #fff;
    position: relative;
    padding: 0 7.5vw 7.5vw;
    width: 65vw;
    text-align: center; }
    @media (max-width: 750px) {
      div.content.sub div.inner {
        padding: 0 5vw 10vw;
        width: 80vw; } }
    div.content.sub div.inner h1.tate.pagetitle {
      position: absolute;
      top: 2.5vw;
      left: 5vw; }
      @media (max-width: 750px) {
        div.content.sub div.inner h1.tate.pagetitle {
          position: relative;
          top: auto;
          left: auto;
          display: inline-block;
          padding-top: 10vw;
          height: 9em; } }
    div.content.sub div.inner div.img {
      position: relative;
      text-align: center;
      padding-top: 10vw;
      max-width: 200px;
      margin: 0 auto 15px; }
      @media (max-width: 750px) {
        div.content.sub div.inner div.img {
          padding-top: 0;
          max-width: 120px; } }
    div.content.sub div.inner p.txt.center {
      margin-bottom: 5vw; }
      @media (max-width: 750px) {
        div.content.sub div.inner p.txt.center {
          margin-bottom: 10vw; } }

/*============================
footer上部のリンク
============================*/
section.common_link div.inner ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.25vw 10vw; }
  section.common_link div.inner ul li {
    width: calc(100%/3 - 2.5vw);
    margin: 0 1.25vw; }
    @media (max-width: 750px) {
      section.common_link div.inner ul li {
        width: 100%;
        margin-bottom: 5vw; } }
    section.common_link div.inner ul li a {
      display: block;
      background-color: #fff;
      padding: 2.5vw;
      border-radius: 30px;
      position: relative; }
      @media (max-width: 750px) {
        section.common_link div.inner ul li a {
          padding: 0; } }
      section.common_link div.inner ul li a:before {
        padding-top: 100%;
        content: "";
        display: block; }
        @media (max-width: 750px) {
          section.common_link div.inner ul li a:before {
            padding-top: 125px; } }
      section.common_link div.inner ul li a img {
        width: calc(100% - 8vw);
        position: absolute;
        top: 3vw;
        left: 4vw;
        transition: all 0.5s; }
        @media (max-width: 750px) {
          section.common_link div.inner ul li a img {
            top: 5vw;
            left: 5vw;
            width: calc(125px - 10vw); } }
      section.common_link div.inner ul li a p {
        font-size: 2.4rem;
        width: 100%;
        border: 2.5vw;
        font-size: 2rem;
        text-align: center; }
        @media (max-width: 750px) {
          section.common_link div.inner ul li a p {
            line-height: 125px;
            padding-left: 40px;
            position: absolute;
            width: calc(100% - 40px);
            left: 0;
            top: 0; } }
      @media (min-width: 750px) {
        section.common_link div.inner ul li a:hover {
          box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1); }
          section.common_link div.inner ul li a:hover img {
            transform: scale(1.1); } }

/*============================
フッター
============================*/
footer.footer {
  background-color: #fff;
  padding: 7.5vw 0; }
  @media (max-width: 750px) {
    footer.footer {
      padding: 20vw 0; } }
  @media (max-width: 750px) {
    footer.footer div.inner {
      padding: 7.5vw; } }
  footer.footer div.inner div.sitemap {
    display: flex;
    width: 40%;
    float: left; }
    @media (max-width: 750px) {
      footer.footer div.inner div.sitemap {
        width: 100%;
        margin-bottom: 20vw; } }
    footer.footer div.inner div.sitemap ul {
      width: 50%; }
      footer.footer div.inner div.sitemap ul li {
        margin-bottom: 2em; }
        footer.footer div.inner div.sitemap ul li a {
          font-size: 1.5rem; }
  footer.footer div.inner div.info {
    float: right; }
    @media (max-width: 750px) {
      footer.footer div.inner div.info {
        float: none; } }
    footer.footer div.inner div.info h2.footer_logo {
      font-size: 1.2rem;
      margin-bottom: 1em; }
      footer.footer div.inner div.info h2.footer_logo span {
        display: block;
        font-size: 2.3rem;
        padding-top: 0.5em;
        font-family: kinuta-maruminold-stdn, serif; }
  footer.footer div.inner p.copyright {
    clear: both;
    font-size: 1.5rem; }
    @media (max-width: 750px) {
      footer.footer div.inner p.copyright {
        padding-top: 15vw; } }

@media (min-width: 750px) {
  .z2 {
    z-index: 2 !important; }

  /*上部マージン*/
  .t-45 {
    margin-top: -45vw; }

  .t-40 {
    margin-top: -40vw; }

  .t-35 {
    margin-top: -35vw; }

  .t-30 {
    margin-top: -30vw; }

  .t-25 {
    margin-top: -25vw; }

  .t-20 {
    margin-top: -20vw; }

  .t-15 {
    margin-top: -15vw; }

  .t-10 {
    margin-top: -10vw; }

  .t-7_5 {
    margin-top: -7.5vw; }

  .t-5 {
    margin-top: -5vw; }

  .t-2_5 {
    margin-top: -2.5vw; }

  .t0 {
    margin-top: 0; }

  .t2_5 {
    margin-top: 2.5vw; }

  .t5 {
    margin-top: 5vw; }

  .t7_5 {
    margin-top: 7.5vw; }

  .t10 {
    margin-top: 10vw; }

  .t15 {
    margin-top: 15vw; }

  .t20 {
    margin-top: 20vw; }

  .t25 {
    margin-top: 25vw; }

  /*下部マージン*/
  .b5 {
    margin-bottom: 5vw; }

  .b10 {
    margin-bottom: 10vw; }

  .b15 {
    margin-bottom: 15vw; }

  .b20 {
    margin-bottom: 20vw; }

  /*左padding*/
  .pl5 {
    padding-left: 5vw; }

  .pl7_5 {
    padding-left: 7.5vw; }

  .pl10 {
    padding-left: 10vw; }

  .pl15 {
    padding-left: 15vw; }

  .pl20 {
    padding-left: 20vw; }

  .pl25 {
    padding-left: 25vw; }

  .pl30 {
    padding-left: 30vw; }

  .pl35 {
    padding-left: 35vw; }

  .pl40 {
    padding-left: 40vw; }

  .pl42_5 {
    padding-left: 42.5vw; }

  .pl45 {
    padding-left: 45vw; }

  .pl50 {
    padding-left: 50vw; }

  .pl55 {
    padding-left: 55vw; }

  .pl57_5 {
    padding-left: 57.5vw; }

  .pl60 {
    padding-left: 60vw; }

  .pl62_5 {
    padding-left: 62.5vw; }

  .pl65 {
    padding-left: 65vw; }

  .pl70 {
    padding-left: 70vw; }

  .pl72_5 {
    padding-left: 72.5vw; }

  .pl77_5 {
    padding-left: 77.5vw; }

  /*右padding*/
  .pr5 {
    padding-right: 5vw; }

  .pr10 {
    padding-right: 10vw; }

  .pr15 {
    padding-right: 15vw; }

  .pr20 {
    padding-right: 20vw; }

  .pr25 {
    padding-right: 25vw; }

  .pr30 {
    padding-right: 30vw; }

  .pr35 {
    padding-right: 35vw; }

  .pr37_5 {
    padding-right: 37.5vw; }

  .pr40 {
    padding-right: 40vw; }

  .pr45 {
    padding-right: 45vw; }

  .pr50 {
    padding-right: 50vw; }

  .pr55 {
    padding-right: 55vw; }

  .pr60 {
    padding-right: 60vw; }

  .pr65 {
    padding-right: 65vw; }

  /*左marging*/
  .ml-5 {
    margin-left: -5vw; }

  .ml-2_5 {
    margin-left: -2.5vw; }

  /*右marging*/
  .mr-2_5 {
    margin-right: -2.5vw; }

  /*幅*/
  .w15 {
    width: 15vw; }

  .w20 {
    width: 20vw; }

  .w25 {
    width: 25vw; }

  .w30 {
    width: 30vw; }

  .w35 {
    width: 35vw; }

  .w40 {
    width: 40vw; }

  .w45 {
    width: 45vw; }

  .w50 {
    width: 50vw; }

  .w55 {
    width: 55vw; }

  .w60 {
    width: 60vw; }

  .w65 {
    width: 65vw; }

  .w70 {
    width: 70vw; }

  .w75 {
    width: 75vw; }

  .w80 {
    width: 80vw; }

  .w85 {
    width: 85vw; }

  .w90 {
    width: 90vw; }

  .w95 {
    width: 95vw; }

  .w100 {
    width: 100vw; } }
@media (max-width: 750px) {
  /*上下入れ替え*/
  .rev {
    flex-direction: column !important; }
    .rev div.txt_block {
      order: 1; }

  .order1 {
    order: 1;
    /*後にしたいほうにつける*/ }

  .sz2 {
    z-index: 2 !important; }

  /*上部マージン*/
  .st-50 {
    margin-top: -50vw; }

  .st-45 {
    margin-top: -45vw; }

  .st-40 {
    margin-top: -40vw; }

  .st-35 {
    margin-top: -35vw; }

  .st-30 {
    margin-top: -30vw; }

  .st-25 {
    margin-top: -25vw; }

  .st-20 {
    margin-top: -20vw; }

  .st-15 {
    margin-top: -15vw; }

  .st-10 {
    margin-top: -10vw; }

  .st-5 {
    margin-top: -5vw; }

  .st-2_5 {
    margin-top: -2.5vw; }

  .st0 {
    margin-top: 0; }

  .st5 {
    margin-top: 5vw; }

  .st10 {
    margin-top: 10vw; }

  .st15 {
    margin-top: 15vw; }

  .st20 {
    margin-top: 20vw; }

  .st25 {
    margin-top: 25vw; }

  .st30 {
    margin-top: 30vw; }

  /*下部マージン*/
  .sb5 {
    margin-bottom: 5vw; }

  .sb10 {
    margin-bottom: 10vw; }

  .sb15 {
    margin-bottom: 15vw; }

  .sb20 {
    margin-bottom: 20vw; }

  .sb25 {
    margin-bottom: 25vw; }

  .sb30 {
    margin-bottom: 30vw; }

  .sb35 {
    margin-bottom: 35vw; }

  .sb40 {
    margin-bottom: 40vw; }

  .sb45 {
    margin-bottom: 45vw; }

  /*左padding*/
  .spl2_5 {
    padding-left: 2.5vw; }

  .spl5 {
    padding-left: 5vw; }

  .spl7_5 {
    padding-left: 7.5vw; }

  .spl10 {
    padding-left: 10vw; }

  .spl12_5 {
    padding-left: 12.5vw; }

  .spl15 {
    padding-left: 15vw; }

  .spl20 {
    padding-left: 20vw; }

  .spl25 {
    padding-left: 25vw; }

  .spl30 {
    padding-left: 30vw; }

  .spl35 {
    padding-left: 35vw; }

  .spl40 {
    padding-left: 40vw; }

  .spl45 {
    padding-left: 45vw; }

  .spl50 {
    padding-left: 50vw; }

  .spl55 {
    padding-left: 55vw; }

  .spl60 {
    padding-left: 60vw; }

  .spl65 {
    padding-left: 65vw; }

  .spl70 {
    padding-left: 70vw; }

  .spl75 {
    padding-left: 75vw; }

  /*右padding*/
  .spr5 {
    padding-right: 5vw; }

  .spr10 {
    padding-right: 10vw; }

  .spr15 {
    padding-right: 15vw; }

  .spr20 {
    padding-right: 20vw; }

  .spr25 {
    padding-right: 25vw; }

  .spr30 {
    padding-right: 30vw; }

  .spr35 {
    padding-right: 35vw; }

  .spr40 {
    padding-right: 40vw; }

  .spr45 {
    padding-right: 45vw; }

  .spr50 {
    padding-right: 50vw; }

  .spr55 {
    padding-right: 55vw; }

  .spr60 {
    padding-right: 60vw; }

  .spr65 {
    padding-right: 65vw; }

  /*左margin*/
  .sml-2_5 {
    margin-left: -2.5vw; }

  .sml-5 {
    margin-left: -5vw; }

  .sml-7_5 {
    margin-left: -7.5vw; }

  .sml-10 {
    margin-left: 10vw; }

  .sml2_5 {
    margin-left: 2.5vw; }

  .sml5 {
    margin-left: 5vw; }

  .sml7_5 {
    margin-left: 7.5vw; }

  .sml10 {
    margin-left: 10vw; }

  .sml15 {
    margin-left: 15vw; }

  .sml20 {
    margin-left: 20vw; }

  /*右margin*/
  .smr-2_5 {
    margin-right: -2.5vw; }

  .smr-5 {
    margin-right: -5vw; }

  .smr-7_5 {
    margin-right: -7.5vw; }

  .smr-10 {
    margin-right: -10vw; }

  /*幅*/
  .sw15 {
    width: 15vw; }

  .sw20 {
    width: 20vw; }

  .sw25 {
    width: 25vw; }

  .sw30 {
    width: 30vw; }

  .sw35 {
    width: 35vw; }

  .sw40 {
    width: 40vw; }

  .sw45 {
    width: 45vw; }

  .sw50 {
    width: 50vw; }

  .sw55 {
    width: 55vw; }

  .sw60 {
    width: 60vw; }

  .sw65 {
    width: 65vw; }

  .sw70 {
    width: 70vw; }

  .sw75 {
    width: 75vw; }

  .sw80 {
    width: 80vw; }

  .sw85 {
    width: 85vw; }

  .sw90 {
    width: 90vw; }

  .sw95 {
    width: 95vw; }

  .sw100 {
    width: 100vw; } }